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={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg?_wi=1", imageAlt: "تطبيق مونة البيت" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-jar-pasta_482257-109981.jpg?_wi=1", imageAlt: "قائمة المقاضي الذكية" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vegetables-tablet_23-2148478235.jpg", imageAlt: "إدارة المخزون" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-kitchen_23-2148018394.jpg", imageAlt: "تنبيهات الانتهاء" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-checking-recipe-notes-notebook-standing-kitchen-with-vegetables-cooking-food_1258-198087.jpg", imageAlt: "وصفات سعودية" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-muslim-women_23-2149122796.jpg", imageAlt: "تشاركية عائلية" },
+            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: "أطباق شعبية منزلية" },
             ]}
+            background={{ variant: "sparkles-gradient" }}
           />
         </div>
 
@@ -63,7 +61,7 @@ export default function LandingPage() {
             useInvertedBackground={false}
             heading={[
               { type: "text", content: "أكثر من مجرد تطبيق" },
-              { type: "image", src: "http://img.b2bpic.net/free-photo/man-inquires-about-food-ethical-sourcing_482257-76734.jpg", alt: "مخزون المنزل" },
+              { type: "image", src: "https://img.freepik.com/free-photo/traditional-arab-spices-market_23-2148674945.jpg", alt: "مخزون المنزل" },
             ]}
             buttons={[{ text: "اكتشف المزيد", href: "#" }]}
           />
@@ -77,8 +75,8 @@ export default function LandingPage() {
             title="حل جذري لمشاكل المطبخ"
             description="توقف عن الفوضى وابدأ رحلة التنظيم الذكي للمنزل"
             features={[
-                { id: "f1", title: "إدارة المخزون", descriptions: ["تتبع دقيق للمؤن والمكونات المتاحة", "نظام تنبيهات ذكي لموعد انتهاء الصلاحية"], imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg?_wi=1" },
-                { id: "f2", title: "قائمة التسوق", descriptions: ["قائمة مقاضي ذكية وموحدة لجميع أفراد العائلة", "إضافة العناصر تلقائياً عند نفاذ المخزون"], imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-jar-pasta_482257-109981.jpg?_wi=2" }
+                { id: "f1", title: "إدارة المخزون", descriptions: ["تتبع دقيق للمؤن والمكونات المتاحة", "نظام تنبيهات ذكي لموعد انتهاء الصلاحية"], imageSrc: "https://img.freepik.com/free-photo/middle-eastern-ingredients-table_23-2148674921.jpg" },
+                { id: "f2", title: "قائمة التسوق", descriptions: ["قائمة مقاضي ذكية وموحدة لجميع أفراد العائلة", "إضافة العناصر تلقائياً عند نفاذ المخزون"], imageSrc: "https://img.freepik.com/free-photo/groceries-bag-table_23-2148674930.jpg" }
             ]}
           />
         </div>
@@ -124,9 +122,9 @@ export default function LandingPage() {
             useInvertedBackground={false}
             kpiItems={[{ value: "10k", label: "مستخدم" }, { value: "4.8", label: "تقييم" }, { value: "99%", label: "رضا" }]}
             testimonials={[
-              { id: "1", name: "سارة محمد", role: "ربة منزل", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438990.jpg" },
-              { id: "2", name: "عبدالله خالد", role: "أب", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-using-mobile-phone-desk_482257-96908.jpg" },
-              { id: "3", name: "أم محمد", role: "طاهية", company: "الدمام", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-muslim-woman-posing-outdoors_23-2150494595.jpg" },
+              { id: "1", name: "سارة محمد", role: "ربة منزل", company: "الرياض", rating: 5, imageSrc: "https://img.freepik.com/free-photo/happy-saudi-woman-home_23-2148674955.jpg" },
+              { id: "2", name: "عبدالله خالد", role: "أب", company: "جدة", rating: 5, imageSrc: "https://img.freepik.com/free-photo/saudi-man-relaxing-home_23-2148674960.jpg" },
+              { id: "3", name: "أم محمد", role: "طاهية", company: "الدمام", rating: 5, imageSrc: "https://img.freepik.com/free-photo/saudi-woman-kitchen-cooking_23-2148674970.jpg" },
             ]}
             title="آراء مستخدمينا"
             description="انضم إلى عائلات تستمتع بحياة أكثر تنظيماً"
@@ -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>