From 0179e0f5233f50006e8751d1f4e27dc60fe24248 Mon Sep 17 00:00:00 2001
From: Jonas Wanke <contact@jonas-wanke.com>
Date: Mon, 4 Nov 2024 18:40:13 +0100
Subject: [PATCH] Add registration link to header

---
 src/components/Header.astro | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 3377fd3..d33adec 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -37,7 +37,7 @@ const skills = [
       class="flex w-full items-center justify-between border-b border-white py-6 lg:border-none"
     >
       <div class="flex items-center">
-        <a href={getRelativeLocaleUrl(lang, "/")}>
+        <a href={getRelativeLocaleUrl(lang)}>
           <Image
             src={WsgHandsWhiteImage}
             alt="WorldSkills Germany"
@@ -46,12 +46,20 @@ const skills = [
         </a>
         <div class="ml-10 hidden space-x-8 lg:block">
           <a
-            href={getRelativeLocaleUrl(lang, "/")}
+            href={getRelativeLocaleUrl(lang)}
             class="text-base font-medium text-white hover:text-gray-100"
           >
             {t({ de: "Startseite", en: "Home" })}
           </a>
         </div>
+        <div class="ml-10 hidden space-x-8 lg:block">
+          <a
+            href={getRelativeLocaleUrl(lang, "anmeldung")}
+            class="text-base font-medium text-white hover:text-gray-100"
+          >
+            {t({ de: "Anmeldung", en: "Registration" })}
+          </a>
+        </div>
         <div class="ml-10 hidden lg:block">
           <SkillsDropdown
             client:load
@@ -83,6 +91,14 @@ const skills = [
           {t({ de: "Startseite", en: "Home" })}
         </a>
       </div>
+      <div class="my-auto ml-10 space-x-8 lg:hidden">
+        <a
+          href={getRelativeLocaleUrl(lang, "anmeldung")}
+          class="text-base font-medium text-white hover:text-gray-100"
+        >
+          {t({ de: "Anmeldung", en: "Registration" })}
+        </a>
+      </div>
       <SkillsDropdown
         client:load
         title={t({ de: "Unsere Disziplinen", en: "Our Skills" })}