Placeholder CorporatePage

src/pages/CorporatePage/CorporatePage.tsx

@@ -1,6 +1,17 @@
 import React from "react";
 import { Helmet } from "react-helmet";
 import "./CorporatePage.scss";
+import PageSection from "../../components/PageSection";
+import { ColorEnum } from "../../components/ColorDiv/ColorDiv";
+import HeroMainSection from "../../components/HeroMainSection";
+import HeroAsideSection from "../../components/HeroAsideSection";
+import HeroAsideItem from "../../components/HeroAsideItem";
+import AsideSection from "../../components/AsideSection";
+import MainSection from "../../components/MainSection/index";
+import PageLink from "../../components/PageLink/index";
+import Ribbon from "../../components/Ribbon/index";
+import TextAnchor from "../../components/TextAnchor/index";
+import { TextSize } from "../../components/TextAnchor/TextAnchor";
 
 export interface CorporatePageProps {}
 export interface CorporatePageState {}
@@ -12,7 +23,76 @@ class CorporatePage extends React.Component<CorporatePageProps, CorporatePageSta
         <Helmet>
           <link rel="canonical" href="https://sik.ayy.fi/yritysyhteistyo" />
         </Helmet>
-        Corporate Page
+        <PageSection backgroundColor={ColorEnum.DarkBlue} fullSize>
+          <HeroMainSection>
+            <h1>Tee yhteistyötä tulevaisuuden huippuosaajien kanssa!</h1>
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula aliquam enim, in lacinia nunc rutrum fringilla. Phasellus dui dolor, pellentesque vitae feugiat non, maximus in felis. Praesent feugiat vehicula mi, sed tincidunt enim venenatis quis. In euismod gravida ullamcorper. Phasellus a sagittis nisi, vitae blandit ipsum. Nunc rhoncus ultrices ante, id commodo dolor convallis id. Morbi ullamcorper vulputate risus id sodales.
+            </p>
+          </HeroMainSection>
+          <HeroAsideSection textColor={ColorEnum.DarkBlue} backgroundColor={ColorEnum.LightTurquoise}>
+            <HeroAsideItem
+              title="Mainos sivulle, opiskelijoita vierailulle?"
+              linkHref="#yhteistyomahdollisuudet"
+              linkText="Yhteistyömahdollisuudet" />
+            <HeroAsideItem
+              title="Kilta tukee työllistymistä"
+              linkHref="#tyopaikat"
+              linkText="Työpaikkailmoitukset" />
+            <HeroAsideItem
+              title="LinkedIn"
+              linkHref="https://linkedin.com/groups/8103057"
+              linkText="Killan LinkedIn ryhmä" />
+          </HeroAsideSection>
+        </PageSection>
+        <PageSection backgroundColor={ColorEnum.White}>
+          <AsideSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black} />
+          <MainSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black}>
+            <h3 id="yhteistyomahdollisuudet">Yhteistyömahdollisuudet</h3>
+
+            <p><strong>TODO: Tähän nostoja yhteistyöstä!</strong> Yhteistyömahdollisuuksista voi tiedustella lisää killan yrityssuhdemestarilta.</p>
+
+            <h6>Yritysbrunssi</h6>
+            <p>Yritysbrunssi on Sähköinsinöörikillan ja bioinformaatioteknologian ainejärjestö Inkubion syksyllä järjestämä yritystapahtuma. Tapahtumassa luodaan yrityksille mahdollisuus tavata tulevaisuuden ammattilaisia maukkaan brunssin lomassa.</p>
+
+            <h6>Haalarimainonta</h6>
+            <p>Sähköinsinöörikillan ensimmäisen vuoden opiskelijat saavat opiskelijahaalarinsa heti syksyn ensimmäisenä päivänä. Yrityksien on mahdollista ostaa mainostilaa haalareista ja samalla lunastaa esiintymispaikka haalareiden luovutustilaisuuteen, &quot;Haalarigaalaan&quot;. Tilaisuus on erinomainen paikka jäädä heti uusien opiskelijoiden mieleen.</p>
+
+            <h6>Excursiot</h6>
+            <p>Excursioiden tarkoituksena on tarjota opiskelijoille mahdollisuus tutustua yritysmaailmaan. Pidemmillä excursiolla hauskanpito ja teekkariperinteiden vaaliminen on tärkeä osa excursiota.</p>
+
+            <h6>Potentiaalin Tasaus</h6>
+            <p>Kiltamme viettää vuosijuhliaan helmikuun kolmantena lauantaina. Potentiaalin Tasaus on kiltamme juhlavin tapahtuma. Yrityksillä on mahdollisuus osallistua vuosijuhliin niin pienellä kuin suurellakin panoksella.</p>
+          </MainSection>
+          <AsideSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black}>
+            <div>
+              <PageLink to="https://static.sika.sik.party/saannot/excursiosaannot.pdf" desc="Lue täältä›">
+                  Excursiosäännöt
+              </PageLink>
+              <PageLink to="/jaseneksi/" desc="ja tule mukaan toimintaamme&nbsp;›">
+                  Liity jäseneksi
+              </PageLink>
+            </div>
+          </AsideSection>
+        </PageSection>
+        <PageSection backgroundColor={ColorEnum.Orange1}>
+          <Ribbon>
+            <h3>Mainos Sössöön?</h3>
+            <TextAnchor textColor={ColorEnum.White} hoverColor={ColorEnum.Blue} size={TextSize.SmallRibbon} to="https://sosso.fi">
+              <h4>Killan lehden mediakortin löydät täältä›</h4>
+            </TextAnchor>
+          </Ribbon>
+        </PageSection>
+        <PageSection backgroundColor={ColorEnum.White}>
+          <AsideSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black} />
+          <MainSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black}>
+            <h3 id="tyopaikat">Työpaikkaulmoitukset</h3>
+            <p>TODO: Miten listataan yritykset?</p>
+            {/* TODO: Fix links */}
+            <p>Voit saada yrityksesi työpaikkailmoituksen listalle lähettämällä sen osoitteeseen <a style={{color: "black"}} href="mailto:sik-yritys@list.ayy.fi">sik-yritys@list.ayy.fi</a> </p>
+          </MainSection>
+          <AsideSection backgroundColor={ColorEnum.White} textColor={ColorEnum.Black} />
+        </PageSection>
       </div>
     );
   }