{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-1",
  "description": "A hero section with a headline, subheadline, and primary call-to-action.",
  "dependencies": [
    "@remixicon/react"
  ],
  "registryDependencies": [
    "badge",
    "button",
    "separator"
  ],
  "files": [
    {
      "path": "registry/blocks/hero/1/hero-block.tsx",
      "content": "import {\n  RiArrowRightLine,\n  RiArrowRightUpLine,\n  RiSparkling2Line,\n} from \"@remixicon/react\"\n\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport { Separator } from \"@/components/ui/separator\"\n\nconst LOGOS = [\"Northwind\", \"Vertex\", \"Lumina\", \"Cascade\", \"Quantel\"]\n\nexport default function HeroBlock() {\n  return (\n    <section className=\"flex min-h-svh w-full items-center justify-center bg-background px-6 py-12 text-foreground\">\n      <div className=\"mx-auto flex max-w-3xl flex-col items-center text-center\">\n        <Badge variant=\"secondary\">\n          <RiSparkling2Line data-icon=\"inline-start\" aria-hidden=\"true\" />\n          Now in Beta\n        </Badge>\n\n        <h1 className=\"mt-6 text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl\">\n          Build your next product, faster\n        </h1>\n\n        <p className=\"mt-5 max-w-2xl text-lg text-muted-foreground\">\n          The all-in-one platform to design, build, and ship your ideas — with\n          everything your team needs in one place.\n        </p>\n\n        <div className=\"mt-8 flex flex-col items-center gap-3 sm:flex-row\">\n          <Button render={<a href=\"#\" />} nativeButton={false}>\n            Get Started\n            <RiArrowRightLine data-icon=\"inline-end\" aria-hidden=\"true\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            render={<a href=\"#\" />}\n            nativeButton={false}\n          >\n            Learn More\n            <RiArrowRightUpLine data-icon=\"inline-end\" aria-hidden=\"true\" />\n          </Button>\n        </div>\n\n        <Separator className=\"mt-12 w-full max-w-md\" />\n\n        <p className=\"mt-6 text-sm text-muted-foreground\">\n          Trusted by thousands of teams around the world.\n        </p>\n\n        <ul className=\"mt-5 flex flex-wrap items-center justify-center gap-x-8 gap-y-3\">\n          {LOGOS.map((logo) => (\n            <li\n              key={logo}\n              className=\"text-base font-bold tracking-tight text-muted-foreground/70 transition-colors hover:text-foreground\"\n            >\n              {logo}\n            </li>\n          ))}\n        </ul>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "height": "60vh",
    "tier": "free"
  },
  "categories": [
    "hero"
  ],
  "type": "registry:block"
}