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="Lue killan fuksiopas"
        link="https://static.sahkoinsinoorikilta.fi/FTMK/Fopas_25_web.pdf"
        linkText="lue fuksiopas täältä!"
      />

      <HeroAsideItem
        header="Seuraa killan tiedotusta"
        link="https://t.me/+KxOI-aQ0jpFhNTJk"
        linkText="Liity killan Telegram-ryhmään!"
      />
      <HeroAsideItem
        header="Kaikki kunnossa opiskelua varten?"
        link="https://www.aalto.fi/fi/ohjelmat/sahkotekniikan-kandidaattiohjelma/opintojen-aloittaminen"
        linkText="Lue korkeakoulun tietopaketti"
      />
      <HeroAsideItem
        header="Fuksiryhmät ja ISOt?"
        link="#isot"
        linkText="Tietoa fuksiryhmistä"
      />
    </HeroAside>
  </Hero>
);

export default FreshmenPageHero;
