{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-01",
  "title": "3-column icon grid",
  "description": "Three-column feature grid with bordered icon squares, a left-aligned label, and one-line descriptions — the minimal baseline for any feature section.",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "content/components/features/features-01.tsx",
      "content": "import { Zap, Shield, BarChart3 } from \"lucide-react\"\n\nconst features = [\n  {\n    icon: Zap,\n    title: \"Instant deployment\",\n    description: \"Push to main and your changes are live in under 30 seconds.\",\n  },\n  {\n    icon: Shield,\n    title: \"Built-in security\",\n    description: \"TLS by default, CSP headers, and automated dependency audits.\",\n  },\n  {\n    icon: BarChart3,\n    title: \"Real-time analytics\",\n    description: \"Track performance metrics the moment traffic hits your routes.\",\n  },\n]\n\nexport default function Features01() {\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-5xl px-6 sm:px-10\">\n        <div className=\"mb-14 max-w-xl\">\n          <span className=\"font-mono text-[11px] uppercase tracking-widest text-muted-foreground\">\n            Features\n          </span>\n          <h2 className=\"mt-3 text-balance text-3xl font-semibold tracking-tight sm:text-4xl\">\n            Everything your stack needs, nothing it doesn&apos;t.\n          </h2>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-10 sm:grid-cols-3\">\n          {features.map(({ icon: Icon, title, description }) => (\n            <div key={title} className=\"flex flex-col gap-4\">\n              <div className=\"grid size-10 place-items-center rounded-xl border border-border bg-muted\">\n                <Icon className=\"size-5 text-foreground\" strokeWidth={1.5} />\n              </div>\n              <div>\n                <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n                <p className=\"mt-1 text-sm text-muted-foreground text-pretty\">{description}</p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/features-01.tsx"
    }
  ],
  "categories": [
    "features"
  ],
  "type": "registry:block"
}