Logos Dual Marquee With Metric Divider

Build reinforced social proof with a dual row infinite marquee logo wall for React and Next.js that inserts a metric chip divider between the two rows. Features a top row scrolling left and a bottom row scrolling right sandwiching three centered tabular-nums metric chips that call out headline numbers — twelve thousand teams, sixty countries, 99.99 percent uptime — so visitors absorb the scale immediately without leaving the section, gradient edge masks on both sides of the container, monochrome-to-color hover promotion, and a prefers-reduced-motion media query that disables both animations and transforms. Built with TypeScript, motion/react parent entrance with useReducedMotion, Lucide React icon marks paired with twenty-four invented placeholder brands, module-scope doubled arrays for seamless looping, and Tailwind CSS theme variables. Perfect for landing pages that want both density and numbers as proof, mid-page trust bands where metrics need context, and any section where logos alone need a quantitative anchor.

Related Components

FAQ