Hero Shader for Tunepact

import { DitheringShader } from "@/components/ui/hero-shader-for-tunepact";

export default function DemoOne() {
  return (
    <div className="relative flex h-[274px] w-[274px] items-center justify-center overflow-hidden bg-[#1f2423]">
      <DitheringShader
        shape="wave"
        type="8x8"
        colorBack="#1f2423"
        colorFront="#ff66c4"
        pxSize={1.5}
        speed={1.5}
        width={274}
        height={274}
        className="absolute inset-0 h-full w-full"
        style={{
          width: "274px",
          height: "274px",
        }}
      />
    </div>
  );
}