Description of the Cta 42 block design & features
Cta42 is a single-column call to action built with Shadcn UI, placing a background photograph inside a rounded container panel with a radial vignette overlay. 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. The panel has rounded corners and sits inside the page container, matching the contained layout of other image-background CTAs in this group.
A simple block whose visual character comes from the photograph and the vignette treatment. Swapping the image prop is the main customization point since the text and button pattern stays minimal.