Glass Card Hero

stable

Frosted glass card floats over a full-bleed dark stadium background. Minimal, focused, and ideal for live match moments. The backdrop-filter blur reads best over a real photo.

Live Preview

CPSL PremiershipLIVE · 67'

CFA

Charlotte FC

Home

3–1

Charlotte Leading

RLH

Raleigh Athletic

Away

54% Possession46%

tsx

<GlassCardHero
  imageSrc="/stadium-night.jpg"
  tagline="LIVE NOW"
  headline="MATCHDAY 18"
  body="Charlotte FC face Durham United for the playoff opener."
  primaryCta={{ label: "Watch Live →" }}
/>

Props

Prop	Type	Default	Description
`imageSrc`	`string`	`—`	Full-bleed background photo.
`headline`	`string`	`—`	Headline rendered inside the frosted card.
`tagline`	`string`	`—`	Eyebrow label above the headline.
`body`	`string`	`—`	Supporting paragraph.
`primaryCta`	`{label, href?}`	`—`	Primary action button.