From 85968870d0188688f3c336237b94871beb2dfb5d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 02:42:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 402 +++++++++++------------------------------------
 1 file changed, 94 insertions(+), 308 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d8cefb3..2c78dd3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,95 +32,41 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "About Us",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Projects", id: "projects" },
+        { name: "About Us", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       button={{
-        text: "Call Us Now",
-        href: "tel:+966123456789",
-      }}
+        text: "Call Us Now",        href: "tel:+966123456789"}}
       brandName="Upstrend Group"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Building the Future, One Project at a Time."
       description="With 20 years of excellence, Upstrend Group delivers world-class construction and infrastructure solutions across KSA, UAE, and India."
       buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "View Our Projects",
-          href: "#projects",
-        },
+        { text: "Get a Free Quote", href: "#contact" },
+        { text: "View Our Projects", href: "#projects" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16016.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16016.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 5" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "20+ Years Experience",
-        },
-        {
-          type: "text-icon",
-          text: "Global Standards",
-          icon: Globe,
-        },
-        {
-          type: "text",
-          text: "KSA - UAE - India",
-        },
-        {
-          type: "text-icon",
-          text: "Safety First",
-          icon: Shield,
-        },
-        {
-          type: "text",
-          text: "Turnkey Solutions",
-        },
+        { type: "text", text: "20+ Years Experience" },
+        { type: "text-icon", text: "Global Standards", icon: Globe },
+        { type: "text", text: "KSA - UAE - India" },
+        { type: "text-icon", text: "Safety First", icon: Shield },
+        { type: "text", text: "Turnkey Solutions" },
       ]}
     />
   </div>
@@ -132,34 +78,10 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "20+",
-          title: "Years Experience",
-          description: "Proven track record",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "3",
-          title: "Global Markets",
-          description: "KSA, UAE, India",
-          icon: Globe,
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Client Satisfaction",
-          description: "Quality focused",
-          icon: CheckCircle,
-        },
-        {
-          id: "m4",
-          value: "Trusted",
-          title: "By Aramco",
-          description: "Industry leader",
-          icon: Shield,
-        },
+        { id: "m1", value: "20+", title: "Years Experience", description: "Proven track record", icon: Award },
+        { id: "m2", value: "3", title: "Global Markets", description: "KSA, UAE, India", icon: Globe },
+        { id: "m3", value: "100%", title: "Client Satisfaction", description: "Quality focused", icon: CheckCircle },
+        { id: "m4", value: "Trusted", title: "By Aramco", description: "Industry leader", icon: Shield },
       ]}
       title="Proven Excellence"
       description="Reliable partnerships and vast reach in construction."
@@ -170,100 +92,53 @@ export default function LandingPage() {
       <FeatureCardTwentyFive
       textboxLayout="default"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "Civil Works",
-          description: "Precision civil engineering.",
-          icon: Building2,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1931.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1931.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16016.jpg?_wi=2",
-          imageAlt: "modern construction site architecture saudi",
-        },
-        {
-          title: "Electro-Mechanical",
-          description: "Integrated MEP systems.",
-          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1931.jpg?_wi=3",
-          imageAlt: "warehouse industrial building construction",
-        },
-        {
-          title: "Steel Fabrication",
-          description: "High-strength metal solutions.",
-          icon: Box,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/bridge-sea-sunlight_181624-12053.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/bridge-sea-sunlight_181624-12053.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=3",
-          imageAlt: "luxury interior office design",
-        },
-        {
-          title: "Interiors",
-          description: "Functional and aesthetic designs.",
-          icon: Layout,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-168.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-168.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/bridge-sea-sunlight_181624-12053.jpg?_wi=3",
-          imageAlt: "infrastructure project bridge construction",
-        },
-        {
-          title: "Warehouse & Cold Stores",
-          description: "Specialized logistics infrastructure.",
-          icon: Gauge,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-168.jpg?_wi=3",
-          imageAlt: "steel fabrication industrial frame",
-        },
-        {
-          title: "Infrastructure",
-          description: "Roads, utilities, and more.",
-          icon: Navigation,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg?_wi=2",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg?_wi=3",
-          imageAlt: "cold storage warehouse facility",
-        },
-      ]}
+      animationType="slide-up"
       title="Our Specialized Services"
       description="Comprehensive engineering and construction services."
