From b2f59a4e93c26fb1b0d38c955641c9147ee00b81 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 15:01:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 205 ++++++++++++++++++++++++-----------------------
 1 file changed, 106 insertions(+), 99 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6c3c97a..cb8b430 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,15 +5,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users, Target, CheckCircle2 } from "lucide-react";
+import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
+import TeamCardOne from "@/components/sections/team/TeamCardOne";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import { Sparkles, Search, CheckCircle2, Award, TrendingUp, Shield, Target } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -30,96 +28,105 @@ export default function WebAgency2Page() {
       headingFontWeight="semibold"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
-          navItems={[
-            { name: "Work", id: "work" },
-            { name: "About", id: "about" },
-            { name: "Services", id: "services" },
-            { name: "Contact", id: "contact" },
-          ]}
-          button={{ text: "Get Started", href: "#contact" }}
-        />
-        <HeroSplitDoubleCarousel
-          title="We Build Digital Experiences"
-          description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
-          tag="Award-Winning Agency"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          background={{ variant: "downward-rays-animated" }}
-          buttons={[
-            { text: "Start Project", href: "#contact" },
-            { text: "View Work", href: "#work" },
-          ]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
-          leftCarouselItems={[
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design - Daily Life app" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Design - SaaS platform" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design - Luminé skincare" },
-          ]}
-          rightCarouselItems={[
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design - Luxuria travel" },
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design - Dental practice" },
-          ]}
-          carouselItemClassName="!aspect-[4/5]"
-        />
-        <TestimonialAboutCard
-          id="about"
-          tag="Credibility"
-          tagIcon={Target}
-          title="Engineered for Growth"
-          description="We combine technical rigor with creative strategy to build digital ecosystems that don't just exist, but perform at the highest levels of enterprise standards."
-          subdescription="Our approach integrates deep analytics, secure infrastructure, and high-conversion design to ensure your business scales seamlessly in an increasingly competitive market."
-          icon={CheckCircle2}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp"
-        />
-        <FeatureBento
-          title="Our Services"
-          description="We offer a full suite of digital services to help your brand stand out online."
-          animationType="slide-up"
-          features={[
-            { title: "SEO", description: "High-ranking strategies.", bentoComponent: "marquee", centerIcon: Search, variant: "text", texts: ["Keywords", "Backlinks", "Analytics"] },
-            { title: "Web Development", description: "Scalable architecture.", bentoComponent: "media-stack", items: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp" }] },
-            { title: "Branding", description: "Identity that lasts.", bentoComponent: "media-stack", items: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp" }] },
-          ]}
-        />
-        <MetricCardOne
-          title="Performance Metrics"
-          description="Driving quantifiable outcomes for our enterprise clients."
-          animationType="depth-3d"
-          metrics={[
-            { id: "1", title: "Retention", value: "98%", icon: Award },
-            { id: "2", title: "Traffic", value: "300%", icon: TrendingUp },
-            { id: "3", title: "Security", value: "100%", icon: Shield },
-          ]}
-        />
-        <TeamCardFive
-          title="Our Leadership"
-          description="Driven by innovation and technical excellence."
-          animationType="slide-up"
-          team={[
-            { id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp" },
-            { id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp" },
-          ]}
-        />
-        <ContactCTA
-          id="contact"
-          text="Enterprise-grade solutions for businesses ready to scale. Partner with us today."
-          background={{ variant: "downward-rays-animated" }}
-          buttons={[
-            { text: "Schedule Consult", href: "#contact" },
-            { text: "View Pricing", href: "#pricing" }
-          ]}
-        />
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild Enterprise"
-          columns={[
-            { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
-            { title: "Solutions", items: [{ label: "Enterprise", href: "#" }, { label: "Security", href: "#" }] },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Work", id: "work" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            title="We Build Digital Experiences"
+            description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
+            tag="Award-Winning Agency"
+            tagIcon={Sparkles}
+            tagAnimation="slide-up"
+            background={{ variant: "downward-rays-animated" }}
+            buttons={[
+              { text: "Start Project", href: "#contact" },
+              { text: "View Work", href: "#work" },
+            ]}
+            buttonAnimation="slide-up"
+            carouselPosition="right"
+            leftCarouselItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Design" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design" },
+            ]}
+            carouselItemClassName="!aspect-[4/5]"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            title="Engineered for Growth"
+            description="We combine technical rigor with creative strategy to build digital ecosystems that don't just exist, but perform at the highest levels of enterprise standards."
+            tag="Credibility"
+            tagIcon={Target}
+            textboxLayout="split"
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp"
+            bulletPoints={[
+              { title: "Deep Analytics", description: "Data-driven insights for better performance.", icon: CheckCircle2 },
+              { title: "Secure Infrastructure", description: "Enterprise-grade protection for your data.", icon: Shield }
+            ]}
+          />
+        </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            title="Performance Metrics"
+            tag="Impact"
+            metrics={[
+              { id: "1", value: "98%", description: "Client Retention Rate" },
+              { id: "2", value: "300%", description: "Average Traffic Increase" },
+              { id: "3", value: "100%", description: "Security Compliance" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
+        <div id="team" data-section="team">
+          <TeamCardOne
+            title="Our Leadership"
+            description="Driven by innovation and technical excellence."
+            members={[
+              { id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp" },
+              { id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp" },
+            ]}
+            gridVariant="one-large-left-three-stacked-right"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            text="Enterprise-grade solutions for businesses ready to scale. Partner with us today."
+            background={{ variant: "downward-rays-animated" }}
+            buttons={[
+              { text: "Schedule Consult", href: "#contact" },
+              { text: "View Pricing", href: "#pricing" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Webild"
+            columns={[
+              { items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+              { items: [{ label: "Enterprise", href: "#" }, { label: "Security", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1