Update src/app/page.tsx

2026-05-26 08:11:06 +00:00
parent f109c6ffc6
commit 256bb3064c
1 changed files with 46 additions and 163 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,33 +31,20 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "الرئيسية",
-          id: "#hero",
-        },
+          name: "الرئيسية",          id: "#hero"},
        {
-          name: "خدماتنا",
-          id: "#services",
-        },
+          name: "خدماتنا",          id: "#services"},
        {
-          name: "لماذا نحن",
-          id: "#why-us",
-        },
+          name: "لماذا نحن",          id: "#why-us"},
        {
-          name: "آراء العملاء",
-          id: "#testimonials",
-        },
+          name: "آراء العملاء",          id: "#testimonials"},
        {
-          name: "تواصل معنا",
-          id: "#contact",
-        },
+          name: "تواصل معنا",          id: "#contact"},
      ]}
      button={{
-        text: "احجز موعد الآن",
-        href: "#contact",
-      }}
+        text: "احجز موعد الآن",        href: "#contact"}}
      topBarButton={{
-        text: "24/7 خدمة ودعم",
-      }}
+        text: "24/7 خدمة ودعم"}}
      brandName="الوافي لصيانة السيارات"
    />
  </div>
@@ -70,13 +57,9 @@ export default function LandingPage() {
      tagAnimation="blur-reveal"
      buttons={[
        {
-          text: "احجز موعد الآن",
-          href: "#contact",
-        },
+          text: "احجز موعد الآن",          href: "#contact"},
        {
-          text: "تواصل معنا",
-          href: "https://wa.me/9647717719311",
-        },
+          text: "تواصل معنا",          href: "https://wa.me/9647717719311"},
      ]}
      buttonAnimation="blur-reveal"
      imageSrc="http://img.b2bpic.net/free-photo/little-cute-girl-is-posing-photographer-dark-auto-workshop-with-pheumatic-drill-hands_613910-17060.jpg"
@@ -86,25 +69,15 @@ export default function LandingPage() {
      textPosition="bottom"
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg",
-          alt: "Portrait of a smiling mechanic",
-        },
+          src: "http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg",          alt: "Portrait of a smiling mechanic"},
        {
-          src: "http://img.b2bpic.net/free-photo/i-just-got-cute-photo_329181-11763.jpg",
-          alt: "Satisfied female customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/i-just-got-cute-photo_329181-11763.jpg",          alt: "Satisfied female customer"},
        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171227.jpg",
-          alt: "Professional male mechanic",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171227.jpg",          alt: "Professional male mechanic"},
        {
-          src: "http://img.b2bpic.net/free-photo/elegant-businesswoman-sitting-car_1157-33308.jpg",
-          alt: "Happy car owner",
-        },
+          src: "http://img.b2bpic.net/free-photo/elegant-businesswoman-sitting-car_1157-33308.jpg",          alt: "Happy car owner"},
        {
-          src: "http://img.b2bpic.net/free-photo/mid-section-mechanic-with-arms-crossed_1170-1313.jpg",
-          alt: "Expert automotive technician",
-        },
+          src: "http://img.b2bpic.net/free-photo/mid-section-mechanic-with-arms-crossed_1170-1313.jpg",          alt: "Expert automotive technician"},
      ]}
      avatarText="أكثر من 1000 عميل راضٍ"
    />
@@ -119,35 +92,17 @@ export default function LandingPage() {
      carouselMode="buttons"
      metrics={[
        {
-          id: "s1",
-          value: "⚙️",
-          description: "فحص وصيانة المحرك: تشخيص دقيق وإصلاح احترافي لجميع أعطال المحركات الأمريكية.",
-        },
+          id: "s1",          value: "⚙️",          description: "فحص وصيانة المحرك: تشخيص دقيق وإصلاح احترافي لجميع أعطال المحركات الأمريكية."},
        {
-          id: "s2",
-          value: "🔋",
-          description: "صيانة كهرباء السيارات: حلول متطورة لجميع مشاكل الكهرباء والحساسات والبرمجة.",
-        },
+          id: "s2",          value: "🔋",          description: "صيانة كهرباء السيارات: حلول متطورة لجميع مشاكل الكهرباء والحساسات والبرمجة."},
        {
-          id: "s3",
-          value: "🚗",
-          description: "صيانة ناقل الحركة: إصلاح وصيانة الجير الأوتوماتيك بدقة وخبرة عالية.",
-        },
+          id: "s3",          value: "🚗",          description: "صيانة ناقل الحركة: إصلاح وصيانة الجير الأوتوماتيك بدقة وخبرة عالية."},
        {
-          id: "s4",
-          value: "💻",
-          description: "فحص شامل بالكمبيوتر: كشف الأعطال باستخدام أجهزة حديثة وتقارير دقيقة.",
-        },
+          id: "s4",          value: "💻",          description: "فحص شامل بالكمبيوتر: كشف الأعطال باستخدام أجهزة حديثة وتقارير دقيقة."},
        {
-          id: "s5",
-          value: "⏱️",
-          description: "خدمة سريعة: إنجاز سريع مع الحفاظ على أعلى جودة في العمل.",
-        },
+          id: "s5",          value: "⏱️",          description: "خدمة سريعة: إنجاز سريع مع الحفاظ على أعلى جودة في العمل."},
        {
-          id: "s6",
-          value: "🛠️",
-          description: "قطع أصلية: استخدام قطع ذات جودة عالية لضمان أفضل أداء وعمر أطول.",
-        },
+          id: "s6",          value: "🛠️",          description: "قطع أصلية: استخدام قطع ذات جودة عالية لضمان أفضل أداء وعمر أطول."},
      ]}
      title="كل ما تحتاجه سيارتك الأمريكية"
      description="نقدم خدمات صيانة متكاملة بأحدث الأجهزة وخبرة عالية لضمان أفضل أداء لسيارتك."
