Cta 46 block design & features
Cta46 is a full-width call to action built with Shadcn UI that places a background photograph behind a radial vignette overlay spanning the viewport edge to edge. The vignette darkens the center of the frame where the text sits and fades toward transparency at the edges, creating a spotlight effect that draws attention to the headline without flattening the entire image. White text and a primary button with a trailing arrow icon are centered over the vignette.
The overlay is built with a layered CSS gradient rather than a solid color, so it adapts naturally to different photograph tones. The headline uses tight tracking with text-balance, while the body text sits at a slightly reduced opacity for hierarchy. No section padding is applied, letting the image fill the full width and sit flush with surrounding content. The taller default panel height gives the photograph more room to breathe on desktop.
This is the full-width counterpart to Cta42. Removing the rounded container and extending the frame to the viewport edges gives the photograph a panoramic, editorial feel. Swapping the image prop is the main customization point since the text and button pattern stays minimal.