Clients

The Clients component displays a section showcasing client or brand logos.

Props

The Clients component accepts the following props:

• brandImagesLight (string[], required): An array of image paths representing the client or brand logos for the light-themed version.

• brandImagesDark (string[], required): An array of image paths representing the client or brand logos for the dark-themed version.

Usage Example

<Clients
  brandImagesLight={[
    './images/brand/brand-light-01.svg',
    './images/brand/brand-light-02.svg',
    './images/brand/brand-light-03.svg',
    './images/brand/brand-light-04.svg',
    './images/brand/brand-light-05.svg',
    './images/brand/brand-light-06.svg'
  ]}
  brandImagesDark={[
    './images/brand/brand-dark-01.svg',
    './images/brand/brand-dark-02.svg',
    './images/brand/brand-dark-03.svg',
    './images/brand/brand-dark-04.svg',
    './images/brand/brand-dark-05.svg',
    './images/brand/brand-dark-06.svg'
  ]}
/>

In the example above, the Clients component is used with sample data to render a section showcasing client or brand logos. Make sure to replace the prop values with the appropriate data and adjust the image paths based on your project structure.

Styling

The Clients component uses Tailwind CSS utility classes for styling. You can customize the component's appearance by modifying these classes or extending them with your own styles.

For more information on Tailwind CSS, refer to the official documentation: https://tailwindcss.com/docs