From 19d5f41ed17a1e4a26995d38ae120fda7ad09967 Mon Sep 17 00:00:00 2001
From: Daniel Svitan <selfsigned-ash@proton.me>
Date: Thu, 23 Oct 2025 14:06:04 +0200
Subject: [PATCH] :construction: Adds header

---
 app/app.vue             |  1 -
 app/layouts/default.vue | 65 ++++++++++++++++++++++++++++++++++++++++-
 app/pages/index.vue     |  4 ++-
 3 files changed, 67 insertions(+), 3 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index bf356ae..8dd65b2 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,7 +1,6 @@
 <template>
     <UApp>
         <NuxtLayout>
-            <p>Hello world!</p>
             <NuxtPage />
         </NuxtLayout>
     </UApp>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 16bdaa6..d614350 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,8 +1,71 @@
 <template>
-    <slot />
+    <UHeader>
+        <template #left>
+            <h1 class="text-2xl text-center">Food Not Bombs Slovensko</h1>
+        </template>
+
+        <UNavigationMenu :items="items" />
+
+        <template #right>
+            <UTooltip text="Otvor na Gitea">
+                <UButton
+                    color="neutral"
+                    variant="ghost"
+                    to="https://gitea.svitan.dev/Streamer272/fnb"
+                    target="_blank"
+                    icon="i-simple-icons-github"
+                    aria-label="Gitea"
+                />
+            </UTooltip>
+        </template>
+    </UHeader>
+
+    <UApp>
+        <slot />
+    </UApp>
 </template>
 
 <script lang="ts" setup>
+const route = useRoute();
+
+const items = computed<NavigationMenuItem[]>(() => [
+    {
+        label: "Kto sme",
+        to: "/kto-sme",
+        active: route.path.startsWith("/about"),
+    },
+    {
+        label: "Akcie",
+        to: "/akcie",
+        active: route.path.startsWith("/akcie"),
+    },
+    {
+        label: "Pridaj sa",
+        to: "/pridaj-sa",
+        active: route.path.startsWith("/pridaj-sa"),
+    },
+    {
+        label: "Blog",
+        to: "/blog",
+        active: route.path.startsWith("/blog"),
+    },
+    {
+        label: "Fotky",
+        to: "/fotky",
+        active: route.path.startsWith("/fotky"),
+    },
+    {
+        label: "Kontakt",
+        to: "/kontakt",
+        active: route.path.startsWith("/kontakt"),
+    },
+    {
+        label: "Food Not Bombs vo svete",
+        to: "https://foodnotbombs.net/new_site/",
+        target: "_blank",
+    },
+]);
+
 useHead({
     title: "Food Not Bombs",
     link: [{ rel: "icon", type: "image/png", href: "/logo.png" }],
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 703a987..4a02232 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,3 +1,5 @@
 <template>
-    <p>Index!!!</p>
+    <div class="m-4 w-full h-full flex flex-col">
+        <p>Hey!</p>
+    </div>
 </template>