Contained Image Sprint CTA
Contained framed-image closing CTA with a scrim-backed headline and a primary Start a sprint CTA.
Contained Image CTA — Start a Sprint
Contained framed-image closing CTA with a scrim-backed headline and a primary "Start a sprint" CTA.
Installation
$npx shadcn@latest add @vandoko/vkb-cta-05Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (SeatGeek / Better Stack / Kickstarter premium dark-editorial stats language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/cta21 |
| Version | 1.0.0 |
| Curated | 2026-05-27 |
| License | Commercial |
Sources
- shadcnblocks — Cta 21 - Contained image CTA with text shadow (payload)
- Mobbin (page-coherent form spec): SeatGeek · Better Stack · Kickstarter
Modifications
- renamed Cta21 → VkbCta05; registry-alias imports + oklch semantic tokens only
- contained rounded-2xl framed media panel with border-border + shadow-lg (not full-bleed)
- layered bg-background/60 scrim + soft drop-shadow keep the headline legible (no hardcoded white/black)
- cyan (--primary) appears only as the rounded size-lg primary CTA fill (Start a sprint)
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page16, two-front campaign).
Related Components
Full-Width Image CTA
Full-bleed closing CTA over a full-width image with a foreground scrim and drop-shadowed copy for readable contrast, anchored by a single rounded primary call to action.
Oversized CTA Band
A full-width dark closing-ask band where a massive condensed display headline fills the band, with a single cyan accent word and a cyan arrow on the primary CTA plus a quiet ghost secondary link.