Hero Section
Full-width hero with headline, subcopy, CTAs, and product visual.
Add to your project
Checking access...
Works with your AI tools
Claude*
Codex*
Lovable
Base44
Figma Make
Replit*
Cursor*
v0* Compatible with most projects that use the default React/Next.js framework.
Built With
React
Tailwind CSSProps
| Prop | Type | Description |
|---|---|---|
eyebrow | string | Small label above the heading. |
headline | string | Main heading text. |
subcopy | string | Supporting text. |
primaryCta | string | Primary action label. |
secondaryCta | string | Secondary action label. |
socialProof | string | Text shown beside customer avatars. |
avatars | Avatar[] | Customer initials shown as avatars. |
imageSrc | string | Product image URL. |
imageAlt | string | Product image alt text. |
align | 'center' | 'split' | Hero layout. |
className | string | Styles for the outer section. |