Update src/app/page.tsx

Merge version_8 into main

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 FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -132,37 +132,41 @@ export default function LandingPage() {
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitText
+          <FaqSplitMedia
             faqsAnimation="slide-up"
             useInvertedBackground={false}
+            textboxLayout="default"
             faqs={[
               { id: "q1", title: "هل التطبيق يدعم الباركود؟", content: "نعم، ندعم مسح الباركود للمنتجات بسهولة." },
               { id: "q2", title: "كيف أشارك القائمة مع عائلتي؟", content: "يمكنك دعوة أفراد عائلتك عبر رابط خاص بسهولة." },
               { id: "q3", title: "هل التطبيق مجاني؟", content: "نعم، نوفر نسخة مجانية مع خيارات اشتراك للميزات المتقدمة." },
             ]}
-            sideTitle="أسئلة شائعة"
-            sideDescription="إجابات على أهم تساؤلاتكم"
+            title="أسئلة شائعة"
+            description="إجابات على أهم تساؤلاتكم"
+            imageSrc="https://img.freepik.com/free-photo/friendly-support-service_23-2148674950.jpg"
+            mediaAnimation="opacity"
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
+          <ContactSplit
             tag="تواصل معنا"
             title="هل تحتاج للمساعدة؟"
-            description="نحن هنا لدعمك في تنظيم رحلة مقاضيك."
-            buttons={[{ text: "اتصل بنا", href: "#" }]}
-            background={{ variant: "plain" }}
+            description="نحن هنا لدعمك في تنظيم رحلة مقاضيك. اترك بياناتك وسنعود للاتصال بك."
+            imageSrc="https://img.freepik.com/free-photo/woman-checking-groceries_23-2148674980.jpg"
+            background={{ variant: "sparkles-gradient" }}
             useInvertedBackground={false}
+            mediaAnimation="opacity"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoEmphasis
+          <FooterBase
             logoText="مونة البيت"
             columns={[
-              { items: [{ label: "الرئيسية", href: "#" }, { label: "عن التطبيق", href: "#" }] },
-              { items: [{ label: "المميزات", href: "#" }, { label: "الأسعار", href: "#" }] },
-              { items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "شروط الاستخدام", href: "#" }] }
+              { title: "التطبيق", items: [{ label: "الرئيسية", href: "#" }, { label: "عن التطبيق", href: "#" }] },
+              { title: "الخدمات", items: [{ label: "المميزات", href: "#" }, { label: "الأسعار", href: "#" }] },
+              { title: "قانوني", items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "شروط الاستخدام", href: "#" }] }
             ]}
           />
         </div>