Update src/app/page.tsx

2026-05-11 10:29:14 +00:00
parent 94b07e2d53
commit 208417b865
1 changed files with 60 additions and 186 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,78 +33,64 @@ export default function LandingPage() {
      <NavbarLayoutFloatingInline
      navItems={[
        {
-          name: "الرئيسية",
-          id: "hero",
-        },
+          name: "الرئيسية",          id: "hero"},
        {
-          name: "عن الخدمة",
-          id: "about",
-        },
+          name: "عن الخدمة",          id: "about"},
        {
-          name: "خدماتنا",
-          id: "features",
-        },
+          name: "خدماتنا",          id: "features"},
        {
-          name: "تواصل معنا",
-          id: "contact",
-        },
+          name: "تواصل معنا",          id: "contact"},
      ]}
      brandName="راصد"
      button={{
-        text: "تقديم بلاغ",
-        href: "#contact",
-      }}
+        text: "تقديم بلاغ",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      title="راصد - استعادة مركبتك في أيدٍ أمينة"
      description="خدمة تخصصية متطورة للبحث عن السيارات المفقودة والمسروقة عبر تحليل بيانات دقيقة وتقنيات تتبع عالمية."
      buttons={[
        {
-          text: "تقديم بلاغ الآن",
-          href: "#contact",
-        },
+          text: "تقديم بلاغ الآن",          href: "#contact"},
      ]}
      carouselItems={[
        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background-with-shallow-depth-field_1048-12413.jpg",
-          imageAlt: "digital map tracking technology",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background-with-shallow-depth-field_1048-12413.jpg",          imageAlt: "digital map tracking technology"},
        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184217.jpg",
-          imageAlt: "digital map tracking technology",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184217.jpg",          imageAlt: "digital map tracking technology"},
        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-58616.jpg",
-          imageAlt: "digital map tracking technology",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-58616.jpg",          imageAlt: "digital map tracking technology"},
        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
-          imageAlt: "digital map tracking technology",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",          imageAlt: "digital map tracking technology"},
        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/employee-navigating-satellite-radar-map-search-routes_482257-93891.jpg",
-          imageAlt: "digital map tracking technology",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/employee-navigating-satellite-radar-map-search-routes_482257-93891.jpg",          imageAlt: "digital map tracking technology"},
        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
-          imageAlt: "digital map tracking technology",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",          imageAlt: "digital map tracking technology"},
      ]}
    />
  </div>

+  <div id="metrics" data-section="metrics">
+      <MetricCardFourteen
+      useInvertedBackground={false}
+      title="إنجازاتنا في أرقام"
+      tag="دقة وكفاءة"
+      metrics={[
+        {
+          id: "1",          value: "95%",          description: "نسبة استرداد ناجحة"},
+        {
+          id: "2",          value: "24/7",          description: "دعم فني ومتابعة فورية"},
+        {
+          id: "3",          value: "500+",          description: "مركبة تم العثور عليها"},
+      ]}
+      metricsAnimation="slide-up"
+    />
+  </div>
+
  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
@@ -121,19 +107,13 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          title: "تتبع دقيق",
-          description: "استخدام أحدث أنظمة الجي بي اس لتحديد آخر ظهور للمركبة.",
-          icon: MapPin,
+          title: "تتبع دقيق",          description: "استخدام أحدث أنظمة الجي بي اس لتحديد آخر ظهور للمركبة.",          icon: MapPin,
        },
        {
-          title: "تحليل البيانات",
-          description: "جمع وتحليل كافة المعلومات لتحديد المسار المحتمل للمركبة.",
-          icon: BarChart,
+          title: "تحليل البيانات",          description: "جمع وتحليل كافة المعلومات لتحديد المسار المحتمل للمركبة.",          icon: BarChart,
        },
        {
-          title: "التنسيق الميداني",
-          description: "عمليات تنسيق فورية مع الجهات المختصة لاستعادة المركبات.",
-          icon: ShieldCheck,
+          title: "التنسيق الميداني",          description: "عمليات تنسيق فورية مع الجهات المختصة لاستعادة المركبات.",          icon: ShieldCheck,
        },
      ]}
      title="خدماتنا المتقدمة"
