From 64ee05f87168485b45317411220549aeabd944f5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 21:28:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 278 +++++++++++------------------------------------
 1 file changed, 62 insertions(+), 216 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 24ed3b0..82202a7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,135 +32,80 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="NexAI Agency"
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Architecting Future Intelligence"
       description="Premium AI agent development for forward-thinking enterprises. We combine technical excellence with human-centric design."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-3d-model_23-2149370109.jpg",
-          imageAlt: "AI Agency Visual 1",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-3d-model_23-2149370109.jpg",          imageAlt: "AI Agency Visual 1"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg",
-          imageAlt: "AI Agency Visual 2",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg",          imageAlt: "AI Agency Visual 2"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-ai-tech-agency-workspace-providing-custom-software-development-services_482257-120228.jpg",
-          imageAlt: "AI Agency Visual 3",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-ai-tech-agency-workspace-providing-custom-software-development-services_482257-120228.jpg",          imageAlt: "AI Agency Visual 3"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots-circuit-board-image_1048-5813.jpg",
-          imageAlt: "AI Agency Visual 4",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots-circuit-board-image_1048-5813.jpg",          imageAlt: "AI Agency Visual 4"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15475.jpg",
-          imageAlt: "AI Agency Visual 5",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15475.jpg",          imageAlt: "AI Agency Visual 5"},
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-patient-asking-her-physician-about-new-treatment-plan_482257-117646.jpg",
-          imageAlt: "AI Agency Visual 7",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-patient-asking-her-physician-about-new-treatment-plan_482257-117646.jpg",          imageAlt: "AI Agency Visual 7"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797651.jpg",
-          imageAlt: "AI Agency Visual 8",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797651.jpg",          imageAlt: "AI Agency Visual 8"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg",
-          imageAlt: "AI Agency Visual 9",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg",          imageAlt: "AI Agency Visual 9"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg",
-          imageAlt: "AI Agency Visual 10",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg",          imageAlt: "AI Agency Visual 10"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg",
-          imageAlt: "AI Agency Visual 11",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg",          imageAlt: "AI Agency Visual 11"},
       ]}
       buttons={[
         {
-          text: "View Our Work",
-          href: "#about",
-        },
+          text: "View Our Work",          href: "#about"},
         {
-          text: "Contact Us",
-          href: "#contact",
-        },
+          text: "Contact Us",          href: "#contact"},
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg",
-          alt: "Team Member 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg",          alt: "Team Member 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-indoors_23-2149518285.jpg",
-          alt: "Team Member 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-indoors_23-2149518285.jpg",          alt: "Team Member 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-chair_23-2149518282.jpg",
-          alt: "Team Member 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-chair_23-2149518282.jpg",          alt: "Team Member 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg",
-          alt: "Team Member 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4749.jpg",          alt: "Team Member 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg",
-          alt: "Team Member 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg",          alt: "Team Member 5"},
       ]}
       avatarText="Trusted by 50+ global visionaries"
       marqueeItems={[
         {
-          type: "text",
-          text: "Adaptive AI",
-        },
+          type: "text",          text: "Adaptive AI"},
         {
-          type: "text",
-          text: "Neural Design",
-        },
+          type: "text",          text: "Neural Design"},
         {
-          type: "text",
-          text: "Enterprise Ready",
-        },
+          type: "text",          text: "Enterprise Ready"},
         {
-          type: "text",
-          text: "Seamless Flow",
-        },
+          type: "text",          text: "Seamless Flow"},
         {
-          type: "text",
-          text: "Human Centric",
-        },
+          type: "text",          text: "Human Centric"},
       ]}
     />
   </div>
@@ -170,12 +115,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "InnovateLab",
-        "GrowthCo",
-        "TechPulse",
-        "DataMind",
-        "LogicFlow",
-      ]}
+        "InnovateLab",        "GrowthCo",        "TechPulse",        "DataMind",        "LogicFlow"]}
       title="Trusted by industry leaders"
       description="Collaborating with visionaries to build sustainable AI infrastructures."
     />
