Shadcn.io is not affiliated with official shadcn/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
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.
Related Components
Compact Left Right Dark CTA
Baseline compact left-right dark CTA row
Left Right Row Dark CTA
Classic left-right row CTA on dark background
Left Right Dark Eyebrow Pill CTA
Left-right dark CTA with eyebrow announcement pill
Compact Icon Banner CTA
Compact light banner with icon accent and CTA
Compact Icon Action Banner CTA
Compact banner pairing an icon with a primary action
Centered Dark Icon Accent CTA
Centered dark CTA with icon accent above the headline
FAQ
Was this page helpful?
Sign in to leave feedback.
Left Right Dark Progress Ring Tracker
A left right dark CTA section for React and Next.js with a circular SVG progress ring tracker beside the headline, subtext, and dual inverted ShadcnioButton actions built with shadcn/ui and Tailwind CSS
Left Right Marquee Logo Belt
A left right dark CTA for React and Next.js with an infinite horizontal logo marquee belt spanning the full width below the headline and dual ShadcnioButton row, built with shadcn/ui and Tailwind CSS