Update src/app/page.tsx

2026-06-12 12:38:23 +00:00
parent 832baf408f
commit e42461d018
1 changed files with 46 additions and 173 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "الرئيسية",
-          id: "#home",
-        },
+          name: "الرئيسية",          id: "#home"},
        {
-          name: "المنتجات",
-          id: "#products",
-        },
+          name: "المنتجات",          id: "#products"},
        {
-          name: "الفروع",
-          id: "#branches",
-        },
+          name: "الفروع",          id: "#branches"},
        {
-          name: "اتصل بنا",
-          id: "#contact",
-        },
+          name: "اتصل بنا",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/supermarket-labels-template-design_23-2149355753.jpg"
      logoAlt="Khairat Al-Quds Supermarket Logo"
@@ -57,19 +49,14 @@ export default function LandingPage() {
  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
-        variant: "animated-grid",
-      }}
+        variant: "animated-grid"}}
      logoText="خيرات القدس"
      description="اكتشف أفضل العروض والخصومات اليومية على منتجات البقالة والمنزل. تسوق بذكاء ووفر أكثر!"
      buttons={[
        {
-          text: "تصفح العروض",
-          href: "#products",
-        },
+          text: "تصفح العروض",          href: "#products"},
        {
-          text: "اعثر على أقرب فرع",
-          href: "#branches",
-        },
+          text: "اعثر على أقرب فرع",          href: "#branches"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/shopping-cart-with-big-colorful-gift_23-2148283803.jpg"
      imageAlt="Hero banner with discounted supermarket products"
@@ -85,65 +72,23 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "p1",
-          brand: "منتجات خيرات القدس",
-          name: "تفاح طازج",
-          price: "₪ 5.99",
-          rating: 5,
-          reviewCount: "250",
-          imageSrc: "http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg",
-          imageAlt: "Fresh Apples",
-        },
+          id: "p1",          brand: "منتجات خيرات القدس",          name: "تفاح طازج",          price: "₪ 5.99",          rating: 5,
+          reviewCount: "250",          imageSrc: "http://img.b2bpic.net/free-photo/various-strawberries-with-display-price-from-local-farmer-market_23-2147920842.jpg",          imageAlt: "Fresh Apples"},
        {
-          id: "p2",
-          brand: "منتجات الألبان",
-          name: "حليب طازج (1 لتر)",
-          price: "₪ 7.50",
-          rating: 4,
-          reviewCount: "180",
-          imageSrc: "http://img.b2bpic.net/free-photo/three-bottles-milk-cactus-clouds_116380-27.jpg",
-          imageAlt: "Fresh Milk",
-        },
+          id: "p2",          brand: "منتجات الألبان",          name: "حليب طازج (1 لتر)",          price: "₪ 7.50",          rating: 4,
+          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/three-bottles-milk-cactus-clouds_116380-27.jpg",          imageAlt: "Fresh Milk"},
        {
-          id: "p3",
-          brand: "مخبوزات يومية",
-          name: "خبز أسمر",
-          price: "₪ 3.25",
-          rating: 5,
-          reviewCount: "320",
-          imageSrc: "http://img.b2bpic.net/free-photo/loaves-bread-with-price-tag_23-2147975216.jpg",
-          imageAlt: "Whole Wheat Bread",
-        },
+          id: "p3",          brand: "مخبوزات يومية",          name: "خبز أسمر",          price: "₪ 3.25",          rating: 5,
+          reviewCount: "320",          imageSrc: "http://img.b2bpic.net/free-photo/loaves-bread-with-price-tag_23-2147975216.jpg",          imageAlt: "Whole Wheat Bread"},
        {
-          id: "p4",
-          brand: "منظفات المنزل",
-          name: "سائل غسيل الأطباق",
-          price: "₪ 12.99",
-          rating: 4,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-frightened-janitor-with-bugged-eyes-carries-broom-wears-protective-gloves-sweeps-floor-hotel_273609-25254.jpg",
-          imageAlt: "Dishwashing Liquid",
-        },
+          id: "p4",          brand: "منظفات المنزل",          name: "سائل غسيل الأطباق",          price: "₪ 12.99",          rating: 4,
+          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/photo-frightened-janitor-with-bugged-eyes-carries-broom-wears-protective-gloves-sweeps-floor-hotel_273609-25254.jpg",          imageAlt: "Dishwashing Liquid"},
        {
-          id: "p5",
-          brand: "أغذية معلبة",
-          name: "علب تونة",
-          price: "₪ 8.75",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151143252.jpg",
-          imageAlt: "Canned Tuna",
-        },
+          id: "p5",          brand: "أغذية معلبة",          name: "علب تونة",          price: "₪ 8.75",          rating: 5,
+          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151143252.jpg",          imageAlt: "Canned Tuna"},
        {
-          id: "p6",
-          brand: "مشروبات",
-          name: "عصير برتقال (1 لتر)",
-          price: "₪ 6.00",
-          rating: 4,
-          reviewCount: "195",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-mojito-jar-with-lemon-green-apple-mint-shiny-background-with-yellow-blue-pipes_114579-5171.jpg",
-          imageAlt: "Orange Juice",
-        },
+          id: "p6",          brand: "مشروبات",          name: "عصير برتقال (1 لتر)",          price: "₪ 6.00",          rating: 4,
+          reviewCount: "195",          imageSrc: "http://img.b2bpic.net/free-photo/blue-mojito-jar-with-lemon-green-apple-mint-shiny-background-with-yellow-blue-pipes_114579-5171.jpg",          imageAlt: "Orange Juice"},
      ]}
      title="عروض وخصومات حصرية"
      description="اكتشف أفضل المنتجات بأسعار لا تقبل المنافسة في جميع فروعنا."
