Case Study CTA Card

Closing card for a run of case study cards — a short pitch and a 'View all case studies' arrow-row linking to /work. Used as the last card of the home page scroll-reveal section on both breakpoints.

Wide

See the full picture

More projects, more outcomes — explore the complete case study archive.

View all case studies

Fills a 520px slot at the end of the desktop scroll-reveal row and stretches to match the case study cards’ height.

tsx

<CaseStudyCtaCard variant="wide" />

Square

See the full picture

More projects, more outcomes — explore the complete case study archive.

View all case studies

Aspect-square so it pins flush over the square hero cards as the last card of the mobile sticky deck.

tsx

<CaseStudyCtaCard variant="square" />

Props

Prop	Type	Default	Description
`variant`	`"wide" \| "square"`	`"wide"`	wide fills a slot beside the full-width case study cards (desktop scroll-reveal row); square matches the mobile hero cards so it stacks flush with them in the sticky deck.
`className`	`string`	-	Extra classes for the outer link element.

Import

tsx

import { CaseStudyCtaCard } from '@/components/ui/CaseStudyCtaCard'