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

---
 src/app/page.tsx | 163 +++++++++++------------------------------------
 1 file changed, 38 insertions(+), 125 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4e8bcfb..cf30094 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,13 +7,12 @@ import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarou
 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, ArrowUpRight, Zap, Bot, Database, Workflow, ShieldCheck, Cpu, CodeXml, LayoutGrid, BrainCircuit, Users } from "lucide-react";
+import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import { Zap, ArrowUpRight, Bot, Database, Workflow, ShieldCheck, Cpu, CodeXml, LayoutGrid, BrainCircuit, Users } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
@@ -25,22 +24,24 @@ export default function WebAgency2Page() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="AutoFlow"
-          navItems={[
-            { name: "Solutions", id: "solutions" },
-            { name: "Benefits", id: "benefits" },
-            { name: "Process", id: "process" },
-            { name: "Contact", id: "contact" },
-          ]}
-          button={{ text: "Get Automated", href: "#contact" }}
-        />
-        <div id="hero">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="AutoFlow"
+            navItems={[
+              { name: "Solutions", id: "solutions" },
+              { name: "Benefits", id: "benefits" },
+              { name: "Process", id: "process" },
+              { name: "Contact", id: "contact" },
+            ]}
+            button={{ text: "Get Automated", href: "#contact" }}
+          />
+        </div>
+        <div id="hero" data-section="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."
@@ -59,123 +60,35 @@ export default function WebAgency2Page() {
             ]}
           />
         </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
+        <div id="process" data-section="process">
+          <MetricCardSeven
             title="Efficiency Gains"
             description="Quantifiable impact of our automation suite."
-            gridVariant="uniform-all-items-equal"
+            textboxLayout="default"
+            useInvertedBackground={false}
             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 },
+                { id: "m1", value: "40h+", title: "Hours Saved", items: ["Average weekly savings per department"] },
+                { id: "m2", value: "95%", title: "Task Accuracy", items: ["Reduction in manual human errors"] },
+                { id: "m3", value: "3x", title: "Scale Factor", items: ["Increased handling capacity without hiring"] },
             ]}
-            />
+          />
         </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."
+        <div id="contact" data-section="contact">
+            <ContactText
+            text="Ready to Automate Your Workflow? 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"
-          columns={[
-            { title: "Product", items: [{ label: "AI Agents", href: "#" }, { label: "Integrations", href: "#" }] },
-            { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
-            { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
-          ]}
-        />
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="AutoFlow"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1