Collaboration section

pages/components/Collaboration.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import styles from '../../styles/Collaboration.module.scss';
+
+const Collaboration = () => {
+  return (
+    <>
+      <h1>Yhteistyössä</h1>
+      <div className={styles.collabContainer}>
+        <span>Kulttuurirahaston Varsinais-Suomen rahasto</span>
+        <span>Runoviikko ry, Kirjan talo – Bokens hus ry</span>
+        <span>Pro Sinervo ry</span>
+        <span>Velkuan saaristolaisyhdistys ry</span>
+        <span>Aviador Kustannus</span>
+        <span>Enostone Kustannus</span>
+        <span>Cafe Laituri</span>
+        <span>Saaristohotelspan Vaihela</span>
+        <span>Artbox Irja</span>
+      </div>
+    </>
+  );
+};
+
+export default Collaboration;

pages/index.tsx

@@ -4,6 +4,7 @@ import Program from './program';
 import Info from './info';
 import styles from '../styles/Index.module.scss';
 import Lead from './components/Lead';
+import Collaboration from './components/Collaboration';
 
 const Home: NextPage = () => {
   return (
@@ -13,6 +14,7 @@ const Home: NextPage = () => {
       <Performers />
       <Program />
       <Info />
+      <Collaboration />
     </div>
   );
 };

styles/Collaboration.module.scss

@@ -0,0 +1,12 @@
+.collabContainer {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+
+  span {
+    margin-right: 2em;
+    font-size: 1.6rem;
+    font-weight: bolder;
+    line-height: 2em;
+  }
+}