Shadcn.io is not affiliated with official shadcn/ui
Logos Featured Quote With Supporting Trio
A featured quote split logo block for React and Next.js with a flagship mark and blockquote on top plus a horizontal trio of supporting customer cells below built with shadcn/ui and Tailwind CSS
Pair one flagship quote with a trio of supporting customer logos using this featured quote with supporting trio block for React and Next.js. Features a two-column split with a size-20 central mark and text-3xl wordmark on the left and a semantic blockquote plus figcaption on the right, a horizontal three-cell supporting strip below the split showing icon and wordmark pairs inside rounded-xl bordered cards with a text-xs uppercase eyebrow label, and hover color transitions from muted to foreground on each supporting cell. Built with TypeScript, motion/react parent entrance with split directional stagger and a cascading supporting row, Lucide React icon marks, and Tailwind CSS theme variables. Perfect for flagship customer callouts that need additional breadth, single-story anchor sections with peer-proof reinforcement, and any landing page where one hero quote benefits from a short supporting roster.
Related Components
React Logos Featured Quote Split Block
The standard featured quote split
React Logos Featured Quote Dark Variant Block
Dark inset featured quote variant
React Logos Featured Quote With Metric Card Block
Featured quote paired with a metric card
React Logos Featured Quote Stacked Layout Block
Vertically stacked featured quote layout
React Logos Featured Quote With Rating Chip Block
Featured quote with a five-star rating chip
React Logos Featured Focal With Quote Below Block
Focal hub with quote below the central mark
FAQ
Was this page helpful?
Sign in to leave feedback.
Featured Quote With Rating Chip
A featured quote split logo block for React and Next.js with a flagship mark on the left and a five-star rating credibility chip above a semantic blockquote on the right built with shadcn/ui and Tailwind CSS
Featured Three Flagship Row
A three flagship row logo block for React and Next.js with three equal-weight hero cards on a single row, inverted size-20 rounded mark containers, text-2xl bold wordmarks, and tenure metrics built with shadcn/ui and Tailwind CSS