Radial Socials

import {
  RadialSocials,
  RadialSocialsContent,
  RadialCircular,
  RadialIcon,
} from '@/components/ui/radial-socials';

<RadialSocials
  animationDelay={200}
  expandDuration={600}
  className='w-50 h-[120px]'
>
  <RadialSocialsContent>
    <RadialCircular radius={70} duration={20} startAngle={39}>
      <RadialIcon icon={<Zap className='w-5 h-5' />} />
      <RadialIcon icon={<Rocket className='w-5 h-5' />} />
      <RadialIcon icon={<Flame className='w-5 h-5' />} />
      <RadialIcon icon={<Wind className='w-5 h-5' />} />
    </RadialCircular>
  </RadialSocialsContent>
</RadialSocials>