Hero Sections

Waitlist hero with social proof

Signup form plus overlapping avatars

Live preview

The prompt

Create a waitlist hero with Tailwind CSS. Centered content on a very light background: a status pill with a small pulsing green dot reading "Launching this spring", a large headline, a short subheading, and a rounded email form with an inline dark "Join the waitlist" button. Below the form, a row of five overlapping circular avatar placeholders with white ring borders, followed by a line of muted text naming how many people are already on the list. Everything stacks and stays centered on mobile.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .

Create a waitlist hero with Tailwind CSS. Centered content on a very light background: a status pill with a small pulsing green dot reading "Launching this spring", a large headline, a short subheading, and a rounded email form with an inline dark "Join the waitlist" button. Below the form, a row of five overlapping circular avatar placeholders with white ring borders, followed by a line of muted text naming how many people are already on the list. Everything stacks and stays centered on mobile.