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

const ForFreshmenPageHero: React.FC = () => (
  <Hero>
    <HeroPrimarySection
      header="Welcome to study in Otaniemi!"
      text="This is the frontpage for fuksis (freshmen). Here we have collected all the most important information that you will need during your first year.
      Of course, everything happening in the guild can't fit here, so it is recommended that you also check out the more general 'in english' page."
    />

    <HeroAside bgColor="lightTurquoise">
      <HeroAsideItem
        header="Read the guild freshman guide"
        link="https://static.sahkoinsinoorikilta.fi/FTMK/Fopas_25_en_web.pdf"
        linkText="read the freshman guide here!"
      />

      <HeroAsideItem
        header="Follow the guild's announcements"
        link="https://t.me/+KxOI-aQ0jpFhNTJk"
        linkText="Join the guild's Telegram-group!"
      />
      <HeroAsideItem
        header="Fuksi groups and ISOs?"
        link="#isos"
        linkText="Information about the fuksi groups"
      />
    </HeroAside>
  </Hero>
);

export default ForFreshmenPageHero;
