Cta 17 - Centered call to action with circle pattern

Pro

A centered call-to-action band with bordered framing, concentric SVG circle backdrop, headline, supporting copy, and two large buttons.

Shadcn Cta 17 block

Component Data

  • ID:cta17
  • Access:pro
  • Created:Oct 9, 2024
  • Type:block

Cta 17 block design & features

Cta17 is a single centered column built with Shadcn UI, wrapped in a bordered region with generous vertical padding. Behind the copy sits a full-bleed SVG of nested rounded rectangles that read as soft concentric rings in muted fills with stroke outlines. The stack is headline, paragraph, then two large buttons side by side on wider widths with primary and outline treatments.

The pattern reads as quiet geometry rather than photography: repeating rings keep attention on the type while still filling the band. Typography scales up on medium breakpoints and stays balanced through text-balance on the heading. Buttons center as a column on small screens and relax into a row when space appears.

This is a straightforward full-width pattern CTA with one decorative twist in the vector backdrop. It feels contemporary and restrained, closer to product marketing chrome than editorial storytelling.

Horizontal padding tightens on small screens while the circle field continues to anchor the section edge to edge inside the bordered frame.