1 files changed, 25 insertions, 4 deletions
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 50bb899..651acc8 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -1,9 +1,10 @@
 import type { Metadata } from "next";
 import "./globals.css";
 import { Toaster } from "@/components/ui/sonner";
+import { ThemeProvider } from "@/components/theme-provider";
 
 export const metadata: Metadata = {
-  title: "blcklst - Modern Fashion Brand",
+  title: "blcklst - not everyone get blcklsted",
   description: "not everyone gets blcklsted - discover carefully curated fashion pieces that define modern elegance.",
 };
 
@@ -13,16 +14,36 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <head>
         <link 
           href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" 
           rel="stylesheet" 
         />
+        {/* Preload both logo variants for instant theme switching */}
+        <link 
+          rel="preload" 
+          href="/black-logo.png" 
+          as="image" 
+          type="image/png"
+        />
+        <link 
+          rel="preload" 
+          href="/white-logo.png" 
+          as="image" 
+          type="image/png"
+        />
       </head>
       <body className="font-sans antialiased">
-        {children}
-        <Toaster />
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          {children}
+          <Toaster />
+        </ThemeProvider>
       </body>
     </html>
   );