From 45b85435f2642929da934c2a5b51bae2261388b6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 06:35:32 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e22e2f3..b7cb053 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -22,7 +22,7 @@ export default function LandingPage() {
         sizing="medium"
         background="none"
         cardStyle="glass-elevated"
-        primaryButtonStyle="metallic"
+        primaryButtonStyle="gradient"
         secondaryButtonStyle="glass"
         headingFontWeight="medium"
     >
@@ -30,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Metrics",
-          id: "#metrics",
-        },
-        {
-          name: "Team",
-          id: "#team",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Features", id: "#features" },
+        { name: "Metrics", id: "#metrics" },
+        { name: "Team", id: "#team" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="AutomateAI"
     />
@@ -53,110 +41,35 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Automate Your Workflow, Multiply Your Impact."
       description="Deploy advanced AI agents to handle repetitive tasks, data processing, and customer support, allowing your team to focus on high-value strategy."
       leftCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=1",
-          imageAlt: "AI Interface",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=1",
-          imageAlt: "Network",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=2",
-          imageAlt: "Dashboard",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=2",
-          imageAlt: "Neural Flow",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=3",
-          imageAlt: "Automation Nodes",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "AI Interface" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "Network" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "Dashboard" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "Neural Flow" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "Automation Nodes" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=3",
-          imageAlt: "Network",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=4",
-          imageAlt: "AI Interface",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=4",
-          imageAlt: "Data Streams",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=5",
-          imageAlt: "Tech Connectivity",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=5",
-          imageAlt: "System Architecture",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "Network" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "AI Interface" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "Data Streams" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png", imageAlt: "Tech Connectivity" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png", imageAlt: "System Architecture" },
       ]}
       buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Explore Features",
-          href: "#features",
-        },
+        { text: "Get Started", href: "#contact" },
+        { text: "Explore Features", href: "#features" },
       ]}
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "User 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "User 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "User 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "User 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "User 5",
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 1" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 2" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 3" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 4" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "User 5" },
       ]}
       avatarText="Trusted by 500+ innovative tech companies"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "AI Integration",
-        },
-        {
-          type: "text",
-          text: "Automated CRM",
-        },
-        {
-          type: "text",
-          text: "Predictive Analytics",
-        },
-        {
-          type: "text",
-          text: "Real-time Data",
-        },
-        {
-          type: "text",
-          text: "Workflow Optimization",
-        },
-      ]}
     />
   </div>
 
@@ -167,35 +80,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Predictive Analytics",
-          description: "Harness historical data to forecast trends and optimize resource allocation.",
-          bentoComponent: "line-chart",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/futuristic-ai-automation-dashboard-glowi-1775198080073-a946254e.png?_wi=6",
-          imageAlt: "Futuristic AI automation dashboard, glowing nodes and connections, deep dark background with cyan an",
-        },
+          title: "Predictive Analytics",          description: "Harness historical data to forecast trends and optimize resource allocation.",          bentoComponent: "line-chart"},
         {
-          title: "Automated CRM",
-          description: "Sync customer interactions across platforms instantly.",
-          bentoComponent: "chat",
-          aiIcon: Star,
+          title: "Automated CRM",          description: "Sync customer interactions across platforms instantly.",          bentoComponent: "chat",          aiIcon: Star,
           userIcon: User,
-          exchanges: [
-            {
-              userMessage: "Update client record",
-              aiResponse: "Updating CRM record now.",
-            },
-          ],
-          placeholder: "Agent active...",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-ai-neural-network-structure-dat-1775198080575-59331e79.png?_wi=6",
-          imageAlt: "Abstract AI neural network structure, data flow lines moving across a dark space, professional, high",
+          exchanges: [{ userMessage: "Update client record", aiResponse: "Updating CRM record now." }],
+          placeholder: "Agent active..."
         },
         {
-          title: "Global Infrastructure",
-          description: "Deploy agents across multiple time zones with zero latency.",
-          bentoComponent: "globe",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          imageAlt: "Professional headshot of a diverse tech executive, clean studio lighting, neutral background.",
-        },
+          title: "Global Infrastructure",          description: "Deploy agents across multiple time zones with zero latency.",          bentoComponent: "globe"},
       ]}
       title="Smart Automation Architecture"
       description="Our platform integrates seamlessly with your existing stack to drive efficiency."
@@ -207,28 +100,11 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={false}
+      animationType="slide-up"
       metrics={[
-        {
-          id: "m1",
-          value: "95%",
-          title: "Efficiency Increase",
-          description: "Across operational cycles.",
-          icon: Zap,
-        },
-        {
-          id: "m2",
-          value: "40hrs",
-          title: "Weekly Time Saved",
-          description: "For core internal teams.",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "12x",
-          title: "Data Processing",
-          description: "Speed improvements.",
-          icon: TrendingUp,
-        },
+        { id: "m1", value: "95%", title: "Efficiency Increase", description: "Across operational cycles.", icon: Zap },
+        { id: "m2", value: "40hrs", title: "Weekly Time Saved", description: "For core internal teams.", icon: Clock },
+        { id: "m3", value: "12x", title: "Data Processing", description: "Speed improvements.", icon: TrendingUp },
       ]}
       title="Proven Impact"
       description="Quantifiable results achieved by our partners."
@@ -242,26 +118,11 @@ export default function LandingPage() {
       rating={5}
       author="Sarah Chen, CTO at TechStream"
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "Sarah",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "David",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "Elena",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "Marcus",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png",
-          alt: "Jordan",
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "Sarah" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "David" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "Elena" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "Marcus" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-diverse-tech--1775198080784-95b5d4f8.png", alt: "Jordan" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -273,21 +134,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "How long does implementation take?",
-          content: "Most integrations take less than 48 hours.",
-        },
-        {
-          id: "f2",
-          title: "Is my data secure?",
-          content: "We use enterprise-grade end-to-end encryption.",
-        },
-        {
-          id: "f3",
-          title: "Do I need technical skills?",
-          content: "Not at all, our interface is designed for non-technical users.",
-        },
+        { id: "f1", title: "How long does implementation take?", content: "Most integrations take less than 48 hours." },
+        { id: "f2", title: "Is my data secure?", content: "We use enterprise-grade end-to-end encryption." },
+        { id: "f3", title: "Do I need technical skills?", content: "Not at all, our interface is designed for non-technical users." },
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our AI implementation process."
@@ -298,50 +147,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Ready to scale?"
       title="Let's automate your future."
       description="Our specialists are ready to discuss your unique workflows and identify high-impact automation opportunities."
-      buttons={[
-        {
-          text: "Schedule Consultation",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Schedule Consultation", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Security",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Security", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
       ]}
     />
   </div>
-- 
2.49.1