Dotted Full Width Call to Action

Cta 41Pro

A centered call to action in a bordered panel with a repeating dot background, a large headline, supporting text, and two shadcn/ui buttons in primary and outline styles.

Figma

Shadcn UI Cta Block

Cta41 is a full width style call to action built with Shadcn UI, centered in a padded frame with a hairline border. A radial dot grid is painted on the full panel behind the copy using theme border color at low opacity, repeated on a fixed step so the texture stays even at large viewports. The content column stacks a display heading, a short paragraph, and a row of two large buttons, matching the simple CtaSimple text flow used elsewhere in the cta group.

The dot layer sits under the text with pointer events disabled so the buttons stay easy to target. The pattern reads as a flat texture rather than a gradient wash, and contrast stays in the type and buttons. Outline and solid buttons mirror the same pairing as similar CTAs, with spacing above the action row that gives the text room to breathe.

The block is a straightforward variation on a bordered full width CTA: the dotted field is the main visual difference from concentric or line based patterns, and the layout stays easy to retheme by adjusting border and background tokens. Complexity is low and the section needs only a headline, one paragraph, and up to two links.