Wave

import { Wave } from "@/components/ui/wave";

const settings = {
  speed: 0.5,
  tiles: 1,
};

export default function DemoOne(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <main className="flex relative justify-center items-center">
      <Wave className="absolute" speed={s.speed} tiles={s.tiles} />
      <h1 className="text-center absolute mt-8 text-5xl font-semibold">
        Gradient Wave
      </h1>
    </main>
  );
}