{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "about-02",
  "title": "Centered mission + stats row",
  "description": "Full-width centered mission statement above a four-column stat grid with hairline separators — density without clutter.",
  "files": [
    {
      "path": "content/components/about/about-02.tsx",
      "content": "const stats = [\n  { value: \"4.2M\", label: \"Components installed\" },\n  { value: \"38K\", label: \"Active projects\" },\n  { value: \"99.9%\", label: \"Uptime SLA\" },\n  { value: \"< 30s\", label: \"Avg. deploy time\" },\n]\n\nexport default function About02() {\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-4xl px-6 sm:px-10 text-center\">\n        <span className=\"font-mono text-[11px] uppercase tracking-widest text-muted-foreground\">\n          Mission\n        </span>\n        <h2 className=\"mt-4 text-balance text-3xl font-semibold tracking-tight text-foreground sm:text-5xl\">\n          Ship great interfaces faster.\n        </h2>\n        <p className=\"mx-auto mt-6 max-w-2xl text-base text-muted-foreground text-pretty leading-relaxed sm:text-lg\">\n          We build production-grade UI sections so engineering teams can focus on\n          the logic that differentiates their product — not the scaffolding. Every\n          block ships with dark mode, accessibility, and responsive behavior out\n          of the box.\n        </p>\n\n        {/* Stats row */}\n        <div className=\"mt-16 grid grid-cols-2 gap-px overflow-hidden rounded-2xl border border-border bg-border sm:grid-cols-4\">\n          {stats.map((s) => (\n            <div\n              key={s.label}\n              className=\"flex flex-col items-center gap-1.5 bg-card p-8\"\n            >\n              <span className=\"tabular-nums text-3xl font-semibold tracking-tight text-foreground\">\n                {s.value}\n              </span>\n              <span className=\"text-xs text-muted-foreground\">{s.label}</span>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/about-02.tsx"
    }
  ],
  "categories": [
    "about"
  ],
  "type": "registry:block"
}