From a764c81ceab4152b0c8de5e7d5e216466977d090 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 17:36:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 247 ++++++++++++++++++++++++-----------------------
 1 file changed, 128 insertions(+), 119 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d7a340b..4e8bcfb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
@@ -40,124 +40,133 @@ export default function WebAgency2Page() {
           ]}
           button={{ text: "Get Automated", href: "#contact" }}
         />
-        <HeroSplitDoubleCarousel
-          title="Automate Your Business to Scale"
-          description="Stop wasting time on repetitive tasks. We deploy custom AI agents that work 24/7, driving efficiency and growth for your business."
-          tag="AI-Driven Business Automation"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          background={{ variant: "canvas-reveal" }}
-          buttons={[
-            { text: "Schedule Demo", href: "#contact" },
-            { text: "Our Capabilities", href: "#solutions" },
-          ]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
-          leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "AI Workflow Dashboard" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/robots-exercising-treadmill_1048-11633.jpg", imageAlt: "Automated Data Entry" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg", imageAlt: "Connected Systems" },
-          ]}
-          rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg", imageAlt: "Predictive Analytics UI" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-house-with-automation-lighting-system-sitting-kitchen-switch-off-lights-usin_482257-1935.jpg", imageAlt: "Client Management Bot" },
-          ]}
-          carouselItemClassName="!aspect-[4/5]"
-        />
-        <FeatureBento
-          title="Core Automation Pillars"
-          description="Transform your operations with enterprise-grade AI solutions."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          buttons={[{ text: "Explore All", href: "#solutions" }]}
-          features={[
-            {
-              title: "Intelligent Operations",              description: "Autonomous agents handling your customer queries, scheduling, and admin workflows.",              bentoComponent: "chat",              aiIcon: Bot,
-              userIcon: Users,
-              exchanges: [{ userMessage: "Book a consultation", aiResponse: "I've scheduled it for Tuesday at 10 AM." }],
-              placeholder: "How can I assist you?"
-            },
-            {
-              title: "Custom AI Agents",              description: "Tailored LLM agents that learn your specific business processes and data.",              bentoComponent: "reveal-icon",              icon: BrainCircuit
-            },
-            {
-              title: "Systems Integration",              description: "Seamlessly bridge your CRM, ERP, and communication platforms.",              bentoComponent: "marquee",              centerIcon: Workflow,
-              variant: "icon",              icons: [Database, CodeXml, LayoutGrid, ShieldCheck, Zap, BrainCircuit]
-            }
-          ]}
-        />
-        <FeatureCardTwentySix
-          title="Recent Implementations"
-          description="See how we've helped businesses slash operational costs and save hours."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Case Studies", href: "#work" }]}
-          cardClassName="!h-auto aspect-video"
-          features={[
-            {
-              title: "Sales Funnel Automation",              description: "Automated lead qualification and CRM updates.",              imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",              buttonIcon: ArrowUpRight
-            },
-            {
-              title: "Customer Support AI",              description: "24/7 resolution of common customer inquiries.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-pharmaceutical-industry_23-2151684832.jpg",              buttonIcon: ArrowUpRight
-            },
-            {
-              title: "Inventory Sync",              description: "Real-time data flow between supply chain systems.",              imageSrc: "http://img.b2bpic.net/free-photo/cloud-download-icon-line-connection-circuit-board_1379-888.jpg",              buttonIcon: ArrowUpRight
-            },
-            {
-              title: "Financial Reporting",              description: "Automated expense tracking and ledger reconciliation.",              imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",              buttonIcon: ArrowUpRight
-            }
-          ]}
-        />
-        <TestimonialCardFifteen
-          testimonial="AutoFlow replaced 3 full-time roles with AI automation. Our operations are faster, more accurate, and running 24/7. It's a game changer."
-          rating={5}
-          author="— Jordan Rivers, Founder at Nexus Logistics"
-          avatars={[{ src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Client" }]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-        <MetricCardOne
-          title="Efficiency Gains"
-          description="Quantifiable impact of our automation suite."
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "m1", value: "40h+", title: "Hours Saved", description: "Average weekly savings per department", icon: Zap },
-            { id: "m2", value: "95%", title: "Task Accuracy", description: "Reduction in manual human errors", icon: ShieldCheck },
-            { id: "m3", value: "3x", title: "Scale Factor", description: "Increased handling capacity without hiring", icon: BrainCircuit },
-          ]}
-        />
-        <FeatureCardSixteen
-          title="Standard vs. AutoFlow"
-          description="Why upgrade to AI-driven workflows?"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          negativeCard={{ items: ["Manual entry errors", "Bottlenecks during growth", "Fragmented data silos", "Slow responsiveness", "High overhead costs"] }}
-          positiveCard={{ items: ["Automated data precision", "Infinite scalability", "Unified system architecture", "Instant 24/7 action", "Reduced operational cost"] }}
-        />
-        <FaqBase
-          title="Common Inquiries"
-          description="Understanding how we build your AI advantage."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          faqs={[
-            { id: "f1", title: "What systems do you integrate?", content: "We connect with virtually any modern API, including Salesforce, HubSpot, Shopify, Slack, and custom databases." },
-            { id: "f2", title: "Is AI automation secure?", content: "Absolutely. We implement enterprise-grade security, ensuring your data is encrypted and processing adheres to GDPR/SOC2 standards." },
-            { id: "f3", title: "Do I need a technical team?", content: "No. We provide end-to-end management, from strategy and deployment to continuous maintenance and agent optimization." }
-          ]}
-        />
-        <ContactCTA
-          tag="Let's Connect"
-          title="Ready to Automate Your Workflow?"
-          description="Schedule a discovery call to audit your processes and identify high-impact automation opportunities."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[{ text: "Book a Strategy Call", href: "#contact" }]}
-          useInvertedBackground={false}
-        />
+        <div id="hero">
+          <HeroBillboardCarousel
+            title="Automate Your Business to Scale"
+            description="Stop wasting time on repetitive tasks. We deploy custom AI agents that work 24/7, driving efficiency and growth for your business."
+            tag="AI-Driven Business Automation"
+            tagIcon={Zap}
+            tagAnimation="slide-up"
+            background={{ variant: "canvas-reveal" }}
+            buttons={[
+              { text: "Schedule Demo", href: "#contact" },
+              { text: "Our Capabilities", href: "#solutions" },
+            ]}
+            buttonAnimation="slide-up"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "AI Workflow Dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/robots-exercising-treadmill_1048-11633.jpg", imageAlt: "Automated Data Entry" }
+            ]}
+          />
+        </div>
+        <div id="solutions">
+            <FeatureBento
+            title="Core Automation Pillars"
+            description="Transform your operations with enterprise-grade AI solutions."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            buttons={[{ text: "Explore All", href: "#solutions" }]}
+            features={[
+                {
+                title: "Intelligent Operations",              description: "Autonomous agents handling your customer queries, scheduling, and admin workflows.",              bentoComponent: "chat",              aiIcon: Bot,
+                userIcon: Users,
+                exchanges: [{ userMessage: "Book a consultation", aiResponse: "I've scheduled it for Tuesday at 10 AM." }],
+                placeholder: "How can I assist you?"
+                },
+                {
+                title: "Custom AI Agents",              description: "Tailored LLM agents that learn your specific business processes and data.",              bentoComponent: "reveal-icon",              icon: BrainCircuit
+                },
+                {
+                title: "Systems Integration",              description: "Seamlessly bridge your CRM, ERP, and communication platforms.",              bentoComponent: "marquee",              centerIcon: Workflow,
+                variant: "icon",              icons: [Database, CodeXml, LayoutGrid, ShieldCheck, Zap, BrainCircuit]
+                }
+            ]}
+            />
+        </div>
+        <div id="benefits">
+            <FeatureCardTwentySix
+            title="Recent Implementations"
+            description="See how we've helped businesses slash operational costs and save hours."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            buttons={[{ text: "Case Studies", href: "#work" }]}
+            cardClassName="!h-auto aspect-video"
+            features={[
+                {
+                title: "Sales Funnel Automation",              description: "Automated lead qualification and CRM updates.",              imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",              buttonIcon: ArrowUpRight
+                },
+                {
+                title: "Customer Support AI",              description: "24/7 resolution of common customer inquiries.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-pharmaceutical-industry_23-2151684832.jpg",              buttonIcon: ArrowUpRight
+                },
+                {
+                title: "Inventory Sync",              description: "Real-time data flow between supply chain systems.",              imageSrc: "http://img.b2bpic.net/free-photo/cloud-download-icon-line-connection-circuit-board_1379-888.jpg",              buttonIcon: ArrowUpRight
+                },
+                {
+                title: "Financial Reporting",              description: "Automated expense tracking and ledger reconciliation.",              imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",              buttonIcon: ArrowUpRight
+                }
+            ]}
+            />
+        </div>
+        <div id="testimonials">
+            <TestimonialCardFifteen
+            testimonial="AutoFlow replaced 3 full-time roles with AI automation. Our operations are faster, more accurate, and running 24/7. It's a game changer."
+            rating={5}
+            author="— Jordan Rivers, Founder at Nexus Logistics"
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Client" }]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+            useInvertedBackground={false}
+            />
+        </div>
+        <div id="process">
+            <MetricCardOne
+            title="Efficiency Gains"
+            description="Quantifiable impact of our automation suite."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            metrics={[
+                { id: "m1", value: "40h+", title: "Hours Saved", description: "Average weekly savings per department", icon: Zap },
+                { id: "m2", value: "95%", title: "Task Accuracy", description: "Reduction in manual human errors", icon: ShieldCheck },
+                { id: "m3", value: "3x", title: "Scale Factor", description: "Increased handling capacity without hiring", icon: BrainCircuit },
+            ]}
+            />
+        </div>
+        <div id="comparison">
+            <FeatureCardSixteen
+            title="Standard vs. AutoFlow"
+            description="Why upgrade to AI-driven workflows?"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            negativeCard={{ items: ["Manual entry errors", "Bottlenecks during growth", "Fragmented data silos", "Slow responsiveness", "High overhead costs"] }}
+            positiveCard={{ items: ["Automated data precision", "Infinite scalability", "Unified system architecture", "Instant 24/7 action", "Reduced operational cost"] }}
+            />
+        </div>
+        <div id="faq">
+            <FaqBase
+            title="Common Inquiries"
+            description="Understanding how we build your AI advantage."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqsAnimation="slide-up"
+            faqs={[
+                { id: "f1", title: "What systems do you integrate?", content: "We connect with virtually any modern API, including Salesforce, HubSpot, Shopify, Slack, and custom databases." },
+                { id: "f2", title: "Is AI automation secure?", content: "Absolutely. We implement enterprise-grade security, ensuring your data is encrypted and processing adheres to GDPR/SOC2 standards." },
+                { id: "f3", title: "Do I need a technical team?", content: "No. We provide end-to-end management, from strategy and deployment to continuous maintenance and agent optimization." }
+            ]}
+            />
+        </div>
+        <div id="contact">
+            <ContactCTA
+            tag="Let's Connect"
+            title="Ready to Automate Your Workflow?"
+            description="Schedule a discovery call to audit your processes and identify high-impact automation opportunities."
+            background={{ variant: "rotated-rays-animated" }}
+            buttons={[{ text: "Book a Strategy Call", href: "#contact" }]}
+            useInvertedBackground={false}
+            />
+        </div>
         <FooterBase
           logoText="AutoFlow"
           copyrightText="© 2026 | AutoFlow AI"
-- 
2.49.1