Coach Stories
Partnership band
A paper band that breaks the grid for one partnership: its name and a link across the top, the story two columns wide, and two pictures beside it.
components/coach/blocks/partnership-band.tsx
Preview
Live, on the prototype's content. Switch to mobile to see it at 390px.
1440pxOpen
Built from
Usage
import { PartnershipBand } from "@/components/coach/blocks/partnership-band";
<PartnershipBand
heading="Coach x Spotify"
link={{ label: "Learn more", href: "/coach-x-spotify" }}
story={cannesStory}
images={[denimJacket, varsity]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| heading* | string | — | The partnership's name. |
| link | { label: string; href: string } | — | Top right, to the partnership's page. |
| story* | Story | — | The lead story, shown landscape and two columns wide. |
| images* | StoryImage[] | — | Two portraits beside the story. |
| className | string | — | Merged last. For spacing around the block, not for restyling it. |