Update src/app/page.tsx

Merge version_2 into main
2026-05-10 21:36:19 +00:00 · 2026-05-10 21:33:35 +00:00 · 2026-05-10 21:33:32 +00:00
1 changed files with 65 additions and 177 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "Home",
-          id: "home",
-        },
+          name: "الرئيسية",          id: "home"},
        {
-          name: "Listings",
-          id: "listings",
-        },
+          name: "القوائم",          id: "listings"},
        {
-          name: "Post Ad",
-          id: "post-ad",
-        },
+          name: "أضف إعلان",          id: "post-ad"},
      ]}
      brandName="Zouq | زوق"
    />
@@ -52,85 +46,54 @@ export default function LandingPage() {
  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
-        variant: "radial-gradient",
-      }}
-      title="Buy, Sell & Trade — The Gulf Way"
-      description="Thousands of listings across Saudi Arabia. Find the best deals near you."
+        variant: "radial-gradient"}}
+      title="اشترِ، بع، وتاجر — على الطريقة الخليجية"
+      description="آلاف القوائم في جميع أنحاء المملكة العربية السعودية. ابحث عن أفضل الصفقات بالقرب منك."
      kpis={[
        {
-          value: "1.2M+",
-          label: "Active Listings",
-        },
+          value: "1.2M+",          label: "إعلان نشط"},
        {
-          value: "500K+",
-          label: "Verified Users",
-        },
+          value: "500K+",          label: "مستخدم موثق"},
        {
-          value: "24/7",
-          label: "Support Access",
-        },
+          value: "24/7",          label: "دعم متواصل"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
-          text: "Post an Ad",
-          href: "#contact",
-        },
+          text: "أضف إعلانك",          href: "#contact"},
        {
-          text: "Browse Listings",
-          href: "#listings",
-        },
+          text: "تصفح القوائم",          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",
-          alt: "User avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/lovely-woman-taking-photo-outdoors_23-2148375010.jpg",          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",
-          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",          alt: "User avatar"},
        {
-          src: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23561.jpg",
-          alt: "User avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23561.jpg",          alt: "User avatar"},
        {
-          src: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18966.jpg",
-          alt: "User avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18966.jpg",          alt: "User avatar"},
        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-photographer-looking-through-camera_23-2148375026.jpg",
-          alt: "User avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-woman-photographer-looking-through-camera_23-2148375026.jpg",          alt: "User avatar"},
      ]}
      marqueeItems={[
        {
-          type: "text-icon",
-          text: "Verified Sellers",
-          icon: ShieldCheck,
+          type: "text-icon",          text: "بائعون موثوقون",          icon: ShieldCheck,
        },
        {
-          type: "text-icon",
-          text: "Secure Payments",
-          icon: CreditCard,
+          type: "text-icon",          text: "مدفوعات آمنة",          icon: CreditCard,
        },
        {
-          type: "text-icon",
-          text: "Fast Shipping",
-          icon: Truck,
+          type: "text-icon",          text: "شحن سريع",          icon: Truck,
        },
        {
-          type: "text-icon",
-          text: "24/7 Support",
-          icon: Headphones,
+          type: "text-icon",          text: "دعم 24/7",          icon: Headphones,
        },
        {
-          type: "text-icon",
-          text: "Safe Trading",
-          icon: Lock,
+          type: "text-icon",          text: "تداول آمن",          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"
-      description="Find exactly what you need across our diverse marketplaces."
+      title="استكشف أفضل الفئات"
+      description="اعثر على كل ما تحتاجه عبر منصتنا المتنوعة."
    />
  </div>

@@ -165,46 +122,22 @@ export default function LandingPage() {
      layout="section"
      products={[
        {
-          id: "p1",
-          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: "p1",          name: "سيدان فاخرة",          price: "150,000 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-cups-arrangement_23-2149703697.jpg",          rating: 5,
        },
        {
-          id: "p2",
-          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: "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,
        },
        {
-          id: "p3",
-          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: "p3",          name: "هاتف ذكي متطور",          price: "3,200 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-grey-car_181624-25312.jpg",          rating: 5,
        },
        {
-          id: "p4",
-          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: "p4",          name: "مجموعة أثاث مكتبي",          price: "2,500 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car_181624-23559.jpg",          rating: 4,
        },
        {
-          id: "p5",
-          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: "p5",          name: "عباية تقليدية",          price: "450 ريال",          imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078244.jpg",          rating: 5,
        },
        {
-          id: "p6",
-          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,
+          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,
        },
      ]}
    />
@@ -214,24 +147,18 @@ export default function LandingPage() {
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
-      title="How Zouq Works"
-      description="Your marketplace journey in three simple, secure steps."
+      title="كيف يعمل زوق"
+      description="رحلتك في السوق تبدأ بثلاث خطوات بسيطة وآمنة."
      bulletPoints={[
        {
-          title: "Post Your Ad",
-          description: "Snap photos and list your item in minutes.",
-        },
+          title: "أضف إعلانك",          description: "التقط صوراً وأضف سلعتك في دقائق."},
        {
-          title: "Connect Instantly",
-          description: "Chat with buyers and sellers directly.",
-        },
+          title: "تواصل فوراً",          description: "تحدث مع المشترين والبائعين مباشرة."},
        {
-          title: "Seal the Deal",
-          description: "Meet up safely and complete your trade.",
-        },
+          title: "أتمم الصفقة",          description: "التقِ بأمان وأكمل تجارتك."},
      ]}
      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",
-        "PIF",
-        "STC",
-        "Al Rajhi",
-        "NEOM",
-        "SABIC",
-        "Riyadh Air",
-      ]}
-      title="Trusted Across the Gulf"
-      description="Joining a network of thousands of satisfied traders daily."
+        "أرامكو السعودية",        "صندوق الاستثمارات العامة",        "stc",        "الراجحي",        "نيوم",        "سابك",        "طيران الرياض"]}
+      title="موثوقون في جميع أنحاء الخليج"
+      description="انضم إلى شبكة من آلاف التجار الراضين يومياً."
    />
  </div>

