Cta 15 - Split CTA with gradient panel and photo

Pro

Split CTA with optional byline, gradient-backed text, paired buttons, and a rounded photo with soft shadow and blur, stacking on narrow viewports.

Shadcn Cta 15 block

Component Data

  • ID:cta15
  • Access:pro
  • Created:Oct 9, 2024
  • Type:block

Cta 15 block design & features

Cta15 is a wide split call-to-action built with Shadcn UI: one side may show a short byline, headline, explanatory text, and two actions over a radial gradient field, and the other side shows a rounded photograph beside a soft blurred shape so the image lifts from the surface. The block behaves like a low hero that still respects a page grid.

Color energy comes from the gradient wash and balanced neutrals on type, while the image side adds depth without a busy pattern language. Buttons stay distinct as primary and secondary pairings. The composition feels more promotional than a plain bordered card because of the gradient and photographic half.

Overall it reads bolder than simple centered CTAs, closer to campaign creatives that pair mood imagery with a direct ask. Complexity is moderate: you supply gradient intent through theme tokens, tighten copy for two outcomes, and pick imagery that crops well beside text.

At small widths the columns stack so users read the offer before the image, keeping the conversion path intact.