Add registration link to header

blz-it · Nov 4, 2024 · 0179e0f · 0179e0f
1 parent 2093582
commit 0179e0f
Showing 1 changed file with 18 additions and 2 deletions.
diff --git 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" })}