Integration 8 block design & features
Integration8 is a logo-cloud section using the Magic UI Marquee component. A large centered heading and muted description paragraph sit above four horizontal marquee rows. Each row contains pill-shaped containers with a small logo image and a brand name rendered on a muted rounded-full background. Alternate rows scroll in opposite directions, and all rows pause on hover. Gradient overlays on the left and right edges fade the content into the page background.
The pills use consistent padding and gap spacing with logos sized at a fixed small dimension. Row animation duration is set to 20 seconds per cycle, creating a relaxed scrolling speed. The fade overlays span a generous width on each side, ensuring logos never appear to clip abruptly. The heading uses tight tracking at a large size that scales further on medium breakpoints.
The style is playful and brand-rich, using constant motion to fill the section with visual activity while keeping individual elements simple and uniform. Four rows of scrolling content create a dense, wallpaper-like texture. Complexity is low since you supply an array of logo objects with an image path and name string.
The marquee rows maintain their horizontal scroll at all viewport sizes, with logo pills simply becoming smaller through responsive font and image sizing on narrow screens.