Design Meets Innovation

import ThreeScene from "@/components/ui/design-meets-innovation";

const settings = {
  color1: [0.1, 0.2, 0.8],
  color2: [0.8, 0.1, 0.5],
};

export default function DemoOne(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="relative w-full h-[500px] bg-black">
      {/* Light‐mode theme */}
      <ThreeScene color1={s.color1} color2={s.color2} />

      {/* Dark‐mode overlay example */}
      <div className="absolute inset-0 mix-blend-overlay" />
    </div>
  );
}