Shadcn.io is not affiliated with official shadcn/ui
CTA 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
Convert visitors with this split panel dark CTA for React and Next.js. Features a left-aligned headline with a benefit checklist on bg-foreground, a right-side team avatar stack with supporting copy, an inverted primary ShadcnioButton, and a compact trust row of icon-labeled signals below the CTA (demonstrated with a free consultation booking). Built with TypeScript, ShadcnioButton from shadcn/ui, motion/react entrance animations, Lucide React icons, and Tailwind CSS. Perfect for agency landing pages, expert booking flows, and any conversion section where a human team visual reinforces the offer.
Related Components
Split Panel Dual Preview CTA
Split dark CTA with dual skeleton preview cards
Split Panel Product Mockup CTA
Split dark CTA with product mockup on the right
Split Panel Device Mockup CTA
Split dark CTA with device mockup visual
Split Benefits Visual CTA
Split panel CTA pairing benefits with a visual
Centered Avatar Social Proof CTA
Centered CTA backed by avatar stack and social proof
Schedule Demo CTA
CTA variant focused on scheduling a demo
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Split Panel Browser URL Bar Tabs
A split panel CTA for React and Next.js with a detailed browser window mockup, traffic light dots, monospace URL bar, tabbed chrome, and dual ShadcnioButton row built with shadcn/ui and Tailwind CSS