diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4e4c426..4bda159 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,7 +27,7 @@ export default function LandingPage() {
       secondaryButtonStyle="layered"
       headingFontWeight="semibold"
     >
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="sticky top-0 z-50 backdrop-blur-lg bg-white/30 dark:bg-slate-900/30 border-b border-white/20 dark:border-slate-700/20">
         <NavbarStyleFullscreen
           navItems={[
             { name: "Home", id: "hero" },