Grid distortion

import { GridDistortion } from "@/components/ui/grid-distortion";

const GridDistortionDemo = () => {
  return (
    <div className="w-screen h-screen bg-neutral-800">
      <GridDistortion
        className="w-full h-full"
        imageSrc="https://images.unsplash.com/photo-1500964757637-c85e8a162699?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80"
        grid={25}
        mouse={0.25}
        strength={0.3}
        relaxation={0.93}
      />
    </div>
  );
};

export { GridDistortionDemo };