Logo Carousel

Infinite scrolling client logo marquee with fade edges. Displays a seamless loop of partner/client logos with smooth animation.

Proven design experience with brands of all sizes

Animation Type

Framer Motion infinite loop with linear easing

Duration

20 seconds per loop

Track Width

816px (4 logos × 140px + gaps)

1. Header Text

"Proven design experience with brands of all sizes"

2. Border Lines

Top and bottom gradient border lines

3. Logo Track

Duplicated logos for seamless loop

4. Fade Edges

Gradient overlays on left and right

Logos are stored in /public/images/ as SVG files

opacity: 50% (hover: 100%)filter: grayscale brightness-75size: 120px × 40px max

tsx

import { LogoCarousel } from '@/components/sections/LogoCarousel'

// Default usage
<LogoCarousel />

tsx

import { LogoCarousel } from '@/components/sections/LogoCarousel'