Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { ShoppingCart } from "lucide-react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -32,27 +33,18 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "الرئيسية",
-          id: "hero",
-        },
+          name: "الرئيسية",          id: "hero"},
         {
-          name: "المنيو",
-          id: "menu",
-        },
+          name: "المنيو",          id: "menu"},
         {
-          name: "القصة",
-          id: "about",
-        },
+          name: "القصة",          id: "about"},
         {
-          name: "التقييمات",
-          id: "testimonials",
-        },
+          name: "التقييمات",          id: "testimonials"},
         {
-          name: "تواصل معنا",
-          id: "contact",
-        },
+          name: "تواصل معنا",          id: "contact"},
       ]}
       brandName="فطوطة"
+      button={{ text: "اطلب الآن", href: "https://wa.me/966500000000" }}
     />
   </div>
 
@@ -60,102 +52,57 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="فطوطة"
       description="الطعم المصري… لكن بطريقة فاخرة. استمتع بأرقى تجربة فطور مصري في الرياض."
       testimonials={[
         {
-          name: "أحمد خالد",
-          handle: "@ahmed",
-          testimonial: "أفضل فطور مصري بالرياض",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg",
-        },
+          name: "أحمد خالد",          handle: "@ahmed",          testimonial: "أفضل فطور مصري بالرياض",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg"},
         {
-          name: "سارة إبراهيم",
-          handle: "@sarah",
-          testimonial: "الطعم خرافي بدون مبالغة",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
-        },
+          name: "سارة إبراهيم",          handle: "@sarah",          testimonial: "الطعم خرافي بدون مبالغة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
         {
-          name: "محمد علي",
-          handle: "@mohamed",
-          testimonial: "تجربة استثنائية جداً",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10578.jpg",
-        },
+          name: "محمد علي",          handle: "@mohamed",          testimonial: "تجربة استثنائية جداً",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10578.jpg"},
         {
-          name: "ليلى حسن",
-          handle: "@laila",
-          testimonial: "الجودة والتقديم لا يعلى عليهما",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-couple-clinking-glasses-together-restaurant_53876-42638.jpg",
-        },
+          name: "ليلى حسن",          handle: "@laila",          testimonial: "الجودة والتقديم لا يعلى عليهما",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-couple-clinking-glasses-together-restaurant_53876-42638.jpg"},
         {
-          name: "عمر فهد",
-          handle: "@omar",
-          testimonial: "فخامة وأصالة في مكان واحد",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
-        },
+          name: "عمر فهد",          handle: "@omar",          testimonial: "فخامة وأصالة في مكان واحد",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg"},
       ]}
       buttons={[
         {
-          text: "اطلب الآن",
-          href: "#menu",
-        },
+          text: "اطلب الآن",          href: "https://wa.me/966500000000"},
         {
-          text: "المنيو",
-          href: "#menu",
-        },
+          text: "المنيو",          href: "#menu"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-baked-vegetables-potatoes-eggplants-dark-background-meal-oven-cooking-bake-vegetables_140725-80679.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-rich-woman-having-coffee-break_23-2149548513.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-rich-woman-having-coffee-break_23-2149548513.jpg",          alt: "Customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",          alt: "Customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12318.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12318.jpg",          alt: "Customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/elegant-young-positive-woman-with-cup-drink-near-smartphone-dessert-table-cafe_23-2148071603.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/elegant-young-positive-woman-with-cup-drink-near-smartphone-dessert-table-cafe_23-2148071603.jpg",          alt: "Customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-drinking-coffee_23-2148395371.jpg",
-          alt: "Customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-drinking-coffee_23-2148395371.jpg",          alt: "Customer"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "فطور أصيل",
-        },
+          type: "text",          text: "فطور أصيل"},
         {
-          type: "text",
-          text: "مكونات طازجة",
-        },
+          type: "text",          text: "مكونات طازجة"},
         {
-          type: "text",
-          text: "لمسة فخامة",
-        },
+          type: "text",          text: "لمسة فخامة"},
         {
-          type: "text",
-          text: "تجربة فريدة",
-        },
+          type: "text",          text: "تجربة فريدة"},
         {
-          type: "text",
-          text: "خدمة راقية",
-        },
+          type: "text",          text: "خدمة راقية"},
       ]}
     />
   </div>
