From 9b5b239750f31718c0d8462904f99f388c1c7ef3 Mon Sep 17 00:00:00 2001
From: kritzl <kritzl@kritzl.dev>
Date: Wed, 16 Sep 2026 11:33:29 +0200
Subject: [PATCH] improve menu

---
 src/components/Navbar.astro | 40 +++++++++++++++++++++++++++----------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index fc87e1b..904a9e4 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,5 +1,6 @@
 ---
 import path from "../utils/path.ts"
+import {Users, List, Info} from "@lucide/astro"
 ---
 
 <div class="navbar bg-base-100 shadow-sm z-20 sticky top-0">
@@ -12,23 +13,42 @@ import path from "../utils/path.ts"
       </div>
       <ul
           tabindex="-1"
-          class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow">
-        <li><a class="text-lg" href={path(import.meta.env.BASE_URL, '/')}>Wann & Wo</a></li>
-        <li><a class="text-lg" href={path(import.meta.env.BASE_URL, '/hamburg/2026/programm/')}>Programm</a></li>
-        <li><a class="text-lg" href={path(import.meta.env.BASE_URL, '/hamburg/2026/wer/')}>Wer</a></li>
+          class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-4 gap-4 shadow-xl border">
+        <li><a class="text-xl" href={path(import.meta.env.BASE_URL, "/")}>
+          <Info/>
+          Wann & Wo
+        </a></li>
+        <li><a class="text-xl" href={path(import.meta.env.BASE_URL, "/hamburg/2026/programm/")}>
+          <List/>
+          Programm
+        </a></li>
+        <li><a class="text-xl" href={path(import.meta.env.BASE_URL, "/hamburg/2026/wer/")}>
+          <Users/>
+          Wer
+        </a></li>
       </ul>
     </div>
-    <a class="btn btn-link text-xl max-h-14" href={path(import.meta.env.BASE_URL, '/')}>
+    <a class="btn btn-link text-xl max-h-14" href={path(import.meta.env.BASE_URL, "/")}>
       <picture class="h-full">
-        <img src={path(import.meta.env.BASE_URL, '/logo.svg')} alt="Logo von den DiDays 2026 in Hamburg" class="h-full"/>
+        <img src={path(import.meta.env.BASE_URL, "/logo.svg")} alt="Logo von den DiDays 2026 in Hamburg"
+             class="h-full"/>
       </picture>
     </a>
   </div>
   <div class="navbar-center hidden sm:flex">
-    <ul class="menu menu-horizontal px-1">
-      <li><a href={path(import.meta.env.BASE_URL, '/')}>Wann & Wo</a></li>
-      <li><a href={path(import.meta.env.BASE_URL, '/hamburg/2026/programm/')}>Programm</a></li>
-      <li><a href={path(import.meta.env.BASE_URL, '/hamburg/2026/wer/')}>Wer</a></li>
+    <ul class="menu menu-horizontal px-1 gap-2">
+      <li><a href={path(import.meta.env.BASE_URL, "/")}>
+        <Info/>
+        Wann & Wo
+      </a></li>
+      <li><a href={path(import.meta.env.BASE_URL, "/hamburg/2026/programm/")}>
+        <List/>
+        Programm
+      </a></li>
+      <li><a href={path(import.meta.env.BASE_URL, "/hamburg/2026/wer/")}>
+        <Users/>
+        Wer
+      </a></li>
     </ul>
   </div>
 </div>
\ No newline at end of file