@@ -186,14 +126,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Sophisticated AI for Modern Business"
       description={[
-        "We define excellence through bespoke AI agent development. Our methodology balances technical precision with a calm, focused approach to digital transformation.",
-        "Designed for impact, we treat your business technology like a premium service, ensuring every detail works in harmony.",
-      ]}
+        "We define excellence through bespoke AI agent development. Our methodology balances technical precision with a calm, focused approach to digital transformation.",        "Designed for impact, we treat your business technology like a premium service, ensuring every detail works in harmony."]}
       buttons={[
         {
-          text: "Our Approach",
-          href: "#contact",
-        },
+          text: "Our Approach",          href: "#contact"},
       ]}
     />
   </div>
@@ -206,23 +142,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Bespoke Agent Creation",
-          description: "Tailored AI entities designed to perform complex business operations automatically.",
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104507.jpg",
-          imageAlt: "Agent Creation",
-        },
+          title: "Bespoke Agent Creation",          description: "Tailored AI entities designed to perform complex business operations automatically.",          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104507.jpg",          imageAlt: "Agent Creation"},
         {
-          title: "Cognitive Workflow Design",
-          description: "Human-centric, intelligent orchestration layers that streamline every operational aspect.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-background-with-flowing-rainbow-particles_1048-14705.jpg",
-          imageAlt: "Workflow Design",
-        },
+          title: "Cognitive Workflow Design",          description: "Human-centric, intelligent orchestration layers that streamline every operational aspect.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-background-with-flowing-rainbow-particles_1048-14705.jpg",          imageAlt: "Workflow Design"},
         {
-          title: "Enterprise Integration",
-          description: "Seamlessly embedding AI intelligence into your existing infrastructure for immediate scalability.",
-          imageSrc: "http://img.b2bpic.net/free-vector/20-finance-solid-glyph-icon-presentation-vector-icons-illustration_1142-18559.jpg",
-          imageAlt: "Enterprise Integration",
-        },
+          title: "Enterprise Integration",          description: "Seamlessly embedding AI intelligence into your existing infrastructure for immediate scalability.",          imageSrc: "http://img.b2bpic.net/free-vector/20-finance-solid-glyph-icon-presentation-vector-icons-illustration_1142-18559.jpg",          imageAlt: "Enterprise Integration"},
       ]}
       title="Our Core Capabilities"
       description="High-impact services engineered to elevate your enterprise."
@@ -231,38 +155,21 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "40%",
-          title: "Efficiency Gain",
-          items: [
-            "Cost Reduction",
-            "Time Saved",
-            "Operations Optimization",
-          ],
+          id: "m1",          value: "40%",          title: "Efficiency Gain",          items: [
+            "Cost Reduction",            "Time Saved",            "Operations Optimization"],
         },
         {
-          id: "m2",
-          value: "24/7",
-          title: "Operational Availability",
-          items: [
-            "Agent Uptime",
-            "Customer Support",
-            "Data Processing",
-          ],
+          id: "m2",          value: "24/7",          title: "Operational Availability",          items: [
+            "Agent Uptime",            "Customer Support",            "Data Processing"],
         },
         {
-          id: "m3",
-          value: "3x",
-          title: "Scalability Factor",
-          items: [
-            "Rapid Expansion",
-            "Resource Efficiency",
-            "Infrastructure Yield",
-          ],
+          id: "m3",          value: "3x",          title: "Scalability Factor",          items: [
+            "Rapid Expansion",            "Resource Efficiency",            "Infrastructure Yield"],
         },
       ]}
       title="Measurable Impact"
