Cta 45 - Full-width image CTA with text shadow

Pro

An edge-to-edge call to action with a background image, subtle text shadow for contrast instead of an overlay, centered copy, and a primary button.

Shadcn Cta 45 block

Component Data

  • ID:cta45
  • Access:pro
  • Created:May 6, 2026
  • Type:block

Cta 45 block design & features

Cta45 is a full-width call to action built with shadcn/ui that relies on a subtle text shadow rather than a dark overlay to separate copy from the background photograph. The image stretches edge to edge without any container inset or rounded corners, and the text floats directly over it with a light drop shadow for readability. A centered headline, a softer body line at reduced opacity, and a single primary button make up the text stack.

Because there is no overlay element between the image and the text, the block reads as lighter and more open than overlay-based variants. The text is constrained to a max-width column so it does not stretch across the full viewport on wide screens. No section padding is applied, letting the image sit flush against surrounding content.

This is the full-width counterpart to Cta21. The wider frame and taller default height give the section a panoramic quality. The text-shadow approach works best with photographs that have naturally darker or more uniform mid-tones where the shadow alone provides enough separation from the background.