Merge pull request #5839 from webkom/exchangeButton

LinkButton for exchange information on front page

Author: celiacisternas

lego-webapp/pages/index/PublicFrontpage.module.css

@@ -66,3 +66,20 @@ div.wrapper {
   max-height: 40vh;
   object-fit: contain;
 }
+
+.LinkButton {
+  background-color: var(--lego-background-color);
+  border: 2px solid var(--color-red-6);
+  color: var(--color-red-6);
+}
+.LinkButton:hover {
+  background-color: var(--color-gray-1);
+  border: 2px solid var(--lego-red-color-hover);
+  color: var(--lego-red-color-hover);
+}
+
+div.LinkButtonContainer {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}

lego-webapp/pages/index/PublicFrontpage.tsx

@@ -105,9 +105,18 @@ const Welcome = () => (
       studiesituasjonen, arrangere kurs som utfyller fagtilbudet ved NTNU,
       fremme kontakten med næringslivet og bidra med sosiale aktiviteter.
     </p>
-    <LinkButton dark href="/pages/info-om-abakus">
-      Les mer om oss
-    </LinkButton>
+    <div className={styles.LinkButtonContainer}>
+      <LinkButton dark href="/pages/info-om-abakus">
+        Les mer om oss
+      </LinkButton>
+      <LinkButton
+        dark
+        href="/pages/generelt/131-exchange-student"
+        className={styles.LinkButton}
+      >
+        Exchange student?
+      </LinkButton>
+    </div>
   </div>
 );