+      features={[
+        {
+          title: "Civil Works",          description: "Precision civil engineering.",          icon: Building2,
+          mediaItems: [
+            { imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1931.jpg", imageAlt: "industrial site" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1931.jpg", imageAlt: "industrial site" },
+          ]
+        },
+        {
+          title: "Electro-Mechanical",          description: "Integrated MEP systems.",          icon: Zap,
+          mediaItems: [
+            { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg", imageAlt: "mep" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg", imageAlt: "mep" },
+          ]
+        },
+        {
+          title: "Steel Fabrication",          description: "High-strength metal solutions.",          icon: Box,
+          mediaItems: [
+            { imageSrc: "http://img.b2bpic.net/free-photo/bridge-sea-sunlight_181624-12053.jpg", imageAlt: "steel" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/bridge-sea-sunlight_181624-12053.jpg", imageAlt: "steel" },
+          ]
+        },
+        {
+          title: "Interiors",          description: "Functional and aesthetic designs.",          icon: Layout,
+          mediaItems: [
+            { imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-168.jpg", imageAlt: "interior" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-168.jpg", imageAlt: "interior" },
+          ]
+        },
+        {
+          title: "Warehouse & Cold Stores",          description: "Specialized logistics infrastructure.",          icon: Gauge,
+          mediaItems: [
+            { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg", imageAlt: "warehouse" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg", imageAlt: "warehouse" },
+          ]
+        },
+        {
+          title: "Infrastructure",          description: "Roads, utilities, and more.",          icon: Navigation,
+          mediaItems: [
+            { imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg", imageAlt: "infra" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg", imageAlt: "infra" },
+          ]
+        },
+      ]}
     />
   </div>
 
@@ -272,9 +147,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Two Decades of Construction Legacy"
       description={[
-        "Founded 20 years ago, Upstrend Group has evolved from a local contractor in Jeddah into a transnational infrastructure powerhouse. Our commitment to excellence, integrity, and safety makes us the preferred partner for complex construction requirements across KSA, UAE, and India.",
-        "Our dedicated team of professionals ensures every project is executed to the highest global standards, ensuring client goals are met with precision and value.",
-      ]}
+        "Founded 20 years ago, Upstrend Group has evolved from a local contractor in Jeddah into a transnational infrastructure powerhouse. Our commitment to excellence, integrity, and safety makes us the preferred partner for complex construction requirements across KSA, UAE, and India.",        "Our dedicated team of professionals ensures every project is executed to the highest global standards, ensuring client goals are met with precision and value."]}
     />
   </div>
 
@@ -285,48 +158,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Industrial Hub Construction",
-          price: "Civil Works",
-          variant: "KSA",
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1931.jpg?_wi=4",
-        },
-        {
-          id: "p2",
-          name: "Premium Commercial Office",
-          price: "Interiors",
-          variant: "UAE",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=4",
-        },
-        {
-          id: "p3",
-          name: "Bridge & Road Network",
-          price: "Infrastructure",
-          variant: "India",
-          imageSrc: "http://img.b2bpic.net/free-photo/bridge-sea-sunlight_181624-12053.jpg?_wi=4",
-        },
-        {
-          id: "p4",
-          name: "Advanced Warehouse Frame",
-          price: "Steel Fab",
-          variant: "KSA",
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-168.jpg?_wi=4",
-        },
-        {
-          id: "p5",
-          name: "Cold Storage Facility",
-          price: "MEP Works",
-          variant: "UAE",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg?_wi=4",
-        },
-        {
-          id: "p6",
-          name: "Turnkey Industrial Plant",
-          price: "Turnkey",
-          variant: "KSA",
-          imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg?_wi=3",
-        },
+        { id: "p1", name: "Industrial Hub Construction", price: "Civil Works", variant: "KSA", imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1931.jpg" },
+        { id: "p2", name: "Premium Commercial Office", price: "Interiors", variant: "UAE", imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg" },
+        { id: "p3", name: "Bridge & Road Network", price: "Infrastructure", variant: "India", imageSrc: "http://img.b2bpic.net/free-photo/bridge-sea-sunlight_181624-12053.jpg" },
+        { id: "p4", name: "Advanced Warehouse Frame", price: "Steel Fab", variant: "KSA", imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-168.jpg" },
+        { id: "p5", name: "Cold Storage Facility", price: "MEP Works", variant: "UAE", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg" },
+        { id: "p6", name: "Turnkey Industrial Plant", price: "Turnkey", variant: "KSA", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg" },
       ]}
       title="Featured Projects"
       description="Showcasing our precision engineering and operational excellence."
@@ -338,14 +175,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Aramco",
-        "SABIC",
-        "Emaar",
-        "Tata Projects",
-        "NEOM",
-        "Dubai Municipality",
-        "KSA Infrastructure",
-      ]}
+        "Aramco", "SABIC", "Emaar", "Tata Projects", "NEOM", "Dubai Municipality", "KSA Infrastructure"]}
       title="Trusted By Industry Giants"
       description="We build long-term partnerships with leading organizations globally."
     />
@@ -358,26 +188,11 @@ export default function LandingPage() {
       rating={5}
       author="Ahmed Al-Harbi, Facilities Director"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-vector/abstract-polygonal-logo-blue-tones_1043-243.jpg", alt: "Client 5" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -387,9 +202,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get in Touch"
       title="Let's Build Together"
       description="Ready to discuss your next construction project? Our team is waiting to provide a competitive quote."
@@ -401,50 +214,23 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Projects", href: "#projects" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Services",
-          items: [
-            {
-              label: "Civil Works",
-              href: "#services",
-            },
-            {
-              label: "Turnkey Projects",
-              href: "#services",
-            },
-            {
-              label: "Steel Fabrication",
-              href: "#services",
-            },
+          title: "Services",          items: [
+            { label: "Civil Works", href: "#services" },
+            { label: "Turnkey Projects", href: "#services" },
+            { label: "Steel Fabrication", href: "#services" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
@@ -455,4 +241,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1