diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0cee86c..c973e74 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -24,7 +24,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={`${geist.variable} ${geistMono.variable} antialiased`}>
+      <body className={`${geist.variable} ${geistMono.variable} antialiased`} suppressHydrationWarning>
         {children}
       
         <script
diff --git a/src/app/page.tsx b/src/app/page.tsx
index edcd6e4..5dbd5fc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -199,8 +199,13 @@ export default function LandingPage() {
               { label: "Contact Us", href: "#contact" }
             ]}
           ]}
+          containerClassName="bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 text-slate-100 border-t border-slate-700"
+          logoClassName="text-xl font-bold text-slate-100"
+          columnsClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"
+          columnClassName="flex flex-col gap-4"
+          itemClassName="text-slate-300 hover:text-slate-100 transition-colors duration-200"
         />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 779b5c1..8632293 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F5F6F8;
-  --card: #FFFFFF;
-  --foreground: #1A1A1A;
-  --primary-cta: #2F3D6D;
+  --background: #1a1a2e;
+  --card: #16213e;
+  --foreground: #e8e8e8;
+  --primary-cta: #1f4788;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #5A6472;
+  --secondary-cta: #707070;
   --secondary-cta-text: #1c1c1c;
-  --accent: #F2B705;
-  --background-accent: #F2B705;
+  --accent: #f4a460;
+  --background-accent: #f4a460;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
