diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 74214f9..1ed4dfd 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,17 +1,14 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
+import { DM_Sans } from "next/font/google";
+import "./styles/variables.css";
+import "./styles/base.css";
 
-const geist = Geist({
-  variable: "--font-geist-sans",  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",  subsets: ["latin"],
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "EXPERT DENTAL CARE",  description: "Expert Dental Care provides comprehensive dental treatments with experienced dentists and advanced technology."};
+  title: "EXPERT DENTAL CARE - Comprehensive Dental Services",  description: "Welcome to EXPERT DENTAL CARE. We provide comprehensive dental treatments including teeth cleaning, dental implants, teeth whitening, and more. 20+ years of experience serving happy patients."};
 
 export default function RootLayout({
   children,
@@ -19,9 +16,23 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
-      <body className={`${geist.variable} ${geistMono.variable} antialiased`}>
-        {children}
+    <html lang="en" suppressHydrationWarning>
+      <body className={`${dmSans.variable}`}>
+        <div id="root">
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `
+                const theme = localStorage.getItem('theme') || 'system';
+                if (theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+                  document.documentElement.classList.add('dark');
+                } else {
+                  document.documentElement.classList.remove('dark');
+                }
+              `,
+            }}
+          />
+          {children}
+        </div>
       
         <script
           dangerouslySetInnerHTML={{
@@ -1392,4 +1403,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 82ccc65..42beba8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,6 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Shield, Zap, Heart, DollarSign } from 'lucide-react';
 
 const handleAppointmentClick = () => {
@@ -233,24 +232,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="socialproof" data-section="socialproof">
-        <SocialProofOne
-          title="Trusted by Industry Leaders"
-          description="Join thousands of patients who have experienced our exceptional dental care"
-          tag="Partners"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          names={[
-            "American Dental Association",            "International Implant Association",            "Cosmetic Dentistry Academy",            "Orthodontic Society",            "Dental Excellence Network",            "Patient Care Foundation"
-          ]}
-          logos={[
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772923976239-t0hjwr9a.png"
-          ]}
-          speed={40}
-          showCard={true}
-        />
-      </div>
-
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
           title="What Our Patients Say"
