{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "features-02",
  "title": "2-column check list",
  "description": "Ten feature lines split across two card columns, each item led by a filled check badge — fast to scan, zero visual noise.",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "content/components/features/features-02.tsx",
      "content": "import { Check } from \"lucide-react\"\n\nconst left = [\n  \"Automatic SSL certificate provisioning\",\n  \"Edge caching across 100+ PoPs\",\n  \"Zero-config CI/CD pipeline\",\n  \"Role-based access control\",\n  \"Custom domain with instant propagation\",\n]\n\nconst right = [\n  \"Structured logs with full-text search\",\n  \"Webhook delivery with automatic retries\",\n  \"Rate limiting and abuse protection\",\n  \"SOC 2 Type II compliant infrastructure\",\n  \"99.99% uptime SLA with status page\",\n]\n\nfunction CheckItem({ text }: { text: string }) {\n  return (\n    <li className=\"flex items-start gap-3 text-sm text-foreground\">\n      <span className=\"mt-0.5 grid size-5 shrink-0 place-items-center rounded-full bg-primary/10\">\n        <Check className=\"size-3 text-primary\" strokeWidth={3} />\n      </span>\n      {text}\n    </li>\n  )\n}\n\nexport default function Features02() {\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-lg text-center mx-auto\">\n          <h2 className=\"text-balance text-3xl font-semibold tracking-tight sm:text-4xl\">\n            Production-grade by default.\n          </h2>\n          <p className=\"mt-3 text-pretty text-sm text-muted-foreground sm:text-base\">\n            Every tier includes the infrastructure features teams spend months bolting on.\n          </p>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-6 md:grid-cols-2\">\n          <ul className=\"flex flex-col gap-4 rounded-2xl border border-border bg-card p-6 sm:p-8\">\n            {left.map((t) => (\n              <CheckItem key={t} text={t} />\n            ))}\n          </ul>\n          <ul className=\"flex flex-col gap-4 rounded-2xl border border-border bg-card p-6 sm:p-8\">\n            {right.map((t) => (\n              <CheckItem key={t} text={t} />\n            ))}\n          </ul>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/features-02.tsx"
    }
  ],
  "categories": [
    "features"
  ],
  "type": "registry:block"
}