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

const StudiesPageHero: React.FC = () => (
  <Hero>
    <HeroPrimarySection
      header="Suomen parasta elektroniikan opetusta"
      // eslint-disable-next-line max-len
      text="Aalto-yliopistossa sinulla on mahdollisuus opiskella sähkö- ja elektroniikkatekniikkaa huippu professorien ja opettajien johdolla, vieläpä parhaassa mahdollisessa yhteisössä. Sähkötekniikan korkeakoulusta valmistut matematiikkaa ja fysiikkaa soveltavaksi huippuosaajaksi, jolla on valmiudet vaikka mihin työelämän taitoihin laidasta laitaan. Lue lisää opinnoista, killan roolista yliopistoelämässä ja uramahdollisuuksista alempaa."
    />

    <HeroAside bgColor="darkBlue">
      <HeroAsideItem
        header="Opiskelemaan sähkölle"
        link="#abeille"
        linkText="Lue lisää&nbsp; ›"
      />
      <HeroAsideItem
        header="Mikä ihmeen Diplomi-insinööri"
        link="#uratarinoita"
        linkText="Ura esimerkkejä&nbsp; ›"
      />
      <HeroAsideItem
        header="Aloittelevalle opiskelijalle"
        link="/kilta/fuksi"
        linkText="Tietopaketti fukseille&nbsp; ›"
      />
    </HeroAside>
  </Hero>
);

export default StudiesPageHero;
