Full Width Image Hero

stable

Image-first hero — the photo takes full command, headline anchored bottom-left over a gradient scrim. Nothing else. Let the image do the work.

Live Preview

CAROLINA
PREMIER LEAGUE

tsx

<FullWidthImageHero
  imageSrc="/team-photo.jpg"
  tagline="2026 ROSTER"
  headline="MEET THE CLASS OF '26."
/>

Props

Prop	Type	Default	Description
`imageSrc`	`string`	`—`	Full-bleed background photo.
`headline`	`string`	`—`	Bottom-anchored headline.
`tagline`	`string`	`—`	Optional eyebrow.
`primaryCta`	`{label, href?}`	`—`	Optional inline CTA.