{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feature-grid",
  "title": "Feature Grid",
  "description": "Product feature grid with editable CONTENT and FEATURES.",
  "files": [
    {
      "path": "registry/default/blocks/feature-grid.tsx",
      "content": "/**\n * Edit CONTENT / FEATURES for your product landing page.\n */\nconst CONTENT = {\n  stamp: \"Product\",\n  headlineBefore: \"Everything you need to\",\n  headlineAccent: \"ship the page\",\n  headlineAfter: \".\",\n  lede: \"Replace these with your real product pillars. Keep one job per card.\",\n}\n\nconst FEATURES = [\n  {\n    title: \"Owned source\",\n    detail:\n      \"CLI installs land in your repo. Edit copy, fork layout, keep git history.\",\n  },\n  {\n    title: \"Dark-first tokens\",\n    detail:\n      \"Black canvas, brand accent, glass surfaces — light mode as an alternate.\",\n  },\n  {\n    title: \"Host APIs\",\n    detail:\n      \"Optional hardened /api handlers. Bring your own keys; AtroUI holds none.\",\n  },\n  {\n    title: \"Production sections\",\n    detail:\n      \"Heroes, pricing, forms, and tools extracted from shipped studio work.\",\n  },\n  {\n    title: \"Brand chrome\",\n    detail:\n      \"getBrand() keeps headers, footers, and mailto coherent across pages.\",\n  },\n  {\n    title: \"BYOK tools\",\n    detail:\n      \"OG, thumbnail, and scope demos run preview/rules without paid keys.\",\n  },\n]\n\nexport function FeatureGrid() {\n  return (\n    <section className=\"border-t border-border-subtle\">\n      <div className=\"border-b border-border-subtle\">\n        <div className=\"mx-auto max-w-7xl border-x border-border-subtle px-6 py-12 sm:px-10 sm:py-16\">\n          <div className=\"max-w-2xl\">\n            <p className=\"text-[11px] font-semibold tracking-[0.14em] text-muted-foreground uppercase\">\n              {CONTENT.stamp}\n            </p>\n            <h2 className=\"mt-4 text-3xl font-medium tracking-tight text-foreground sm:text-5xl\">\n              {CONTENT.headlineBefore}{\" \"}\n              <span className=\"italic text-[var(--color-brand,#0b7bff)]\">\n                {CONTENT.headlineAccent}\n              </span>\n              {CONTENT.headlineAfter}\n            </h2>\n            <p className=\"mt-4 max-w-lg text-[15px] leading-relaxed text-muted-foreground\">\n              {CONTENT.lede}\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"border-b border-border-subtle\">\n        <div className=\"mx-auto max-w-7xl border-x border-border-subtle\">\n          <ul className=\"grid grid-cols-1 gap-px overflow-hidden bg-border-subtle sm:grid-cols-2 md:grid-cols-3\">\n            {FEATURES.map((feature, i) => (\n              <li key={feature.title} className=\"bg-background p-6 sm:p-8\">\n                <p className=\"font-mono text-[11px] tabular-nums text-muted-foreground\">\n                  {String(i + 1).padStart(2, \"0\")}\n                </p>\n                <h3 className=\"mt-3 text-lg font-medium text-foreground\">\n                  {feature.title}\n                </h3>\n                <p className=\"mt-2 text-sm leading-relaxed text-muted-foreground\">\n                  {feature.detail}\n                </p>\n              </li>\n            ))}\n          </ul>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/feature-grid.tsx"
    }
  ],
  "type": "registry:block"
}