Light Speed

import { LightSpeed } from "@/components/ui/light-speed";

const settings = {
  speed: 2.4,
  particleCount: 1000,
};

export default function LightSpeedDemo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="relative h-[500px] w-full overflow-hidden rounded-xl bg-black">
      <LightSpeed
        lightColor="#b026ff"
        speed={s.speed}
        particleCount={s.particleCount}
      />
      <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
        <h1 className="font-mono text-5xl font-bold uppercase tracking-widest text-white sm:text-7xl">
          Light Speed
        </h1>
      </div>
    </div>
  );
}