Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -28,72 +28,72 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav" dir="rtl">
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "hero"},
+          name: "الرئيسية",          id: "hero"},
         {
-          name: "Our Craft",          id: "about"},
+          name: "مقهانا",          id: "about"},
         {
-          name: "Menu",          id: "menu"},
+          name: "القائمة",          id: "menu"},
         {
-          name: "Contact",          id: "contact"},
+          name: "تواصل معنا",          id: "contact"},
       ]}
       brandName="SAZ Coffee"
       button={{
-        text: "Order Now",        href: "#menu"
+        text: "اطلب الآن",        href: "#menu"
       }}
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" dir="rtl">
       <HeroLogo
       logoText="SAZ"
-      description="More than a café, it's a curated space in the heart of Mecca where specialty craft and calm coexist."
+      description="أكثر من مجرد مقهى، مساحة مختارة في قلب مكة المكرمة حيث تلتقي الحرفية بالهدوء."
       buttons={[
         {
-          text: "Explore Our Menu",          href: "#menu"},
+          text: "استكشف قائمتنا",          href: "#menu"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/still-life-minimalist-lifestyle_23-2149743887.jpg"
     />
   </div>
 
-  <div id="about" data-section="about">
+  <div id="about" data-section="about" dir="rtl">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",          content: "Specialty Coffee, Elevated"},
+          type: "text",          content: "قهوة مختصة، بلمسة ارتقاء"},
       ]}
     />
   </div>
 
-  <div id="features" data-section="features">
+  <div id="features" data-section="features" dir="rtl">
       <FeatureCardTwentyFour
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",          title: "Slow Coffee",          author: "V60 Focus",          description: "Precision pour-over methods showcasing single-origin bean character.",          tags: [
+          id: "f1",          title: "قهوة التقطير",          author: "تركيز V60",          description: "طرق تحضير دقيقة تبرز طابع البن أحادي المصدر.",          tags: [
-            "Specialty"],
+            "قهوة مختصة"],
           imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg"},
         {
-          id: "f2",          title: "Signature Blends",          author: "Unique Flavors",          description: "Hibiscus-infused blends that redefine your coffee experience.",          tags: [
+          id: "f2",          title: "خلطات خاصة",          author: "نكهات فريدة",          description: "خلطات غنية بالكركديه تعيد تعريف تجربتك مع القهوة.",          tags: [
-            "Signature"],
+            "مميز"],
           imageSrc: "http://img.b2bpic.net/free-photo/assorted-coffee-cups-textured-background_53876-176759.jpg"},
         {
-          id: "f3",          title: "Luxurious Space",          author: "Modern Design",          description: "Designed for comfort, taste, and impeccable cleanliness.",          tags: [
+          id: "f3",          title: "مساحة فاخرة",          author: "تصميم عصري",          description: "صممت للراحة والمذاق والنظافة التي لا تشوبها شائبة.",          tags: [
-            "Atmosphere"],
+            "الأجواء"],
           imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg"},
       ]}
-      title="Why Choose SAZ"
+      title="لماذا تختار SAZ"
-      description="Refined atmosphere, exceptional beans, and a team dedicated to your perfect cup."
+      description="أجواء راقية، حبوب قهوة استثنائية، وفريق مكرس لكوبك المثالي."
     />
   </div>
 
-  <div id="menu" data-section="menu">
+  <div id="menu" data-section="menu" dir="rtl">
       <ProductCardOne
       animationType="scale-rotate"
       textboxLayout="default"
@@ -101,129 +101,129 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",          name: "V60 Pour-over",          price: "22 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/process-preparing-espresso-professional-coffee-machine-closeup_169016-18731.jpg"},
+          id: "p1",          name: "قهوة V60",          price: "٢٢ ريال",          imageSrc: "http://img.b2bpic.net/free-photo/process-preparing-espresso-professional-coffee-machine-closeup_169016-18731.jpg"},
         {
-          id: "p2",          name: "Hibiscus Blend",          price: "18 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/tropical-drinks-with-orange-slices_1203-1757.jpg"},
+          id: "p2",          name: "خلطة الكركديه",          price: "١٨ ريال",          imageSrc: "http://img.b2bpic.net/free-photo/tropical-drinks-with-orange-slices_1203-1757.jpg"},
         {
-          id: "p3",          name: "Artisan Tart",          price: "25 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-homemade-marshmallow-with-black-currant_181624-34098.jpg"},
+          id: "p3",          name: "تارت الحرفيين",          price: "٢٥ ريال",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-homemade-marshmallow-with-black-currant_181624-34098.jpg"},
         {
-          id: "p4",          name: "Rotating Coffee",          price: "20 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-high-angle_23-2149870675.jpg"},
+          id: "p4",          name: "قهوة متغيرة",          price: "٢٠ ريال",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-high-angle_23-2149870675.jpg"},
         {
-          id: "p5",          name: "Cold Brew",          price: "24 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg"},
+          id: "p5",          name: "كولد برو",          price: "٢٤ ريال",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg"},
         {
-          id: "p6",          name: "Espresso Shot",          price: "12 SAR",          imageSrc: "http://img.b2bpic.net/free-photo/hand-installing-filter-espresso-machine_23-2147834505.jpg"},
+          id: "p6",          name: "اسبريسو",          price: "١٢ ريال",          imageSrc: "http://img.b2bpic.net/free-photo/hand-installing-filter-espresso-machine_23-2147834505.jpg"},
       ]}
