{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "home-hero",
  "title": "Home Hero",
  "description": "Docs-matching homepage hero with editable CONTENT (stamp, CTAs, sprint, OG preview panel).",
  "dependencies": [
    "lucide-react",
    "next"
  ],
  "registryDependencies": [
    "@atroui/brand"
  ],
  "files": [
    {
      "path": "registry/default/blocks/home-hero.tsx",
      "content": "import { ArrowRight, ArrowUpRight, Lock } from \"lucide-react\"\nimport Link from \"next/link\"\n\nimport { getBrand } from \"@/lib/brand\"\n\n/**\n * Edit CONTENT to match your product. Layout mirrors the AtroUI docs Hero.\n * After install this file lives in your repo.\n */\nconst CONTENT = {\n  stamp: \"One-person studio · May sprints open\",\n  headlineBefore: \"Stop losing weeks to\",\n  headlineAccent: \"boilerplate\",\n  headlineAfter: \".\",\n  subhead:\n    \"We ship the product you were going to build next month - this week. Fixed scope. Fixed price. No PMs. No handoffs.\",\n  primaryCta: { label: \"Start a 7-day MVP sprint\", href: \"/contact\" },\n  secondaryCta: { label: \"Try the free OG tool\", href: \"/og\" },\n  founderName: \"Koustav\",\n  founderRole: \"Founder · every line of code\",\n  founderInitials: \"KG\",\n  sprintTitle: \"7-day sprint\",\n  sprintDay: \"Day 4 / 7\",\n  sprintDays: [\n    { day: \"01\", label: \"Scope + stack\", done: true },\n    { day: \"02\", label: \"Auth + data\", done: true },\n    { day: \"03\", label: \"Core flow\", done: true },\n    { day: \"04\", label: \"AI feature\", done: false, active: true },\n    { day: \"05\", label: \"Polish UI\", done: false },\n    { day: \"06\", label: \"Deploy\", done: false },\n    { day: \"07\", label: \"Handoff\", done: false },\n  ],\n  sprintCta: { label: \"Book this sprint\", href: \"/contact?service=mvp-sprint\" },\n  ogTitle: \"Ship in days,\\nnot quarters.\",\n  ogSubtitle: \"studio + free AI tools\",\n  ogHref: \"/og\",\n}\n\nexport function HomeHero() {\n  const brand = getBrand()\n\n  return (\n    <section className=\"relative flex flex-col overflow-hidden bg-background text-foreground\">\n      <div className=\"relative z-10\">\n        <article className=\"w-full border-y border-border-subtle\">\n          <div className=\"mx-auto flex max-w-7xl flex-col items-center space-y-5 border-x border-border-subtle px-6 py-10 text-center sm:px-10 sm:py-14\">\n            <p className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-1 text-[11px] font-semibold tracking-[0.12em] text-muted-foreground uppercase\">\n              <span\n                className=\"size-1.5 rounded-full bg-[var(--color-brand,#0b7bff)]\"\n                aria-hidden\n              />\n              {CONTENT.stamp}\n            </p>\n\n            <h1 className=\"max-w-4xl text-[2.125rem] leading-[1.05] font-medium tracking-tight text-foreground sm:text-6xl md:text-7xl\">\n              {CONTENT.headlineBefore}{\" \"}\n              <span className=\"italic text-[var(--color-brand,#0b7bff)]\">\n                {CONTENT.headlineAccent}\n              </span>\n              {CONTENT.headlineAfter}\n            </h1>\n\n            <p className=\"max-w-2xl text-[15px] leading-relaxed text-muted-foreground sm:text-base\">\n              {CONTENT.subhead}\n            </p>\n          </div>\n        </article>\n\n        <div className=\"border-b border-border-subtle\">\n          <div className=\"mx-auto flex max-w-7xl flex-col items-center justify-center gap-5 border-x border-border-subtle px-6 py-8 sm:px-10 sm:py-10\">\n            <div className=\"flex w-full max-w-xl flex-col items-stretch gap-3 sm:max-w-none sm:flex-row sm:items-center sm:justify-center\">\n              <Link\n                href={CONTENT.primaryCta.href}\n                className=\"inline-flex h-11 w-full items-center justify-center gap-2 rounded-lg bg-primary px-5 text-sm font-medium text-primary-foreground sm:w-auto\"\n              >\n                {CONTENT.primaryCta.label}\n                <ArrowRight className=\"size-4\" aria-hidden />\n              </Link>\n              <Link\n                href={CONTENT.secondaryCta.href}\n                className=\"inline-flex h-11 w-full items-center justify-center gap-2 rounded-lg border border-border-subtle px-5 text-sm font-medium text-foreground sm:w-auto\"\n              >\n                {CONTENT.secondaryCta.label}\n                <ArrowRight className=\"size-3.5 opacity-60\" aria-hidden />\n              </Link>\n            </div>\n\n            <div className=\"flex w-full max-w-xl items-center justify-center gap-3 sm:max-w-none\">\n              <div\n                aria-hidden\n                className=\"flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-[10px] font-semibold tracking-wide text-foreground\"\n              >\n                {CONTENT.founderInitials}\n              </div>\n              <div className=\"text-left text-sm leading-tight\">\n                <p className=\"font-medium text-foreground\">\n                  {CONTENT.founderName}\n                </p>\n                <p className=\"text-muted-foreground\">{CONTENT.founderRole}</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"relative z-10 w-full border-b border-border-subtle\">\n        <div className=\"mx-auto max-w-7xl border-x border-border-subtle px-6 py-8 sm:px-10 sm:py-10\">\n          <div className=\"overflow-hidden rounded-2xl border border-border-subtle bg-muted/20 shadow-[0_32px_80px_-40px_rgba(0,0,0,0.45)]\">\n            <div className=\"flex items-center gap-3 border-b border-border-subtle bg-muted/40 px-3 py-2.5 sm:px-4\">\n              <div className=\"flex gap-1.5\" aria-hidden>\n                <span className=\"size-2.5 rounded-full bg-foreground/15\" />\n                <span className=\"size-2.5 rounded-full bg-foreground/15\" />\n                <span className=\"size-2.5 rounded-full bg-foreground/15\" />\n              </div>\n              <div className=\"flex min-w-0 flex-1 items-center justify-center\">\n                <div className=\"flex max-w-md items-center gap-2 truncate rounded-md border border-border-subtle bg-background px-3 py-1 text-[11px] text-muted-foreground sm:text-xs\">\n                  <Lock className=\"size-3 shrink-0 opacity-60\" aria-hidden />\n                  <span className=\"truncate\">{`${brand.domain}/og`}</span>\n                </div>\n              </div>\n              <Link\n                href={CONTENT.ogHref}\n                className=\"hidden items-center gap-1 text-[11px] font-medium text-[var(--color-brand,#0b7bff)] sm:inline-flex\"\n              >\n                Open live\n                <ArrowUpRight className=\"size-3\" aria-hidden />\n              </Link>\n            </div>\n\n            <div className=\"grid grid-cols-1 lg:grid-cols-[1fr_240px]\">\n              <div className=\"min-w-0 border-b border-border-subtle p-4 lg:border-b-0 lg:border-r\">\n                <div className=\"flex aspect-[1200/630] flex-col justify-end rounded-xl bg-gradient-to-br from-[#0a0a0a] via-[#111827] to-[#0b7bff]/30 p-6 ring-1 ring-border-subtle\">\n                  <p className=\"whitespace-pre-line text-2xl font-medium tracking-tight text-white sm:text-3xl\">\n                    {CONTENT.ogTitle}\n                  </p>\n                  <p className=\"mt-2 text-sm text-white/70\">\n                    {brand.name} - {CONTENT.ogSubtitle}\n                  </p>\n                </div>\n              </div>\n\n              <div>\n                <div className=\"flex items-center justify-between border-b border-border-subtle px-4 py-3\">\n                  <p className=\"font-mono text-[11px] tracking-wider text-muted-foreground uppercase\">\n                    {CONTENT.sprintTitle}\n                  </p>\n                  <span className=\"text-[11px] tabular-nums text-[var(--color-brand,#0b7bff)]\">\n                    {CONTENT.sprintDay}\n                  </span>\n                </div>\n                <ol className=\"divide-y divide-border-subtle\">\n                  {CONTENT.sprintDays.map((row) => (\n                    <li\n                      key={row.day}\n                      className={\n                        \"active\" in row && row.active\n                          ? \"flex items-center gap-3 bg-[color-mix(in_oklab,var(--color-brand,#0b7bff)_8%,transparent)] px-4 py-3\"\n                          : \"flex items-center gap-3 px-4 py-3\"\n                      }\n                    >\n                      <span\n                        className={\n                          row.done || (\"active\" in row && row.active)\n                            ? \"font-mono text-[11px] tabular-nums text-foreground\"\n                            : \"font-mono text-[11px] tabular-nums text-muted-foreground/50\"\n                        }\n                      >\n                        {row.day}\n                      </span>\n                      <span\n                        className={\n                          row.done || (\"active\" in row && row.active)\n                            ? \"text-sm text-foreground\"\n                            : \"text-sm text-muted-foreground/60\"\n                        }\n                      >\n                        {row.label}\n                      </span>\n                      {row.done ? (\n                        <span\n                          className=\"ml-auto size-1.5 rounded-full bg-[var(--color-brand,#0b7bff)]\"\n                          aria-hidden\n                        />\n                      ) : \"active\" in row && row.active ? (\n                        <span\n                          className=\"ml-auto size-1.5 animate-pulse rounded-full bg-[var(--color-brand,#0b7bff)]\"\n                          aria-hidden\n                        />\n                      ) : null}\n                    </li>\n                  ))}\n                </ol>\n                <div className=\"border-t border-border-subtle px-4 py-3\">\n                  <Link\n                    href={CONTENT.sprintCta.href}\n                    className=\"group flex items-center justify-between text-sm font-medium text-foreground\"\n                  >\n                    {CONTENT.sprintCta.label}\n                    <ArrowRight className=\"size-3.5 transition-transform group-hover:translate-x-0.5\" />\n                  </Link>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/home-hero.tsx"
    }
  ],
  "type": "registry:block"
}