Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -33,17 +33,11 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "الرئيسية",          id: "home"},
-          id: "home",
-        },
         {
-          name: "Listings",
+          name: "القوائم",          id: "listings"},
-          id: "listings",
-        },
         {
-          name: "Post Ad",
+          name: "أضف إعلان",          id: "post-ad"},
-          id: "post-ad",
-        },
       ]}
       brandName="Zouq | زوق"
     />
@@ -52,85 +46,54 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroSplitKpi
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
+      title="اشترِ، بع، وتاجر — على الطريقة الخليجية"
-      title="Buy, Sell & Trade — The Gulf Way"
+      description="آلاف القوائم في جميع أنحاء المملكة العربية السعودية. ابحث عن أفضل الصفقات بالقرب منك."
-      description="Thousands of listings across Saudi Arabia. Find the best deals near you."
       kpis={[
         {
-          value: "1.2M+",
+          value: "1.2M+",          label: "إعلان نشط"},
-          label: "Active Listings",
-        },
         {
-          value: "500K+",
+          value: "500K+",          label: "مستخدم موثق"},
-          label: "Verified Users",
-        },
         {
-          value: "24/7",
+          value: "24/7",          label: "دعم متواصل"},
-          label: "Support Access",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Post an Ad",
+          text: "أضف إعلانك",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Browse Listings",
+          text: "تصفح القوائم",          href: "#listings"},
-          href: "#listings",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-carving-real-alcazar-spain_181624-32127.jpg"
       imageAlt="Zouq Marketplace Hero"
       mediaAnimation="opacity"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/lovely-woman-taking-photo-outdoors_23-2148375010.jpg",
+          src: "http://img.b2bpic.net/free-photo/lovely-woman-taking-photo-outdoors_23-2148375010.jpg",          alt: "User avatar"},
-          alt: "User avatar",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/african-muslim-woman-leaning-her-car-holding-digital-tablet-working-remotely-sharing-info_1157-49253.jpg",
+          src: "http://img.b2bpic.net/free-photo/african-muslim-woman-leaning-her-car-holding-digital-tablet-working-remotely-sharing-info_1157-49253.jpg",          alt: "User avatar"},
-          alt: "User avatar",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23561.jpg",
+          src: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23561.jpg",          alt: "User avatar"},
-          alt: "User avatar",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18966.jpg",
+          src: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18966.jpg",          alt: "User avatar"},
-          alt: "User avatar",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-photographer-looking-through-camera_23-2148375026.jpg",
+          src: "http://img.b2bpic.net/free-photo/beautiful-woman-photographer-looking-through-camera_23-2148375026.jpg",          alt: "User avatar"},
-          alt: "User avatar",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "بائعون موثوقون",          icon: ShieldCheck,
-          text: "Verified Sellers",
-          icon: ShieldCheck,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "مدفوعات آمنة",          icon: CreditCard,
-          text: "Secure Payments",
-          icon: CreditCard,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "شحن سريع",          icon: Truck,
-          text: "Fast Shipping",
-          icon: Truck,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "دعم 24/7",          icon: Headphones,
-          text: "24/7 Support",
-          icon: Headphones,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "تداول آمن",          icon: Lock,
-          text: "Safe Trading",
-          icon: Lock,
         },
       ]}
     />
@@ -143,20 +106,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "Electronics",
+          "إلكترونيات",          "أثاث",          "أزياء"],
-          "Furniture",
-          "Fashion",
-        ],
       }}
       positiveCard={{
         items: [
-          "Cars",
+          "سيارات",          "عقارات",          "وظائف"],
-          "Real Estate",
-          "Jobs",
-        ],
       }}
-      title="Explore Top Categories"
+      title="استكشف أفضل الفئات"
-      description="Find exactly what you need across our diverse marketplaces."
+      description="اعثر على كل ما تحتاجه عبر منصتنا المتنوعة."
     />
   </div>
 
