{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-horizon",
  "type": "registry:block",
  "title": "Hero — Horizon",
  "description": "A cinematic landing hero with serif-italic accent, dual CTAs and the signature glowing horizon arc.",
  "files": [
    {
      "path": "registry/blocks/hero-horizon.tsx",
      "type": "registry:component",
      "content": "import * as React from \"react\";\n\nexport interface HeroHorizonProps {\n  eyebrow?: string;\n  title?: string;\n  accent?: string;\n  rest?: string;\n  description?: string;\n  primary?: { label: string; href: string };\n  secondary?: { label: string; href: string };\n}\n\nexport function HeroHorizon({\n  eyebrow = \"Now in public beta\",\n  title = \"Ship faster,\",\n  accent = \"beautifully\",\n  rest = \"built.\",\n  description = \"The platform for teams who care about craft. Everything you need to launch, nothing you do not.\",\n  primary = { label: \"Get started\", href: \"#\" },\n  secondary = { label: \"Read the docs\", href: \"#\" },\n}: HeroHorizonProps) {\n  return (\n    <section className=\"relative overflow-hidden bg-black px-6 pt-28 text-center text-zinc-100\">\n      <p className=\"inline-flex items-center gap-2.5 rounded-full border border-white/10 px-3.5 py-1.5 font-mono text-xs text-zinc-400\">\n        <span className=\"size-1.5 rounded-full bg-sky-300 shadow-[0_0_12px_#7dd3fc]\" />\n        {eyebrow}\n      </p>\n      <h1 className=\"mx-auto mt-8 max-w-4xl text-5xl font-medium leading-[.98] tracking-[-0.055em] sm:text-7xl md:text-8xl\">\n        {title}\n        <br />\n        <span className=\"font-serif font-normal italic text-sky-300\">{accent}</span> {rest}\n      </h1>\n      <p className=\"mx-auto mt-7 max-w-md text-[17px] leading-relaxed text-zinc-400\">{description}</p>\n      <div className=\"mt-10 flex flex-wrap justify-center gap-3\">\n        <a\n          href={primary.href}\n          className=\"inline-flex h-11 items-center rounded-full bg-sky-300 px-5 text-sm font-medium text-sky-950 shadow-[0_0_0_1px_rgba(125,211,252,.4),0_8px_32px_-8px_rgba(56,189,248,.6)] transition hover:bg-sky-200\"\n        >\n          {primary.label}\n        </a>\n        <a\n          href={secondary.href}\n          className=\"inline-flex h-11 items-center rounded-full border border-white/15 px-5 text-sm font-medium transition hover:border-white/30\"\n        >\n          {secondary.label}\n        </a>\n      </div>\n      <div aria-hidden className=\"relative mt-12 h-64 [mask-image:linear-gradient(black_55%,transparent)]\">\n        <div className=\"absolute left-1/2 top-24 size-[1500px] -translate-x-1/2 rounded-full border-t border-sky-200/90 bg-black shadow-[0_-1px_40px_rgba(125,211,252,.55),inset_0_30px_60px_-30px_rgba(125,211,252,.25)]\" />\n        <div className=\"absolute left-1/2 top-8 h-64 w-[900px] -translate-x-1/2 bg-[radial-gradient(50%_60%_at_50%_70%,rgba(56,189,248,.35),transparent_70%)] blur-xl\" />\n      </div>\n    </section>\n  );\n}\n"
    }
  ]
}