@@ -152,32 +97,21 @@ export default function LandingPage() {

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
+      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
-          id: "m1",
-          value: "5000+",
-          title: "عميل سعيد",
-          items: [
-            "يستفيدون من عروضنا يوميًا",
-          ],
+          id: "m1",          value: "5000+",          title: "عميل سعيد",          items: [
+            "يستفيدون من عروضنا يوميًا"],
        },
        {
-          id: "m2",
-          value: "30%",
-          title: "متوسط الخصم",
-          items: [
-            "على مجموعة واسعة من المنتجات",
-          ],
+          id: "m2",          value: "30%",          title: "متوسط الخصم",          items: [
+            "على مجموعة واسعة من المنتجات"],
        },
        {
-          id: "m3",
-          value: "3",
-          title: "فروع لخدمتك",
-          items: [
-            "في مواقع استراتيجية",
-          ],
+          id: "m3",          value: "3",          title: "فروع لخدمتك",          items: [
+            "في مواقع استراتيجية"],
        },
      ]}
      title="أرقام تتحدث عن نفسها"
@@ -191,23 +125,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          title: "الفرع الأول",
-          description: "خدمة ممتازة وعروض لا مثيل لها في قلب المدينة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/subway-sign-metro-entrance-new-york_181624-43525.jpg",
-          imageAlt: "Branch 1",
-        },
+          title: "الفرع الأول",          description: "خدمة ممتازة وعروض لا مثيل لها في قلب المدينة.",          imageSrc: "http://img.b2bpic.net/free-photo/subway-sign-metro-entrance-new-york_181624-43525.jpg",          imageAlt: "Branch 1"},
        {
-          title: "الفرع الثاني",
-          description: "موقع مميز وتشكيلة واسعة من المنتجات الطازجة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket_1339-5842.jpg",
-          imageAlt: "Branch 2",
-        },
+          title: "الفرع الثاني",          description: "موقع مميز وتشكيلة واسعة من المنتجات الطازجة.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket_1339-5842.jpg",          imageAlt: "Branch 2"},
        {
-          title: "الفرع الثالث",
-          description: "تجربة تسوق فريدة مع خصومات مذهلة كل يوم.",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-cashier-work-place_171337-2421.jpg",
-          imageAlt: "Branch 3",
-        },
+          title: "الفرع الثالث",          description: "تجربة تسوق فريدة مع خصومات مذهلة كل يوم.",          imageSrc: "http://img.b2bpic.net/free-photo/empty-cashier-work-place_171337-2421.jpg",          imageAlt: "Branch 3"},
      ]}
      title="فروعنا لخدمتك"
      description="تجدنا في جميع أنحاء المدينة لخدمتك بأفضل الأسعار."
