Spark Waves

import { SparkWaves } from '@/components/ui/spark-waves';

<SparkWaves
  sparkColor='#818cf8'
  sparkSize={12}
  sparkCount={28}
  duration={4500}
  waveInterval={1600}
  maxRadius={900}
  ringsPerWave={7}
  ringSpacing={55}
  enableInward={true}
  className='w-full h-87.5'
>
  <h2 className='bg-clip-text text-transparent text-center bg-linear-to-b from-neutral-900 to-neutral-700 dark:from-neutral-600 dark:to-white text-2xl md:text-4xl lg:text-7xl font-sans py-2 md:py-10 relative z-20 font-bold tracking-tight'>
    Spark Waves Animation, <br /> Background.
  </h2>
</SparkWaves>