Cta 34 - Call to action with top border separator

Free

A centered call to action with a heading, description, and two buttons, separated from content above by a thin top border and open spacing.

Shadcn Cta 34 block

Component data

ID
cta34
Access
free
Created
Apr 16, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Cta 34 block design & features

A single-column centered layout built with shadcn/ui stacks a heading, description, and a pair of buttons below a thin top border. The border acts as a visual separator from preceding content and gives the section an entry line without a card or tinted background.

The treatment is flat and open, with generous whitespace above and below the border line. Typography is headline-dominant at small sizes and scales up from the medium breakpoint upward. The description uses muted foreground, and both buttons follow standard shadcn sizing and pairing.

This is a minimal pattern close to wireframe defaults: the top border is the only ornament. It fits pages that already carry visual weight elsewhere and need a call to action that reads as a continuation of the flow rather than a floating panel.

On narrow viewports the content stays centered and the button row wraps naturally with the same vertical rhythm.