Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Award, Star, Users, Utensils } from "lucide-react";
@@ -51,7 +51,7 @@ export default function LandingPage() {
             buttons={[{ text: "اطلب الآن", href: "#product" }]}
             mediaItems={[
               { imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg", imageAlt: "Hero Luxury Burger" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/sooking-burgers-kitchen-home-quarantine-time_627829-7064.jpg", imageAlt: "Chef Preparation" }
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-cooking-burger-in-kitchen_1203-1234.jpg", imageAlt: "Chef Preparation" }
             ]}
             mediaAnimation="slide-up"
             rating={5}
@@ -96,18 +96,18 @@ export default function LandingPage() {
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={true}
-            testimonials={[
-              { id: "1", name: "أحمد محمد", role: "عاشق البرجر", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg" },
-              { id: "2", name: "سارة خالد", role: "خبير تذوق", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg" },
-              { id: "3", name: "فيصل العتيبي", role: "عميل دائم", company: "الدمام", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/baker-using-wooden-rolling-pin-dough-front-video-camera-recording-new-cooking-episode-old-blogger-chef-influencer-using-internet-technology-communicating-social-media-with-digital-equipment_482257-14480.jpg" },
-              { id: "4", name: "نورة العلي", role: "مؤثرة طعام", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
-              { id: "5", name: "خالد المنصور", role: "كاتب تقييم", company: "الخبر", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee-cup_23-2149455885.jpg" },
-            ]}
             kpiItems={[
               { value: "٤.٩/٥", label: "التقييم العام" },
               { value: "١٠٠%", label: "طعم طازج" },
               { value: "٩٥%", label: "سرعة خدمة" },
             ]}
+            testimonials={[
+              { id: "1", name: "أحمد محمد", role: "عاشق البرجر", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-eating-burger_140725-8137.jpg" },
+              { id: "2", name: "خالد فيصل", role: "خبير تذوق", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-eating-delicious-burger_140725-8138.jpg" },
+              { id: "3", name: "فيصل العتيبي", role: "عميل دائم", company: "الدمام", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-eating-burger-studio_140725-8139.jpg" },
+              { id: "4", name: "منصور العلي", role: "ناقد طعام", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-eating-burger_140725-8140.jpg" },
+              { id: "5", name: "خالد المنصور", role: "كاتب تقييم", company: "الخبر", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-eating-burger_140725-8141.jpg" },
+            ]}
             title="ماذا يقول عملاؤنا"
             description="نحن نفخر برضاكم التام ونسعى دائماً لتطوير التجربة."
           />
@@ -129,14 +129,14 @@ export default function LandingPage() {
         </div>
 
         <div id="pricing" data-section="pricing">
-            <PricingCardThree
+            <PricingCardOne
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={true}
             plans={[
-              { id: "solo", price: "٧٩ ر.س", name: "وجبة الفرد الواحد", features: ["برجر من اختيارك", "بطاطس", "مشروب"], buttons: [{ text: "اطلب", href: "#" }] },
-              { id: "duo", price: "١٤٩ ر.س", name: "وجبة الثنائي", features: ["٢ برجر", "بطاطس حجم كبير", "٢ مشروب"], buttons: [{ text: "اطلب", href: "#" }] },
-              { id: "family", price: "٢٩٩ ر.س", name: "وجبة العائلة", features: ["٥ برجر متنوع", "صحن مقبلات", "مشروبات عائلية"], buttons: [{ text: "اطلب", href: "#" }] },
+              { id: "solo", price: "٧٩ ر.س", subtitle: "وجبة الفرد الواحد", badge: "مميز", features: ["برجر من اختيارك", "بطاطس", "مشروب"] },
+              { id: "duo", price: "١٤٩ ر.س", subtitle: "وجبة الثنائي", badge: "شائع", features: ["٢ برجر", "بطاطس حجم كبير", "٢ مشروب"] },
+              { id: "family", price: "٢٩٩ ر.س", subtitle: "وجبة العائلة", badge: "عائلي", features: ["٥ برجر متنوع", "صحن مقبلات", "مشروبات عائلية"] },
             ]}
             title="وجباتنا العائلية"
             description="وفر أكثر مع وجبات المشاركة الفاخرة."
@@ -144,46 +144,40 @@ export default function LandingPage() {
         </div>
 
         <div id="faq" data-section="faq">
-            <FaqSplitText
+            <FaqBase
             useInvertedBackground={false}
+            description="تفضل بالاطلاع على أكثر الأسئلة تكراراً حول مطعمنا."
             faqs={[
               { id: "q1", title: "هل اللحوم طازجة؟", content: "نعم، نستخدم لحوم طازجة محلية ١٠٠٪." },
               { id: "q2", title: "هل يتوفر توصيل؟", content: "نعم، نوفر توصيل سريع لجميع المناطق." },
               { id: "q3", title: "كيف أطلب؟", content: "يمكنك الطلب عبر الموقع أو تطبيقات التوصيل." },
             ]}
-            sideTitle="أسئلة شائعة"
+            title="أسئلة شائعة"
             faqsAnimation="slide-up"
+            textboxLayout="default"
           />
         </div>
 
         <div id="contact" data-section="contact">
-            <ContactSplit
+            <ContactCTA
             useInvertedBackground={true}
-            background={{ variant: "plain" }}
             title="احجز طاولتك الآن"
             description="جاهزون لخدمتك في أي وقت. تواصل للحجز أو الاستفسار."
-            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg"
-            mediaAnimation="slide-up"
-            buttonText="أرسل"
             tag="تواصل معنا"
+            background={{ variant: "plain" }}
+            buttons={[{ text: "اتصل بنا" }]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-            <FooterBase
+            <FooterSimple
             columns={[
-              {
-                title: "القائمة",                items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#product" }],
-              },
-              {
-                title: "عنّا",                items: [{ label: "قصتنا", href: "#about" }, { label: "الاستفسارات", href: "#faq" }],
-              },
-              {
-                title: "تواصل",                items: [{ label: "اتصل بنا", href: "#contact" }, { label: "تويتر", href: "#" }],
-              },
+              { title: "القائمة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#product" }] },
+              { title: "عنّا", items: [{ label: "قصتنا", href: "#about" }, { label: "الاستفسارات", href: "#faq" }] },
+              { title: "تواصل", items: [{ label: "اتصل بنا", href: "#contact" }, { label: "تويتر", href: "#" }] },
             ]}
-            logoText="وطني برجر"
-            copyrightText="© ٢٠٢٥ وطني برجر - جميع الحقوق محفوظة"
+            bottomLeftText="© ٢٠٢٥ وطني برجر"
+            bottomRightText="جميع الحقوق محفوظة"
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #d4af37;
-  --primary-cta-text: #000000;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
-  --background-accent: #8b6914;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120a00e6;
+  --primary-cta: #E34400;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120a00e6;
+  --accent: #e2e2e2;
+  --background-accent: #E34400;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);