@@ -167,8 +114,7 @@ export default function LandingPage() {
       description="نحن لا نقدم مجرد فطور، بل نأخذ التقاليد المصرية العريقة ونضعها في قالب من الفخامة والضيافة الراقية. خبزنا طازج يومياً، ومكوناتنا مختارة بعناية."
       buttons={[
         {
-          text: "اعرف المزيد",
-        },
+          text: "اعرف المزيد"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg"
     />
@@ -182,50 +128,21 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "بوكس البرنس",
-          price: "120 ر.س",
-          variant: "مميز",
-          imageSrc: "http://img.b2bpic.net/free-photo/rice-with-meat-side-herbs_140725-2829.jpg",
-        },
+          id: "1",          name: "بوكس البرنس",          price: "120 ر.س",          variant: "مميز",          imageSrc: "http://img.b2bpic.net/free-photo/rice-with-meat-side-herbs_140725-2829.jpg"},
         {
-          id: "2",
-          name: "حواوشي فطوطة",
-          price: "45 ر.س",
-          variant: "ساخن",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg",
-        },
+          id: "2",          name: "حواوشي فطوطة",          price: "45 ر.س",          variant: "ساخن",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg"},
         {
-          id: "3",
-          name: "الفطور الملكي",
-          price: "85 ر.س",
-          variant: "كلاسيك",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg",
-        },
+          id: "3",          name: "الفطور الملكي",          price: "85 ر.س",          variant: "كلاسيك",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-black-plate-with-green-spinach-humus-with-brown-rice-shrimps_140725-12901.jpg"},
         {
-          id: "4",
-          name: "بريوش الكبدة",
-          price: "35 ر.س",
-          variant: "مميز",
-          imageSrc: "http://img.b2bpic.net/free-photo/food-delicious-photo-crousant_624325-1728.jpg",
-        },
+          id: "4",          name: "بريوش الكبدة",          price: "35 ر.س",          variant: "مميز",          imageSrc: "http://img.b2bpic.net/free-photo/food-delicious-photo-crousant_624325-1728.jpg"},
         {
-          id: "5",
-          name: "الفلافل الذهبية",
-          price: "25 ر.س",
-          variant: "مقرمش",
-          imageSrc: "http://img.b2bpic.net/free-photo/eggplant-roll-walnuts-garlic-greens-onion-cream-cheese-side-view_141793-3104.jpg",
-        },
+          id: "5",          name: "الفلافل الذهبية",          price: "25 ر.س",          variant: "مقرمش",          imageSrc: "http://img.b2bpic.net/free-photo/eggplant-roll-walnuts-garlic-greens-onion-cream-cheese-side-view_141793-3104.jpg"},
         {
-          id: "6",
-          name: "فول فطوطة الخاص",
-          price: "20 ر.س",
-          variant: "تقليدي",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-portioned-layered-cacao-cake-with-white-cream-chocolate-pieces_141793-2162.jpg",
-        },
+          id: "6",          name: "فول فطوطة الخاص",          price: "20 ر.س",          variant: "تقليدي",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-portioned-layered-cacao-cake-with-white-cream-chocolate-pieces_141793-2162.jpg"},
       ]}
       title="قائمة التميز"
       description="نكهات أصيلة بلمسة عصرية."
+      buttons={[{ text: "اطلب الآن", href: "https://wa.me/966500000000" }]}
     />
   </div>
 
@@ -236,31 +153,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "2373+",
-          title: "عميل سعيد",
-          items: [
-            "تقييم عالي",
-            "جودة مضمونة",
-          ],
+          id: "m1",          value: "2373+",          title: "عميل سعيد",          items: [
+            "تقييم عالي",            "جودة مضمونة"],
         },
         {
-          id: "m2",
-          value: "4.6★",
-          title: "التقييم",
-          items: [
-            "ثقة العملاء",
-            "خدمة راقية",
-          ],
+          id: "m2",          value: "4.6★",          title: "التقييم",          items: [
+            "ثقة العملاء",            "خدمة راقية"],
         },
         {
-          id: "m3",
-          value: "100%",
-          title: "طازج",
-          items: [
-            "خبز يومي",
-            "مكونات طبيعية",
-          ],
+          id: "m3",          value: "100%",          title: "طازج",          items: [
+            "خبز يومي",            "مكونات طبيعية"],
         },
       ]}
       title="أرقامنا"
