{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"hero-waitlist","type":"registry:block","title":"Hero Waitlist","description":"Pre-launch capture with a queue count and avatar stack.","categories":["hero"],"dependencies":[],"registryDependencies":["badge","button"],"css":{"@utility bg-dots":{"background-image":"radial-gradient(circle, color-mix(in oklab, var(--foreground) 16%, transparent) 1px, transparent 1px)","background-size":"14px 14px"}},"files":[{"path":"registry/blocks/hero-waitlist.tsx","content":"import { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\n\nconst initials = [\"KM\", \"AS\", \"JD\", \"RT\", \"LN\"];\n\nexport default function HeroWaitlist() {\n  return (\n    <section className=\"relative overflow-hidden bg-background\">\n      <div\n        aria-hidden\n        className=\"absolute inset-0 bg-dots mask-[radial-gradient(ellipse_65%_65%_at_50%_0%,black,transparent)]\"\n      />\n      <div className=\"relative mx-auto flex w-full max-w-2xl flex-col items-center px-6 py-24 text-center sm:py-32\">\n        <Badge variant=\"secondary\" className=\"mb-6 border border-border/60\">\n          Private beta\n        </Badge>\n        <h1 className=\"text-4xl font-semibold tracking-tight text-balance sm:text-5xl\">\n          Your staging data, finally realistic\n        </h1>\n        <p className=\"mt-5 max-w-md text-lg text-pretty text-muted-foreground\">\n          Production-shaped synthetic data, generated from your schema.\n          No PII, no fixtures to maintain.\n        </p>\n\n        <form className=\"mt-8 flex w-full max-w-sm flex-col gap-2 sm:flex-row\">\n          <label htmlFor=\"waitlist-email\" className=\"sr-only\">\n            Email address\n          </label>\n          <input\n            id=\"waitlist-email\"\n            type=\"email\"\n            autoComplete=\"email\"\n            placeholder=\"you@company.com\"\n            className=\"h-10 w-full flex-1 rounded-lg border border-input bg-background px-3 text-sm outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\"\n          />\n          <Button type=\"submit\" size=\"lg\" className=\"sm:shrink-0\">\n            Join the waitlist\n          </Button>\n        </form>\n\n        <div className=\"mt-8 flex items-center gap-3\">\n          <div className=\"flex -space-x-2\">\n            {initials.map((tag) => (\n              <span\n                key={tag}\n                className=\"flex size-7 items-center justify-center rounded-full border border-background bg-muted font-mono text-[9px] font-semibold text-muted-foreground\"\n              >\n                {tag}\n              </span>\n            ))}\n          </div>\n          <p className=\"font-mono text-xs text-muted-foreground tabular-nums\">\n            2,341 engineers already in line\n          </p>\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/hero/hero-waitlist.tsx"}]}