@@ -221,50 +143,20 @@ export default function LandingPage() {
      useInvertedBackground={true}
      testimonials={[
        {
-          id: "t1",
-          name: "سارة أحمد",
-          handle: "@Sara_A",
-          testimonial: "خيرات القدس هو وجهتي الأولى للتسوق. الأسعار رائعة والمنتجات دائمًا طازجة!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",
-          imageAlt: "Sarah Ahmed",
-        },
+          id: "t1",          name: "سارة أحمد",          handle: "@Sara_A",          testimonial: "خيرات القدس هو وجهتي الأولى للتسوق. الأسعار رائعة والمنتجات دائمًا طازجة!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-gesturing-ok_23-2147767531.jpg",          imageAlt: "Sarah Ahmed"},
        {
-          id: "t2",
-          name: "محمد علي",
-          handle: "@Mohamed_Ali",
-          testimonial: "دائمًا أجد أفضل العروض هنا. أوفر الكثير كل شهر بفضل خصوماتهم.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-gardener-uniform-wearing-gardening-hat-holding-vegetable-basket-isolated-pink_141793-87379.jpg",
-          imageAlt: "Mohamed Ali",
-        },
+          id: "t2",          name: "محمد علي",          handle: "@Mohamed_Ali",          testimonial: "دائمًا أجد أفضل العروض هنا. أوفر الكثير كل شهر بفضل خصوماتهم.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-gardener-uniform-wearing-gardening-hat-holding-vegetable-basket-isolated-pink_141793-87379.jpg",          imageAlt: "Mohamed Ali"},
        {
-          id: "t3",
-          name: "ليلى حسن",
-          handle: "@Layla_H",
-          testimonial: "خدمة العملاء ممتازة والفروع نظيفة ومنظمة. تجربة تسوق ممتعة حقًا.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mom-daughter-are-shopping-supermarket_169016-1440.jpg",
-          imageAlt: "Layla Hassan",
-        },
+          id: "t3",          name: "ليلى حسن",          handle: "@Layla_H",          testimonial: "خدمة العملاء ممتازة والفروع نظيفة ومنظمة. تجربة تسوق ممتعة حقًا.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/mom-daughter-are-shopping-supermarket_169016-1440.jpg",          imageAlt: "Layla Hassan"},
        {
-          id: "t4",
-          name: "خالد محمود",
-          handle: "@Khaled_M",
-          testimonial: "أحب تشكيلة المنتجات، خاصة قسم الخضروات والفواكه. الجودة والسعر لا يُعلى عليهما.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-with-shopping-bags_329181-2235.jpg",
-          imageAlt: "Khaled Mahmoud",
-        },
+          id: "t4",          name: "خالد محمود",          handle: "@Khaled_M",          testimonial: "أحب تشكيلة المنتجات، خاصة قسم الخضروات والفواكه. الجودة والسعر لا يُعلى عليهما.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-with-shopping-bags_329181-2235.jpg",          imageAlt: "Khaled Mahmoud"},
        {
-          id: "t5",
-          name: "ريم ناصر",
-          handle: "@Reem_N",
-          testimonial: "خيارات واسعة وخصومات حقيقية. أصبح خيرات القدس سوبر ماركت عائلتي المفضل.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-smiling-couple-standing_171337-2271.jpg",
-          imageAlt: "Reem Nasser",
-        },
+          id: "t5",          name: "ريم ناصر",          handle: "@Reem_N",          testimonial: "خيارات واسعة وخصومات حقيقية. أصبح خيرات القدس سوبر ماركت عائلتي المفضل.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-smiling-couple-standing_171337-2271.jpg",          imageAlt: "Reem Nasser"},
      ]}
      showRating={true}
      title="ماذا يقول عملاؤنا"
@@ -278,20 +170,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      faqs={[
        {
-          id: "faq1",
-          title: "كيف يمكنني العثور على أحدث العروض؟",
-          content: "يمكنك تصفح جميع العروض الحالية في قسم 'المنتجات' على موقعنا، أو زيارة أقرب فرع لك.",
-        },
+          id: "faq1",          title: "كيف يمكنني العثور على أحدث العروض؟",          content: "يمكنك تصفح جميع العروض الحالية في قسم 'المنتجات' على موقعنا، أو زيارة أقرب فرع لك."},
        {
-          id: "faq2",
-          title: "هل الأسعار هي نفسها في جميع الفروع؟",
-          content: "معظم العروض والأسعار موحدة، ولكن قد تختلف بعض العروض الخاصة بين الفروع. يُرجى التحقق من الفرع المحدد.",
-        },
+          id: "faq2",          title: "هل الأسعار هي نفسها في جميع الفروع؟",          content: "معظم العروض والأسعار موحدة، ولكن قد تختلف بعض العروض الخاصة بين الفروع. يُرجى التحقق من الفرع المحدد."},
        {
-          id: "faq3",
-          title: "هل يمكنني طلب المنتجات عبر الإنترنت؟",
-          content: "في الوقت الحالي، خدماتنا متاحة فقط من خلال الفروع. نعمل على توفير خدمة التوصيل قريبًا.",
-        },
+          id: "faq3",          title: "هل يمكنني طلب المنتجات عبر الإنترنت؟",          content: "في الوقت الحالي، خدماتنا متاحة فقط من خلال الفروع. نعمل على توفير خدمة التوصيل قريبًا."},
      ]}
      title="أسئلة متكررة"
      description="إجابات لأكثر الأسئلة شيوعًا حول عروضنا وفروعنا وخدماتنا."
@@ -306,22 +189,14 @@ export default function LandingPage() {
      description="لديك سؤال أو ملاحظة؟ نحن هنا لمساعدتك. املأ النموذج وسنتواصل معك قريبًا."
      inputs={[
        {
-          name: "name",
-          type: "text",
-          placeholder: "اسمك الكريم",
-          required: true,
+          name: "name",          type: "text",          placeholder: "اسمك الكريم",          required: true,
        },
        {
-          name: "email",
-          type: "email",
-          placeholder: "بريدك الإلكتروني",
-          required: true,
+          name: "email",          type: "email",          placeholder: "بريدك الإلكتروني",          required: true,
        },
      ]}
      textarea={{
-        name: "message",
-        placeholder: "رسالتك...",
-        rows: 4,
+        name: "message",        placeholder: "رسالتك...",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-client_23-2149349427.jpg"
@@ -341,9 +216,7 @@ export default function LandingPage() {
      socialLinks={[
        {
          icon: Instagram,
-          href: "https://instagram.com/khairat_alquds",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com/khairat_alquds",          ariaLabel: "Instagram"},
      ]}
    />
  </div>