Function PartnerSection

src/pages/partners.tsx:86–108

({ title, partners }: PartnerSection)

);

function PartnerSection({ title, partners }: PartnerSection) {
  return (
    <section className={styles.partnersSection}>
      <div className={clsx("container")}>
        <header className={styles.sectionHeader}>
          <h2 className="type-delta text-11-o-clock">{title}</h2>
        </header>
        <ul className={styles.partnersGrid}>
          {partners.map((partner, idx) => (
            <li key={idx} className={styles.partnerItem}>
              <img
                src={`/img/partners/${partner.logo}`}
                alt={partner.name}
                className={styles.partnerLogo}
              />
            </li>
          ))}
        </ul>
        <hr className={styles.divider} />
      </div>
    </section>
  );
}

export default function Partners(): JSX.Element {
  // Delayed GTM event to ensure the document has loaded with updated information