Components · Page Sections
AboutBanner
About hero — pre-heading badge, animated title, description & CTAs.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
preHeading | string | — | Badge label. |
title | string | — | Hero title. |
description | string | — | Supporting copy. |
primaryCta | { label, href } | — | Primary action. |
secondaryCta | { label, href } | — | Secondary action. |
Reference API for the design concept — align names and types with your implementation.
Guidelines
- Use in the active theme; the component adapts to light and dark automatically.
- Keep the purple accent for interactive states only — never as a fill or background.
- Copy the markup from the Code tab and wire it to
base.csstokens.