diff --git a/src/app/page.tsx b/src/app/page.tsx
index 362e229..5cd481e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useEffect, useState } from "react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -11,6 +12,20 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
+  const [showTitle, setShowTitle] = useState(true);
+
+  useEffect(() => {
+    const handleScroll = () => {
+      if (window.scrollY > 100) {
+        setShowTitle(false);
+      } else {
+        setShowTitle(true);
+      }
+    };
+    window.addEventListener("scroll", handleScroll);
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -33,7 +48,7 @@ export default function LandingPage() {
         { name: "Gallery", id: "gallery" },
         { name: "Contact", id: "contact" }
       ]}
-      brandName="Elite Barber Shop"
+      brandName={showTitle ? "Elite Barber Shop" : ""}
     />
   </div>
 
@@ -145,4 +160,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}