Docs / Components / Hero Section
Hero Section
A premium SaaS hero block with warm mesh gradients, parallax blobs, accent headline, dual CTAs, and a trusted-by logo rail.
AI Workspace
For Creative Thinking.
Brainstorm, connect, and visualize ideas effortlessly, all in one intelligent workspace designed to help you create your next big idea.
Used by creators and teams at leading design tools
FramerMiroNotionCanvaFigma
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add hero-section
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| heading | string | 'AI Workspace' | Primary headline text (first line). |
| accentText | string | 'Creative Thinking' | The accent-colored phrase in the headline. |
| subheading | string | - | Descriptive paragraph below the headline. |
| primaryCta | string | 'Try Aura Free' | Label for the primary call-to-action button. |
| secondaryCta | string | 'Watch Demo' | Label for the secondary CTA button. |
| onPrimaryCta | function | - | Click handler for the primary CTA. |
| onSecondaryCta | function | - | Click handler for the secondary CTA. |