@@ -161,17 +116,11 @@ export default function LandingPage() {
      description="نحن نؤمن بأن الأمانة والاحترافية هما أساس النجاح والثقة. لهذا السبب، يختار عملاؤنا كراج الوافي لصيانة سياراتهم الأمريكية، لتميزنا بالآتي:\n\n- مصداقية ووفاء في العمل\n- دقة بالمواعيد وإنجاز سريع\n- خبرة ومعرفة وفن في التصليح\n- أسلوب استقبال وتعامل راقٍ\n- شغل مرتب ونظيف باحترافية عالية\n- العاملون يخافون الله في رزقهم"
      metrics={[
        {
-          value: "✓",
-          title: "مصداقية ووفاء",
-        },
+          value: "✓",          title: "مصداقية ووفاء"},
        {
-          value: "✓",
-          title: "دقة بالمواعيد",
-        },
+          value: "✓",          title: "دقة بالمواعيد"},
        {
-          value: "✓",
-          title: "خبرة وفن",
-        },
+          value: "✓",          title: "خبرة وفن"},
      ]}
      tag="لماذا تختار الوافي؟"
      imageSrc="http://img.b2bpic.net/free-photo/mechanic-with-oilcan-car-workshop_23-2147897961.jpg"
@@ -186,17 +135,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
-        "Chevrolet",
-        "Ford",
-        "Dodge",
-        "GMC",
-        "Cadillac",
-        "Jeep",
-        "Tesla",
-        "Chrysler",
-        "Lincoln",
-        "Buick",
-      ]}
+        "Chevrolet",        "Ford",        "Dodge",        "GMC",        "Cadillac",        "Jeep",        "Tesla",        "Chrysler",        "Lincoln",        "Buick"]}
      title="ماركات نخدمها"
      description="نقدم خدمات متخصصة لمجموعة واسعة من السيارات الأمريكية الفاخرة وذات الأداء العالي."
      speed={50}
@@ -206,44 +145,20 @@ export default function LandingPage() {

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
+      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "عميل موثق 1",
-          handle: "تقييم ممتاز",
-          testimonial: "شغل مرتب ما شاء الله، وأسلوب واستقبال رهيب. ربي يبارك بيكم وبجهودكم.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg",
-        },
+          id: "1",          name: "عميل موثق 1",          handle: "تقييم ممتاز",          testimonial: "شغل مرتب ما شاء الله، وأسلوب واستقبال رهيب. ربي يبارك بيكم وبجهودكم.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg"},
        {
-          id: "2",
-          name: "عميل موثق 2",
-          handle: "ثقة لا متناهية",
-          testimonial: "الخبرة والأمانة والمصداقية والدقة بالمواعيد تجدونها جميعها في الوافي وعن تجربة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-looking-hood-car_23-2148266193.jpg",
-        },
+          id: "2",          name: "عميل موثق 2",          handle: "ثقة لا متناهية",          testimonial: "الخبرة والأمانة والمصداقية والدقة بالمواعيد تجدونها جميعها في الوافي وعن تجربة.",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-looking-hood-car_23-2148266193.jpg"},
        {
-          id: "3",
-          name: "عميل موثق 3",
-          handle: "أمانة وصدق",
-          testimonial: "مكان العاملين فيه يخافون الله في رزقهم، وهذا الشي نادر هذه الأيام.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-choosing-car-car-showroom_1303-26769.jpg",
-        },
+          id: "3",          name: "عميل موثق 3",          handle: "أمانة وصدق",          testimonial: "مكان العاملين فيه يخافون الله في رزقهم، وهذا الشي نادر هذه الأيام.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-choosing-car-car-showroom_1303-26769.jpg"},
        {
-          id: "4",
-          name: "أحمد السالم",
-          handle: "خدمة خمس نجوم",
-          testimonial: "لقد فاقت خدمات الوافي توقعاتي! فريق عمل محترف ونتائج مبهرة. أنصح بهم بشدة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg",
-        },
+          id: "4",          name: "أحمد السالم",          handle: "خدمة خمس نجوم",          testimonial: "لقد فاقت خدمات الوافي توقعاتي! فريق عمل محترف ونتائج مبهرة. أنصح بهم بشدة.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg"},
        {
-          id: "5",
-          name: "فاطمة الزهراء",
-          handle: "راحة بال تامة",
-          testimonial: "بعد معاناتي مع عدة كراجات، وجدت في الوافي الأمانة والدقة في العمل. سيارتي عادت كالجديدة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg",
-        },
+          id: "5",          name: "فاطمة الزهراء",          handle: "راحة بال تامة",          testimonial: "بعد معاناتي مع عدة كراجات، وجدت في الوافي الأمانة والدقة في العمل. سيارتي عادت كالجديدة.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg"},
      ]}
      title="ثقة العملاء هي أكبر إنجاز لنا"
      description="استمع إلى ما يقوله عملاؤنا عن خدماتنا المتميزة التي بنيت على الخبرة والأمانة."