-      title="Our Signature Menu"
+      title="قائمتنا المميزة"
-      description="Artisan desserts and carefully brewed specialty coffee."
+      description="حلويات حرفية وقهوة مختصة محضرة بعناية."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
+  <div id="testimonials" data-section="testimonials" dir="rtl">
       <TestimonialCardSixteen
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",          name: "Sarah",          role: "Coffee Enthusiast",          company: "Mecca",          rating: 5,
+          id: "1",          name: "سارة",          role: "محبة للقهوة",          company: "مكة",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/young-beauty-woman-working-laptop-coffee-shop_231208-4731.jpg"},
         {
-          id: "2",          name: "Ahmed",          role: "Regular",          company: "Andalus",          rating: 5,
+          id: "2",          name: "أحمد",          role: "زبون دائم",          company: "الأندلس",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea-while-wearing-face-masks-their-chin_23-2148693091.jpg"},
         {
-          id: "3",          name: "Layla",          role: "Food Blogger",          company: "Mecca",          rating: 5,
+          id: "3",          name: "ليلى",          role: "مدونة طعام",          company: "مكة",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-girl-dressed-autumn-clothes_171337-2206.jpg"},
         {
-          id: "4",          name: "Khalid",          role: "Tech Professional",          company: "Local",          rating: 5,
+          id: "4",          name: "خالد",          role: "مهندس تقني",          company: "محلي",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-mobile-phone-coffee-cup-coffee-shop_1170-2068.jpg"},
         {
-          id: "5",          name: "Mona",          role: "Designer",          company: "Cafe Lovers",          rating: 5,
+          id: "5",          name: "منى",          role: "مصممة",          company: "محبي المقاهي",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-posing-against-dark-wall_158595-4471.jpg"},
       ]}
       kpiItems={[
         {
-          value: "4.8",          label: "Google Rating"},
+          value: "٤.٨",          label: "تقييم جوجل"},
         {
-          value: "100+",          label: "Daily Visitors"},
+          value: "١٠٠+",          label: "زائر يومي"},
         {
-          value: "3",          label: "Signature Blends"},
+          value: "٣",          label: "خلطات مميزة"},
       ]}
-      title="What Guests Say"
+      title="ماذا يقول ضيوفنا"
-      description="A 4.8 rating across Google Maps confirms our commitment to quality."
+      description="تقييم ٤.٨ على خرائط جوجل يؤكد التزامنا بالجودة."
     />
   </div>
 
-  <div id="social" data-section="social">
+  <div id="social" data-section="social" dir="rtl">
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Mecca Specialty Association",        "Andalus Community Group",        "Saudi Cafe Monthly",        "Coffee Craft Collective",        "Regional Taste Magazine",        "Local Business Award",        "Modern Arabia Design"]}
+        "جمعية مكة للقهوة المختصة",        "مجموعة مجتمع الأندلس",        "مجلة القهوة السعودية الشهرية",        "مجموعة حرف القهوة",        "مجلة الذوق الإقليمي",        "جائزة الأعمال المحلية",        "تصميم الجزيرة العربية الحديث"]}
-      title="Recognized by"
+      title="معتمد من قبل"
-      description="Collaborations that define our excellence."
+      description="شراكات تحدد تميزنا."
     />
   </div>
 
-  <div id="faq" data-section="faq">
+  <div id="faq" data-section="faq" dir="rtl">
       <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",          title: "Do you offer wholesale beans?",          content: "Yes, please contact us for inquiries."},
+          id: "q1",          title: "هل تقدمون حبوب القهوة بالجملة؟",          content: "نعم، يرجى الاتصال بنا للاستفسار."},
         {
-          id: "q2",          title: "Is your cafe open for events?",          content: "We offer private space bookings."},
+          id: "q2",          title: "هل المقهى متاح للمناسبات؟",          content: "نوفر حجز مساحات خاصة للمناسبات."},
         {
-          id: "q3",          title: "Do you have parking?",          content: "We are conveniently located with nearby accessibility."},
+          id: "q3",          title: "هل يتوفر موقف سيارات؟",          content: "موقعنا متميز يسهل الوصول إليه مع مواقف قريبة."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-woman-talking-receptionist-while-arriving-spa_637285-9455.jpg"
       mediaAnimation="slide-up"
-      title="Common Questions"
+      title="أسئلة شائعة"
       faqsAnimation="slide-up"
-      description="Get to know more about our craft."
+      description="تعرف على المزيد حول حرفتنا."
     />
   </div>
 
-  <div id="contact" data-section="contact">
+  <div id="contact" data-section="contact" dir="rtl">
       <ContactCTA
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      tag="Visit Us"
+      tag="زرنا"
-      title="Join Us at SAZ"
+      title="انضم إلينا في SAZ"
-      description="Located in the Andalus district, Mecca. Come taste the craft."
+      description="يقع في حي الأندلس بمكة المكرمة. تعال لتذوق الحرفية."
       buttons={[
         {
-          text: "Get Directions",          href: "#"},
+          text: "احصل على الاتجاهات",          href: "#"},
       ]}
     />
   </div>
 
-  <div id="footer" data-section="footer">
+  <div id="footer" data-section="footer" dir="rtl">
       <FooterSimple
       columns={[
         {
-          title: "Explore",          items: [
+          title: "استكشف",          items: [
             {
-              label: "Menu",              href: "#menu"},
+              label: "القائمة",              href: "#menu"},
             {
-              label: "About",              href: "#about"},
+              label: "حولنا",              href: "#about"},
           ],
         },
         {
-          title: "Support",          items: [
+          title: "دعم",          items: [
             {
-              label: "Contact Us",              href: "#contact"},
+              label: "تواصل معنا",              href: "#contact"},
             {
-              label: "FAQ",              href: "#faq"},
+              label: "أسئلة شائعة",              href: "#faq"},
           ],
         },
       ]}
-      bottomLeftText="© 2024 SAZ Coffee"
+      bottomLeftText="© ٢٠٢٤ SAZ Coffee"
-      bottomRightText="Crafted with Care"
+      bottomRightText="بُنيت بعناية"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}