Hero

High-impact page introduction block

Preview

Brutalist Design

Raw. Bold. Unapologetic.

Props

title

Hero headline

subtitle

Supporting subtitle

ctaText

Call-to-action button label

align

Content alignment

variant

Hero layout variant

Code

<Hero
  title="Brutalist Design"
  subtitle="Raw. Bold. Unapologetic."
  ctaText="Get Started"
  align="left"
  variant="split"
  ctaAction={() => {}}
/>