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.
Vandoko 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.
Preview
Loading preview...
Installation
Terminal
$npx shadcn@latest add @vandoko/vkb-cta-04Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (Airwallex / OpenTable / Google Maps Platform confident product-marketing language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/cta45 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — CTA 45 - Full-width image CTA with text shadow (payload)
- Mobbin (page-coherent form spec): Airwallex · OpenTable · Google Maps Platform
Modifications
- renamed Cta45 → VkbCta04; registry-alias imports + oklch semantic tokens only
- scrim uses layered bg-background/NN foreground-token washes (no hardcoded white/black)
- headline carries ONE accent keyword in text-primary; soft drop-shadow keeps copy readable over media
- rounded size-lg primary CTA; rebuilt copy as a brand-true Vandoko close
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page17, two-front campaign).