Glowing Dot Grid

import { GlowingDotGrid } from "@/components/ui/glowing-dot-grid"

export default function Hero() {
  return (
    <div className="h-screen w-full">
      <GlowingDotGrid 
        columns={16}
        rows={10}
        dotColor="#A9C9FF"
        hoverScale={15}
        showVignette={true}
      >
        <div className="text-center">
          <h1 className="text-4xl font-bold text-white">Your Hero Title</h1>
        </div>
      </GlowingDotGrid>
    </div>
  )
}