From ae5935ca36c660b18fea3943195c51a7081a44d9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 18:53:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 454 +++++++++++++++--------------------------------
 1 file changed, 146 insertions(+), 308 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d27d840..fa641ae 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,323 +28,161 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="axionelAI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "About", id: "#about" },
+              { name: "Features", id: "#features" },
+              { name: "Pricing", id: "#pricing" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="axionelAI"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Architecting the Intelligence of Tomorrow."
-      description="axionelAI transforms raw data into strategic foresight. Powering innovation for the modern enterprise through advanced machine learning models."
-      imageSrc="http://img.b2bpic.net/free-photo/3d-plexus-background-with-connecting-lines-dots_1048-11704.jpg?_wi=1"
-      imageAlt="artificial intelligence data background"
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Architecting the Intelligence of Tomorrow."
+            description="axionelAI transforms raw data into strategic foresight. Powering innovation for the modern enterprise through advanced machine learning models."
+            imageSrc="http://img.b2bpic.net/free-photo/3d-plexus-background-with-connecting-lines-dots_1048-11704.jpg"
+            imageAlt="artificial intelligence data background"
+            buttons={[
+              { text: "Get Started", href: "#contact" },
+              { text: "Learn More", href: "#about" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        {
-          type: "text",
-          content: "Our Philosophy",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/empty-modern-office-workspace-designed-job-interviews-achieve-success_482257-116550.jpg",
-          alt: "software development studio",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[
+              { type: "text", content: "Our Philosophy" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/empty-modern-office-workspace-designed-job-interviews-achieve-success_482257-116550.jpg", alt: "software development studio" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Predictive Analytics",
-          description: "Anticipate market trends before they materialize.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-connecting-lines-dots_1048-11704.jpg?_wi=2",
-          imageAlt: "data analytics dashboard conceptual",
-        },
-        {
-          title: "Automated Workflows",
-          description: "Reduce manual friction with intelligent process orchestration.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-workspace-designed-job-interviews-achieve-success_482257-116550.jpg",
-          imageAlt: "data analytics dashboard conceptual",
-        },
-        {
-          title: "Real-time Processing",
-          description: "In-memory compute engines for immediate decision making.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg?_wi=1",
-          imageAlt: "data analytics dashboard conceptual",
-        },
-      ]}
-      showStepNumbers={true}
-      title="Core Capabilities"
-      description="Deploy scalable, automated intelligence that adapts to your unique operational requirements."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showStepNumbers={true}
+            title="Core Capabilities"
+            description="Deploy scalable, automated intelligence that adapts to your unique operational requirements."
+            features={[
+              {
+                title: "Predictive Analytics",                description: "Anticipate market trends before they materialize.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg" }
+              },
+              {
+                title: "Automated Workflows",                description: "Reduce manual friction with intelligent process orchestration.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg" }
+              },
+              {
+                title: "Real-time Processing",                description: "In-memory compute engines for immediate decision making.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "axionel",
-          name: "Core Engine",
-          price: "$9,999",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          brand: "axionel",
-          name: "Insight Pro",
-          price: "$14,999",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910245.jpg",
-        },
-        {
-          id: "p3",
-          brand: "axionel",
-          name: "Automate X",
-          price: "$19,999",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-125580.jpg",
-        },
-        {
-          id: "p4",
-          brand: "axionel",
-          name: "Predictor AI",
-          price: "$24,999",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8628.jpg",
-        },
-        {
-          id: "p5",
-          brand: "axionel",
-          name: "Data Stream",
-          price: "$5,999",
-          rating: 5,
-          reviewCount: "305",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg",
-        },
-        {
-          id: "p6",
-          brand: "axionel",
-          name: "Agent Hub",
-          price: "$29,999",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
-        },
-      ]}
-      title="Our Solutions"
-      description="Scalable AI engines designed for immediate deployment and massive impact."
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            title="Our Solutions"
+            description="Scalable AI engines designed for immediate deployment and massive impact."
+            products={[
+              { id: "p1", brand: "axionel", name: "Core Engine", price: "$9,999", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg" },
+              { id: "p2", brand: "axionel", name: "Insight Pro", price: "$14,999", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910245.jpg" },
+              { id: "p3", brand: "axionel", name: "Automate X", price: "$19,999", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-125580.jpg" },
+              { id: "p4", brand: "axionel", name: "Predictor AI", price: "$24,999", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8628.jpg" },
+              { id: "p5", brand: "axionel", name: "Data Stream", price: "$5,999", rating: 5, reviewCount: "305", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg" },
+              { id: "p6", brand: "axionel", name: "Agent Hub", price: "$29,999", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          description: "Model Uptime",
-        },
-        {
-          id: "m2",
-          value: "15x",
-          description: "Speed Increase",
-        },
-        {
-          id: "m3",
-          value: "500+",
-          description: "Deployments",
-        },
-        {
-          id: "m4",
-          value: "24/7",
-          description: "Global Support",
-        },
-        {
-          id: "m5",
-          value: "12+",
-          description: "Industry Awards",
-        },
-      ]}
-      title="By The Numbers"
-      description="Quantifiable value added to global enterprises."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            title="By The Numbers"
+            description="Quantifiable value added to global enterprises."
+            metrics={[
+              { id: "m1", value: "99.9%", description: "Model Uptime" },
+              { id: "m2", value: "15x", description: "Speed Increase" },
+              { id: "m3", value: "500+", description: "Deployments" },
+              { id: "m4", value: "24/7", description: "Global Support" },
+              { id: "m5", value: "12+", description: "Industry Awards" },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="AxionelAI fundamentally shifted our development cycle, reducing overhead by nearly 60% within the first quarter."
-      rating={5}
-      author="Mark Richardson, CTO of GlobalLogistics"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg",
-          alt: "portrait professional dark background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
-          alt: "portrait professional dark background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
-          alt: "portrait professional dark background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
-          alt: "portrait professional dark background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
-          alt: "portrait professional dark background",
-        },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={true}
+            testimonial="AxionelAI fundamentally shifted our development cycle, reducing overhead by nearly 60% within the first quarter."
+            rating={5}
+            author="Mark Richardson, CTO of GlobalLogistics"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg", alt: "portrait" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg", alt: "portrait" },
+              { src: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg", alt: "portrait" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "portrait" },
+              { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg", alt: "portrait" },
+            ]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How is my data protected?",
-          content: "We use enterprise-grade encryption for all data processed.",
-        },
-        {
-          id: "f2",
-          title: "Can I integrate your API?",
-          content: "Our API is designed for modular, seamless integration.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer custom builds?",
-          content: "Yes, our team can tailor models to your specific domain.",
-        },
-        {
-          id: "f4",
-          title: "What kind of support is provided?",
-          content: "We offer dedicated account managers and 24/7 technical assistance.",
-        },
-        {
-          id: "f5",
-          title: "Is there a free trial available?",
-          content: "Contact us to discuss custom proof-of-concept deployments.",
-        },
-      ]}
-      title="Common Questions"
-      description="Find clarity on how our AI works for you."
-      faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/high-tech-expert-uses-vr-glasses-neural-network-ai-brain-system_482257-126332.jpg"
-      imageAlt="High tech expert uses vr glasses next to neural network AI brain system"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Common Questions"
+            description="Find clarity on how our AI works for you."
+            faqsAnimation="slide-up"
+            mediaAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "How is my data protected?", content: "We use enterprise-grade encryption for all data processed." },
+              { id: "f2", title: "Can I integrate your API?", content: "Our API is designed for modular, seamless integration." },
+              { id: "f3", title: "Do you offer custom builds?", content: "Yes, our team can tailor models to your specific domain." },
+              { id: "f4", title: "What kind of support is provided?", content: "We offer dedicated account managers and 24/7 technical assistance." },
+              { id: "f5", title: "Is there a free trial available?", content: "Contact us to discuss custom proof-of-concept deployments." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/high-tech-expert-uses-vr-glasses-neural-network-ai-brain-system_482257-126332.jpg"
+            imageAlt="High tech expert uses vr glasses"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      tag="Let's Chat"
-      title="Start your journey"
-      description="Ready to scale? Connect with our engineers."
-      inputPlaceholder="Enter your work email address"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "rotated-rays-static" }}
+            tag="Let's Chat"
+            title="Start your journey"
+            description="Ready to scale? Connect with our engineers."
+            inputPlaceholder="Enter your work email address"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="axionelAI"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="axionelAI"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1