import React from 'react';
import styles from '../../styles/Collaboration.module.scss';

const Collaboration = () => {
  return (
    <>
      <h1>Yhteistyössä</h1>
      <div className={styles.collabContainer}>
        <div className={styles.collabLogoRow}>
          <img
            className={styles.collabLogo}
            src='/collaborators/skr.png'
            alt='Suomen Kulttuurirahaston logo'
          />
          <img
            className={styles.collabLogo}
            src='/collaborators/naantali.png'
            alt='Naantalin kaupungin logo'
          />
          <img
            className={styles.collabLogo}
            src='/collaborators/siltala.png'
            alt='Siltalan logo'
          />
          <img
            className={styles.collabLogo}
            src='/collaborators/teos.jpg'
            alt='Teoksen logo'
          />
          <img
            className={styles.collabLogo}
            src='/collaborators/aviador.png'
            alt='Aviadorin logo'
          />
          <img
            className={styles.collabLogo}
            src='/collaborators/vaihela.png'
            alt='Vaihelan logo'
          />
          <img
            className={styles.collabLogo}
            src='/collaborators/prosinervo.jpg'
            alt='Pro Sinervon logo'
          />
        </div>
      </div>
    </>
  );
};

export default Collaboration;
