{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feature-cards-block-shadcnui",
  "type": "registry:block",
  "title": "Feature Cards Grid",
  "description": "Three feature cards with icons, hover effects, and glassmorphism styling",
  "registryDependencies": [
    "button",
    "card"
  ],
  "dependencies": [
    "framer-motion",
    "react"
  ],
  "files": [
    {
      "path": "@uitripled/react-shadcn/src/components/sections/feature-cards-block.tsx",
      "content": "\"use client\";\n\nimport { Card } from \"@/components/ui/card\";\nimport { Shield, Sparkles, Zap } from \"lucide-react\";\n\nexport function FeatureCardsBlock() {\n  const features = [\n    {\n      icon: Zap,\n      title: \"Lightning Fast\",\n      description:\n        \"Built for speed with optimized performance and instant loading times.\",\n    },\n    {\n      icon: Shield,\n      title: \"Secure by Default\",\n      description:\n        \"Enterprise-grade security with built-in protection and compliance.\",\n    },\n    {\n      icon: Sparkles,\n      title: \"Beautiful Design\",\n      description: \"Pixel-perfect interfaces that users love to interact with.\",\n    },\n  ];\n\n  return (\n    <section className=\"px-6 py-32\">\n      <div className=\"mx-auto max-w-7xl\">\n        <div className=\"mb-20 space-y-5 text-center\">\n          <h2 className=\"text-5xl font-bold tracking-tight md:text-6xl\">\n            Everything you need\n          </h2>\n          <p className=\"mx-auto max-w-2xl text-lg leading-relaxed text-muted-foreground md:text-xl\">\n            Powerful features that help you build better products faster\n          </p>\n        </div>\n\n        <div className=\"grid gap-8 md:grid-cols-3\">\n          {features.map((feature, index) => (\n            <Card\n              key={index}\n              className=\"group cursor-pointer border border-border/50 bg-background/50 p-10 backdrop-blur-xl transition-all duration-500 hover:border-border\"\n            >\n              <div className=\"mb-8 flex h-14 w-14 items-center justify-center rounded-2xl bg-foreground/[0.04] transition-all duration-300 group-hover:scale-110 group-hover:bg-foreground/[0.08]\">\n                <feature.icon className=\"h-6 w-6\" />\n              </div>\n              <h3 className=\"mb-4 text-2xl font-semibold tracking-tight\">\n                {feature.title}\n              </h3>\n              <p className=\"text-base leading-relaxed text-muted-foreground\">\n                {feature.description}\n              </p>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:block",
      "target": "components/uitripled/feature-cards-block-shadcnui.tsx"
    }
  ]
}