Waves

import { Waves } from "@/components/ui/waves";

export default function Example() {
  return (
    <div className="relative h-[500px] w-full overflow-hidden">
      <Waves
        lineColor="rgba(55, 50, 47, 0.2)"
        waveSpeedX={0.02}
        waveSpeedY={0.01}
        waveAmpX={40}
        waveAmpY={20}
      />
      <div className="relative z-10 flex h-full items-center justify-center">
        <h1>Content over waves</h1>
      </div>
    </div>
  );
}