@@ -165,46 +122,22 @@ export default function LandingPage() {
       layout="section"
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "سيدان فاخرة",          price: "150,000 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-cups-arrangement_23-2149703697.jpg",          rating: 5,
-          name: "Premium Luxury Sedan",
-          price: "SAR 150,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-cups-arrangement_23-2149703697.jpg",
-          rating: 5,
         },
         {
-          id: "p2",
+          id: "p2",          name: "شقة حديثة في الرياض",          price: "850,000 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/african-arabian-couple-stands-with-groceries-near-electric-car-charging-electric-car-electric-gas-station_1157-49228.jpg",          rating: 4,
-          name: "Modern Apartment in Riyadh",
-          price: "SAR 850,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-arabian-couple-stands-with-groceries-near-electric-car-charging-electric-car-electric-gas-station_1157-49228.jpg",
-          rating: 4,
         },
         {
-          id: "p3",
+          id: "p3",          name: "هاتف ذكي متطور",          price: "3,200 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-grey-car_181624-25312.jpg",          rating: 5,
-          name: "High-end Smartphone",
-          price: "SAR 3,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-grey-car_181624-25312.jpg",
-          rating: 5,
         },
         {
-          id: "p4",
+          id: "p4",          name: "مجموعة أثاث مكتبي",          price: "2,500 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car_181624-23559.jpg",          rating: 4,
-          name: "Office Furniture Set",
-          price: "SAR 2,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car_181624-23559.jpg",
-          rating: 4,
         },
         {
-          id: "p5",
+          id: "p5",          name: "عباية تقليدية",          price: "450 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078244.jpg",          rating: 5,
-          name: "Traditional Abaya",
-          price: "SAR 450",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078244.jpg",
-          rating: 5,
         },
         {
-          id: "p6",
+          id: "p6",          name: "خدمة تنظيف منزلي",          price: "150 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/using-smartphone-while-waiting-african-ethnicity-woman-electric-cars-charge-station-daytime-brand-new-vehicle_1157-49241.jpg",          rating: 4,
-          name: "Home Cleaning Service",
-          price: "SAR 150",
-          imageSrc: "http://img.b2bpic.net/free-photo/using-smartphone-while-waiting-african-ethnicity-woman-electric-cars-charge-station-daytime-brand-new-vehicle_1157-49241.jpg",
-          rating: 4,
         },
       ]}
     />
@@ -214,24 +147,18 @@ export default function LandingPage() {
       <SplitAbout
       textboxLayout="split"
       useInvertedBackground={true}
-      title="How Zouq Works"
+      title="كيف يعمل زوق"
-      description="Your marketplace journey in three simple, secure steps."
+      description="رحلتك في السوق تبدأ بثلاث خطوات بسيطة وآمنة."
       bulletPoints={[
         {
-          title: "Post Your Ad",
+          title: "أضف إعلانك",          description: "التقط صوراً وأضف سلعتك في دقائق."},
-          description: "Snap photos and list your item in minutes.",
-        },
         {
-          title: "Connect Instantly",
+          title: "تواصل فوراً",          description: "تحدث مع المشترين والبائعين مباشرة."},
-          description: "Chat with buyers and sellers directly.",
-        },
         {
-          title: "Seal the Deal",
+          title: "أتمم الصفقة",          description: "التقِ بأمان وأكمل تجارتك."},
-          description: "Meet up safely and complete your trade.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/image-asian-businesswoman-showing-smartphone-screen-app-interface-ok-sign-recommending-application-mobile-phone-standing-white-background_1258-89318.jpg"
-      imageAlt="How Zouq works"
+      imageAlt="كيف يعمل زوق"
     />
   </div>
 
@@ -240,16 +167,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Saudi Aramco",
+        "أرامكو السعودية",        "صندوق الاستثمارات العامة",        "stc",        "الراجحي",        "نيوم",        "سابك",        "طيران الرياض"]}
-        "PIF",
+      title="موثوقون في جميع أنحاء الخليج"
-        "STC",
+      description="انضم إلى شبكة من آلاف التجار الراضين يومياً."
-        "Al Rajhi",
-        "NEOM",
-        "SABIC",
-        "Riyadh Air",
-      ]}
-      title="Trusted Across the Gulf"
-      description="Joining a network of thousands of satisfied traders daily."
     />
   </div>
 
