Stop Rebuilding UI

CTA Left Right Icon Stat Footer

A compact left-right dark CTA section for React and Next.js with an icon-led headline pair, right-aligned inverted primary ShadcnioButton, and a pipe-separated stat footer strip (demonstrated with a GitHub Action install) built with shadcn/ui and Tailwind CSS

Scroll to load preview

Convert visitors with this compact left-right dark CTA for React and Next.js. Features an icon tile paired with a left-aligned headline and subtitle on bg-foreground, a right-aligned inverted primary ShadcnioButton, and a pipe-separated stat footer strip with usage counts and supporting metadata (demonstrated with a GitHub Action install). Built with TypeScript, ShadcnioButton from shadcn/ui, motion/react entrance animations, Lucide React icons, and Tailwind CSS. Perfect for developer tool marketing pages, open-source project homepages, docs index footers, and any conversion band where a compact stat row reinforces adoption numbers.

FAQ

Last updated on April 9, 2026

Was this page helpful?

Sign in to leave feedback.