diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 92d884b..496c81c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,7 +11,7 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",  description: "Generated by create next app"};
+  title: "Luxe Degenere - Premium Fashion",  description: "Discover curated collections of premium fashion that define sophistication and elegance."};
 
 export default function RootLayout({
   children,
@@ -19,9 +19,18 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <body className={`${geist.variable} ${geistMono.variable} antialiased`}>
         {children}
+        <script>
+          {`
+            if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+              document.documentElement.classList.add('dark')
+            } else {
+              document.documentElement.classList.remove('dark')
+            }
+          `}
+        </script>
       
         <script
           dangerouslySetInnerHTML={{
