Glassmorphic Features Grid

import Component from "@/components/ui/glassmorphic-features-grid"

export default function DemoOne() {
  return (<main className="py-12">
        <div className="container mx-auto px-4">
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold text-white mb-4">Glassmorphic Features Grid</h1>
          <p className="text-slate-400 text-lg max-w-2xl mx-auto">
             A modern, interactive glassmorphic features grid layout with particle effects, spotlight animations, and smooth hover
            interactions.
          </p>
        </div>

        <Component
          enableStars={true}
          enableSpotlight={true}
          enableBorderGlow={true}
          enableTilt={false}
          enableMagnetism={true}
          clickEffect={true}
          particleCount={8}
          spotlightRadius={300}
          glowColor="59, 130, 246"
        />
      </div>
    </main>)
}