From e46daacb2753c320c03a4dccd4400b1af3405b2a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 8 Jun 2026 14:07:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 281 ++++++++++-------------------------------------
 1 file changed, 58 insertions(+), 223 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7b4b406..44e25cc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,52 +33,35 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Marketplace",
-          id: "#marketplace",
-        },
+          name: "Marketplace",          id: "#marketplace"},
         {
-          name: "Impact",
-          id: "#impact",
-        },
+          name: "Impact",          id: "#impact"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
       ]}
       brandName="Axiom AI"
       button={{
-        text: "Start Building Smarter",
-        href: "#contact",
-      }}
+        text: "Start Building Smarter",        href: "#contact"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroLogoBillboard
       background={{
-        variant: "animated-grid",
-      }}
+        variant: "animated-grid"}}
       logoText="AXIOM AI"
       description="Build productiongrade workflows, databases, and responsive interfaces in seconds using natural language—no manual configuration required. Axiom AI understands your visual canvas and generates native, optimized code thats ready to ship."
       buttons={[
         {
-          text: "Start Building Smarter",
-          href: "#contact",
-        },
+          text: "Start Building Smarter",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg"
       imageAlt="Axiom AI Dashboard"
       mediaAnimation="slide-up"
       frameStyle="browser"
@@ -92,19 +75,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Layers,
-          label: "Workflows Automated",
-          value: "1000+",
-        },
+          label: "Workflows Automated",          value: "1000+"},
         {
           icon: Grid,
-          label: "UI Layouts Generated",
-          value: "5000+",
-        },
+          label: "UI Layouts Generated",          value: "5000+"},
         {
           icon: Lightbulb,
-          label: "Logic Schemas Deployed",
-          value: "2000+",
-        },
+          label: "Logic Schemas Deployed",          value: "2000+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -117,79 +94,55 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Production-Ready Workflows",
-          description: "Generate complex backend logic and data flows with natural language, ready for deployment in your no-code builder.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174342.jpg",
-            imageAlt: "AI generated workflow",
-          },
+          title: "Production-Ready Workflows",          description: "Generate complex backend logic and data flows with natural language, ready for deployment in your no-code builder.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174342.jpg",            imageAlt: "AI generated workflow"},
           items: [
             {
               icon: CheckCircle,
-              text: "Automated backend logic",
-            },
+              text: "Automated backend logic"},
             {
               icon: CheckCircle,
-              text: "Seamless data integrations",
-            },
+              text: "Seamless data integrations"},
             {
               icon: CheckCircle,
-              text: "Optimized for performance",
-            },
+              text: "Optimized for performance"},
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg?_wi=2",
-          imageAlt: "no-code workflow builder UI orange",
+          imageAlt: "no-code workflow builder UI orange"
         },
         {
-          title: "Intuitive UI Layouts",
-          description: "Instantly create responsive and visually stunning user interfaces tailored to your platform's design system.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg",
-            imageAlt: "AI generated UI layout",
-          },
+          title: "Intuitive UI Layouts",          description: "Instantly create responsive and visually stunning user interfaces tailored to your platform's design system.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg",            imageAlt: "AI generated UI layout"},
           items: [
             {
               icon: CheckCircle,
-              text: "Responsive design generation",
-            },
+              text: "Responsive design generation"},
             {
               icon: CheckCircle,
-              text: "Platform-native components",
-            },
+              text: "Platform-native components"},
             {
               icon: CheckCircle,
-              text: "Customizable visual themes",
-            },
+              text: "Customizable visual themes"},
           ],
           reverse: true,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gie5in",
-          imageAlt: "no-code workflow builder UI orange",
+          imageAlt: "no-code workflow builder UI orange"
         },
         {
-          title: "Smart Logic Schemas",
-          description: "Axiom AI designs optimized database schemas and robust API connections based on your application's context.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg",
-            imageAlt: "AI generated logic schema",
-          },
+          title: "Smart Logic Schemas",          description: "Axiom AI designs optimized database schemas and robust API connections based on your application's context.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg",            imageAlt: "AI generated logic schema"},
           items: [
             {
               icon: CheckCircle,
-              text: "Intelligent database design",
-            },
+              text: "Intelligent database design"},
             {
               icon: CheckCircle,
-              text: "Secure API connections",
-            },
+              text: "Secure API connections"},
             {
               icon: CheckCircle,
-              text: "Scalable data architecture",
-            },
+              text: "Scalable data architecture"},
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-vector/graphic-design-icons_98292-1738.jpg",
-          imageAlt: "no-code workflow builder UI orange",
+          imageAlt: "no-code workflow builder UI orange"
         },
       ]}
       title="Unleash Your Creative Power"
