Dither Prism Hero

import DitherPrismHero from "@/components/ui/dither-prism-hero";

const settings = {
  title1: "Dither",
  title2: "Prism",
  color1: "#0f0f23",
  color2: "#6366f1",
  color3: "#ec4899",
  speed: 1,
  ditherIntensity: 0.15,
  prismIntensity: 0.5,
  particleCount: 50,
  showParticles: true,
  particleColor: "#ffffff",
};

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="h-screen w-full">
      <DitherPrismHero {...s} />
    </div>
  );
}