Update src/app/page.tsx

2026-05-09 18:56:37 +00:00
parent d62a991aec
commit 715f3ec70d
1 changed files with 43 additions and 191 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
-        {
-          name: "الرئيسية",
-          id: "hero",
-        },
-        {
-          name: "من نحن",
-          id: "about",
-        },
-        {
-          name: "خدماتنا",
-          id: "services",
-        },
-        {
-          name: "تواصل معنا",
-          id: "contact",
-        },
+        { name: "الرئيسية", id: "hero" },
+        { name: "من نحن", id: "about" },
+        { name: "خدماتنا", id: "services" },
+        { name: "تواصل معنا", id: "contact" },
      ]}
      brandName="شركة المقاولات"
    />
@@ -55,23 +43,15 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
      logoText="شركة المقاولات"
      description="نبني الثقة... ونصنع التميز. مكتب مقاولات رائد يمتلك خبرة تمتد لعقود في تنفيذ المشاريع الحكومية والخاصة بجودة وكفاءة عالية."
      buttons={[
-        {
-          text: "استعرض المشاريع",
-          href: "#services",
-        },
-        {
-          text: "تواصل معنا",
-          href: "#contact",
-        },
+        { text: "استعرض المشاريع", href: "#services" },
+        { text: "تواصل معنا", href: "#contact" },
      ]}
      buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg"
      mediaAnimation="opacity"
      imageAlt="construction site modern architecture"
    />
@@ -84,7 +64,7 @@ export default function LandingPage() {
      title="خبرة رائدة في عالم البناء"
      description="مكتب مقاولات ذو خبرة تمتد لعشرات السنين، نفذ العديد من المشاريع الحكومية والخاصة بكفاءة وجودة عالية في عدد من المحافظات اليمنية."
      subdescription="نحن المكان المناسب لبناء منزلك أو تنفيذ مشروعك وفق معايير عالية وراحة بال تامة."
-      imageSrc="http://img.b2bpic.net/free-photo/attractive-male-engineer-drawing-plan-blueprint-workplace_23-2147843002.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/attractive-male-engineer-drawing-plan-blueprint-workplace_23-2147843002.jpg"
      mediaAnimation="slide-up"
      imageAlt="architect blueprint construction site"
      icon={Building2}
@@ -98,67 +78,31 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          title: "المباني السكنية",
-          description: "تصميم وبناء منازل عصرية بمعايير عالية.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-building_1203-2794.jpg",
-            imageAlt: "Crane construction building",
-          },
+          title: "المباني السكنية",          description: "تصميم وبناء منازل عصرية بمعايير عالية.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-building_1203-2794.jpg",            imageAlt: "Crane construction building"},
          items: [
-            {
-              icon: Ruler,
-              text: "تخطيط هندسي",
-            },
-            {
-              icon: Check,
-              text: "تنفيذ متقن",
-            },
+            { icon: Ruler, text: "تخطيط هندسي" },
+            { icon: Check, text: "تنفيذ متقن" },
          ],
          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg?_wi=2",
-          imageAlt: "Crane construction building",
        },
        {
-          title: "المشاريع التجارية",
-          description: "تنفيذ مباني تجارية ومكاتب وبنية تحتية.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/interior-building-construction_23-2152006103.jpg",
-            imageAlt: "Interior of a building under construction",
-          },
+          title: "المشاريع التجارية",          description: "تنفيذ مباني تجارية ومكاتب وبنية تحتية.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/interior-building-construction_23-2152006103.jpg",            imageAlt: "Interior of a building under construction"},
          items: [
-            {
-              icon: Briefcase,
-              text: "إدارة مشاريع",
-            },
-            {
-              icon: Clock,
-              text: "تسليم في الموعد",
-            },
+            { icon: Briefcase, text: "إدارة مشاريع" },
+            { icon: Clock, text: "تسليم في الموعد" },
          ],
          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-engineer-drawing-plan-blueprint-workplace_23-2147843002.jpg?_wi=2",
-          imageAlt: "Crane construction building",
        },
        {
-          title: "التجديد والترميم",
-          description: "تطوير وإعادة تأهيل المباني القديمة.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/spacious-residential-complex-waterfront-with-reflection-modern-building-construction_169016-69211.jpg",
-            imageAlt: "Spacious residential complex on the waterfront with reflection modern building under construction",
-          },
+          title: "التجديد والترميم",          description: "تطوير وإعادة تأهيل المباني القديمة.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/spacious-residential-complex-waterfront-with-reflection-modern-building-construction_169016-69211.jpg",            imageAlt: "Spacious residential complex on the waterfront with reflection modern building under construction"},
          items: [
-            {
-              icon: Settings,
-              text: "صيانة شاملة",
-            },
-            {
-              icon: RefreshCw,
-              text: "تحديث فني",
-            },
+            { icon: Settings, text: "صيانة شاملة" },
+            { icon: RefreshCw, text: "تحديث فني" },
          ],
          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
-          imageAlt: "Crane construction building",
        },
      ]}
      title="خدماتنا الاحترافية"
