diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2c16bd0..526c2a7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -164,17 +164,22 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
-      tag="تواصل معنا"
+      <ContactSplitForm
       title="احجز موعدك الآن"
-      description="تواصل معنا لحجز جلستك القادمة بكل سهولة."
+      description="سجل بياناتك لحجز جلستك القادمة بكل سهولة."
+      inputs={[
+        { name: "name", type: "text", placeholder: "الاسم", required: true },
+        { name: "email", type: "email", placeholder: "البريد الإلكتروني", required: true },
+        { name: "phone", type: "tel", placeholder: "رقم الجوال", required: true }
+      ]}
+      textarea={{ name: "message", placeholder: "تفاصيل الموعد المطلوب" }}
+      useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-professional-barber-cutting-hair_23-2149220556.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBase
       logoText="D1 Salon"
       columns={[
         {
@@ -183,9 +188,16 @@ export default function LandingPage() {
             { label: "الخدمات", href: "#features" },
           ],
         },
+        {
+          title: "تابعنا",          items: [
+            { label: "واتساب", href: "https://wa.me/" },
+            { label: "إنستغرام", href: "https://instagram.com/" },
+            { label: "فيسبوك", href: "https://facebook.com/" },
+          ],
+        },
         {
           title: "تواصل",          items: [
-            { label: "الخريطة", href: "https://maps.app.goo.gl/MrcNiZdmNzFYy3Gw7?g_st=ipc" },
+            { label: "الموقع على الخريطة", href: "https://maps.app.goo.gl/MrcNiZdmNzFYy3Gw7?g_st=ipc" },
           ],
         },
       ]}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 5f144b6..525ef34 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
-  --card: #f7fffa;
-  --foreground: #001a0a;
-  --primary-cta: #0a7039;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #d4af37;
   --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #333333;
   --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
-  --background-accent: #6bbf8e;
+  --accent: #b8860b;
+  --background-accent: #262626;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);