Hero
HeroCentered
Centered hero section with pill badge, headline, subtitle, CTA buttons, and optional image.
Installation
npm install @trinkui/reactPreview
Props
| Prop | Type | Default | Description |
|---|---|---|---|
titlerequired | string | — | Main headline text |
subtitle | string | — | Supporting description below the headline |
pill | string | — | Badge label shown above the headline |
primaryAction | ActionProps | — | Primary CTA button — { label, href, onClick? } |
secondaryAction | ActionProps | — | Secondary CTA button — { label, href, onClick?, variant? } |
image | ImageProps | — | Hero image shown below CTAs — { src, alt, width?, height? } |
animated | boolean | true | Enable entrance animations |
theme | "light" | "dark" | — | Section color theme |
className | string | — | Extra CSS classes for the section element |