@@ -172,47 +116,11 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
-        {
-          id: "m1",
-          value: "100+",
-          title: "مشروع مكتمل",
-          items: [
-            "سكني",
-            "تجاري",
-          ],
-        },
-        {
-          id: "m2",
-          value: "20+",
-          title: "سنة خبرة",
-          items: [
-            "خبرة متراكمة",
-          ],
-        },
-        {
-          id: "m3",
-          value: "500+",
-          title: "عميل سعيد",
-          items: [
-            "ثقة مطلقة",
-          ],
-        },
-        {
-          id: "m4",
-          value: "15",
-          title: "محافظة",
-          items: [
-            "تغطية جغرافية",
-          ],
-        },
-        {
-          id: "m5",
-          value: "24/7",
-          title: "دعم فني",
-          items: [
-            "استجابة سريعة",
-          ],
-        },
+        { id: "m1", value: "100+", title: "مشروع مكتمل", items: ["سكني", "تجاري"] },
+        { id: "m2", value: "20+", title: "سنة خبرة", items: ["خبرة متراكمة"] },
+        { id: "m3", value: "500+", title: "عميل سعيد", items: ["ثقة مطلقة"] },
+        { id: "m4", value: "15", title: "محافظة", items: ["تغطية جغرافية"] },
+        { id: "m5", value: "24/7", title: "دعم فني", items: ["استجابة سريعة"] },
      ]}
      title="أرقامنا تتحدث"
      description="سجل إنجازاتنا يعكس التزامنا بالتميز والنمو المستمر."
@@ -226,26 +134,11 @@ export default function LandingPage() {
      rating={5}
      author="محمد علي"
      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
-          alt: "محمد علي",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg",
-          alt: "سارة أحمد",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg",
-          alt: "خالد سعيد",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
-          alt: "ليلى محمود",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
-          alt: "عمر عبدالله",
-        },
+        { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "محمد علي" },
+        { src: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg", alt: "سارة أحمد" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg", alt: "خالد سعيد" },
+        { src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg", alt: "ليلى محمود" },
+        { src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg", alt: "عمر عبدالله" },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
@@ -257,14 +150,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
-        "شركة النخبة",
-        "مجموعة البناء",
-        "المشاريع اليمنية",
-        "مكتب الهندسة",
-        "تطوير العمران",
-        "البنية الأساسية",
-        "مقاولات المستقبل",
-      ]}
+        "شركة النخبة", "مجموعة البناء", "المشاريع اليمنية", "مكتب الهندسة", "تطوير العمران", "البنية الأساسية", "مقاولات المستقبل"]}
      title="شركاؤنا في النجاح"
      description="نفخر بتعاوننا مع كبرى الجهات والشركات."
    />
@@ -275,31 +161,11 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
-        {
-          id: "f1",
-          title: "كيف يمكنني طلب استشارة؟",
-          content: "يمكنك التواصل معنا عبر نموذج الاتصال أو الاتصال برقم المكتب مباشرة.",
-        },
-        {
-          id: "f2",
-          title: "هل تقدمون خدمات في جميع المحافظات؟",
-          content: "نعم، نقدم خدماتنا في معظم محافظات الجمهورية اليمنية.",
-        },
-        {
-          id: "f3",
-          title: "هل تقدمون ضماناً على أعمالكم؟",
-          content: "نعم، نلتزم بتقديم ضمانات الجودة على كافة الأعمال الهندسية والتنفيذية.",
-        },
-        {
-          id: "f4",
-          title: "هل تشمل أسعاركم المواد والمعدات؟",
-          content: "نعم، نقدم عقود توريد وتنفيذ شاملة حسب رغبة العميل.",
-        },
-        {
-          id: "f5",
-          title: "ما هي مدة تنفيذ المشروع؟",
-          content: "تحدد مدة التنفيذ بناءً على الجدول الزمني المعتمد للمشروع بعد الدراسة.",
-        },
+        { id: "f1", title: "كيف يمكنني طلب استشارة؟", content: "يمكنك التواصل معنا عبر نموذج الاتصال أو الاتصال برقم المكتب مباشرة." },
+        { id: "f2", title: "هل تقدمون خدمات في جميع المحافظات؟", content: "نعم، نقدم خدماتنا في معظم محافظات الجمهورية اليمنية." },
+        { id: "f3", title: "هل تقدمون ضماناً على أعمالكم؟", content: "نعم، نلتزم بتقديم ضمانات الجودة على كافة الأعمال الهندسية والتنفيذية." },
+        { id: "f4", title: "هل تشمل أسعاركم المواد والمعدات؟", content: "نعم، نقدم عقود توريد وتنفيذ شاملة حسب رغبة العميل." },
+        { id: "f5", title: "ما هي مدة تنفيذ المشروع؟", content: "تحدد مدة التنفيذ بناءً على الجدول الزمني المعتمد للمشروع بعد الدراسة." },
      ]}
      title="الأسئلة الشائعة"
      description="إجابات على أكثر الأسئلة تكراراً."
@@ -310,9 +176,7 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
      tag="تواصل معنا"
      title="ابدأ مشروعك اليوم"
      description="انضم إلى مئات العملاء الذين وثقوا بنا لبناء مستقبلهم. تواصل معنا للحصول على استشارة هندسية احترافية."
@@ -327,26 +191,14 @@ export default function LandingPage() {
      columns={[
        {
          items: [
-            {
-              label: "الرئيسية",
-              href: "#hero",
-            },
-            {
-              label: "من نحن",
-              href: "#about",
-            },
+            { label: "الرئيسية", href: "#hero" },
+            { label: "من نحن", href: "#about" },
          ],
        },
        {
          items: [
-            {
-              label: "خدماتنا",
-              href: "#services",
-            },
-            {
-              label: "تواصل معنا",
-              href: "#contact",
-            },
+            { label: "خدماتنا", href: "#services" },
+            { label: "تواصل معنا", href: "#contact" },
          ],
        },
      ]}
@@ -356,4 +208,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}