Shadcn.io is not affiliated with official shadcn/ui
CTA Split Benefits Visual
A split panel dark CTA for React and Next.js with uppercase kicker, checkmark benefits list, inverted ShadcnioButton, and right-side visual panel, built with shadcn/ui and Tailwind CSS
Convert visitors with this split panel dark CTA with benefits list for React and Next.js. Features a left-side copy column with an uppercase kicker, a four-row checkmark benefits list, and a single inverted ShadcnioButton, paired with a decorative crosshair visual panel on the right inside a bg-foreground card. Built with TypeScript, ShadcnioButton from shadcn/ui, motion/react entrance animations, Lucide React CheckIcon, and Tailwind CSS. Perfect for partner program pitches, affiliate recruitment sections, and benefit-led conversion bands where a short bulleted list earns trust.
Related Components
React Split Panel Dark CTA Block
Dark split panel CTA with dual preview cards
React CTA Schedule Demo Block
Split layout CTA with scheduling visual
React CTA Enterprise Block
Split panel CTA with contact form
React CTA Comparison Block
Split layout CTA with side-by-side comparison
React CTA Partner Program Block
Dark CTA promoting partner enrollment
React CTA Free Trial Block
Centered dark CTA with inverted primary button
FAQ
Was this page helpful?
Sign in to leave feedback.
Split Before After List
A split dark CTA for React and Next.js with a two-column before after list using X and check icons, dual ShadcnioButton row, and centered headline built with shadcn/ui and Tailwind CSS
Split Panel Avatar Team
A split panel dark CTA section for React and Next.js with left-side headline and benefit checklist, right-side team avatar stack, inverted primary ShadcnioButton, and trust row built with shadcn/ui and Tailwind CSS