Shader background

import { Button } from "@/components/ui/button"
import { ShaderBackground } from "@/components/ui/shader-background"

export function ShaderBackgroundDemo() {
  return (
    <ShaderBackground className="rounded-overlay border border-border" contentClassName="grid min-h-64 content-center justify-items-start gap-4 p-6 sm:p-10" intensity={0.42}>
            <p className="text-xs font-medium uppercase tracking-[0.08em]">Ship day</p>
            <h3 className="max-w-md text-3xl font-semibold tracking-tight sm:text-4xl">A background that moves slowly and stays out of the way</h3>
            <Button>Get started</Button>
          </ShaderBackground>
  );
}