CTA 02

About this block

CTA 02 is a full-width card with a device or app mockup image on one side and a headline and single action button on the other. Built with shadcn/ui Card and Next.js Image, it uses the product visual to do the selling and keeps the copy minimal. The layout is responsive: on mobile the image stacks above the text; on desktop both sit side by side within the card.

When to use it

• Page-closing CTAs for products with a strong, recognizable product interface worth showing
• Mobile app landing pages where a device frame mockup reinforces the native experience
• Products where the product screenshot itself is the most compelling selling argument
• Situations where you want a closing CTA that feels different from the hero — visual-first rather than copy-first

Notes

Use a device frame mockup generator or Figma template to create a polished app-in-frame image. A raw screenshot without a device frame looks unfinished in this layout.