From 1148e834d3e8358ed4a7dfaa760cfbc5bafa5409 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 23:08:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 113 ++++++++++++++++++++++-------------------------
 1 file changed, 52 insertions(+), 61 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 514028a..b020e14 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,14 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { ShieldCheck, Target, Zap, Building2 } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -41,115 +42,105 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
+      <HeroSplitDualMedia
       title="Engineering Solutions for a Changing World"
       description="Our goal is to turn our clients' needs into engineering solutions through creativity, quality, economy and accurate terms."
+      tag="Engineering Excellence"
+      rating={5}
+      ratingText="Rated 5 stars by industry experts"
+      background={{ variant: 'rotated-rays-animated' }}
       buttons={[{ text: "Contact Us", href: "#contact" }]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195019368-18e22bc8.png"
-      showBlur={true}
-      testimonials={[
-        { name: "John Doe", handle: "CEO", testimonial: "Exceptional precision in project delivery.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-senior-industrial-client-p-1778195047823-003d6536.png" },
-        { name: "Jane Smith", handle: "Manager", testimonial: "Reliable engineering and top-tier support.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-project-manager-profession-1778195056936-c22446f0.png" },
-        { name: "Robert Brown", handle: "Exec", testimonial: "Transformed our complex site requirements.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-construction-executive-pro-1778195065235-918ef3d1.png" },
-        { name: "Alice Green", handle: "Head", testimonial: "Highly recommended for infrastructure projects.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-corporate-client-professio-1778195074790-f6378ae9.png" },
-        { name: "Mark Wilson", handle: "Dir", testimonial: "Efficient, cost-effective, and professional.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-an-infrastructure-investor-s-1778195083490-8fdbd820.png" },
+      mediaItems={[
+          { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195019368-18e22bc8.png" },
+          { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195028399-b16623d2.png" }
       ]}
-      avatars={[
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195019368-18e22bc8.png", alt: "Client 1" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195028399-b16623d2.png", alt: "Client 2" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-desk-with-blueprints-engineering--1778195038761-767e8a61.png", alt: "Client 3" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-senior-industrial-client-p-1778195047823-003d6536.png", alt: "Client 4" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-project-manager-profession-1778195056936-c22446f0.png", alt: "Client 5" },
-      ]}
-      avatarText="Trusted by industry leaders"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
+      <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="Who We Are"
       description="We have undertaken a commitment to our clients to collaborate with them in order to achieve continuous improvements in their companies. We assess every need thoroughly to provide specific engineering results."
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195028399-b16623d2.png"
+      metrics={[{ title: "Years", value: "15+" }, { title: "Projects", value: "200+" }]}
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardNine
-      textboxLayout="default"
-      useInvertedBackground={true}
+      <FeatureCardTwentyFive
       animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
+      title="Our Specialized Services"
+      description="Comprehensive assembly, construction, and design services built for resilience and efficiency."
       features={[
         {
-          title: "Project Design",          description: "Creative engineering solutions.",          phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195091892-4a806132.png" },
-          phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195100696-2308f355.png" },
+          title: "Project Design", 
+          description: "Creative engineering solutions tailored to your unique site requirements.", 
+          icon: Target,
+          mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195091892-4a806132.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195100696-2308f355.png" }]
         },
         {
-          title: "Assembly Management",          description: "Execution and mounting management.",          phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195108979-d65c49b3.png" },
-          phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195118598-8226aa92.png" },
+          title: "Assembly Management", 
+          description: "Professional execution and mounting oversight to ensure safety and precision.", 
+          icon: Zap,
+          mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195108979-d65c49b3.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195118598-8226aa92.png" }]
         },
         {
-          title: "Construction Control",          description: "Accurate term project control.",          phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195126715-21da62ea.png" },
-          phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195135348-eb887b5c.png" },
-        },
+          title: "Construction Control", 
+          description: "Accurate term monitoring and infrastructure quality assurance.", 
+          icon: ShieldCheck,
+          mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195126715-21da62ea.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195135348-eb887b5c.png" }]
+        }
       ]}
-      showStepNumbers={true}
-      title="Our Specialized Services"
-      description="Comprehensive assembly, construction, and design services."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+      <MetricCardEleven
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+      textboxLayout="split"
       useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "15+", description: "Years of Experience" },
-        { id: "m2", value: "200+", description: "Successful Projects" },
-        { id: "m3", value: "100%", description: "Client Commitment" },
-      ]}
       title="Our Proven Track Record"
-      description="Stats that matter to our success."
+      description="Stats that highlight our commitment to client success and project longevity."
+      metrics={[
+        { id: "m1", value: "15+", title: "Experience", description: "Years of Industry Leadership", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-desk-with-blueprints-engineering--1778195038761-767e8a61.png" },
+        { id: "m2", value: "200+", title: "Projects", description: "Successfully Delivered Works", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195019368-18e22bc8.png" },
+      ]}
     />
   </div>
 
   <div id="alliances" data-section="alliances">
       <SocialProofOne
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={true}
       names={["TechCorp", "EnergySys", "ConstruGroup", "InfrastructureInc", "GlobalSolutions", "ModernBuild", "EcoWorks"]}
       title="Our Strategic Alliances"
-      description="Collaborating with leaders in the field."
+      description="Collaborating with top-tier partners across the infrastructure sector."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
+      <TestimonialCardOne
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
+      gridVariant="bento-grid"
       useInvertedBackground={false}
       testimonials={[
         { id: "1", name: "John Doe", role: "CEO", company: "TechCorp", rating: 5 },
         { id: "2", name: "Jane Smith", role: "Manager", company: "Innovate", rating: 5 },
         { id: "3", name: "Robert Brown", role: "Exec", company: "Buildco", rating: 5 },
-        { id: "4", name: "Alice Green", role: "Head", company: "Energy", rating: 5 },
-        { id: "5", name: "Mark Wilson", role: "Dir", company: "Infra", rating: 5 },
-      ]}
-      kpiItems={[
-        { value: "98%", label: "Retention" },
-        { value: "4.9", label: "Avg Rating" },
-        { value: "120+", label: "Repeat Clients" },
       ]}
       title="Client Success Stories"
-      description="What our clients say about our services."
+      description="Real feedback from our satisfied clients across various industry sectors."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqBase
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
         { id: "1", title: "How do we start?", content: "Contact us and we will assess your project needs." },
@@ -157,7 +148,7 @@ export default function LandingPage() {
         { id: "3", title: "What sectors do you serve?", content: "Construction, assembly, design and infrastructure sectors." },
       ]}
       title="Common Inquiries"
-      description="Getting to know our services process."
+      description="Learn more about our standardized process and commitment to excellence."
       faqsAnimation="slide-up"
     />
   </div>
@@ -166,7 +157,7 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={false}
       title="Start Your Project"
-      description="Get in touch with us at (+54) 011 4315 1599 or email us."
+      description="Get in touch with us at (+54) 011 4315 1599 or email us for a consultation."
       inputs={[
         { name: "Name", type: "text", placeholder: "Your Name", required: true },
         { name: "Email", type: "email", placeholder: "Email Address", required: true },
@@ -188,4 +179,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1