From f29ddac65b60484cc58840fe0fb7cdac6e6a891c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 06:40:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 497 +++++++++++++----------------------------------
 1 file changed, 130 insertions(+), 367 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7c15117..b008ecb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,382 +29,145 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Projects",
-          id: "#projects",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="BuildConstruct"
-      button={{
-        text: "Get Quote",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "#about" },
+              { name: "Services", id: "#services" },
+              { name: "Projects", id: "#projects" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="BuildConstruct"
+            button={{ text: "Get Quote", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Built for Excellence, Designed for Life."
-      description="We bring your vision to life with professional expertise, high-quality materials, and a commitment to on-time project delivery."
-      buttons={[
-        {
-          text: "View Projects",
-          href: "#projects",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19128.jpg?_wi=1"
-      showBlur={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307700.jpg",
-          alt: "Construction site supervisor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg",
-          alt: "Site heavy machinery operator",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317289.jpg",
-          alt: "Project lead inspector",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/excavators-symbol-road-construction-work-tools-road-signs-brick_1417-1115.jpg",
-          alt: "Construction crew coordinator",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-architect_23-2147839905.jpg",
-          alt: "Lead architect designer",
-        },
-      ]}
-      avatarText="Trusted by 500+ satisfied clients"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Built for Excellence, Designed for Life."
+            description="We bring your vision to life with professional expertise, high-quality materials, and a commitment to on-time project delivery."
+            buttons={[{ text: "View Projects", href: "#projects" }, { text: "Contact Us", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19128.jpg"
+            showBlur={true}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307700.jpg", alt: "Construction site supervisor" },
+              { src: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg", alt: "Site heavy machinery operator" },
+              { src: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317289.jpg", alt: "Project lead inspector" },
+              { src: "http://img.b2bpic.net/free-photo/excavators-symbol-road-construction-work-tools-road-signs-brick_1417-1115.jpg", alt: "Construction crew coordinator" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-architect_23-2147839905.jpg", alt: "Lead architect designer" },
+            ]}
+            avatarText="Trusted by 500+ satisfied clients"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        {
-          type: "text",
-          content: "Crafting the Future of",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg",
-          alt: "Construction excellence",
-        },
-        {
-          type: "text",
-          content: "Infrastructure.",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#services",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[
+              { type: "text", content: "Crafting the Future of" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg", alt: "Construction excellence" },
+              { type: "text", content: "Infrastructure." },
+            ]}
+            buttons={[{ text: "Learn More", href: "#services" }]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Residential Building",
-          description: "Creating beautiful homes with modern structural integrity and luxury finishes.",
-          icon: Home,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg",
-              imageAlt: "Residential",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-orange-building-seen-through-glass-window_181624-3923.jpg",
-              imageAlt: "Residential Alt",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/heavy-construction-loader-bulldozer-construction-area_146671-19128.jpg?_wi=2",
-          imageAlt: "modern residential architecture project",
-        },
-        {
-          title: "Commercial Construction",
-          description: "Large-scale office and retail spaces designed for business growth.",
-          icon: Building2,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/pub-interior-with-motorcycle-installation_1262-3608.jpg",
-              imageAlt: "Commercial",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/living-room-background-zoom-calls_52683-95237.jpg",
-              imageAlt: "Commercial Alt",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg",
-          imageAlt: "modern residential architecture project",
-        },
-        {
-          title: "Project Management",
-          description: "End-to-end management ensuring your project stays on budget and on schedule.",
-          icon: ListChecks,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/professionals-realtor-planning-urban-office-space-renovation_482257-101264.jpg",
-              imageAlt: "Management",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924158.jpg",
-              imageAlt: "Management Alt",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg?_wi=1",
-          imageAlt: "modern residential architecture project",
-        },
-      ]}
-      title="Comprehensive Construction Services"
-      description="From residential design to industrial infrastructure, we deliver high-quality solutions across all project types."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Residential Building", description: "Creating beautiful homes with modern structural integrity and luxury finishes.", icon: Home, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg", imageAlt: "Residential" }, { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-orange-building-seen-through-glass-window_181624-3923.jpg", imageAlt: "Residential Alt" }] },
+              { title: "Commercial Construction", description: "Large-scale office and retail spaces designed for business growth.", icon: Building2, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/pub-interior-with-motorcycle-installation_1262-3608.jpg", imageAlt: "Commercial" }, { imageSrc: "http://img.b2bpic.net/free-photo/living-room-background-zoom-calls_52683-95237.jpg", imageAlt: "Commercial Alt" }] },
+              { title: "Project Management", description: "End-to-end management ensuring your project stays on budget and on schedule.", icon: ListChecks, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/professionals-realtor-planning-urban-office-space-renovation_482257-101264.jpg", imageAlt: "Management" }, { imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924158.jpg", imageAlt: "Management Alt" }] },
+            ]}
+            title="Comprehensive Construction Services"
+            description="From residential design to industrial infrastructure, we deliver high-quality solutions across all project types."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          icon: CheckCircle,
-          title: "Projects Completed",
-          value: "150+",
-        },
-        {
-          id: "m2",
-          icon: Award,
-          title: "Industry Awards",
-          value: "25+",
-        },
-        {
-          id: "m3",
-          icon: Users,
-          title: "Happy Families",
-          value: "500+",
-        },
-      ]}
-      title="Proven Results"
-      description="Years of experience delivering excellence in every brick."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", icon: CheckCircle, title: "Projects Completed", value: "150+" },
+              { id: "m2", icon: Award, title: "Industry Awards", value: "25+" },
+              { id: "m3", icon: Users, title: "Happy Families", value: "500+" },
+            ]}
+            title="Proven Results"
+            description="Years of experience delivering excellence in every brick."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "John Doe",
-          role: "CEO",
-          company: "Global Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Sarah Miller",
-          role: "Homeowner",
-          company: "Private",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-building-plans-looking-camera_23-2148269409.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mark Stevens",
-          role: "Architect",
-          company: "Studio Designs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/multiracial-smiling-employees-working-with-papers_23-2148180719.jpg",
-        },
-        {
-          id: "t4",
-          name: "Emma Wilson",
-          role: "Investor",
-          company: "Realty Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-office_23-2148242883.jpg",
-        },
-        {
-          id: "t5",
-          name: "Kevin Peterson",
-          role: "Homeowner",
-          company: "Private",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749199.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Average Rating",
-        },
-        {
-          value: "98%",
-          label: "On-Time Delivery",
-        },
-        {
-          value: "100%",
-          label: "Safety Record",
-        },
-      ]}
-      title="Trusted by Homeowners & Businesses"
-      description="Hear directly from clients about their experiences with our team."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "John Doe", role: "CEO", company: "Global Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg" },
+              { id: "t2", name: "Sarah Miller", role: "Homeowner", company: "Private", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-architect-with-building-plans-looking-camera_23-2148269409.jpg" },
+              { id: "t3", name: "Mark Stevens", role: "Architect", company: "Studio Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/multiracial-smiling-employees-working-with-papers_23-2148180719.jpg" },
+              { id: "t4", name: "Emma Wilson", role: "Investor", company: "Realty Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-office_23-2148242883.jpg" },
+              { id: "t5", name: "Kevin Peterson", role: "Homeowner", company: "Private", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749199.jpg" },
+            ]}
+            kpiItems={[{ value: "4.9/5", label: "Average Rating" }, { value: "98%", label: "On-Time Delivery" }, { value: "100%", label: "Safety Record" }]}
+            title="Trusted by Homeowners & Businesses"
+            description="Hear directly from clients about their experiences with our team."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "What is your typical project timeframe?",
-          content: "Timelines vary by project scope, but we always provide a detailed schedule upfront.",
-        },
-        {
-          id: "f2",
-          title: "Are you fully licensed and insured?",
-          content: "Yes, we maintain full industry certification and comprehensive liability insurance.",
-        },
-        {
-          id: "f3",
-          title: "Do you provide design support?",
-          content: "Yes, our team can assist with both architectural planning and interior design concepts.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-looking-tablet_23-2148921387.jpg"
-      title="Common Questions"
-      description="Need to know more? Check our frequently asked questions."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "What is your typical project timeframe?", content: "Timelines vary by project scope, but we always provide a detailed schedule upfront." },
+              { id: "f2", title: "Are you fully licensed and insured?", content: "Yes, we maintain full industry certification and comprehensive liability insurance." },
+              { id: "f3", title: "Do you provide design support?", content: "Yes, our team can assist with both architectural planning and interior design concepts." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-looking-tablet_23-2148921387.jpg"
+            title="Common Questions"
+            description="Need to know more? Check our frequently asked questions."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="socialproof" data-section="socialproof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "BuildSupply Co",
-        "StructuralSteel Corp",
-        "LuxuryFinish Inc",
-        "ModernWindows Lab",
-        "ReliableCement Ltd",
-      ]}
-      title="Our Trusted Partners"
-      description="Working with industry-leading providers for superior quality materials."
-    />
-  </div>
+        <div id="socialproof" data-section="socialproof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["BuildSupply Co", "StructuralSteel Corp", "LuxuryFinish Inc", "ModernWindows Lab", "ReliableCement Ltd"]}
+            title="Our Trusted Partners"
+            description="Working with industry-leading providers for superior quality materials."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Let's Connect"
-      title="Ready for your next project?"
-      description="Contact our experts today to discuss your vision and get a professional quote."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:info@buildconstruct.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="Let's Connect"
+            title="Ready for your next project?"
+            description="Contact our experts today to discuss your vision and get a professional quote."
+            buttons={[{ text: "Contact Us", href: "mailto:info@buildconstruct.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="BuildConstruct"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Residential",
-              href: "#services",
-            },
-            {
-              label: "Commercial",
-              href: "#services",
-            },
-            {
-              label: "Management",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 BuildConstruct. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="BuildConstruct"
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
+              { title: "Services", items: [{ label: "Residential", href: "#services" }, { label: "Commercial", href: "#services" }, { label: "Management", href: "#services" }] },
+              { title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "LinkedIn", href: "#" }, { label: "Twitter", href: "#" }] },
+            ]}
+            copyrightText="© 2024 BuildConstruct. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );