Cta 43 - Full-width image CTA with gradient overlay

Pro

An edge-to-edge call to action with a background image, vertical gradient overlay for contrast, centered headline and description, and a single secondary button.

Shadcn Cta 43 block

Component Data

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

Cta 43 block design & features

Cta43 is a full-width call to action built with shadcn/ui that stretches a background photograph from edge to edge without any container inset or border radius. A vertical gradient overlay darkens from the top of the frame toward a lighter lower portion, giving the headline strong contrast while letting the image breathe at the bottom. The centered text stack holds a headline, description, and a single secondary button.

The gradient transitions from a darker foreground tone at the top to a lighter wash below, producing a natural falloff. The text is constrained to a narrower max-width column within the full-width frame so it does not spread too wide on large screens. Typography uses semibold weight with tight tracking on the headline, and the body text is medium weight at a smaller scale. No section padding is applied, so the image sits flush against surrounding content.

This is the full-width counterpart to Cta14. Where Cta14 frames the image inside a rounded container, Cta43 removes that frame entirely. The taller default height on desktop gives the section a more immersive, editorial feel suited to pages that want bold visual breaks between content sections.