@@ -141,32 +121,6 @@ export default function LandingPage() {
    />
  </div>

-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="إنجازاتنا في أرقام"
-      tag="دقة وكفاءة"
-      metrics={[
-        {
-          id: "1",
-          value: "95%",
-          description: "نسبة استرداد ناجحة",
-        },
-        {
-          id: "2",
-          value: "24/7",
-          description: "دعم فني ومتابعة فورية",
-        },
-        {
-          id: "3",
-          value: "500+",
-          description: "مركبة تم العثور عليها",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
-
  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
@@ -175,45 +129,20 @@ export default function LandingPage() {
      useInvertedBackground={true}
      testimonials={[
        {
-          id: "1",
-          name: "أحمد العتيبي",
-          role: "عميل",
-          company: "الرياض",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
-        },
+          id: "1",          name: "أحمد العتيبي",          role: "عميل",          company: "الرياض",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
        {
-          id: "2",
-          name: "سارة محمد",
-          role: "عميلة",
-          company: "جدة",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
-        },
+          id: "2",          name: "سارة محمد",          role: "عميلة",          company: "جدة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg"},
        {
-          id: "3",
-          name: "خالد القحطاني",
-          role: "عميل",
-          company: "الدمام",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
-        },
+          id: "3",          name: "خالد القحطاني",          role: "عميل",          company: "الدمام",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg"},
        {
-          id: "4",
-          name: "ليلى العمري",
-          role: "عميلة",
-          company: "مكة",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg",
-        },
+          id: "4",          name: "ليلى العمري",          role: "عميلة",          company: "مكة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg"},
        {
-          id: "5",
-          name: "عبد الله الشمري",
-          role: "عميل",
-          company: "تبوك",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
-        },
+          id: "5",          name: "عبد الله الشمري",          role: "عميل",          company: "تبوك",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
      ]}
      title="قصص نجاح عملائنا"
      description="ثقتكم هي دافعنا للاستمرار في تقديم الأفضل."
@@ -226,20 +155,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      faqs={[
        {
-          id: "1",
-          title: "كيف أقدم بلاغ فقدان؟",
-          content: "يمكنك التواصل معنا فوراً عبر الهاتف أو الواتساب وتزويدنا برقم اللوحة والشاسي.",
-        },
+          id: "1",          title: "كيف أقدم بلاغ فقدان؟",          content: "يمكنك التواصل معنا فوراً عبر الهاتف أو الواتساب وتزويدنا برقم اللوحة والشاسي."},
        {
-          id: "2",
-          title: "هل الخدمة متاحة في جميع المدن؟",
-          content: "نعم، خدماتنا تغطي كافة مناطق المملكة العربية السعودية.",
-        },
+          id: "2",          title: "هل الخدمة متاحة في جميع المدن؟",          content: "نعم، خدماتنا تغطي كافة مناطق المملكة العربية السعودية."},
        {
-          id: "3",
-          title: "ما هي تكلفة الخدمة؟",
-          content: "تعتمد التكلفة على نوع الخدمة وحالة المركبة، يرجى التواصل للمزيد من التفاصيل.",
-        },
+          id: "3",          title: "ما هي تكلفة الخدمة؟",          content: "تعتمد التكلفة على نوع الخدمة وحالة المركبة، يرجى التواصل للمزيد من التفاصيل."},
      ]}
      imageSrc="http://img.b2bpic.net/free-vector/guard-icon-set_1262-6811.jpg"
      title="الأسئلة الشائعة"
