From fc97c1b84b7cafb1e207054501886010446b712b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 8 Mar 2026 19:22:41 +0100
Subject: [PATCH] feat: fixed header with hero section extending behind it

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 packages/frontend/src/lib/components/header/header.svelte | 2 +-
 packages/frontend/src/routes/+layout.svelte               | 2 +-
 packages/frontend/src/routes/+page.svelte                 | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/lib/components/header/header.svelte b/packages/frontend/src/lib/components/header/header.svelte
index 6c63adb..6458380 100644
--- a/packages/frontend/src/lib/components/header/header.svelte
+++ b/packages/frontend/src/lib/components/header/header.svelte
@@ -47,7 +47,7 @@
 </script>
 
 <header
-  class="sticky top-0 z-50 w-full backdrop-blur-xl shadow-[0_8px_32px_-4px_color-mix(in_oklab,var(--color-primary)_20%,transparent)]"
+  class="fixed top-0 z-50 w-full backdrop-blur-xl shadow-[0_8px_32px_-4px_color-mix(in_oklab,var(--color-primary)_20%,transparent)]"
 >
   <div class="container mx-auto px-4">
     <div class="flex items-center justify-evenly h-16">
diff --git a/packages/frontend/src/routes/+layout.svelte b/packages/frontend/src/routes/+layout.svelte
index fb71a38..b541268 100644
--- a/packages/frontend/src/routes/+layout.svelte
+++ b/packages/frontend/src/routes/+layout.svelte
@@ -65,7 +65,7 @@
   <Header authStatus={data.authStatus} />
 
   <!-- Main Content -->
-  <main class="min-h-screen">
+  <main class="min-h-screen pt-16">
     {@render children()}
   </main>
 
diff --git a/packages/frontend/src/routes/+page.svelte b/packages/frontend/src/routes/+page.svelte
index b959c9a..8f4a89e 100644
--- a/packages/frontend/src/routes/+page.svelte
+++ b/packages/frontend/src/routes/+page.svelte
@@ -13,7 +13,7 @@
 <Meta title={$_("home.hero.title")} description={$_("home.hero.description")} />
 
 <!-- Hero Section -->
-<section class="relative min-h-screen flex items-center justify-center overflow-hidden">
+<section class="relative min-h-screen -mt-16 flex items-center justify-center overflow-hidden">
   <div class="absolute inset-0 bg-gradient-to-br from-primary/20 via-accent/10 to-background"></div>
   <SexyBackground />