From a1d5c5ab05bb4f1cdfee147b49d426bc39ef7530 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 11:28:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 219 +++++++++++------------------------------------
 1 file changed, 50 insertions(+), 169 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5f70ee5..91deaca 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="AUTOAGENTS"
     />
@@ -55,55 +47,34 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="AUTOAGENTS — Your Business Grows, AI Works"
       description="Stop losing hours to routine tasks. Deploy digital employees that handle customer inquiries, data entry, and followups 24/7—so your team focuses on strategy."
       imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-connections-background-networking-connecting-lines-dots_1048-12640.jpg"
       imageAlt="AI Business Automation Abstract"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/man-black-suit-posing-indoors_23-2148401472.jpg",
-          alt: "User A",
-        },
+          src: "http://img.b2bpic.net/free-photo/man-black-suit-posing-indoors_23-2148401472.jpg",          alt: "User A"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85911.jpg",
-          alt: "User B",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85911.jpg",          alt: "User B"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-businessman-black-wall_176420-3460.jpg",
-          alt: "User C",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-businessman-black-wall_176420-3460.jpg",          alt: "User C"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg",
-          alt: "User D",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16037.jpg",          alt: "User D"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
-          alt: "User E",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",          alt: "User E"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "24/7 Automation",
-        },
+          type: "text",          text: "24/7 Automation"},
         {
-          type: "text",
-          text: "Scalable Workflow",
-        },
+          type: "text",          text: "Scalable Workflow"},
         {
-          type: "text",
-          text: "Enterprise Security",
-        },
+          type: "text",          text: "Enterprise Security"},
         {
-          type: "text",
-          text: "Data Precision",
-        },
+          type: "text",          text: "Data Precision"},
         {
-          type: "text",
-          text: "ROI Focused",
-        },
+          type: "text",          text: "ROI Focused"},
       ]}
     />
   </div>
@@ -113,39 +84,25 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
-          content: "The Future of Scalable Operations",
-        },
+          type: "text",          content: "The Future of Scalable Operations"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
-          alt: "AI Service",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",          alt: "AI Service"},
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardSixteen
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "Manual CRM data entry delays",
-          "Team burnout from repetitive tasks",
-          "Inconsistent lead follow-up quality",
-          "High administrative overhead",
-          "Siloed communication channels",
-        ],
+          "Manual CRM data entry delays",          "Team burnout from repetitive tasks",          "Inconsistent lead follow-up quality",          "High administrative overhead",          "Siloed communication channels"],
       }}
       positiveCard={{
         items: [
-          "Real-time automated data processing",
-          "Scalable support capacity 24/7",
-          "Consistent, high-intent lead engagement",
-          "Streamlined departmental workflows",
-          "Predictable operational output",
-        ],
+          "Real-time automated data processing",          "Scalable support capacity 24/7",          "Consistent, high-intent lead engagement",          "Streamlined departmental workflows",          "Predictable operational output"],
       }}
       title="Efficiency Without The Friction"
       description="AutoAgents seamlessly replaces repetitive workflows with precision-engineered AI intelligence."
@@ -160,25 +117,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "85%",
-          description: "Reduction in admin time",
-        },
+          id: "m1",          value: "85%",          description: "Reduction in admin time"},
         {
-          id: "m2",
-          value: "24/7",
-          description: "Operational continuity",
-        },
+          id: "m2",          value: "24/7",          description: "Operational continuity"},
         {
-          id: "m3",
-          value: "3x",
-          description: "Lead engagement rate",
-        },
+          id: "m3",          value: "3x",          description: "Lead engagement rate"},
         {
-          id: "m4",
-          value: "99.9%",
-          description: "System reliability",
-        },
+          id: "m4",          value: "99.9%",          description: "System reliability"},
       ]}
       title="Measurable Results, Real ROI"
       description="High-impact performance data for your business."
@@ -192,54 +137,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "starter",
-          badge: "Essential",
-          price: "$1,200/mo",
-          subtitle: "Perfect for SMEs starting automation",
-          features: [
-            "1 Digital Employee",
-            "Standard CRM Integrations",
-            "Email Support",
-          ],
+          id: "starter",          badge: "Essential",          price: "$1,200/mo",          subtitle: "Perfect for SMEs starting automation",          features: [
+            "1 Digital Employee",            "Standard CRM Integrations",            "Email Support"],
           buttons: [
             {
-              text: "Get Started",
-              href: "#contact",
-            },
+              text: "Get Started",              href: "#contact"},
           ],
         },
         {
-          id: "growth",
-          badge: "Growth",
-          price: "$3,500/mo",
-          subtitle: "Scale your operations and lead volume",
-          features: [
-            "3 Digital Employees",
-            "Advanced API Integrations",
-            "Priority Concierge",
-          ],
+          id: "growth",          badge: "Growth",          price: "$3,500/mo",          subtitle: "Scale your operations and lead volume",          features: [
+            "3 Digital Employees",            "Advanced API Integrations",            "Priority Concierge"],
           buttons: [
             {
-              text: "Get Started",
-              href: "#contact",
-            },
+              text: "Get Started",              href: "#contact"},
           ],
         },
         {
-          id: "enterprise",
-          badge: "Enterprise",
-          price: "Custom",
-          subtitle: "For global operations at scale",
-          features: [
-            "Unlimited Agents",
-            "Custom Solution Architect",
-            "Dedicated Success Manager",
-          ],
+          id: "enterprise",          badge: "Enterprise",          price: "Custom",          subtitle: "For global operations at scale",          features: [
+            "Unlimited Agents",            "Custom Solution Architect",            "Dedicated Success Manager"],
           buttons: [
             {
-              text: "Talk to Sales",
-              href: "#contact",
-            },
+              text: "Talk to Sales",              href: "#contact"},
           ],
         },
       ]}
@@ -256,25 +174,15 @@ export default function LandingPage() {
       author="Sarah Johnson, CEO of TechScale"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85918.jpg",
-          alt: "Sarah J",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85918.jpg",          alt: "Sarah J"},
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",
-          alt: "Michael C",
-        },
+          src: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg",          alt: "Michael C"},
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg",
-          alt: "Emily R",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg",          alt: "Emily R"},
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
-          alt: "David K",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",          alt: "David K"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
-          alt: "Elena M",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",          alt: "Elena M"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -287,20 +195,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How long does setup take?",
-          content: "Most integrations are live within 48 hours.",
-        },
+          id: "f1",          title: "How long does setup take?",          content: "Most integrations are live within 48 hours."},
         {
-          id: "f2",
-          title: "Is my data secure?",
-          content: "Enterprise-grade encryption is built into our core.",
-        },
+          id: "f2",          title: "Is my data secure?",          content: "Enterprise-grade encryption is built into our core."},
         {
-          id: "f3",
-          title: "Can agents learn our brand tone?",
-          content: "Yes, agents are trained on your specific brand guidelines.",
-        },
+          id: "f3",          title: "Can agents learn our brand tone?",          content: "Yes, agents are trained on your specific brand guidelines."},
       ]}
       mediaAnimation="opacity"
       title="Frequently Asked Questions"
@@ -318,24 +217,16 @@ export default function LandingPage() {
       description="Reach out today to see your automation potential."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email",          required: true,
         },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/keyboard-near-monitor-computer-mouse-headphones-table_23-2148040535.jpg"
       imageAlt="modern digital contact interface"
       textarea={{
-        name: "message",
-        placeholder: "Tell us about your needs",
-        rows: 4,
+        name: "message",        placeholder: "Tell us about your needs",        rows: 4,
         required: true,
       }}
     />
@@ -345,29 +236,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
       ]}