Summerjob splash 2025 (#652)

* update summerjob splash for 2025

* add: quotes from summer students 2024

src/summersplash2022/Content.tsx

@@ -9,7 +9,7 @@ import omJobbenStyle from './sections/hvemSokerVi.module.css';
 import SummerstudentsQuotes from './sections/hvaSierSommerstudentene';
 
 const Content = () => {
-  const norwayMap = require('./img/norway summer job.svg');
+  const norwayMap = require('./img/summerjob_norway_2025.svg');
 
   return (
     <>
@@ -38,11 +38,11 @@ const Content = () => {
               </p>
 
               <p>
-                I 2024 tilbyr vi sommerjobb i både <strong>Trondheim</strong>,{' '}
+                I 2025 tilbyr vi sommerjobb i både <strong>Trondheim</strong>,{' '}
                 <strong>Oslo</strong> og <strong>Bergen</strong>, til
-                henholdsvis ti, ti og tre studenter. Hvor du vil jobbe bestemmer
-                du naturligvis selv. Sommerjobben varer i fire + to uker med tre
-                uker ferie i mellomtiden.
+                henholdsvis åtte, åtte og tre studenter. Hvor du vil jobbe
+                bestemmer du naturligvis selv. Sommerjobben varer i fire + to
+                uker med tre uker ferie i mellomtiden.
               </p>
             </div>
             <p className={omJobbenStyle.textBelowImg}>
@@ -51,13 +51,13 @@ const Content = () => {
               ligger nemlig åpent og tilgjengelig på våre nettsider. Timelønnen
               trenger du heller ikke å lure på, den er på 271,83kr (eller 100
               <em style={{ fontFamily: 'Nimbus Roman No9 L' }}>e </em>
-              🤓). Under “Hvorfor akkurat Variant?” ned kan du lese mer om hva
-              Variant står for og tilbyr.
+              🤓). Under “Hvorfor akkurat Variant?” lenger ned kan du lese mer
+              om hva Variant står for og tilbyr.
             </p>
             <div className={omJobbenStyle.imgWrapper}>
               <img
                 src={norwayMap}
-                alt="Vi ansetter 10 i Trondheim, 10 i Oslo og 3 i Bergen"
+                alt="Vi ansetter 8 i Trondheim, 8 i Oslo og 3 i Bergen"
                 className={omJobbenStyle.img}
               />
             </div>

src/summersplash2022/components/header/header.tsx

@@ -132,7 +132,7 @@ const Header = (props: { white: boolean }) => {
       >
         <header className={style.header}>
           <div className={style.header__logo}>
-            <Link href="/">
+            <Link legacyBehavior href="/">
               <a aria-label="Variant startside">
                 <img src={require('./variant.svg')} alt="Variant" />
               </a>

src/summersplash2022/sections/forside.tsx

@@ -3,8 +3,6 @@ import Header from 'src/summersplash2022/components/header/header';
 import MoreInfo from 'src/summersplash2022/img/merInfo';
 import { ApplyType } from 'src/summersplash2022/utils/utils';
 import ArrowDown from 'src/summersplash2022/img/arrowDown';
-import GraduateToggleArrow from '../img/graduateToggleArrow';
-import SummerjobToggleArrow from 'src/summersplash2022/img/summerjobToggleArrow';
 import LandingPageImgWithBlob from 'src/summersplash2022/img/landingpageImgWithBlob';
 
 const LandingPage = ({
@@ -20,35 +18,14 @@ const LandingPage = ({
     <>
       <section className={`${style.section} ${className}`} id="forside">
         <Header white={isApplyGraduate ? true : false} />
-        <div className={style.togglePageDiv}>
-          <div
-            className={`${style.togglePage} ${
-              isApplyGraduate ? style.togglePageLightBlue : style.togglePageBlue
-            }
-            `}
-          >
-            <a
-              href="/sommerjobb"
-              className={!isApplyGraduate ? style.toggleActiveBlue : ''}
-            >
-              Sommerjobb
-            </a>
-            <a
-              href="/nyutdannet"
-              className={isApplyGraduate ? style.toggleActiveLightBlue : ''}
-            >
-              Nyutdannet
-            </a>
-          </div>
-          {isApplyGraduate ? <SummerjobToggleArrow /> : <GraduateToggleArrow />}
-        </div>
+        <div className={style.togglePageDiv}></div>
         <div className={style.flex}>
           <h1>
             Vi ser etter
             <span className={style.textGradient}>
-              {isApplyGraduate ? ' 4 nyutdannede ' : ' 23 sommervarianter '}
+              {isApplyGraduate ? ' 4 nyutdannede ' : ' 19 sommervarianter '}
             </span>
-            i 2024!
+            i 2025!
           </h1>
           <div className={style.applyDiv}>
             <div>

src/summersplash2022/sections/hvaSierSommerstudente.module.css

@@ -21,7 +21,6 @@
 }
 
 .img {
-  width: 288.35px;
   height: 288.35px;
   margin-top: auto;
   margin-bottom: auto;

src/summersplash2022/sections/hvaSierSommerstudentene.tsx

@@ -4,34 +4,19 @@ import GreenBlob from '../img/greenBlob';
 
 const summerstudentsQuotes = [
   {
-    name: 'Emma',
-    quote: `“Jeg er utrolig glad for å få være en del av variantgjengen i
-      sommer! Det er gøy å se hvordan kjerneverdier som åpenhet og
-      læreglede virkelig praktiseres i arbeidshverdagen, ikke bare
-      på papiret. Det gjør at jeg føler meg veldig inkludert og
-      lærer masse, samtidig som vi har det mye moro!\”`,
-    picture: require('../img/emma.svg'),
+    name: 'Solveig',
+    quote: `“Sommeren hos Variant var som å bli tatt inn i varmen av en stor familie, som umiddelbart fikk meg til å føle meg hjemme. De faste ansatte delte raust av sin kunnskap, tid og støtte, noe som gjorde det lett å finne seg til rette. Sommerteamet vårt, bestående av to designere og to utviklere, jobbet i seks uker på et spennende prosjekt for en start-up. Det var kult å kunne bygge noe verdifullt på kort tid – og ikke minst at det gikk rett i produksjon etter sommeren! Og ja, tre uker med velfortjent fri midt i alt dette smakte også godt.”`,
+    picture: require('../img/solveig-blob.png'),
   },
   {
-    name: 'Mathias',
-    quote: `“Sommeren i Variant ga meg en smakebit av hva det vil si å
-      være konsulent. Med ekte kunder og reelle behov lærte jeg
-      masse og fikk vist frem ferdighetene mine. Gjennom sosiale
-      arrangementer og pulserende Slack-kanaler følte jeg meg
-      inkludert allerede før dag én. Jevnlige sparringer ga faglig
-      påfyll og støtte til teamet, og folkene her er rett og slett
-      herlige 🤗”`,
-    picture: require('../img/mathias.svg'),
+    name: 'August',
+    quote: `“Å få jobbe med Variant i sommer har vært en glede! Fra første stund følte jeg meg velkommen og inkludert, både faglig og sosialt. De inkluderte meg aktivt på Variantdagene deres selv før jeg begynte å jobbe. Miljøet har gitt meg muligheten til å vise mitt potensial, samtidig som jeg har lært utrolig mye fra erfarne kolleger. I tillegg til å få verdifull innsikt i konsulentrollen, har jeg også fått solid arbeidserfaring som har hjulpet meg å vokse personlig og profesjonelt.”`,
+    picture: require('../img/august-blob.png'),
   },
   {
-    name: 'Swarny',
-    quote: `“Sommeren hos Variant har vært helt fantastisk. Vi fikk jobbe
-      med et megakult og aktuelt prosjekt med god oppfølging, både
-      fra Variant og kunden. Selv om Variant er et konsulentselskap,
-      har de et godt sosialt miljø hvor alle er inkluderende, ivrige
-      og åpne. Jeg er superfornøyd med at
-      jeg søkte sommerjobb hos Variant!!”`,
-    picture: require('../img/swarny.svg'),
+    name: 'Max',
+    quote: `“Denne sommeren ble faktist en av de beste somrene på flere år, mye takket være Variant! Det var så fint å komme på jobb og bli mottatt med varme og få arbeide sammen med et fint team på et ordentlig prosjekt. Variant var skikkelig god på å arrangere sosiale aktiviteter utover arbeidet, uten press om at man må bli med på alt. Opplevelsen fikk meg til å føle at det kanskje ikke er så verst å bli ferdig som student, tross alt”`,
+    picture: require('../img/max-blob.png'),
   },
 ];
 

src/summersplash2022/sections/hvaSkjerEtterSonaadsfristen.tsx

@@ -14,13 +14,13 @@ const AfterApplying = ({
   const timelineImage =
     applyType === ApplyType.GRADUATE
       ? require('../img/graduate timeline.svg')
-      : require('../img/timeline.svg');
+      : require('../img/summerjob_timeline_2025.svg');
 
   const timelineDescription =
     applyType == ApplyType.GRADUATE
-      ? `Søknadsfrist: 1.oktober, Kaffeprat: 4.-5.oktober, tilbud om sommerjobb: 6.oktober
-  sosiale og faglige arrangementer: november-juni, første arbeidsperiode: 10.juni - 5.juli (4 uker), ferie
-  8.juli - 26 juli (3 uker), andre arbeidsperiode : 29.juli - 9.august (2 uker)`
+      ? `Søknadsfrist: 1.oktober, Kaffeprat: 2.-3.oktober, tilbud om sommerjobb: 4.oktober
+  sosiale og faglige arrangementer: november-juni, første arbeidsperiode: 9.juni - 4.juli (4 uker), ferie
+  7.juli - 25. juli (3 uker), andre arbeidsperiode : 28.juli - 8.august (2 uker)`
       : '';
 
   const isApplyGraduate: boolean = applyType == ApplyType.GRADUATE;

src/summersplash2022/sections/hvemSokerVi.tsx

@@ -38,7 +38,7 @@ const WhoAreWeSeeking = ({ className }: { className: string }) => {
         <div className={style.imgWrapper}>
           <img
             src={graduateNorwayMap}
-            alt="Trondheim: 3 designere"
+            alt="Trondheim: 3 designere, Bergen: 1 utvikler"
             className={style.img}
           />
         </div>

src/summersplash2022/sections/søkJobb.tsx

@@ -5,9 +5,11 @@ import ApplyImgWithBlob from 'src/summersplash2022/img/applyImgWithBlob';
 
 const Apply = ({ applyType }: { applyType: ApplyType }) => {
   const isApplyGraduate = applyType == ApplyType.GRADUATE;
-  const variantImg = require(isApplyGraduate
-    ? 'src/components/page-header/whiteVariant.svg'
-    : 'src/components/page-header/variant.svg');
+  const variantImg = require(
+    isApplyGraduate
+      ? 'src/components/page-header/whiteVariant.svg'
+      : 'src/components/page-header/variant.svg',
+  );
 
   return (
     <section
@@ -46,7 +48,7 @@ const Apply = ({ applyType }: { applyType: ApplyType }) => {
             href={
               isApplyGraduate
                 ? '/jobs/nyutdannet-designer-2024'
-                : '/jobs/sommerjobb-designer-2024'
+                : '/jobs/sommerjobb-designer-2025'
             }
           >
             Søk som designer
@@ -56,7 +58,7 @@ const Apply = ({ applyType }: { applyType: ApplyType }) => {
             href={
               isApplyGraduate
                 ? '/jobs/nyutdannet-utvikler-2024'
-                : '/jobs/sommerjobb-utvikler-2024'
+                : '/jobs/sommerjobb-utvikler-2025'
             }
           >
             Søk som utvikler