diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4ee3f84..92cdb83 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useEffect, useState } from 'react';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -13,6 +14,16 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Armchair, CheckCircle, Clock, Leaf, Shield, Sparkles, MapPin, Clock as ClockIcon, Phone } from 'lucide-react';
 
 export default function LandingPage() {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return null;
+  }
+
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -227,4 +238,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file