@@ -259,23 +179,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "كيف يمكنني التحقق من حسابي؟",          content: "يمكنك التحقق من حسابك عبر تطبيقنا للهواتف المحمولة باستخدام رقم هاتفك أو رقم هويتك الوطنية."},
-          title: "How do I verify my account?",
-          content: "You can verify your account via our mobile app using your phone number or national ID.",
-        },
         {
-          id: "2",
+          id: "2",          title: "هل التداول آمن؟",          content: "نحن نقدم إرشادات الأمان وشارات التحقق لضمان تجربة آمنة لجميع مستخدمينا."},
-          title: "Is it safe to trade?",
-          content: "We provide safety guidelines and verified badges to ensure a secure experience for all our users.",
-        },
         {
-          id: "3",
+          id: "3",          title: "هل يمكنني تعزيز إعلاني؟",          content: "نعم، نحن نقدم باقات 'تعزيز الإعلان' المميزة لتظهر إعلاناتك في أعلى نتائج البحث."},
-          title: "Can I boost my ad?",
-          content: "Yes, we offer premium 'Boost Ad' packages to make your listing appear at the top of search results.",
-        },
       ]}
-      title="Frequently Asked Questions"
+      title="الأسئلة الشائعة"
-      description="Get quick answers to all your marketplace questions."
+      description="احصل على إجابات سريعة لجميع أسئلتك حول السوق."
       faqsAnimation="slide-up"
     />
   </div>
@@ -288,23 +199,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "4.9★",          description: "تقييم المتجر"},
-          value: "4.9★",
-          description: "App Store Rating",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "1M+",          description: "عملية تحميل"},
-          value: "1M+",
-          description: "Downloads",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "100%",          description: "محادثات آمنة"},
-          value: "100%",
-          description: "Secure Chat",
-        },
       ]}
-      title="Download the Zouq App"
+      title="حمل تطبيق زوق"
-      description="Get the best marketplace experience in the palm of your hand."
+      description="استمتع بأفضل تجربة تسوق في راحة يدك."
     />
   </div>
 
@@ -312,13 +214,13 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
+      tag="اتصل بنا"
-      tag="Contact Us"
+      title="هل لديك أسئلة حول زوق؟"
-      title="Have questions about Zouq?"
+      description="فريق الدعم لدينا جاهز لمساعدتك في أي استفسارات على مدار الساعة."
-      description="Our support team is ready to assist you with any inquiries 24/7."
       imageSrc="http://img.b2bpic.net/free-photo/credit-card-golden-christmas-decorations-white-background_187299-46535.jpg"
-      buttonText="Send Message"
+      buttonText="إرسال"
+      termsText="بالنقر على 'إرسال'، فإنك توافق على الشروط والأحكام الخاصة بنا."
     />
   </div>
 
@@ -328,41 +230,27 @@ export default function LandingPage() {
       logoText="Zouq | زوق"
       columns={[
         {
-          title: "Platform",
+          title: "المنصة",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "من نحن",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Careers",
+              label: "الوظائف",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Vision 2030",
+              label: "رؤية 2030",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "الدعم",          items: [
-          items: [
             {
-              label: "Help Center",
+              label: "مركز المساعدة",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Safety Tips",
+              label: "نصائح الأمان",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Contact Us",
+              label: "اتصل بنا",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
-      copyrightText="© 2025 | Zouq Marketplace"
+      copyrightText="© 2025 | منصة زوق"
     />
   </div>
       </ReactLenis>