@@ -257,25 +172,13 @@ export default function LandingPage() {
      useInvertedBackground={true}
      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: "يمكنك حجز موعد عن طريق الاتصال بنا مباشرة على الرقم الموضح في قسم التواصل، أو عبر إرسال رسالة واتساب، أو ملء النموذج في نهاية الصفحة."},
        {
-          id: "faq4",
-          title: "ما هي ساعات عمل الكراج؟",
-          content: "الكراج مفتوح من السبت إلى الخميس، من الساعة 8 صباحًا حتى 8 مساءً. يوم الجمعة عطلة.",
-        },
+          id: "faq4",          title: "ما هي ساعات عمل الكراج؟",          content: "الكراج مفتوح من السبت إلى الخميس، من الساعة 8 صباحًا حتى 8 مساءً. يوم الجمعة عطلة."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mid-adult-businessman-with-touchpad-communicating-with-car-mechanics-auto-repair-shop_637285-4227.jpg"
      imageAlt="Mechanic discussing car repair with a customer"
@@ -292,8 +195,7 @@ export default function LandingPage() {
      <ContactSplit
      useInvertedBackground={false}
      background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
      tag="تواصل معنا"
      title="سيارتك تستحق أفضل صيانة"
      description="احجز موعدك الآن مع كراج محمود الوافي واحصل على خدمة احترافية سريعة مبنية على الثقة والخبرة. املأ النموذج وسنتواصل معك."
@@ -312,50 +214,31 @@ export default function LandingPage() {
      logoText="الوافي"
      columns={[
        {
-          title: "معلومات عنا",
-          items: [
+          title: "معلومات عنا",          items: [
            {
-              label: "خدماتنا",
-              href: "#services",
-            },
+              label: "خدماتنا",              href: "#services"},
            {
-              label: "لماذا نحن",
-              href: "#why-us",
-            },
+              label: "لماذا نحن",              href: "#why-us"},
            {
-              label: "آراء العملاء",
-              href: "#testimonials",
-            },
+              label: "آراء العملاء",              href: "#testimonials"},
          ],
        },
        {
-          title: "ساعات العمل",
-          items: [
+          title: "ساعات العمل",          items: [
            {
-              label: "السبت - الخميس: 8 صباحًا - 8 مساءً",
-              href: "#",
-            },
+              label: "السبت - الخميس: 8 صباحًا - 8 مساءً",              href: "#"},
            {
-              label: "الجمعة: مغلق",
-              href: "#",
-            },
+              label: "الجمعة: مغلق",              href: "#"},
          ],
        },
        {
-          title: "معلومات التواصل",
-          items: [
+          title: "معلومات التواصل",          items: [
            {
-              label: "📍 موقع الكراج على الخريطة",
-              href: "https://maps.app.goo.gl/kGnZnA22sUXMnoD96?g_st=ac",
-            },
+              label: "📍 موقع الكراج على الخريطة",              href: "https://maps.app.goo.gl/kGnZnA22sUXMnoD96?g_st=ac"},
            {
-              label: "📞 +964 771 771 9311",
-              href: "tel:+9647717719311",
-            },
+              label: "📞 +964 771 771 9311",              href: "tel:+9647717719311"},
            {
-              label: "✉️ info@alwafi.com",
-              href: "mailto:info@alwafi.com",
-            },
+              label: "✉️ info@alwafi.com",              href: "mailto:info@alwafi.com"},
          ],
        },
      ]}