@@ -278,29 +185,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       members={[
         {
-          id: "tm-1",
-          name: "Sarah Miller",
-          role: "Managing Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-posing-with-glasses_23-2148415852.jpg",
-        },
+          id: "tm-1",          name: "Sarah Miller",          role: "Managing Director",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-posing-with-glasses_23-2148415852.jpg"},
         {
-          id: "tm-2",
-          name: "James Chen",
-          role: "Lead Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
-        },
+          id: "tm-2",          name: "James Chen",          role: "Lead Architect",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
         {
-          id: "tm-3",
-          name: "Elena Rodriguez",
-          role: "Cognitive Strategist",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
-        },
+          id: "tm-3",          name: "Elena Rodriguez",          role: "Cognitive Strategist",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
         {
-          id: "tm-4",
-          name: "David Kim",
-          role: "Chief Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-businesswoman-looking-camera-sitting-brainstorming-room-preparing-meeting-with-partners-manager-working-professional-start-up-financial-business-ready-conference_482257-13715.jpg",
-        },
+          id: "tm-4",          name: "David Kim",          role: "Chief Engineer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-businesswoman-looking-camera-sitting-brainstorming-room-preparing-meeting-with-partners-manager-working-professional-start-up-financial-business-ready-conference_482257-13715.jpg"},
       ]}
       title="The Minds Behind The Agency"
       description="A dedicated assembly of architects, engineers, and creative thinkers."
@@ -314,40 +205,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Marcus Thorne",
-          role: "CEO, ThorneCorp",
-          testimonial: "Their AI strategy completely overhauled our business performance.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qsp81a",
-        },
+          id: "1",          name: "Marcus Thorne",          role: "CEO, ThorneCorp",          testimonial: "Their AI strategy completely overhauled our business performance.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qsp81a"},
         {
-          id: "2",
-          name: "Lila Vane",
-          role: "CTO, TechPulse",
-          testimonial: "Sophisticated, fast, and incredibly reliable agents. Truly premium service.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m7f6el",
-        },
+          id: "2",          name: "Lila Vane",          role: "CTO, TechPulse",          testimonial: "Sophisticated, fast, and incredibly reliable agents. Truly premium service.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m7f6el"},
         {
-          id: "3",
-          name: "Arjun Gupta",
-          role: "Founder, GrowthCo",
-          testimonial: "A calm workspace atmosphere translated perfectly into their project management.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=smidb3",
-        },
+          id: "3",          name: "Arjun Gupta",          role: "Founder, GrowthCo",          testimonial: "A calm workspace atmosphere translated perfectly into their project management.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=smidb3"},
         {
-          id: "4",
-          name: "Sophie Reed",
-          role: "COO, DataMind",
-          testimonial: "The architecture they built is nothing short of world-class.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=80amhu",
-        },
+          id: "4",          name: "Sophie Reed",          role: "COO, DataMind",          testimonial: "The architecture they built is nothing short of world-class.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=80amhu"},
         {
-          id: "5",
-          name: "Victor Chen",
-          role: "Manager, LogicFlow",
-          testimonial: "Seamless integration and exceptional communication every step.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6xb9s2",
-        },
+          id: "5",          name: "Victor Chen",          role: "Manager, LogicFlow",          testimonial: "Seamless integration and exceptional communication every step.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6xb9s2"},
       ]}
       title="Voices of Excellence"
       description="See why industry leaders choose our expertise."
@@ -358,8 +224,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       tag="Let's Connect"
       title="Begin Your AI Journey"
       description="Request a consultation to discuss your vision for intelligent enterprise automation."
@@ -372,50 +237,31 @@ export default function LandingPage() {
       logoText="NexAI Agency"
       columns={[
         {
-          title: "Agency",
-          items: [
+          title: "Agency",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Work",
-              href: "#hero",
-            },
+              label: "Work",              href: "#hero"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Solutions",
-          items: [
+          title: "Solutions",          items: [
             {
-              label: "AI Agents",
-              href: "#",
-            },
+              label: "AI Agents",              href: "#"},
             {
-              label: "Integration",
-              href: "#",
-            },
+              label: "Integration",              href: "#"},
             {
-              label: "Strategy",
-              href: "#",
-            },
+              label: "Strategy",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1