feat(Navbar): sticky with scroll-triggered backdrop blur + smooth scrolling

Navbar is sticky top-0 z-50. On scroll >8px: bg opacity drops to 80% and backdrop-blur-md activates with a subtle shadow. Transitions on background-color and backdrop-filter (300ms). Smooth scrolling via html { scroll-behavior: smooth } in globals.css. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-30 21:39:09 +00:00
parent eded5a5812
commit 117e4704ca
2 changed files with 22 additions and 1 deletions
@@ -12,6 +12,10 @@
  --font-mono: var(--font-geist-mono);
 }

+html {
+  scroll-behavior: smooth;
+}
+
 body {
  background: var(--background);
  color: var(--foreground);