From ef34f9b5aedac1dc07c1df3b52b234a9a6aab847 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 12 Apr 2026 23:13:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 226 ++++++++++++++++++++---------------------------
 1 file changed, 95 insertions(+), 131 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bf1a39c..7d6dd50 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,16 +3,16 @@
 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 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 HeroSplitDoubleCarousel from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
+import FeatureBento from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
+import FeatureCardTwentySix from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
+import FeatureCardSixteen from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
+import MetricCardOne from "@/components/sections/metrics/MetricCardThree";
+import TeamCardFive from "@/components/sections/team/TeamCardTen";
+import FaqBase from "@/components/sections/faq/FaqSplitText";
+import ContactCTA from "@/components/sections/contact/ContactSplitForm";
+import FooterBase from "@/components/sections/footer/FooterSimple";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardOne";
 import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
 
 export default function WebAgency2Page() {
@@ -40,130 +40,94 @@ export default function WebAgency2Page() {
           ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
-        <HeroSplitDoubleCarousel
-          title="Architecting Your Digital Success"
-          description="Enterprise-grade web solutions designed for high performance, security, and scalability. C.A.C WEB BUILDER transforms your vision into a robust digital reality."
-          tag="Reliable Professional Solutions"
-          tagIcon={Shield}
-          tagAnimation="slide-up"
-          background={{ variant: "canvas-reveal" }}
-          buttons={[
-            { text: "Start Project", href: "/contact" },
-            { text: "View Portfolio", href: "#work" },
-          ]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
-          leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "Enterprise SaaS Dashboard" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "Custom Finance Portal" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294555.jpg", imageAlt: "E-commerce Infrastructure" },
-          ]}
-          rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-specialists-using-mockup-copy-space-office_482257-124454.jpg", imageAlt: "Corporate Landing Page" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Data Visualization UI" },
-          ]}
-          carouselItemClassName="!aspect-[4/5]"
-        />
-        <FeatureBento
-          title="Core Capabilities"
-          description="We focus on technical excellence to ensure your business stays ahead of the competition."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          buttons={[{ text: "Explore All", href: "#services" }]}
-          features={[
-            {
-              title: "Secure Infrastructure",              description: "Robust security protocols designed for enterprise requirements.",              bentoComponent: "reveal-icon",              icon: Lock,
-            },
-            {
-              title: "Scalable Architecture",              description: "Future-proof your business with our modular, high-load code.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/book-pc-tablet-low-poly-wireframe-online-education-blue-background-concept-with-opened-book-digital-illustration-online-reading-courses-abstract-polygonal-image-notebook-pc_493343-29977.jpg", imageAlt: "System Architecture" },
-                { imageSrc: "http://img.b2bpic.net/free-vector/cloud-warehouse-data-copy-storage-server-room-connection-with-cloud_39422-568.jpg", imageAlt: "Cloud Scaling" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tuz74h", imageAlt: "Database Design" },
-              ],
-            },
-            {
-              title: "Conversion Focus",              description: "UI/UX optimized for maximum engagement and lead generation.",              bentoComponent: "marquee",              centerIcon: TrendingUp,
-              variant: "text",              texts: ["Conversion", "Performance", "User Retention", "Scalability", "Automation", "Insight"],
-            },
-          ]}
-        />
-        <FeatureCardTwentySix
-          title="Proven Track Record"
-          description="Our portfolio demonstrates our commitment to precision, design, and technical mastery."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "View Full Portfolio", href: "#work" }]}
-          cardClassName="!h-auto aspect-video"
-          features={[
-            {
-              title: "Financial Portal",              description: "Secure transaction management platform.",              imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg",              imageAlt: "Financial Portal",              buttonIcon: ArrowUpRight,
-            },
-            {
-              title: "B2B SaaS Hub",              description: "Streamlined workflow optimization tools.",              imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg",              imageAlt: "B2B SaaS Hub",              buttonIcon: ArrowUpRight,
-            },
-            {
-              title: "Corporate Identity",              description: "Modernized brand digital presence.",              imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-colleagues-standing-table-looking-design-projects_1098-20475.jpg",              imageAlt: "Corporate Identity",              buttonIcon: ArrowUpRight,
-            },
-            {
-              title: "Analytics Dashboard",              description: "Real-time data reporting interface.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-with-annual-evolution_1098-3503.jpg",              imageAlt: "Analytics Dashboard",              buttonIcon: ArrowUpRight,
-            },
-          ]}
-        />
-        <TestimonialCardFifteen
-          testimonial="C.A.C WEB BUILDER is our trusted technical partner. Their attention to detail and ability to deliver complex projects on time has been unmatched in the industry."
-          rating={5}
-          author="— Jonathan Hayes, COO at Nexus Group"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg", alt: "Jonathan Hayes" },
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-        <MetricCardOne
-          title="Data-Driven Results"
-          description="We measure our success by the growth of your business."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "p1", value: "99.9%", title: "Uptime", description: "High availability infrastructure", icon: Shield },
-            { id: "p2", value: "2x", title: "Speed Boost", description: "Average performance improvement", icon: Zap },
-            { id: "p3", value: "40%", title: "Conversion", description: "Average increase in user actions", icon: TrendingUp },
-          ]}
-        />
-        <FaqBase
-          title="Technical FAQs"
-          description="Clarifying our approach to professional web development."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          faqs={[
-            { id: "f1", title: "How do you ensure project security?", content: "We implement industry-standard security protocols, perform regular code audits, and utilize encrypted environments for all deployments." },
-            { id: "f2", title: "Do you provide ongoing maintenance?", content: "Yes, we offer comprehensive Service Level Agreements (SLAs) for continuous monitoring, security updates, and performance tuning." },
-            { id: "f3", title: "Can you handle large-scale web apps?", content: "Absolutely. We specialize in building scalable architectures using React, Next.js, and serverless technologies capable of handling massive traffic." },
-          ]}
-        />
-        <ContactCTA
-          tag="Let's Connect"
-          title="Ready to Build Your Next Project?"
-          description="Contact C.A.C WEB BUILDER for a professional assessment of your digital infrastructure needs. Reach us directly at 817-937-0324."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[
-            { text: "Schedule Consultation", href: "/contact" },
-          ]}
-          useInvertedBackground={false}
-        />
+        <div id="hero">
+          <HeroSplitDoubleCarousel
+            logoText="C.A.C WEB BUILDER"
+            description="Enterprise-grade web solutions designed for high performance, security, and scalability. C.A.C WEB BUILDER transforms your vision into a robust digital reality."
+            buttons={[
+              { text: "Start Project", href: "/contact" },
+              { text: "View Portfolio", href: "#work" },
+            ]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "Enterprise SaaS Dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "Custom Finance Portal" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294555.jpg", imageAlt: "E-commerce Infrastructure" },
+            ]}
+          />
+        </div>
+        <div id="services">
+          <FeatureBento
+            title="Core Capabilities"
+            description="We focus on technical excellence to ensure your business stays ahead of the competition."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            features={[
+              { title: "Secure Infrastructure", description: "Robust security protocols designed for enterprise requirements.", icon: Lock },
+              { title: "Scalable Architecture", description: "Future-proof your business with our modular, high-load code.", icon: Puzzle },
+              { title: "Conversion Focus", description: "UI/UX optimized for maximum engagement and lead generation.", icon: TrendingUp },
+            ]}
+          />
+        </div>
+        <div id="work">
+          <TestimonialCardFifteen
+             title="Proven Track Record"
+             description="Our portfolio demonstrates our commitment to precision, design, and technical mastery."
+             gridVariant="uniform-all-items-equal"
+             animationType="slide-up"
+             textboxLayout="default"
+             testimonials={[
+               { id: "1", name: "Financial Portal", role: "Secure", company: "FinTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg" },
+               { id: "2", name: "B2B SaaS Hub", role: "Workflow", company: "SaaS", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg" }
+             ]}
+          />
+        </div>
+        <div id="about">
+           <TeamCardFive
+              title="Our Team"
+              tag="Experts"
+              memberVariant="card"
+              members={[
+                { id: "m1", name: "Engineering Lead" },
+                { id: "m2", name: "Design Specialist" }
+              ]}
+           />
+        </div>
+        <div id="metrics">
+          <MetricCardOne
+            title="Data-Driven Results"
+            description="We measure our success by the growth of your business."
+            animationType="slide-up"
+            metrics={[
+              { id: "p1", title: "Uptime", value: "99.9%", icon: Shield },
+              { id: "p2", title: "Speed Boost", value: "2x", icon: Zap },
+            ]}
+          />
+        </div>
+        <div id="faq">
+          <FaqBase
+            title="Technical FAQs"
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "How do you ensure project security?", content: "We implement industry-standard security protocols." },
+              { id: "f2", title: "Can you handle large-scale apps?", content: "Yes, we specialize in high-traffic architectures." },
+            ]}
+          />
+        </div>
+        <div id="contact">
+          <ContactCTA
+            title="Ready to Build?"
+            description="Contact us for a professional assessment."
+            inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }]}
+          />
+        </div>
         <FooterBase
-          logoText="C.A.C WEB BUILDER"
-          copyrightText="© 2026 C.A.C WEB BUILDER. All rights reserved."
           columns={[
-            { title: "Solutions", items: [{ label: "Engineering", href: "#" }, { label: "Design", href: "#" }, { label: "Security", href: "#" }] },
-            { title: "Company", items: [{ label: "About", href: "#" }, { label: "Work", href: "#" }, { label: "Careers", href: "#" }] },
-            { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Help Center", href: "#" }, { label: "Contact (817-937-0324)", href: "/contact" }] },
+            { title: "Solutions", items: [{ label: "Engineering", href: "#" }] },
+            { title: "Company", items: [{ label: "About", href: "#" }] },
           ]}
+          bottomLeftText="C.A.C WEB BUILDER"
+          bottomRightText="© 2026"
         />
       </ReactLenis>
     </ThemeProvider>
-- 
2.49.1