Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 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';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
   return (
@@ -48,12 +48,12 @@ export default function LandingPage() {
             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: "تشاركية عائلية" },
+              { 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: "حياة أسرية منظمة" },
             ]}
           />
         </div>
@@ -63,7 +63,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 +77,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>
@@ -100,19 +100,17 @@ export default function LandingPage() {
         </div>
 
         <div id="pricing" data-section="pricing">
-          <PricingCardNine
+          <PricingCardEight
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
             plans={[
               {
-                id: "free",                title: "خطة التجربة",                price: "مجاني",                period: "للأبد",                features: ["إدارة 20 منتج", "قائمة تسوق فردية"],
-                button: { text: "ابدأ مجاناً" },
-                imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-350.jpg",                imageAlt: "Table with vegetables and a tablet"},
+                id: "free", badge: "تجربة", price: "مجاني", subtitle: "للأبد", features: ["إدارة 20 منتج", "قائمة تسوق فردية"], buttons: [{ text: "ابدأ مجاناً" }]
+              },
               {
-                id: "pro",                title: "خطة العائلة",                price: "19 ريال",                period: "شهرياً",                features: ["مخزون غير محدود", "تشاركية عائلية", "تنبيهات ذكية"],
-                button: { text: "اشترك الآن" },
-                imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg?_wi=2",                imageAlt: "Table with vegetables and a tablet"},
+                id: "pro", badge: "عائلة", price: "19 ريال", subtitle: "شهرياً", features: ["مخزون غير محدود", "تشاركية عائلية", "تنبيهات ذكية"], buttons: [{ text: "اشترك الآن" }]
+              },
             ]}
             title="خطط تناسب عائلتك"
             description="اختر الباقة المناسبة لابدأ رحلة التنظيم"
@@ -120,49 +118,43 @@ export default function LandingPage() {
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
+          <TestimonialCardSixteen
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
+            kpiItems={[{ value: "10k", label: "مستخدم" }, { value: "4.8", label: "تقييم" }, { value: "99%", label: "رضا" }]}
             testimonials={[
-              { id: "1", name: "سارة محمد", handle: "@sarah_m", testimonial: "التطبيق أنقذ ميزانية بيتي من الهدر!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438990.jpg" },
-              { id: "2", name: "عبدالله خالد", handle: "@abdullah_k", testimonial: "سهل الاستخدام وساعدنا في تنظيم مقاضي البيت.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-using-mobile-phone-desk_482257-96908.jpg" },
-              { id: "3", name: "أم محمد", handle: "@om_mohammed", testimonial: "أحببت ميزة الوصفات السعودية، مريحة جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-muslim-woman-posing-outdoors_23-2150494595.jpg" },
-              { id: "4", name: "أحمد سعد", handle: "@ahmed_s", testimonial: "تجربة رائعة وتشاركية فعالة جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-look-with-smile-point-fingers-up_343596-4825.jpg" },
-              { id: "5", name: "فاطمة عيسى", handle: "@fatima_e", testimonial: "تنبيهات الانتهاء منقذة فعلاً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149197971.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" },
             ]}
-            showRating={true}
             title="آراء مستخدمينا"
             description="انضم إلى عائلات تستمتع بحياة أكثر تنظيماً"
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqBase
-            textboxLayout="default"
+          <FaqSplitText
+            faqsAnimation="slide-up"
             useInvertedBackground={false}
             faqs={[
               { id: "q1", title: "هل التطبيق يدعم الباركود؟", content: "نعم، ندعم مسح الباركود للمنتجات بسهولة." },
               { id: "q2", title: "كيف أشارك القائمة مع عائلتي؟", content: "يمكنك دعوة أفراد عائلتك عبر رابط خاص بسهولة." },
               { id: "q3", title: "هل التطبيق مجاني؟", content: "نعم، نوفر نسخة مجانية مع خيارات اشتراك للميزات المتقدمة." },
             ]}
-            title="أسئلة شائعة"
-            description="إجابات على أهم تساؤلاتكم"
-            faqsAnimation="slide-up"
+            sideTitle="أسئلة شائعة"
+            sideDescription="إجابات على أهم تساؤلاتكم"
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplitForm
+          <ContactCTA
+            tag="تواصل معنا"
+            title="هل تحتاج للمساعدة؟"
+            description="نحن هنا لدعمك في تنظيم رحلة مقاضيك."
+            buttons={[{ text: "اتصل بنا", href: "#" }]}
+            background={{ variant: "plain" }}
             useInvertedBackground={false}
-            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>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #fbf8f0;
+  --card: #fdfaf0;
+  --foreground: #4a2d1a;
+  --primary-cta: #8b5a2b;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #d4af37;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #b87333;
+  --background-accent: #e0c282;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);