# Marketing Hero Waitlist

Waitlist landing page hero with an email signup form and the number of people already on the list.

- id: `marketing-hero-waitlist`
- Page: https://agentic-ui-kit.com/components/marketing-hero-waitlist
- Live preview: https://agentic-ui-kit.com/live/component/marketing-hero-waitlist?piece=marketing-hero-waitlist

## Install

```bash
agentic-ui add marketing-hero-waitlist
npx shadcn@4.17.0 add @agentic-ui/marketing-hero-waitlist
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** waitlist-form, email-validation, queue-position, avatar-stack, signup-count, live-region-states, heading-level, dark-mode
- **Intents:** execute-flow, communicate
- **Suits domains:** marketing, saas, ai-agents, devtools, fintech
- **Interaction:** type, submit, keyboard-focus
- **Screen role:** flow
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** waitlist landing page hero with an email signup form and the number of people already on the list, coming soon or private beta page that collects emails and shows your place in line, pre-launch hero for a new AI product with join the waitlist button
- **Avoid when:** the product is live and the main action is signup or a trial (use marketing-hero-centered), newsletters further down a page (use marketing-newsletter), forms that need more than an email
- **Preserve when adapting:** field-label, live-region
- **Replace when adapting:** copy, on-join, avatars, count
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, input
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives