Integrations

The Integrations component displays a section showcasing various integrations or partner logos.

Props

The Integrations component accepts the following props:

• integrations (array of objects, required): An array of integration objects containing the image path for each integration logo.

• sectionTitle (string, required): The main title of the integrations section.

• sectionSubtitle (string, required): The subtitle or tagline for the integrations section.

• sectionTitlePara (string, required): A paragraph describing the purpose or benefits of the integrations.

Usage Example

<Integrations
  integrations={[
    { image: './images/brand/brand-07.svg' },
    { image: './images/brand/brand-08.svg' },
    { image: './images/brand/brand-09.svg' },
  ]}
  sectionTitle="INTEGRATIONS"
  sectionSubtitle="Remotely Maintain Your Data, From Anywhere, Anytime."
  sectionTitlePara="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In convallis tortor eros. Donec vitae tortor lacus. Phasellus aliquam ante in maximus."
/>tsx

In the example above, the Integrations component is used to render a section showcasing various integrations or partner logos. The integrations prop is an array of objects, where each object should contain the image property representing the path to the integration logo.

Make sure to replace the prop values with the appropriate data and adjust the image paths based on your project structure.

Styling

The Integrations 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