{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-grid",
  "type": "registry:component",
  "title": "Features Grid",
  "description": "Six-column grid showcasing product features with icons. Perfect for landing pages.",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "registry/new-york/blocks/features/features-grid.tsx",
      "content": "import {\n  Code,\n  LayoutGrid,\n  Palette,\n  Sparkles,\n  Terminal,\n  Zap,\n} from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\nconst demoFeatures = [\n  {\n    icon: Sparkles,\n    title: \"Animations & Effects\",\n    description:\n      \"Border Beam, text effects and other animations for attractive interfaces\",\n  },\n  {\n    icon: Zap,\n    title: \"Instant Installation\",\n    description:\n      \"One CLI command — and the component is in your project. No package dependencies\",\n  },\n  {\n    icon: Code,\n    title: \"Full Control\",\n    description:\n      \"Code is copied to your project. Modify anything without restrictions\",\n  },\n  {\n    icon: Palette,\n    title: \"Flexible Styling\",\n    description:\n      \"Tailwind CSS and CSS variables for easy customization to match your brand\",\n  },\n  {\n    icon: LayoutGrid,\n    title: \"Ready-made Blocks\",\n    description:\n      \"Sections for landing pages, forms, cards — assemble pages like building blocks\",\n  },\n  {\n    icon: Terminal,\n    title: \"shadcn CLI\",\n    description: \"Full compatibility with shadcn CLI. Use familiar commands\",\n  },\n]\n\ninterface Feature {\n  icon: React.ComponentType<{ className?: string }>\n  title: string\n  description: string\n}\n\ninterface FeaturesGridProps {\n  title?: string\n  subtitle?: string\n  features?: Feature[]\n  className?: string\n}\n\nfunction FeatureCard({ icon: Icon, title, description }: Feature) {\n  return (\n    <div className=\"rounded-xl border bg-card p-6 transition-colors hover:bg-muted/50\">\n      <div className=\"mb-4 flex size-12 items-center justify-center rounded-lg bg-primary/10\">\n        <Icon className=\"size-6 text-primary\" />\n      </div>\n      <h3 className=\"mb-2 font-semibold tracking-tight\">{title}</h3>\n      <p className=\"text-sm text-muted-foreground leading-relaxed\">\n        {description}\n      </p>\n    </div>\n  )\n}\n\nexport function FeaturesGrid({\n  title = \"Everything for Modern Development\",\n  subtitle = \"Components that save time and help you build quality products\",\n  features = demoFeatures,\n  className,\n}: FeaturesGridProps) {\n  return (\n    <section className={cn(\"py-20 px-6\", className)}>\n      <div className=\"mx-auto max-w-6xl\">\n        <div className=\"mb-12 text-center\">\n          <h2 className=\"text-3xl font-bold tracking-tight md:text-4xl\">\n            {title}\n          </h2>\n          <p className=\"mx-auto mt-4 max-w-2xl text-lg text-muted-foreground\">\n            {subtitle}\n          </p>\n        </div>\n\n        <div className=\"grid gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n          {features.map((feature) => (\n            <FeatureCard key={feature.title} {...feature} />\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport type { Feature, FeaturesGridProps }\n",
      "type": "registry:component"
    }
  ]
}