{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-01",
  "title": "Hero",
  "description": "A product hero with navigation, calls to action and atmospheric depth.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@rivelle/utils",
    "@rivelle/badge",
    "@rivelle/button"
  ],
  "files": [
    {
      "path": "registry/nova/blocks/hero-01.tsx",
      "content": "import * as React from \"react\";\nimport { ArrowRight, Play, Sparkles } from \"lucide-react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Hero01({ className, ...props }: React.ComponentProps<\"section\">) {\n  return (\n    <section\n      className={cn(\n        \"relative min-h-[640px] overflow-hidden rounded-[2rem] border border-foreground/10 bg-background px-6 py-8 sm:px-10\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"absolute inset-0 -z-0 [background-image:radial-gradient(circle_at_50%_-10%,color-mix(in_oklch,var(--primary)_24%,transparent),transparent_48%),linear-gradient(to_right,color-mix(in_oklch,var(--foreground)_5%,transparent)_1px,transparent_1px),linear-gradient(to_bottom,color-mix(in_oklch,var(--foreground)_5%,transparent)_1px,transparent_1px)] [background-size:auto,48px_48px,48px_48px] [mask-image:linear-gradient(to_bottom,black,transparent_80%)]\" />\n      <nav className=\"relative flex items-center justify-between\">\n        <a className=\"flex items-center gap-2 font-semibold\" href=\"#\">\n          <span className=\"grid size-8 place-items-center rounded-xl bg-primary text-primary-foreground\">\n            <Sparkles className=\"size-4\" />\n          </span>\n          Northstar\n        </a>\n        <div className=\"hidden gap-7 text-sm text-muted-foreground md:flex\">\n          <a href=\"#\">Product</a>\n          <a href=\"#\">Customers</a>\n          <a href=\"#\">Pricing</a>\n        </div>\n        <Button size=\"sm\" variant=\"outline\">\n          Sign in\n        </Button>\n      </nav>\n      <div className=\"relative mx-auto flex max-w-4xl flex-col items-center pb-10 pt-28 text-center sm:pt-36\">\n        <Badge variant=\"secondary\">\n          <Sparkles /> Now in public beta\n        </Badge>\n        <h1 className=\"mt-7 text-balance text-5xl font-semibold leading-[.98] tracking-[-.06em] sm:text-7xl\">\n          Make ambitious work feel effortless.\n        </h1>\n        <p className=\"mt-6 max-w-2xl text-balance text-base leading-relaxed text-muted-foreground sm:text-lg\">\n          A focused workspace for creative teams to plan, build and ship their\n          best work without losing momentum.\n        </p>\n        <div className=\"mt-9 flex flex-col gap-3 sm:flex-row\">\n          <Button size=\"lg\">\n            Start building <ArrowRight />\n          </Button>\n          <Button size=\"lg\" variant=\"outline\">\n            <Play /> Watch overview\n          </Button>\n        </div>\n        <p className=\"mt-5 text-xs text-muted-foreground\">\n          No credit card · Free for small teams\n        </p>\n      </div>\n    </section>\n  );\n}\n\nexport { Hero01 };\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}