@@ -273,30 +175,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "خالد",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
-        },
+          id: "1",          name: "خالد",          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg"},
         {
-          id: "2",
-          name: "نورة",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
-        },
+          id: "2",          name: "نورة",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg"},
         {
-          id: "3",
-          name: "ياسر",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-waitress-holding-tray_23-2147985012.jpg",
-        },
+          id: "3",          name: "ياسر",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-waitress-holding-tray_23-2147985012.jpg"},
         {
-          id: "4",
-          name: "منى",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg",
-        },
+          id: "4",          name: "منى",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg"},
         {
-          id: "5",
-          name: "سعيد",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-brining-food-table-communicating-while-having-lunch-together-home_637285-3138.jpg",
-        },
+          id: "5",          name: "سعيد",          imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-brining-food-table-communicating-while-having-lunch-together-home_637285-3138.jpg"},
       ]}
       cardTitle="ماذا يقول ضيوفنا؟"
       cardTag="آراء العملاء"
@@ -309,14 +196,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       names={[
-        "نجاح",
-        "تميّز",
-        "ضيافة",
-        "أصالة",
-        "فخامة",
-        "ابتكار",
-        "جودة",
-      ]}
+        "نجاح",        "تميّز",        "ضيافة",        "أصالة",        "فخامة",        "ابتكار",        "جودة"]}
       title="شركاء النجاح"
       description="نحن نعتز بشراكاتنا في الرياض."
     />
@@ -328,20 +208,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "أين موقعكم؟",
-          content: "نحن متواجدون في قلب مدينة الرياض.",
-        },
+          id: "q1",          title: "أين موقعكم؟",          content: "نحن متواجدون في قلب مدينة الرياض."},
         {
-          id: "q2",
-          title: "هل يوجد حجز؟",
-          content: "نعم، يمكنك حجز طاولتك عبر الواتساب.",
-        },
+          id: "q2",          title: "هل يوجد حجز؟",          content: "نعم، يمكنك حجز طاولتك عبر الواتساب من خلال الرابط التالي: https://wa.me/966500000000"},
         {
-          id: "q3",
-          title: "هل الأكل طازج؟",
-          content: "نحن نحضر كل وجباتنا يومياً بأعلى جودة.",
-        },
+          id: "q3",          title: "هل الأكل طازج؟",          content: "نحن نحضر كل وجباتنا يومياً بأعلى جودة."},
       ]}
       title="الأسئلة الشائعة"
       description="كل ما تود معرفته عن فطوطة."
@@ -353,11 +224,12 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="تواصل معنا"
       title="جاهز تعيش التجربة المصرية؟"
       description="احجز طاولتك أو اطلب عبر الواتساب الآن."
+      buttonText="اطلب عبر الواتساب"
+      onSubmit={() => window.open("https://wa.me/966500000000", "_blank")}
     />
   </div>
 
@@ -367,29 +239,19 @@ export default function LandingPage() {
       logoText="فطوطة"
       columns={[
         {
-          title: "القائمة",
-          items: [
+          title: "القائمة",          items: [
             {
-              label: "الرئيسية",
-              href: "#hero",
-            },
+              label: "الرئيسية",              href: "#hero"},
             {
-              label: "المنيو",
-              href: "#menu",
-            },
+              label: "المنيو",              href: "#menu"},
           ],
         },
         {
-          title: "تواصل",
-          items: [
+          title: "تواصل",          items: [
             {
-              label: "واتساب",
-              href: "#",
-            },
+              label: "واتساب",              href: "https://wa.me/966500000000"},
             {
-              label: "إنستغرام",
-              href: "#",
-            },
+              label: "إنستغرام",              href: "#"},
           ],
         },
       ]}
@@ -398,4 +260,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}