@@ -259,23 +179,14 @@ export default function LandingPage() {
      useInvertedBackground={true}
      faqs={[
        {
-          id: "1",
-          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: "1",          title: "كيف يمكنني التحقق من حسابي؟",          content: "يمكنك التحقق من حسابك عبر تطبيقنا للهواتف المحمولة باستخدام رقم هاتفك أو رقم هويتك الوطنية."},
        {
-          id: "2",
-          title: "Is it safe to trade?",
-          content: "We provide safety guidelines and verified badges to ensure a secure experience for all our users.",
-        },
+          id: "2",          title: "هل التداول آمن؟",          content: "نحن نقدم إرشادات الأمان وشارات التحقق لضمان تجربة آمنة لجميع مستخدمينا."},
        {
-          id: "3",
-          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.",
-        },
+          id: "3",          title: "هل يمكنني تعزيز إعلاني؟",          content: "نعم، نحن نقدم باقات 'تعزيز الإعلان' المميزة لتظهر إعلاناتك في أعلى نتائج البحث."},
      ]}
-      title="Frequently Asked Questions"
-      description="Get quick answers to all your marketplace questions."
+      title="الأسئلة الشائعة"
+      description="احصل على إجابات سريعة لجميع أسئلتك حول السوق."
      faqsAnimation="slide-up"
    />
  </div>
@@ -288,23 +199,14 @@ export default function LandingPage() {
      useInvertedBackground={false}
      metrics={[
        {
-          id: "m1",
-          value: "4.9★",
-          description: "App Store Rating",
-        },
+          id: "m1",          value: "4.9★",          description: "تقييم المتجر"},
        {
-          id: "m2",
-          value: "1M+",
-          description: "Downloads",
-        },
+          id: "m2",          value: "1M+",          description: "عملية تحميل"},
        {
-          id: "m3",
-          value: "100%",
-          description: "Secure Chat",
-        },
+          id: "m3",          value: "100%",          description: "محادثات آمنة"},
      ]}
-      title="Download the Zouq App"
-      description="Get the best marketplace experience in the palm of your hand."
+      title="حمل تطبيق زوق"
+      description="استمتع بأفضل تجربة تسوق في راحة يدك."
    />
  </div>

@@ -312,13 +214,13 @@ export default function LandingPage() {
      <ContactSplit
      useInvertedBackground={true}
      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Contact Us"
-      title="Have questions about Zouq?"
-      description="Our support team is ready to assist you with any inquiries 24/7."
+        variant: "sparkles-gradient"}}
+      tag="اتصل بنا"
+      title="هل لديك أسئلة حول زوق؟"
+      description="فريق الدعم لدينا جاهز لمساعدتك في أي استفسارات على مدار الساعة."
      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",
-          items: [
+          title: "المنصة",          items: [
            {
-              label: "About Us",
-              href: "#",
-            },
+              label: "من نحن",              href: "#"},
            {
-              label: "Careers",
-              href: "#",
-            },
+              label: "الوظائف",              href: "#"},
            {
-              label: "Vision 2030",
-              href: "#",
-            },
+              label: "رؤية 2030",              href: "#"},
          ],
        },
        {
-          title: "Support",
-          items: [
+          title: "الدعم",          items: [
            {
-              label: "Help Center",
-              href: "#faq",
-            },
+              label: "مركز المساعدة",              href: "#faq"},
            {
-              label: "Safety Tips",
-              href: "#",
-            },
+              label: "نصائح الأمان",              href: "#"},
            {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "اتصل بنا",              href: "#contact"},
          ],
        },
      ]}
-      copyrightText="© 2025 | Zouq Marketplace"
+      copyrightText="© 2025 | منصة زوق"
    />
  </div>
      </ReactLenis>
Author	SHA1	Message	Date
bender	b8c644a272	Update src/app/page.tsx	2026-05-10 21:36:19 +00:00
bender	901ab5b3c7	Merge version_2 into main Merge version_2 into main	2026-05-10 21:33:35 +00:00
bender	8b2e3c5f17	Update src/app/page.tsx	2026-05-10 21:33:32 +00:00