Shadcn.io is not affiliated with official shadcn/ui
Logos Featured Quote Reverse Split
A reversed featured quote split logo block for React and Next.js with the customer testimonial on the left and a flagship logo mark on the right, hero-scale wordmark, semantic blockquote, and attribution figcaption built with shadcn/ui and Tailwind CSS
Lead with the customer voice in a reverse-orientation featured quote split block for React and Next.js. Features a left half containing a text-2xl semantic blockquote with specific numeric tension and a figcaption attribution row carrying avatar initials, author name, and role, a right half holding a single size-24 rounded-3xl bordered container with a size-12 central mark plus a text-3xl bold wordmark and a featured customer pill, and a thin vertical divider between halves on desktop. Built with TypeScript, motion/react parent entrance with split directional stagger using useReducedMotion, Lucide React icon mark, and Tailwind CSS theme variables. Perfect for landing pages that want the quote to carry the scan-weight before the logo identifies the source, mirror-image variants of flagship customer sections, and any moment where reading-order primacy matters.
Related Components
React Logos Featured Quote Split Block
Single flagship logo paired with customer quote
React Logos Featured Quote With Metric Card Block
Quote split with inset metric card
React Logos Featured Quote Dark Variant Block
Dark inset logo plus quote split
React Logos Featured Quote With Supporting Trio Block
Featured quote with a supporting logo trio
React Logos Featured Quote Stacked Layout Block
Stacked version of the quote split
React Logos Featured Focal Hub Block
Flagship focal hub with supporting strip
FAQ
Was this page helpful?
Sign in to leave feedback.
Featured Quote Dark Variant
A dark inset featured quote split logo block for React and Next.js with an inverted palette panel, flagship brand mark, hero-scale blockquote, and attribution figcaption built with shadcn/ui and Tailwind CSS
Featured Quote Split
A featured quote split logo block for React and Next.js with a single flagship logo on the left paired with a customer testimonial on the right, hero-scale wordmark, semantic blockquote, and attribution figcaption built with shadcn/ui and Tailwind CSS