{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stats-02",
  "title": "Four-stat tile grid",
  "description": "Four metric tiles with kicker, value and one-line context each — works on every neutral page.",
  "files": [
    {
      "path": "content/components/stats/stats-02.tsx",
      "content": "const stats = [\n  { v: \"12k+\", l: \"Builders shipping\", k: \"Active users\" },\n  { v: \"135\", l: \"Production blocks\", k: \"Across 9 categories\" },\n  { v: \"99.9%\", l: \"Registry uptime\", k: \"Past 90 days\" },\n  { v: \"$0\", l: \"Runtime cost\", k: \"Static .json endpoint\" },\n]\n\nexport default function Stats02() {\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=\"flex flex-col gap-3 text-center\">\n          <span className=\"text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground\">\n            By the numbers\n          </span>\n          <h2\n            className=\"text-balance font-semibold tracking-tight\"\n            style={{\n              fontSize: \"clamp(1.85rem, 4vw, 2.75rem)\",\n              letterSpacing: \"-0.03em\",\n              lineHeight: 1.08,\n            }}\n          >\n            What the catalog actually delivers\n          </h2>\n          <p className=\"mx-auto max-w-md text-balance text-sm text-muted-foreground sm:text-base\">\n            Four honest measurements — no vanity metrics, no scaled charts.\n          </p>\n        </div>\n\n        <dl className=\"mt-12 grid gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n          {stats.map((s) => (\n            <div\n              key={s.l}\n              className=\"flex flex-col gap-1.5 rounded-2xl border border-border bg-card p-5 shadow-sm shadow-black/5\"\n            >\n              <dt className=\"text-xs font-medium uppercase tracking-widest text-muted-foreground\">\n                {s.l}\n              </dt>\n              <dd\n                className=\"font-semibold tracking-tight tabular-nums text-foreground\"\n                style={{\n                  fontSize: \"clamp(2rem, 3.6vw, 2.75rem)\",\n                  letterSpacing: \"-0.04em\",\n                  lineHeight: 1.05,\n                }}\n              >\n                {s.v}\n              </dd>\n              <p className=\"text-xs text-muted-foreground\">{s.k}</p>\n            </div>\n          ))}\n        </dl>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/stats-02.tsx"
    }
  ],
  "categories": [
    "stats"
  ],
  "type": "registry:block"
}