Hero Marquee Dual Testimonials
A centered hero with two opposing marquee rows of scrolling testimonial mini cards for React and Next.js featuring an announcement pill, bold headline, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS
Build a centered hero with two opposing marquee rows of scrolling testimonial mini cards using this React and Next.js block. Features an announcement pill, bold headline, subtitle, dual ShadcnioButton CTAs with a sliding arrow effect, a small "Loved by teams everywhere" label, and two continuously scrolling mini testimonial card rows animating in opposite directions with gradient edge masks and duplicated arrays for seamless infinite looping. Built with TypeScript, ShadcnioButton, motion/react entrance animations, CSS keyframes translateX animation, Lucide React icons, and Tailwind CSS. Perfect for SaaS landing pages, B2B products, community platforms, and any marketing site where volume of positive customer voices drives conversions.
Related Components
React Centered Testimonial Card Grid Hero Block
Centered hero with a three-column grid of six compact testimonial cards
React Rotating Testimonials Hero Block
Hero with auto-rotating customer quotes using React useState
React Testimonial Hero Block
Hero with a single featured customer testimonial as the focal point
React Split Testimonial Hero Block
Split layout hero with testimonial panel using Tailwind CSS grid
React Centered Logo Marquee Hero Block
Centered hero with a CSS-animated infinite horizontal logo marquee below the CTAs
React Avatar Group Hero Block
Hero with overlapping avatar stack built with shadcn/ui Avatar
FAQ
Was this page helpful?
Sign in to leave feedback.
Logo Marquee
A centered hero with a CSS-animated infinite horizontal logo marquee below the CTAs for React and Next.js featuring an announcement pill, dual ShadcnioButton CTAs, and a bottom stats bar built with shadcn/ui and Tailwind CSS
Minimal
A centered minimal hero for React and Next.js with a large bold two-line headline, short subtitle, and two ShadcnioButton CTAs inside a rounded container built with shadcn/ui and Tailwind CSS