@@ -207,47 +160,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Bubble Plugin",
-          price: "$29/month",
-          imageSrc: "http://img.b2bpic.net/free-photo/crystal-balls-with-blue-background_23-2150439088.jpg",
-          imageAlt: "Bubble no-code platform integration",
-        },
+          id: "p1",          name: "Bubble Plugin",          price: "$29/month",          imageSrc: "http://img.b2bpic.net/free-photo/crystal-balls-with-blue-background_23-2150439088.jpg",          imageAlt: "Bubble no-code platform integration"},
         {
-          id: "p2",
-          name: "FlutterFlow Connector",
-          price: "$39/month",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-factor-authentication-mobile-device_23-2151997022.jpg",
-          imageAlt: "FlutterFlow low-code platform connector",
-        },
+          id: "p2",          name: "FlutterFlow Connector",          price: "$39/month",          imageSrc: "http://img.b2bpic.net/free-photo/two-factor-authentication-mobile-device_23-2151997022.jpg",          imageAlt: "FlutterFlow low-code platform connector"},
         {
-          id: "p3",
-          name: "Webflow Extension",
-          price: "$24/month",
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg",
-          imageAlt: "Webflow no-code platform extension",
-        },
+          id: "p3",          name: "Webflow Extension",          price: "$24/month",          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg",          imageAlt: "Webflow no-code platform extension"},
         {
-          id: "p4",
-          name: "Zapier Automation Pack",
-          price: "$19/month",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-data-center-admin-doing-checkup-using-machine-learning-prolong-hardware-life-span_482257-136276.jpg",
-          imageAlt: "Zapier automation integration",
-        },
+          id: "p4",          name: "Zapier Automation Pack",          price: "$19/month",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-data-center-admin-doing-checkup-using-machine-learning-prolong-hardware-life-span_482257-136276.jpg",          imageAlt: "Zapier automation integration"},
         {
-          id: "p5",
-          name: "Airtable Data Sync",
-          price: "$34/month",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-data-center-facility-with-artificial-intelligence-simulation_482257-122221.jpg",
-          imageAlt: "Airtable database synchronization",
-        },
+          id: "p5",          name: "Airtable Data Sync",          price: "$34/month",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-data-center-facility-with-artificial-intelligence-simulation_482257-122221.jpg",          imageAlt: "Airtable database synchronization"},
         {
-          id: "p6",
-          name: "Notion Content Builder",
-          price: "$29/month",
-          imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-tablet-s-screen_1134-584.jpg",
-          imageAlt: "Notion content management integration",
-        },
+          id: "p6",          name: "Notion Content Builder",          price: "$29/month",          imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-tablet-s-screen_1134-584.jpg",          imageAlt: "Notion content management integration"},
       ]}
       title="Explore Our Marketplace Integrations"
       description="Discover pre-built plugins and direct integrations for popular no-code platforms like Bubble, FlutterFlow, and Webflow. Extend your capabilities effortlessly."
