import React from "react";
import {
  Hero, HeroPrimarySection, HeroAside, HeroAsideItem,
} from "@components/Hero";

const FreshmenPageHero: React.FC = () => (
  <Hero>
    <HeroPrimarySection
      header="Tervetuloa opiskelemaan Otaniemeen!"
      text="Tämä on fuksien oma etusivu ja olemmekin keränneet tänne kaikki tärkeimmät tiedot, joita fuksivuotenasi tarvitset. Tietysti kannattaa katsoa myös yleisiä sivuja, sillä tänne ei mahdu kaikki, mitä killassa tapahtuu."
    />

    <HeroAside bgColor="lightTurquoise">
      <HeroAsideItem
        header="Seuraa killan tiedotusta"
        link="https://t.me/joinchat/GsmJjhst3-BYIHQSefVhHg"
        linkText="Liity killan Telegram-ryhmiin"
      />
      <HeroAsideItem
        header="Kohti lakkia"
        link="https://static.sahkoinsinoorikilta.fi/FTMK/fopas_compressed.pdf"
        linkText="Lue fuksiopas"
      />
      <HeroAsideItem
        header="Kaikki kunnossa opiskelua varten?"
        link="https://into.aalto.fi/pages/viewpage.action?pageId=1183171"
        linkText="Lue korkeakoulun tietopaketti"
      />
      <HeroAsideItem
        header="ISO-ryhmät ja ISO-henkilöt?"
        link="#isot"
        linkText="Tsekkaa ISO-henkilöiden tiedot"
      />
    </HeroAside>
  </Hero>
);

export default FreshmenPageHero;
