Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -2,11 +2,11 @@
 
 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 HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+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';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -43,18 +43,16 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroCarouselLogo
-            logoText="مونة البيت"
+          <HeroBillboardCarousel
+            title="مونة البيت"
             description="تطبيقك الذكي لإدارة مخزون المنزل والمقاضي. وفر جهدك ووقتك، وودع هدر الطعام بذكاء."
             buttons={[{ text: "ابدأ الآن", href: "#" }]}
-            slides={[
+            mediaItems={[
               { imageSrc: "https://img.freepik.com/free-photo/arabic-food-concept-with-spices-copy-space_23-2148782974.jpg", imageAlt: "ضيافة عربية أصيلة" },
               { imageSrc: "https://img.freepik.com/free-photo/view-traditional-arab-food-table_23-2149176435.jpg", imageAlt: "مائدة سعودية تقليدية" },
               { imageSrc: "https://img.freepik.com/free-photo/delicious-traditional-food-table_23-2149176465.jpg", imageAlt: "أطباق شعبية منزلية" },
-              { imageSrc: "https://img.freepik.com/free-photo/flat-lay-arabic-food-concept_23-2148782987.jpg", imageAlt: "إدارة مخزون الطعام" },
-              { imageSrc: "https://img.freepik.com/free-photo/muslim-woman-preparing-food-kitchen_23-2148674936.jpg", imageAlt: "تنظيم المقاضي" },
-              { imageSrc: "https://img.freepik.com/free-photo/happy-arab-family-enjoying-meal-together_23-2149176451.jpg", imageAlt: "حياة أسرية منظمة" },
             ]}
+            background={{ variant: "sparkles-gradient" }}
           />
         </div>
 
@@ -134,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>