diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 47b8bfa..8eb18d7 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,7 +5,8 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Ajanta Elite - South Indian Cuisine",  description: "Experience elite South Indian hospitality with crispy dosas, soft idlis, and exceptional service in Belgaum."};
+  title: "Ajanta Elite - South Indian Cuisine",  description: "Experience elite South Indian hospitality with crispy dosas, soft idlis, and exceptional service in Belgaum."
+};
 
 export default function RootLayout({
   children,
@@ -13,8 +14,20 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
-      <body className={inter.className}>{children}
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.className}>
+        {children}
+        <script dangerouslySetInnerHTML={{
+          __html: `
+            if (typeof window !== 'undefined') {
+              try {
+                const stored = localStorage.getItem('theme');
+                if (stored) document.documentElement.setAttribute('data-theme', stored);
+              } catch (e) {}
+            }
+          `
+        }} />
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1384,4 +1397,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}
\ No newline at end of file
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
