CTA Banner

stable

Full-bleed call-to-action band. Five background variants. Headline + accent line, supporting copy, primary/secondary CTAs.

Live Preview

2025–26 Season

REGISTER YOUR CLUB
BEFORE APRIL 30

Applications for the 2025–26 CPSL Premiership and Development League are now open. Secure your spot for next season before the deadline closes.

tsx

<CTABanner
/>

Controls

Background

background

Outer frame tone.

Eyebrow

eyebrow

Headline

headline

Headline Accent

headlineAccent

Description

description

Primary CTA

primaryLabel

Secondary CTA

secondaryLabel

Props

Prop	Type	Default	Description
`background`	`"cream" \| "white" \| "surface" \| "navy" \| "gold"`	`"cream"`	Outer frame tone.
`eyebrow`	`string`	`"2025–26 Season"`	Small uppercase label above the headline.
`headline`	`string`	`"REGISTER YOUR CLUB"`	Main headline (Barlow Condensed).
`headlineAccent`	`string`	`"BEFORE APRIL 30"`	Gold-colored second line.
`description`	`string`	`—`	Supporting paragraph beneath the headline.
`primaryCta`	`{ label: string; href?: string }`	`—`	Primary action button.
`secondaryCta`	`{ label: string; href?: string }`	`—`	Secondary action button.