Cta 56 - Folder tab banner CTA

Pro

Blue folder-tab banner with a large heading on the left and an inset action well holding the main button, a trial note and a secondary link.

Shadcn Cta 56 block

Component data

ID
cta56
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Cta 56 block design & features

The block is shaped like a file folder. A tab rises from the top-left edge of a saturated blue banner, and a smooth SVG fillet joins the tab to the banner so the silhouette reads as one piece. A faint radial highlight in the top-right corner keeps the flat colour from feeling heavy.

The left side carries an oversized white heading and a short paragraph. On the right, a translucent inset well holds a full-width white Shadcn UI Button with an arrow, a small trial note and an underlined link to book a walkthrough.

The fixed blue and white text read the same in light and dark mode, so the banner stands out at the bottom of either.

On mobile the action well drops below the copy and stretches to full width, and the tab narrows to keep its proportions.