@@ -259,36 +182,19 @@ export default function LandingPage() {
       <MetricCardSeven
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       metrics={[
         {
-          id: "m1",
-          value: "75%",
-          title: "Reduction in Development Time",
-          items: [
-            "Streamlined workflows",
-            "Automated UI generation",
-            "Faster iteration cycles",
-          ],
+          id: "m1",          value: "75%",          title: "Reduction in Development Time",          items: [
+            "Streamlined workflows",            "Automated UI generation",            "Faster iteration cycles"],
         },
         {
-          id: "m2",
-          value: "60%",
-          title: "Decrease in Manual Configuration",
-          items: [
-            "Intelligent schema design",
-            "Automated logic generation",
-            "Error reduction",
-          ],
+          id: "m2",          value: "60%",          title: "Decrease in Manual Configuration",          items: [
+            "Intelligent schema design",            "Automated logic generation",            "Error reduction"],
         },
         {
-          id: "m3",
-          value: "2X",
-          title: "Faster Time-to-Market",
-          items: [
-            "Production-ready code",
-            "Optimized for performance",
-            "Seamless deployment",
-          ],
+          id: "m3",          value: "2X",          title: "Faster Time-to-Market",          items: [
+            "Production-ready code",            "Optimized for performance",            "Seamless deployment"],
         },
       ]}
       title="Quantifiable Impact & Scale"
@@ -303,65 +209,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          date: "May 2024",
-          title: "Game-Changer for Startup Velocity!",
-          quote: "Axiom AI has dramatically cut our development cycles from weeks to days. The AI-generated workflows and UI layouts are production-ready, saving us countless hours. It’s an absolute game-changer for any no-code startup!",
-          tag: "No-Code Founder",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg",
-          avatarAlt: "Sarah Johnson avatar",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-concept_23-2148606529.jpg",
-          imageAlt: "Startup application dashboard",
-        },
+          id: "1",          name: "Sarah Johnson",          date: "May 2024",          title: "Game-Changer for Startup Velocity!",          quote: "Axiom AI has dramatically cut our development cycles from weeks to days. The AI-generated workflows and UI layouts are production-ready, saving us countless hours. It’s an absolute game-changer for any no-code startup!",          tag: "No-Code Founder",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg",          avatarAlt: "Sarah Johnson avatar",          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-concept_23-2148606529.jpg",          imageAlt: "Startup application dashboard"},
         {
-          id: "2",
-          name: "Michael Chen",
-          date: "April 2024",
-          title: "Effortless Integration, Powerful Results",
-          quote: "As a product manager, ensuring smooth integration is key. Axiom AI’s plugin architecture made embedding advanced AI features into our platform seamless. The logic schemas are incredibly robust.",
-          tag: "Product Manager",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
-          avatarAlt: "Michael Chen avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg",
-          imageAlt: "Visual code editor on tablet",
-        },
+          id: "2",          name: "Michael Chen",          date: "April 2024",          title: "Effortless Integration, Powerful Results",          quote: "As a product manager, ensuring smooth integration is key. Axiom AI’s plugin architecture made embedding advanced AI features into our platform seamless. The logic schemas are incredibly robust.",          tag: "Product Manager",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",          avatarAlt: "Michael Chen avatar",          imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg",          imageAlt: "Visual code editor on tablet"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          date: "March 2024",
-          title: "Unlocks New Levels of Creativity",
-          quote: "With Axiom AI handling the repetitive setup, our agency can focus on creative solutions. Generating complex UI and logic in minutes means we deliver more value, faster. Highly recommended for agency builders.",
-          tag: "Agency Builder",
-          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-posing-outdoors_23-2148323505.jpg",
-          avatarAlt: "Emily Rodriguez avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-120252.jpg",
-          imageAlt: "Modern office desk with application",
-        },
+          id: "3",          name: "Emily Rodriguez",          date: "March 2024",          title: "Unlocks New Levels of Creativity",          quote: "With Axiom AI handling the repetitive setup, our agency can focus on creative solutions. Generating complex UI and logic in minutes means we deliver more value, faster. Highly recommended for agency builders.",          tag: "Agency Builder",          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-posing-outdoors_23-2148323505.jpg",          avatarAlt: "Emily Rodriguez avatar",          imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-120252.jpg",          imageAlt: "Modern office desk with application"},
         {
-          id: "4",
-          name: "David Kim",
-          date: "February 2024",
-          title: "Enterprise-Grade Reliability & Speed",
-          quote: "Our enterprise workflow automation team needed a solution that scaled and integrated natively. Axiom AI delivered beyond expectations, providing reliable, secure, and production-ready outputs without additional engineering overhead.",
-          tag: "Enterprise Lead",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-successful-businesspeople-office_1098-1473.jpg",
-          avatarAlt: "David Kim avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473186.jpg",
-          imageAlt: "Data flow between digital systems",
-        },
+          id: "4",          name: "David Kim",          date: "February 2024",          title: "Enterprise-Grade Reliability & Speed",          quote: "Our enterprise workflow automation team needed a solution that scaled and integrated natively. Axiom AI delivered beyond expectations, providing reliable, secure, and production-ready outputs without additional engineering overhead.",          tag: "Enterprise Lead",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-successful-businesspeople-office_1098-1473.jpg",          avatarAlt: "David Kim avatar",          imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473186.jpg",          imageAlt: "Data flow between digital systems"},
         {
-          id: "5",
-          name: "Jessica Lee",
-          date: "January 2024",
-          title: "Revolutionized My Development Process",
-          quote: "I used to spend weeks on manual configurations and debugging. Axiom AI’s context-aware engine now handles it all, letting me focus on innovation. My time-to-market has never been faster!",
-          tag: "Developer",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
-          avatarAlt: "Jessica Lee avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartwatch-with-abstract-background_1134-390.jpg",
-          imageAlt: "User viewing finished application",
-        },
+          id: "5",          name: "Jessica Lee",          date: "January 2024",          title: "Revolutionized My Development Process",          quote: "I used to spend weeks on manual configurations and debugging. Axiom AI’s context-aware engine now handles it all, letting me focus on innovation. My time-to-market has never been faster!",          tag: "Developer",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",          avatarAlt: "Jessica Lee avatar",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartwatch-with-abstract-background_1134-390.jpg",          imageAlt: "User viewing finished application"},
       ]}
       title="What Our Users Are Saying"
       description="Hear from no-code founders and enterprise teams who are building smarter, faster, and more efficiently with Axiom AI."
