src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -151,23 +151,30 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
+          <ContactSplitForm
             useInvertedBackground={false}
-            background={{ variant: "plain" }}
-            tag="تواصل معنا"
-            title="هل لديك اقتراحات؟"
-            description="نسعد دائماً بسماع آرائكم لتطوير مونة البيت"
-            buttons={[{ text: "أرسل رسالة", href: "#" }]}
+            title="تواصل معنا"
+            description="هل لديك اقتراحات؟ نسعد دائماً بسماع آرائكم لتطوير مونة البيت."
+            inputs={[
+              { name: "name", type: "text", placeholder: "الاسم الكامل", required: true },
+              { name: "email", type: "email", placeholder: "البريد الإلكتروني", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "رسالتك هنا...", rows: 4, required: true }}
+            buttonText="أرسل الرسالة"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterCard
+          <FooterLogoEmphasis
             logoText="مونة البيت"
-            copyrightText="© 2026 مونة البيت | جميع الحقوق محفوظة"
+            columns={[
+              { items: [{ label: "الرئيسية", href: "#" }, { label: "عن التطبيق", href: "#" }] },
+              { items: [{ label: "المميزات", href: "#" }, { label: "الأسعار", href: "#" }] },
+              { items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "شروط الاستخدام", href: "#" }] }
+            ]}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}