Cta 44 - Full-width image CTA with flat overlay

Pro

An edge-to-edge call to action with a background image, uniform dark overlay, centered headline and description, and a single secondary button.

Shadcn Cta 44 block

Component Data

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

Cta 44 block design & features

Cta44 is a full-width call to action built with Shadcn UI that covers the viewport width with a background photograph behind a uniform dark overlay. The flat overlay applies an even level of opacity across the entire frame rather than a gradient falloff, making text legibility consistent regardless of the image content. The centered stack holds a headline, description, and a single secondary button.

The overlay uses a foreground color at reduced opacity, adapting to the current theme. Headline type is semibold with tight tracking, and the body text drops slightly in opacity for visual hierarchy. The props interface extends the shared image-background type and adds optional eyebrow fields for a short label above the headline. No section padding is applied, so the image sits flush with surrounding content.

This is the full-width counterpart to Cta16. Removing the container wrapper and border radius opens the image to the screen edges and increases the default panel height, giving the section a wider, more immersive presence. The flat overlay makes this variant predictable across a wider range of background photographs since there is no gradient to interact with bright or dark regions of the image.