From b00b0b82b40f56fc0b00b4e2b886f9f1c97a0be0 Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Tue, 9 Jun 2026 12:38:17 +0200
Subject: [PATCH] feat(header): frosted-glass nav with stronger backdrop blur

Drop the near-opaque background (bg-background/95) for a translucent
bg-background/65 + backdrop-blur-xl + backdrop-saturate-150 sandwich,
so the pinned hero landscape glows softly through the sticky nav.
Switch the bottom border to white/10 so the separation reads as
glass rather than a hard rule.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/SiteHeader.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SiteHeader.vue b/src/components/SiteHeader.vue
index c16c931..285caf1 100644
--- a/src/components/SiteHeader.vue
+++ b/src/components/SiteHeader.vue
@@ -94,7 +94,7 @@ onUnmounted(() => {
 <template>
   <header
     ref="headerEl"
-    class="sticky top-0 z-40 border-b border-border bg-background/95 backdrop-blur"
+    class="sticky top-0 z-40 border-b border-white/10 bg-background/65 backdrop-blur-xl backdrop-saturate-150"
   >
     <div class="mx-auto max-w-7xl px-4 lg:px-6">
       <div class="flex h-16 items-center justify-between gap-4">