From 75081c33dc381e28ed6c6a0309b2d414f85e115b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 11:38:33 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 307 ++++++++++++++---------------------------------
 1 file changed, 88 insertions(+), 219 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7dceda2..c4d7661 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,231 +26,100 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "الرئيسية",
-          id: "hero",
-        },
-        {
-          name: "عن الشركة",
-          id: "about",
-        },
-        {
-          name: "الخدمات",
-          id: "features",
-        },
-        {
-          name: "اتصل بنا",
-          id: "contact",
-        },
-      ]}
-      brandName="AL ASAS AL AREEDH"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "الرئيسية", id: "hero" },
+              { name: "عن الشركة", id: "about" },
+              { name: "الخدمات", id: "features" },
+              { name: "اتصل بنا", id: "contact" },
+            ]}
+            brandName="AL ASAS AL AREEDH"
+            button={{ text: "اتصل الآن", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="شركة الأساس العريض للمقاولات"
-      description="تأسست في عام 2004 وأصبحت شركة الأساس العريض رائدة في المشاريع المتوسطة والعملاقة في البنية التحتية."
-      buttons={[
-        {
-          text: "معرض المشاريع",
-          href: "#",
-        },
-        {
-          text: "اتصل بنا",
-          href: "#contact",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "h1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/a-large-scale-construction-site-with-hea-1774697869057-cd6f02fa.png?_wi=1",
-          imageAlt: "Construction 1",
-        },
-        {
-          id: "h2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/advanced-engineering-infrastructure-proj-1774697867499-12c27d3b.png",
-          imageAlt: "Construction 2",
-        },
-        {
-          id: "h3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/tunnel-construction-with-illuminated-lig-1774697868520-f8b184b4.png",
-          imageAlt: "Construction 3",
-        },
-        {
-          id: "h4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/power-grid-electrical-substation-constru-1774697868378-fcbed2cf.png",
-          imageAlt: "Construction 4",
-        },
-        {
-          id: "h5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/bridge-construction-project-over-water-m-1774697867577-a82e6219.png",
-          imageAlt: "Construction 5",
-        },
-        {
-          id: "h6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/high-speed-water-pipe-construction-large-1774697867608-4a0468cb.png",
-          imageAlt: "Construction 6",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-animated" }}
+            title="شركة الأساس العريض للمقاولات"
+            description="تأسست في عام 2004 وأصبحت شركة الأساس العريض رائدة في المشاريع المتوسطة والعملاقة في البنية التحتية."
+            buttons={[
+              { text: "معرض المشاريع", href: "#" },
+              { text: "اتصل بنا", href: "#contact" },
+            ]}
+            carouselItems={[
+              { id: "h1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/a-large-scale-construction-site-with-hea-1774697869057-cd6f02fa.png", imageAlt: "Construction 1" },
+              { id: "h2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/advanced-engineering-infrastructure-proj-1774697867499-12c27d3b.png", imageAlt: "Construction 2" },
+              { id: "h3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/tunnel-construction-with-illuminated-lig-1774697868520-f8b184b4.png", imageAlt: "Construction 3" },
+              { id: "h4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/power-grid-electrical-substation-constru-1774697868378-fcbed2cf.png", imageAlt: "Construction 4" },
+              { id: "h5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/bridge-construction-project-over-water-m-1774697867577-a82e6219.png", imageAlt: "Construction 5" },
+              { id: "h6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/high-speed-water-pipe-construction-large-1774697867608-4a0468cb.png", imageAlt: "Construction 6" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="خبرة عقدين من الزمن"
-      metrics={[
-        {
-          icon: Award,
-          label: "سنوات الخبرة",
-          value: "20+",
-        },
-        {
-          icon: Building2,
-          label: "مشاريع مكتملة",
-          value: "150+",
-        },
-        {
-          icon: Truck,
-          label: "أسطول معدات",
-          value: "500+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="خبرة عقدين من الزمن"
+            metrics={[
+              { icon: Award, label: "سنوات الخبرة", value: "20+" },
+              { icon: Building2, label: "مشاريع مكتملة", value: "150+" },
+              { icon: Truck, label: "أسطول معدات", value: "500+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "الاختبارات وتحديد الاعطال",
-          "أعمال الطرق والجسور",
-          "مسح الموقع الهيدروليكي",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "إنشاءات عامة",
-          "بنية تحتية للمياه والصرف الصحي",
-          "الطاقة والكهرباء",
-          "تصميم هندسي متقدم",
-        ],
-      }}
-      title="خدماتنا الهندسية"
-      description="نحن متخصصون في تطوير مشاريع البنية التحتية الأساسية بأسطول ضخم وكفاءات بشرية ماهرة."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["الاختبارات وتحديد الاعطال", "أعمال الطرق والجسور", "مسح الموقع الهيدروليكي"] }}
+            positiveCard={{ items: ["إنشاءات عامة", "بنية تحتية للمياه والصرف الصحي", "الطاقة والكهرباء", "تصميم هندسي متقدم"] }}
+            title="خدماتنا الهندسية"
+            description="نحن متخصصون في تطوير مشاريع البنية التحتية الأساسية بأسطول ضخم وكفاءات بشرية ماهرة."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "سارة حمدان",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/professional-business-executive-in-const-1774697868563-b7386044.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "أحمد عبد الله",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/construction-site-supervisor-with-hard-h-1774697872292-c1a04ab7.png",
-        },
-        {
-          id: "3",
-          name: "ليلى الزهراني",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/architect-holding-blueprints-professiona-1774697866555-5c2d1206.png",
-        },
-        {
-          id: "4",
-          name: "خالد المنصور",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/industrial-project-manager-portrait-clea-1774697868972-0ca1dc7f.png",
-        },
-        {
-          id: "5",
-          name: "محمد العمري",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/professional-business-executive-in-const-1774697868563-b7386044.png?_wi=2",
-        },
-      ]}
-      cardTitle="شركاء النجاح"
-      cardTag="شهادات عملائنا"
-      cardAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "سارة حمدان", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/professional-business-executive-in-const-1774697868563-b7386044.png" },
+              { id: "2", name: "أحمد عبد الله", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/construction-site-supervisor-with-hard-h-1774697872292-c1a04ab7.png" },
+              { id: "3", name: "ليلى الزهراني", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/architect-holding-blueprints-professiona-1774697866555-5c2d1206.png" },
+              { id: "4", name: "خالد المنصور", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/industrial-project-manager-portrait-clea-1774697868972-0ca1dc7f.png" },
+              { id: "5", name: "محمد العمري", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/professional-business-executive-in-const-1774697868563-b7386044.png" },
+            ]}
+            cardTitle="شركاء النجاح"
+            cardTag="شهادات عملائنا"
+            cardAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="هل لديك مشروع طموح؟ تواصل معنا اليوم لنبدأ في بناء المستقبل."
-      buttons={[
-        {
-          text: "تواصل مع خبرائنا",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="هل لديك مشروع طموح؟ تواصل معنا اليوم لنبدأ في بناء المستقبل."
+            buttons={[{ text: "تواصل مع خبرائنا", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/a-large-scale-construction-site-with-hea-1774697869057-cd6f02fa.png?_wi=2"
-      columns={[
-        {
-          title: "عن الشركة",
-          items: [
-            {
-              label: "من نحن",
-              href: "#",
-            },
-            {
-              label: "رؤيتنا",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "الخدمات",
-          items: [
-            {
-              label: "إنشاءات عامة",
-              href: "#",
-            },
-            {
-              label: "بنية تحتية",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "اتصل بنا",
-          items: [
-            {
-              label: "التوظيف",
-              href: "#",
-            },
-            {
-              label: "اتصل الآن",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="AL ASAS AL AREEDH"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXqjexskAnrqp9uqgc2NYA7gS/a-large-scale-construction-site-with-hea-1774697869057-cd6f02fa.png"
+            columns={[
+              { title: "عن الشركة", items: [{ label: "من نحن", href: "#" }, { label: "رؤيتنا", href: "#" }] },
+              { title: "الخدمات", items: [{ label: "إنشاءات عامة", href: "#" }, { label: "بنية تحتية", href: "#" }] },
+              { title: "اتصل بنا", items: [{ label: "التوظيف", href: "#" }, { label: "اتصل الآن", href: "#" }] },
+            ]}
+            logoText="AL ASAS AL AREEDH"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1