From 453dbe2184cb77b3d88ce66a09bd3ca1970cff34 Mon Sep 17 00:00:00 2001
From: Manuel Brandstetter <accounts@manuelbrandstetter.dev>
Date: Fri, 8 Dec 2023 08:42:02 +0100
Subject: [PATCH] Changes

---
 astro.config.mjs                              |  5 ----
 src/components/Footer/Footer.scss             |  1 +
 src/components/Navbar/Navbar.astro            |  3 +-
 src/layouts/Layout.astro                      | 13 ++++++---
 src/pages/[lang]/index.astro                  |  2 --
 src/pages/index.astro                         | 13 +--------
 src/views/AboutUs/AboutUs.scss                |  7 +++--
 src/views/Choices/Choices.scss                |  8 +++++-
 src/views/Features/Features.scss              | 10 -------
 .../ReachNewHeights/ReachNewHeights.scss      | 28 ++++++++++++++-----
 10 files changed, 44 insertions(+), 46 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 5f6799b..bef929d 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,5 +1,4 @@
 import { defineConfig } from "astro/config";
-import node from "@astrojs/node";
 import react from "@astrojs/react";
 
 // https://astro.build/config
@@ -8,8 +7,4 @@ export default defineConfig({
   redirects: {
     "/legal": "/legal/privacy",
   },
-  output: "server",
-  adapter: node({
-    mode: "standalone",
-  }),
 });
diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss
index acd4e87..cff2897 100644
--- a/src/components/Footer/Footer.scss
+++ b/src/components/Footer/Footer.scss
@@ -49,6 +49,7 @@ footer {
   margin: 0;
   font-size: 20px;
   line-height: 28px;
+  max-width: 450px;
 }
 
 .footer__external-links {
diff --git a/src/components/Navbar/Navbar.astro b/src/components/Navbar/Navbar.astro
index 76f99e2..5ae1217 100644
--- a/src/components/Navbar/Navbar.astro
+++ b/src/components/Navbar/Navbar.astro
@@ -11,7 +11,7 @@ const content = await getTranslatedContent("Header", lang!);
 <nav id="navbar" class="navbar">
   <ul>
     <li>
-      <a aria-label={content.home} href=`/`>
+      <a aria-label={content.home} href=`/${lang}`>
         <Logo />
       </a>
     </li>
@@ -27,7 +27,6 @@ const content = await getTranslatedContent("Header", lang!);
     <li>
       <Link
         href="/new"
-        ariaLabel={content.createBoard}
         className="navbar__link"
         >{content.createBoard}</Link>
     </li>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index c008283..24fad0c 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -105,14 +105,19 @@ const { title } = Astro.props;
     min-width: 320px;
   }
 
+  h1 {
+    font-size: 40px;
+    line-height: 48px;
+  }
+
   h2 {
-    font-size: 24px;
-    line-height: 28px;
+    font-size: 32px;
+    line-height: normal;
   }
 
   h3 {
-    font-size: 16px;
-    line-height: 22px;
+    font-size: 24px;
+    line-height: normal;
   }
 
   p {
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
index b95c7d3..9a47eb9 100644
--- a/src/pages/[lang]/index.astro
+++ b/src/pages/[lang]/index.astro
@@ -13,8 +13,6 @@ import AboutUs from "../../views/AboutUs/AboutUs.astro";
 export const getStaticPaths = (() => {
   return [{ params: { lang: "en" } }, { params: { lang: "de" } }];
 }) satisfies GetStaticPaths;
-
-export const prerender = true;
 ---
 
 <Layout title="Scrumlr">
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4a37455..5541eb1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,15 +1,4 @@
 ---
-const AVAILABLE_TRANSLATIONS = ["de", "en"];
-
-const language = Astro.request.headers.get("accept-language");
-// Split the language string into an array of languages
-const languages = language
-  ?.split(",")
-  .map((lang) => lang.split(";")[0].trim().split("-")[0]);
-
-// Find the first language in the header that matches one of the available languages
-const pageLang =
-  languages?.find((lang) => AVAILABLE_TRANSLATIONS.includes(lang)) || "en";
 ---
 
-<meta http-equiv="refresh" content=`0;url=/${pageLang}` />
+<meta http-equiv="refresh" content="0;url=/en" />
diff --git a/src/views/AboutUs/AboutUs.scss b/src/views/AboutUs/AboutUs.scss
index d15fe0b..cbe51b0 100644
--- a/src/views/AboutUs/AboutUs.scss
+++ b/src/views/AboutUs/AboutUs.scss
@@ -87,6 +87,10 @@
     text-wrap: balance;
     margin: 0;
   }
+
+  > a {
+    margin-top: 68px;
+  }
 }
 
 .bold {
@@ -169,8 +173,5 @@
     > h2 {
       z-index: 1;
     }
-    > p {
-      margin-bottom: 68px;
-    }
   }
 }
diff --git a/src/views/Choices/Choices.scss b/src/views/Choices/Choices.scss
index 62a9ca4..f7e6543 100644
--- a/src/views/Choices/Choices.scss
+++ b/src/views/Choices/Choices.scss
@@ -6,10 +6,16 @@
   align-items: center;
   text-align: center;
 
+  h2 {
+    margin: 24px 32px;
+  }
+  p {
+    margin: 0;
+  }
+
   h2,
   p {
     text-wrap: balance;
-    margin: 24px 32px;
   }
 }
 
diff --git a/src/views/Features/Features.scss b/src/views/Features/Features.scss
index 3cc6fc9..ea27a15 100644
--- a/src/views/Features/Features.scss
+++ b/src/views/Features/Features.scss
@@ -77,16 +77,6 @@
   }
 }
 
-h2 {
-  font-size: 40px;
-  line-height: 48px;
-}
-
-h3 {
-  font-size: 24px;
-  line-height: 32px;
-}
-
 p {
   font-size: 20px;
   line-height: 28px;
diff --git a/src/views/ReachNewHeights/ReachNewHeights.scss b/src/views/ReachNewHeights/ReachNewHeights.scss
index 26290f4..0ab5415 100644
--- a/src/views/ReachNewHeights/ReachNewHeights.scss
+++ b/src/views/ReachNewHeights/ReachNewHeights.scss
@@ -22,12 +22,12 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 16px;
+  gap: 24px;
 
   > h1 {
-    width: 310px;
-    font-size: 32px;
-    line-height: 34px;
+    width: 90%;
+    font-size: 40px;
+    line-height: 44px;
     font-weight: 700;
     color: var(--black);
     text-align: center;
@@ -59,8 +59,8 @@
   > p {
     width: min(350px, 100%);
     color: var(--black);
-    font-size: 16px;
-    line-height: 24px;
+    font-size: 20px;
+    line-height: 28px;
     font-weight: 400;
     text-align: center;
     margin: 0;
@@ -151,7 +151,7 @@
   .reach-new-heights__information-item {
     display: grid;
     grid-template-columns: auto auto;
-    grid-template-rows: auto auto;
+    grid-template-rows: auto 1fr;
     grid-template-areas: "icon title" "_ description";
     gap: 0 14px;
 
@@ -233,4 +233,18 @@
   .information-item__icon--dark {
     display: block;
   }
+  .reach-new-heights__headline > h1 {
+    > span:nth-of-type(1) {
+      background: linear-gradient(270deg, #6096FF -10.69%, #0057FF 112.7%);
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+    > span:nth-of-type(2) {
+      background: linear-gradient(270deg, #FF80B4 21.6%, #FF0069 113.57%);
+      background-clip: text;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
 }