@@ -375,25 +231,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "What is Axiom AI?",
-          content: "Axiom AI is a context-aware AI engine that generates production-ready workflows, UI layouts, and logic schemas directly within no-code visual builders. It helps creators build complex applications in minutes instead of weeks.",
-        },
+          id: "faq1",          title: "What is Axiom AI?",          content: "Axiom AI is a context-aware AI engine that generates production-ready workflows, UI layouts, and logic schemas directly within no-code visual builders. It helps creators build complex applications in minutes instead of weeks."},
         {
-          id: "faq2",
-          title: "Which no-code platforms does Axiom AI integrate with?",
-          content: "Axiom AI is designed for seamless integration with popular no-code and low-code platforms such as Bubble, FlutterFlow, Webflow, and more. Our marketplace offers various plugins and connectors.",
-        },
+          id: "faq2",          title: "Which no-code platforms does Axiom AI integrate with?",          content: "Axiom AI is designed for seamless integration with popular no-code and low-code platforms such as Bubble, FlutterFlow, Webflow, and more. Our marketplace offers various plugins and connectors."},
         {
-          id: "faq3",
-          title: "How does Axiom AI save time?",
-          content: "By understanding your visual canvas and natural language inputs, Axiom AI automates repetitive manual configuration, database schema design, and logic debugging, significantly reducing development time and technical friction.",
-        },
+          id: "faq3",          title: "How does Axiom AI save time?",          content: "By understanding your visual canvas and natural language inputs, Axiom AI automates repetitive manual configuration, database schema design, and logic debugging, significantly reducing development time and technical friction."},
         {
-          id: "faq4",
-          title: "Is the generated code optimized and secure?",
-          content: "Yes, Axiom AI generates native, optimized code that is ready to ship, prioritizing reliability and security for both individual creators and enterprise teams.",
-        },
+          id: "faq4",          title: "Is the generated code optimized and secure?",          content: "Yes, Axiom AI generates native, optimized code that is ready to ship, prioritizing reliability and security for both individual creators and enterprise teams."},
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about Axiom AI, its integration, and how it can empower your development process."
@@ -406,16 +250,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get Started"
       title="Ready to Build Smarter, Not Harder?"
       description="Join the community of creators leveraging Axiom AI to transform their no-code development. Start your journey towards intelligent automation and rapid application building today!"
       buttons={[
         {
-          text: "Request a Demo",
-          href: "#",
-        },
+          text: "Request a Demo",          href: "#"},
       ]}
     />
   </div>
@@ -427,19 +268,13 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Twitter,
-          href: "https://twitter.com/axiomaiofficial",
-          ariaLabel: "Twitter",
-        },
+          href: "https://twitter.com/axiomaiofficial",          ariaLabel: "Twitter"},
         {
           icon: Linkedin,
-          href: "https://linkedin.com/company/axiomai",
-          ariaLabel: "LinkedIn",
-        },
+          href: "https://linkedin.com/company/axiomai",          ariaLabel: "LinkedIn"},
         {
           icon: Github,
-          href: "https://github.com/axiomaiofficial",
-          ariaLabel: "GitHub",
-        },
+          href: "https://github.com/axiomaiofficial",          ariaLabel: "GitHub"},
       ]}
     />
   </div>
-- 
2.49.1