From f452628f96977ce8eacf483ca1a6bc95ab841915 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 25 Apr 2026 08:05:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 401 ++++++++++++++++-------------------------------
 1 file changed, 134 insertions(+), 267 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4c988a9..2d79bb5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Zap, Shield, Building2, HardHat } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -28,282 +29,148 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Expertise",
-          id: "features",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Apex Engineering"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Expertise", id: "features" },
+              { name: "Portfolio", id: "portfolio" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Apex Engineering"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Apex Engineering"
-      description="Transforming complex challenges into sustainable, future-ready infrastructure through precision engineering and design."
-      buttons={[
-        {
-          text: "Our Portfolio",
-          href: "#portfolio",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/engineering-concept_1098-18277.jpg"
-      imageAlt="Modern engineering office blueprint workspace"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Apex Engineering"
+            description="Transforming complex challenges into sustainable, future-ready infrastructure through precision engineering and design."
+            buttons={[
+              { text: "Our Portfolio", href: "#portfolio" },
+              { text: "Contact Us", href: "#contact" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/engineering-concept_1098-18277.jpg"
+            imageAlt="Modern engineering office blueprint workspace"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Engineering Excellence Since 1995"
-      description="We specialize in structural integrity, civil infrastructure, and sustainable project management. Our team delivers data-driven solutions for large-scale developments."
-      metrics={[
-        {
-          value: "25+",
-          title: "Years Experience",
-        },
-        {
-          value: "500+",
-          title: "Successful Projects",
-        },
-        {
-          value: "150+",
-          title: "Certified Experts",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/famous-parasol-structure-sevilla_268835-15528.jpg"
-      imageAlt="Structural engineering architectural project"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="Engineering Excellence Since 1995"
+            description="We specialize in structural integrity, civil infrastructure, and sustainable project management. Our team delivers data-driven solutions for large-scale developments."
+            metrics={[
+              { value: "25+", title: "Years Experience" },
+              { value: "500+", title: "Successful Projects" },
+              { value: "150+", title: "Certified Experts" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/famous-parasol-structure-sevilla_268835-15528.jpg"
+            imageAlt="Structural engineering architectural project"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Structural Analysis",
-          description: "High-fidelity finite element modeling for structural safety.",
-          imageSrc: "http://img.b2bpic.net/free-photo/architectural-design-team-configures-floor-plan-dual-monitors_482257-126974.jpg",
-          buttonIcon: "Zap",
-        },
-        {
-          title: "Material Science",
-          description: "Advanced testing and implementation of resilient construction materials.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615088.jpg",
-          buttonIcon: "Shield",
-        },
-        {
-          title: "Civil Infrastructure",
-          description: "Planning and design of sustainable energy grids and roadways.",
-          imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174342.jpg",
-          buttonIcon: "Building2",
-        },
-        {
-          title: "Construction Management",
-          description: "End-to-end technical oversight for complex urban projects.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4915.jpg",
-          buttonIcon: "HardHat",
-        },
-      ]}
-      title="Our Engineering Domains"
-      description="We bring a deep technical expertise to every phase of the project lifecycle."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Structural Analysis", description: "High-fidelity finite element modeling for structural safety.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-design-team-configures-floor-plan-dual-monitors_482257-126974.jpg", buttonIcon: Zap },
+              { title: "Material Science", description: "Advanced testing and implementation of resilient construction materials.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615088.jpg", buttonIcon: Shield },
+              { title: "Civil Infrastructure", description: "Planning and design of sustainable energy grids and roadways.", imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174342.jpg", buttonIcon: Building2 },
+              { title: "Construction Management", description: "End-to-end technical oversight for complex urban projects.", imageSrc: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4915.jpg", buttonIcon: HardHat },
+            ]}
+            title="Our Engineering Domains"
+            description="We bring a deep technical expertise to every phase of the project lifecycle."
+          />
+        </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "CAD Suite Pro",
-          price: "Standardized License",
-          imageSrc: "http://img.b2bpic.net/free-photo/shoulder-shot-engineer-working-with-architectural-plans-cad-software-desktop-computer-designer-using-arhitecture-blueprints-buildings-working-overtime-creating-studying_482257-13413.jpg",
-        },
-        {
-          id: "p2",
-          name: "Seismic Monitor",
-          price: "Hardware Kit",
-          imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg",
-        },
-        {
-          id: "p3",
-          name: "Composite Analysis",
-          price: "Material Analysis",
-          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278641.jpg",
-        },
-        {
-          id: "p4",
-          name: "Survey Laser",
-          price: "Field Instrument",
-          imageSrc: "http://img.b2bpic.net/free-photo/engineering-create-ideas-occupation-professional-concept_53876-120830.jpg",
-        },
-        {
-          id: "p5",
-          name: "Tool Calibration",
-          price: "Calibration Set",
-          imageSrc: "http://img.b2bpic.net/free-photo/compass-clipboard-loupe_23-2147643085.jpg",
-        },
-        {
-          id: "p6",
-          name: "Texture Assessment",
-          price: "Lab Software",
-          imageSrc: "http://img.b2bpic.net/free-photo/gray-striped-concrete-textured-background_53876-134167.jpg",
-        },
-      ]}
-      title="Core Technical Offerings"
-      description="A selection of our specialized precision instrumentation and design software solutions."
-    />
-  </div>
+        <div id="portfolio" data-section="portfolio">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "CAD Suite Pro", price: "Standardized License", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-shot-engineer-working-with-architectural-plans-cad-software-desktop-computer-designer-using-arhitecture-blueprints-buildings-working-overtime-creating-studying_482257-13413.jpg" },
+              { id: "p2", name: "Seismic Monitor", price: "Hardware Kit", imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg" },
+              { id: "p3", name: "Composite Analysis", price: "Material Analysis", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278641.jpg" },
+              { id: "p4", name: "Survey Laser", price: "Field Instrument", imageSrc: "http://img.b2bpic.net/free-photo/engineering-create-ideas-occupation-professional-concept_53876-120830.jpg" },
+              { id: "p5", name: "Tool Calibration", price: "Calibration Set", imageSrc: "http://img.b2bpic.net/free-photo/compass-clipboard-loupe_23-2147643085.jpg" },
+              { id: "p6", name: "Texture Assessment", price: "Lab Software", imageSrc: "http://img.b2bpic.net/free-photo/gray-striped-concrete-textured-background_53876-134167.jpg" },
+            ]}
+            title="Core Technical Offerings"
+            description="A selection of our specialized precision instrumentation and design software solutions."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Our Firm Performance"
-      tag="Firm Stats"
-      metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          description: "Structural Safety Record",
-        },
-        {
-          id: "m2",
-          value: "12",
-          description: "Industry Awards Won",
-        },
-        {
-          id: "m3",
-          value: "85",
-          description: "Ongoing Global Projects",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Our Firm Performance"
+            tag="Firm Stats"
+            metrics={[
+              { id: "m1", value: "99.9%", description: "Structural Safety Record" },
+              { id: "m2", value: "12", description: "Industry Awards Won" },
+              { id: "m3", value: "85", description: "Ongoing Global Projects" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Marcus V.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg",
-        },
-        {
-          id: "t2",
-          name: "Elena S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
-        },
-        {
-          id: "t3",
-          name: "Jordan P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sarah L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-architect-construction-site-measuring_23-2147702480.jpg",
-        },
-        {
-          id: "t5",
-          name: "Kevin R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-with-laptop_23-2148116267.jpg",
-        },
-      ]}
-      cardTitle="What Our Clients Say"
-      cardTag="Testimonials"
-      cardAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Marcus V.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg" },
+              { id: "t2", name: "Elena S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg" },
+              { id: "t3", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg" },
+              { id: "t4", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-construction-site-measuring_23-2147702480.jpg" },
+              { id: "t5", name: "Kevin R.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-with-laptop_23-2148116267.jpg" },
+            ]}
+            cardTitle="What Our Clients Say"
+            cardTag="Testimonials"
+            cardAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you provide international services?",
-          content: "Yes, we operate in 12 countries across three continents.",
-        },
-        {
-          id: "f2",
-          title: "How do you ensure project safety?",
-          content: "All designs undergo rigorous third-party auditing and safety simulations.",
-        },
-        {
-          id: "f3",
-          title: "Can you handle government projects?",
-          content: "We have extensive experience navigating strict governmental compliance and procurement frameworks.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Clear answers to your technical project concerns."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you provide international services?", content: "Yes, we operate in 12 countries across three continents." },
+              { id: "f2", title: "How do you ensure project safety?", content: "All designs undergo rigorous third-party auditing and safety simulations." },
+              { id: "f3", title: "Can you handle government projects?", content: "We have extensive experience navigating strict governmental compliance and procurement frameworks." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Clear answers to your technical project concerns."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Start Your Project"
-      description="Discuss your technical requirements with our lead engineers today."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-working-with-geometric-triangle-pen_23-2148039880.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Start Your Project"
+            description="Discuss your technical requirements with our lead engineers today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name" },
+              { name: "email", type: "email", placeholder: "Email Address" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-working-with-geometric-triangle-pen_23-2148039880.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Apex Engineering"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Apex Engineering"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1