Coach Stories
Campaign band
The partnership told as a campaign. The co-branded portrait holds still on the left while the right column runs pictures and two short notes past it.
components/coach/blocks/campaign-band.tsx
Preview
Live, on the prototype's content. Switch to mobile to see it at 390px.
1440pxOpen
Built from
Usage
import { CampaignBand } from "@/components/coach/blocks/campaign-band";
<CampaignBand
heading="Coach x Spotify"
lead={lead}
pair={[a, b]}
first={{ title: "We're teaming up with Spotify…", link: { label: "Follow the tour", href: "#" } }}
wide={djBooth}
pairTwo={[c, d]}
second={{ title: "What's your Courage Sign?", body: "…", link: { label: "Discover on Spotify", href: "#" } }}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| heading* | string | — | The partnership's name. |
| lead* | StoryImage | — | The sticky portrait the lockup sits on. |
| pair / pairTwo* | StoryImage[] | — | Two portraits each. |
| first / second* | { title; body?; link } | — | The two notes between the pictures. |
| wide* | StoryImage | — | The 16:10 picture between the notes. |
| className | string | — | Merged last. For spacing around the block, not for restyling it. |