From 4494c6d1aafa0cbaec5268e5e2708084d10bfc83 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 11:27:43 +0000
Subject: [PATCH] Switch to version 1: modified src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 368f497..0d2ddc3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,14 +3,17 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
-import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
-import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Sparkles, Search, ArrowUpRight, Shield, Zap, TrendingUp, Users, Target, BarChart3, Megaphone, Target as Rocket } from "lucide-react";
+import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
+import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
+import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
+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 { Sparkles, Search, ArrowUpRight, Shield, Zap, TrendingUp, Award, Users, Target, BarChart3, Megaphone, Target as Rocket } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -22,115 +25,115 @@ export default function WebAgency2Page() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
+      primaryButtonStyle="metallic"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            brandName="DigitallyTop"
-            navItems={[
-              { name: "Services", id: "services" },
-              { name: "Case Studies", id: "work" },
-              { name: "Process", id: "process" },
-              { name: "Contact", id: "contact" },
-            ]}
-            button={{ text: "Get Started", href: "#contact" }}
-          />
-        </div>
-        <div id="hero" data-section="hero">
-          <HeroSplitDualMedia
-            title="Scale Faster with AI-Powered Marketing"
-            description="We combine elite data science with high-impact creative strategies to drive predictable growth for premium e-commerce and B2B brands."
-            tag="The Future of Growth"
-            tagIcon={Sparkles}
-            tagAnimation="slide-up"
-            background={{ variant: "glowing-orb" }}
-            rating={5}
-            ratingText="Rated 5/5 by our partners"
-            mediaItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg?_wi=1", imageAlt: "AI Data Visualization" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204655.jpg?_wi=1", imageAlt: "Digital Campaign Strategy" },
-            ]}
-            mediaAnimation="slide-up"
-          />
-        </div>
-        <div id="features" data-section="features">
-          <FeatureCardTwentyNine
-            title="Elite Performance Services"
-            description="Our core competencies designed to dominate the digital landscape."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            features={[
-              { title: "Lead Generation", description: "High-intent prospect acquisition powered by automated AI funnels.", imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg?_wi=2", titleImageSrc: "", buttonText: "Learn More" },
-              { title: "Google Ads", description: "ROI-focused campaigns designed to scale conversion volume.", imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg", titleImageSrc: "", buttonText: "Learn More" },
-              { title: "Meta Ads", description: "Creative-first social ads targeting your ideal customer avatars.", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204655.jpg?_wi=2", titleImageSrc: "", buttonText: "Learn More" },
-            ]}
-          />
-        </div>
-        <div id="metrics" data-section="metrics">
-          <MetricCardThree
-            title="Performance Metrics That Matter"
-            description="We focus on the numbers that impact your bottom line."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            animationType="slide-up"
-            metrics={[
-              { id: "roi", value: "$50M+", title: "Revenue Generated", icon: TrendingUp },
-              { id: "growth", value: "300%", title: "Average Growth", icon: Rocket },
-              { id: "clients", value: "150+", title: "Partners", icon: Users }
-            ]}
-          />
-        </div>
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTen
-            title="Proven Success"
-            description="See how DigitallyTop drives measurable revenue increases for our partners."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            testimonials={[
-              { id: "1", title: "Exceptional Growth", quote: "DigitallyTop is our growth engine.", name: "Alex Rivet", role: "CMO at Nexa Growth" },
-              { id: "2", title: "Data-Driven", quote: "They bridged the gap between complex AI and revenue.", name: "Sarah Chen", role: "Founder at TechCo" }
-            ]}
-          />
-        </div>
-        <div id="faq" data-section="faq">
-          <FaqDouble
-            title="Frequently Asked Questions"
-            description="Get the insights you need to get started."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            faqsAnimation="slide-up"
-            faqs={[
-              { id: "1", title: "How is your approach different?", content: "We leverage proprietary AI models." },
-              { id: "2", title: "What industries do you serve?", content: "We specialize in e-commerce and B2B SaaS." },
-              { id: "3", title: "How do we measure success?", content: "Success is tracked via real-time dashboards." }
-            ]}
-          />
-        </div>
-        <div id="contact" data-section="contact">
-          <ContactSplit
-            tag="Let's Grow"
-            title="Ready to Dominate Your Market?"
-            description="Book your discovery call and receive a custom marketing blueprint."
-            background={{ variant: "sparkles-gradient" }}
-            useInvertedBackground={false}
-          />
-        </div>
-        <div id="footer" data-section="footer">
-          <FooterSimple
-            columns={[
-              { title: "Services", items: [{ label: "Google Ads" }, { label: "Meta Ads" }] },
-              { title: "Company", items: [{ label: "Case Studies" }, { label: "Contact" }] }
-            ]}
-            bottomLeftText="DigitallyTop"
-            bottomRightText="© 2025"
-          />
-        </div>
+        <NavbarLayoutFloatingOverlay
+          brandName="DigitallyTop"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Case Studies", id: "work" },
+            { name: "Process", id: "process" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{ text: "Get Started", href: "#contact" }}
+        />
+        <HeroSplitDoubleCarousel
+          title="Scale Faster with AI-Powered Marketing"
+          description="We combine elite data science with high-impact creative strategies to drive predictable growth for premium e-commerce and B2B brands."
+          tag="The Future of Growth"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          background={{ variant: "glowing-orb" }}
+          buttons={[
+            { text: "Request Audit", href: "#contact" },
+            { text: "View Case Studies", href: "#work" },
+          ]}
+          buttonAnimation="slide-up"
+          carouselPosition="right"
+          leftCarouselItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg", imageAlt: "AI Data Visualization" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg", imageAlt: "Marketing Performance" },
+          ]}
+          rightCarouselItems={[
+            { imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204655.jpg", imageAlt: "Digital Campaign Strategy" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg", imageAlt: "Revenue Growth Charts" },
+          ]}
+          carouselItemClassName="!aspect-[4/5]"
+        />
+        <FeatureBento
+          title="Elite Performance Services"
+          description="Our core competencies designed to dominate the digital landscape."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            { title: "Lead Generation", description: "High-intent prospect acquisition powered by automated AI funnels.", bentoComponent: "reveal-icon", icon: Target },
+            { title: "Google Ads", description: "ROI-focused campaigns designed to scale conversion volume.", bentoComponent: "reveal-icon", icon: Search },
+            { title: "Meta Ads", description: "Creative-first social ads targeting your ideal customer avatars.", bentoComponent: "reveal-icon", icon: Megaphone },
+            { title: "Conversion Rate Optimization", description: "Data-backed testing to convert more traffic into paying customers.", bentoComponent: "line-chart" },
+            { title: "Growth Consulting", description: "Scalable infrastructure and strategy for aggressive market expansion.", bentoComponent: "reveal-icon", icon: TrendingUp }
+          ]}
+        />
+        <FeatureCardTwentySix
+          title="Proven Success Stories"
+          description="See how DigitallyTop drives measurable revenue increases for our partners."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { title: "Luxury E-commerce", description: "Achieved 3x ROAS in 90 days.", imageSrc: "http://img.b2bpic.net/free-photo/composition-skin-beauty-products_23-2148761497.jpg", buttonIcon: ArrowUpRight },
+            { title: "B2B SaaS Growth", description: "Scaled pipeline from 0 to 500+ MQLs/mo.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-landing-page_23-2148116181.jpg", buttonIcon: ArrowUpRight },
+            { title: "Health & Beauty", description: "Increased conversion rate by 42%.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-cosmetic-products_23-2148723191.jpg", buttonIcon: ArrowUpRight },
+            { title: "Tech Startups", description: "Reduced CAC by 25% via AI automation.", imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038414.jpg", buttonIcon: ArrowUpRight }
+          ]}
+        />
+        <MetricCardOne
+          title="Performance Metrics That Matter"
+          description="We focus on the numbers that impact your bottom line."
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          metrics={[
+            { id: "roi", value: "$50M+", title: "Revenue Generated", description: "Direct client revenue growth", icon: TrendingUp },
+            { id: "growth", value: "300%", title: "Average Growth", description: "Targeted scaling per campaign", icon: Rocket },
+            { id: "clients", value: "150+", title: "Partners", description: "High-growth brands we serve", icon: Users }
+          ]}
+        />
+        <TestimonialCardFifteen
+          testimonial="DigitallyTop isn't just an agency; they are our growth engine. They bridged the gap between complex AI data and actual revenue growth."
+          rating={5}
+          author="— Alex Rivet, CMO at Nexa Growth"
+          avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", alt: "Alex Rivet" }]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
+        />
+        <FaqBase
+          title="Frequently Asked Questions"
+          description="Get the insights you need to get started."
+          faqsAnimation="slide-up"
+          faqs={[
+            { id: "1", title: "How is your approach different?", content: "We leverage proprietary AI models to predict performance before we spend your budget." },
+            { id: "2", title: "What industries do you serve?", content: "We specialize in high-ticket e-commerce, D2C brands, and B2B SaaS companies." },
+            { id: "3", title: "How do we measure success?", content: "Success is tracked via real-time dashboards focused on CAC, ROAS, and Lifetime Value." }
+          ]}
+        />
+        <ContactCTA
+          tag="Let's Grow"
+          title="Ready to Dominate Your Market?"
+          description="Book your discovery call and receive a custom marketing blueprint."
+          background={{ variant: "sparkles-gradient" }}
+          buttons={[{ text: "Schedule a Discovery Call", href: "#contact" }]}
+        />
+        <FooterBase
+          logoText="DigitallyTop"
+          copyrightText="© 2025 | DigitallyTop"
+          columns={[
+            { title: "Services", items: [{ label: "Google Ads", href: "#" }, { label: "Meta Ads", href: "#" }, { label: "SEO", href: "#" }] },
+            { title: "Company", items: [{ label: "Case Studies", href: "#" }, { label: "Process", href: "#" }, { label: "Contact", href: "#" }] }
+          ]}
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}