@@ -257,35 +177,11 @@ export default function LandingPage() {
      description="نصائح تقنية وأمنية لحماية مركبتك."
      blogs={[
        {
-          id: "1",
-          category: "أمن",
-          title: "نصائح لتجنب سرقة السيارات",
-          excerpt: "كيف تحمي سيارتك من السرقة باستخدام التقنيات الحديثة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-58552.jpg",
-          authorName: "فريق راصد",
-          authorAvatar: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-          date: "2023-10-01",
-        },
+          id: "1",          category: "أمن",          title: "نصائح لتجنب سرقة السيارات",          excerpt: "كيف تحمي سيارتك من السرقة باستخدام التقنيات الحديثة.",          imageSrc: "http://img.b2bpic.net/free-photo/man-touching-screen-gps-navigation-system-his-car_169016-58552.jpg",          authorName: "فريق راصد",          authorAvatar: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",          date: "2023-10-01"},
        {
-          id: "2",
-          category: "تقنية",
-          title: "أهمية تتبع GPS",
-          excerpt: "لماذا يجب أن تكون مركبتك مجهزة بأنظمة تتبع ذكية.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-105375.jpg",
-          authorName: "فريق راصد",
-          authorAvatar: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-          date: "2023-10-05",
-        },
+          id: "2",          category: "تقنية",          title: "أهمية تتبع GPS",          excerpt: "لماذا يجب أن تكون مركبتك مجهزة بأنظمة تتبع ذكية.",          imageSrc: "http://img.b2bpic.net/free-photo/gps-system-smart-car_53876-105375.jpg",          authorName: "فريق راصد",          authorAvatar: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",          date: "2023-10-05"},
        {
-          id: "3",
-          category: "إجراءات",
-          title: "خطوات عند فقدان السيارة",
-          excerpt: "ماذا تفعل في الدقائق الأولى بعد اكتشاف فقدان سيارتك.",
-          imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg",
-          authorName: "فريق راصد",
-          authorAvatar: "http://img.b2bpic.net/free-photo/confident-african-businesswoman-smiling-closeup-portrait-jobs-career-campaign_53876-143280.jpg",
-          date: "2023-10-10",
-        },
+          id: "3",          category: "إجراءات",          title: "خطوات عند فقدان السيارة",          excerpt: "ماذا تفعل في الدقائق الأولى بعد اكتشاف فقدان سيارتك.",          imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg",          authorName: "فريق راصد",          authorAvatar: "http://img.b2bpic.net/free-photo/confident-african-businesswoman-smiling-closeup-portrait-jobs-career-campaign_53876-143280.jpg",          date: "2023-10-10"},
      ]}
    />
  </div>
@@ -297,22 +193,14 @@ export default function LandingPage() {
      description="نحن هنا لمساعدتك في استعادة مركبتك بسرعة."
      inputs={[
        {
-          name: "name",
-          type: "text",
-          placeholder: "الاسم الكريم",
-          required: true,
+          name: "name",          type: "text",          placeholder: "الاسم الكريم",          required: true,
        },
        {
-          name: "phone",
-          type: "tel",
-          placeholder: "رقم الهاتف/الواتساب",
-          required: true,
+          name: "phone",          type: "tel",          placeholder: "رقم الهاتف/الواتساب",          required: true,
        },
      ]}
      textarea={{
-        name: "details",
-        placeholder: "تفاصيل المركبة المفقودة (رقم اللوحة، النوع..)",
-        rows: 4,
+        name: "details",        placeholder: "تفاصيل المركبة المفقودة (رقم اللوحة، النوع..)",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/special-operations-soldier-allocating-resources-based-mission-needs_482257-90129.jpg"
@@ -323,37 +211,23 @@ export default function LandingPage() {
      <FooterBase
      columns={[
        {
-          title: "خدماتنا",
-          items: [
+          title: "خدماتنا",          items: [
            {
-              label: "البحث عن المركبات",
-              href: "#",
-            },
+              label: "البحث عن المركبات",              href: "#"},
            {
-              label: "تتبع GPS",
-              href: "#",
-            },
+              label: "تتبع GPS",              href: "#"},
            {
-              label: "استعادة السيارات",
-              href: "#",
-            },
+              label: "استعادة السيارات",              href: "#"},
          ],
        },
        {
-          title: "روابط سريعة",
-          items: [
+          title: "روابط سريعة",          items: [
            {
-              label: "الرئيسية",
-              href: "#hero",
-            },
+              label: "الرئيسية",              href: "#hero"},
            {
-              label: "تواصل معنا",
-              href: "#contact",
-            },
+              label: "تواصل معنا",              href: "#contact"},
            {
-              label: "سياسة الخصوصية",
-              href: "#",
-            },
+              label: "سياسة الخصوصية",              href: "#"},
          ],
        },
      ]}