{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "stats-5",
  "title": "Inverted Stats Panel",
  "description": "Stats band on a filled primary-color panel with a heading and four large inverted figures, a high-contrast by-the-numbers section.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/blocks/stats/5/stats-block.tsx",
      "content": "const stats = [\n  { value: \"99.99%\", label: \"Uptime across all regions\" },\n  { value: \"12M+\", label: \"Requests handled every day\" },\n  { value: \"180ms\", label: \"Median global response time\" },\n  { value: \"40+\", label: \"Countries with edge presence\" },\n]\n\nexport default function StatsBlock() {\n  return (\n    <section className=\"flex w-full items-center justify-center bg-background px-6 py-20\">\n      <div className=\"mx-auto w-full max-w-5xl\">\n        <div className=\"rounded-xl bg-primary px-6 py-14 text-primary-foreground sm:px-12\">\n          <div className=\"mx-auto max-w-xl text-center\">\n            <h2 className=\"font-heading text-3xl font-bold tracking-tight sm:text-4xl\">\n              Built for scale from day one\n            </h2>\n            <p className=\"mt-3 text-sm text-primary-foreground/70\">\n              The numbers behind a platform teams rely on in production.\n            </p>\n          </div>\n\n          <dl className=\"mt-12 grid grid-cols-2 gap-y-10 lg:grid-cols-4\">\n            {stats.map(({ value, label }) => (\n              <div\n                key={label}\n                className=\"flex flex-col items-center gap-2 text-center\"\n              >\n                <dt className=\"text-4xl font-bold tracking-tight tabular-nums sm:text-5xl\">\n                  {value}\n                </dt>\n                <dd className=\"max-w-[12rem] text-xs text-primary-foreground/70\">\n                  {label}\n                </dd>\n              </div>\n            ))}\n          </dl>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/stats-5.tsx"
    }
  ],
  "meta": {
    "height": "472px",
    "tier": "free"
  },
  "categories": [
    "stats"
  ],
  "type": "registry:block"
}