Logo gallery

The LogoGallery component displays client or partner logos in a responsive grid layout. This is typically used for social proof on marketing pages.

Default

A basic grid layout with logo items.
Classtime
Decathlon
RIOT Games
Hyundai
EliseAI
British Gas
VU Amsterdam
Arkadium
<LogoGallery>
  <LogoGallery.Item src="/logos/logo.svg" title="Company name" />
  <LogoGallery.Item src="/logos/logo.svg" title="Company name" />
  <LogoGallery.Item src="/logos/logo.svg" title="Company name" />
  <LogoGallery.Item src="/logos/logo.svg" title="Company name" />
  <LogoGallery.Item src="/logos/logo.svg" title="Company name" />
</LogoGallery>

Usage

The LogoGallery component can be referenced using the following format:

import LogoGallery from "../../components/LogoGallery";

Accessibility

Each logo should include an alt attribute for screen readers. Logos are displayed using responsive utility classes for optimal layout across devices.