Cta 58 - CTA card with a cropped product screenshot

Pro

Bordered CTA card with a heading, line and button on one side and a single cropped light product screenshot on the other.

Shadcn Cta 58 block

Component data

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

Cta 58 block design & features

This block shows the product instead of describing it. A muted, bordered card is split into two halves, with the heading, a short supporting line and a Shadcn UI Button on the left.

On the right, a single light screenshot of a project board sits in a simple frame that bleeds off the bottom and right edges of the card, so it reads as a glimpse of the app rather than a full mockup.

A small note under the button covers the trial terms. Swap the image prop for any screenshot of your own product.

On mobile the screenshot moves below the copy and keeps the same cropped frame.