{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-24",
  "title": "Minimal centered hero",
  "description": "Zero-decoration, whitespace-first hero with a small eyebrow label, a single oversized tracking-tight headline, one subline, and a pill CTA — the clean baseline.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "content/components/hero/hero-24.tsx",
      "content": "import { ArrowRight } from \"lucide-react\"\n\nimport { Button } from \"@/components/ui/button\"\n\nexport default function Hero24() {\n  return (\n    <section className=\"relative isolate flex min-h-[700px] flex-col items-center justify-center bg-background px-6 py-28 sm:px-10 sm:py-40\">\n      <div className=\"mx-auto flex max-w-2xl flex-col items-center gap-8 text-center\">\n        <span className=\"inline-flex items-center gap-2 rounded-full border border-border px-3 py-1 text-xs text-muted-foreground\">\n          <span className=\"size-1.5 rounded-full bg-primary\" />\n          Production-ready blocks\n        </span>\n\n        <h1\n          className=\"text-balance font-semibold tracking-tight text-foreground\"\n          style={{\n            fontSize: \"clamp(3rem, 7vw, 5.5rem)\",\n            lineHeight: 1.0,\n            letterSpacing: \"-0.04em\",\n          }}\n        >\n          Build pages.\n          <br />\n          Not components.\n        </h1>\n\n        <p className=\"max-w-md text-pretty text-base text-muted-foreground sm:text-lg\">\n          React sections hand-built on shadcn/ui and Tailwind v4. Drop them in,\n          swap the copy, ship.\n        </p>\n\n        <Button size=\"lg\" className=\"mt-2 rounded-full px-8\">\n          Browse the catalog\n          <ArrowRight />\n        </Button>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/hero-24.tsx"
    }
  ],
  "categories": [
    "hero"
  ],
  "type": "registry:block"
}