diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5cd481e..5e906df 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,13 +13,16 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 
 export default function LandingPage() {
   const [showTitle, setShowTitle] = useState(true);
+  const [showBlur, setShowBlur] = useState(true);
 
   useEffect(() => {
     const handleScroll = () => {
       if (window.scrollY > 100) {
         setShowTitle(false);
+        setShowBlur(false);
       } else {
         setShowTitle(true);
+        setShowBlur(true);
       }
     };
     window.addEventListener("scroll", handleScroll);
@@ -40,7 +43,7 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav" className={showBlur ? "backdrop-blur-sm transition-all duration-300" : "transition-all duration-300"}>
       <NavbarStyleCentered
       navItems={[
         { name: "Home", id: "hero" },