Split Frame Hero

stable

Dark navy content panel on the left, diagonal-clipped action photo on the right. Match preview layout — works equally well as a player spotlight or venue feature.

Live Preview
CPSL Premiership · Match Day 18

CHARLOTTE
vs RALEIGH
ATHLETIC

Date
Sat 1 Mar
Kickoff
3:00 PM
Venue
Matthews
CFA
RLH
VS
tsx
<SplitFrameHero
  tagline="MATCH PREVIEW"
  headline="CHARLOTTE FC vs DURHAM"
  subheadline="Saturday · 3:00 PM · Matthews Sportsplex"
  imageSrc="/preview.jpg"
  primaryCta={{ label: "Buy Tickets" }}
/>
Props
PropTypeDefaultDescription
headlinestring—Main headline (Barlow Condensed).
subheadlinestring—Sub-line beneath the headline.
taglinestring—Eyebrow above the headline.
imageSrcstring—Right-panel photo.
primaryCta{label, href?}—Primary action button.
secondaryCta{label, href?}—Secondary action button.