From 99b2ad557e42439e06ca828dc5f23ce91930f117 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 06:35:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 353 +++++++----------------------------------------
 1 file changed, 49 insertions(+), 304 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8524950..3bd4c7a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Database, Layers, LayoutDashboard, ShieldCheck, Terminal, Zap } from "lucide-react";
+import { Database, Layers, LayoutDashboard, ShieldCheck, Terminal, Zap, Cpu } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,22 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Features", id: "features-bento" },
+        { name: "About", id: "about" },
+        { name: "Pricing", id: "pricing" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="NexusAI"
     />
@@ -55,100 +44,33 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardDashboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Next-Gen AI Platform for Enterprise"
       description="Unlock unprecedented productivity with our cutting-edge AI orchestration engine. Seamlessly integrate advanced machine learning models into your existing infrastructure in minutes."
       buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
-        {
-          text: "View Documentation",
-          href: "#",
-        },
+        { text: "Get Started", href: "#" },
+        { text: "View Documentation", href: "#" }
       ]}
       dashboard={{
-        title: "NexusAI Performance",
-        stats: [
-          {
-            title: "Model Uptime",
-            values: [
-              99,
-              9,
-              9,
-            ],
-            valueSuffix: "%",
-            description: "Global performance consistency",
-          },
-          {
-            title: "Inference Speed",
-            values: [
-              12,
-              0,
-              0,
-            ],
-            valuePrefix: "<",
-            valueSuffix: "ms",
-            description: "Real-time query processing",
-          },
-          {
-            title: "Active Models",
-            values: [
-              45,
-              0,
-              0,
-            ],
-            description: "Deployed in current environment",
-          },
+        title: "NexusAI Performance",        stats: [
+          { title: "Model Uptime", values: [99, 9, 9], valueSuffix: "%", description: "Global performance consistency" },
+          { title: "Inference Speed", values: [12, 0, 0], valuePrefix: "<", valueSuffix: "ms", description: "Real-time query processing" },
+          { title: "Active Models", values: [45, 0, 0], description: "Deployed in current environment" }
         ],
         logoIcon: Zap,
         sidebarItems: [
-          {
-            icon: LayoutDashboard,
-            active: true,
-          },
-          {
-            icon: Database,
-          },
-          {
-            icon: Cpu,
-          },
-        ],
-        chartTitle: "Processing Load",
-        chartData: [
-          {
-            value: 45,
-          },
-          {
-            value: 72,
-          },
-          {
-            value: 58,
-          },
-          {
-            value: 90,
-          },
-          {
-            value: 85,
-          },
+          { icon: LayoutDashboard, active: true },
+          { icon: Database },
+          { icon: Cpu }
         ],
+        chartTitle: "Processing Load",        chartData: [{ value: 45 }, { value: 72 }, { value: 58 }, { value: 90 }, { value: 85 }],
         listItems: [
-          {
-            icon: Terminal,
-            title: "ML Query Engine",
-            status: "Active",
-          },
-          {
-            icon: Database,
-            title: "Data Pipeline",
-            status: "Syncing",
-          },
+          { icon: Terminal, title: "ML Query Engine", status: "Active" },
+          { icon: Database, title: "Data Pipeline", status: "Syncing" }
         ],
-        imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-element-collection_23-2148312650.jpg?_wi=1",
-        imageAlt: "NexusAI Dashboard Interface",
+        imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-element-collection_23-2148312650.jpg",        imageAlt: "NexusAI Dashboard Interface",        buttons: [
+           { text: "View Logs", href: "#" }
+        ]
       }}
     />
   </div>
@@ -159,28 +81,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Global Deployment",
-          description: "Deploy your models across 50+ regions instantly.",
-          bentoComponent: "globe",
-          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-element-collection_23-2148312650.jpg?_wi=2",
-          imageAlt: "AI software dashboard dark mode",
-        },
-        {
-          title: "Performance Analytics",
-          description: "Visualize your model performance in real-time.",
-          bentoComponent: "line-chart",
-          imageSrc: "http://img.b2bpic.net/free-vector/technology-background_23-2148126580.jpg",
-          imageAlt: "digital globe data connections",
-        },
-        {
-          title: "Instant Integration",
-          description: "Connect your APIs in less than 5 minutes.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-delusion-landing-page_23-2148330865.jpg",
-          imageAlt: "minimalist tech icon speed",
-        },
+        { title: "Global Deployment", description: "Deploy your models across 50+ regions instantly.", bentoComponent: "globe" },
+        { title: "Performance Analytics", description: "Visualize your model performance in real-time.", bentoComponent: "line-chart" },
+        { title: "Instant Integration", description: "Connect your APIs in less than 5 minutes.", bentoComponent: "reveal-icon", icon: Zap }
       ]}
       title="Intelligence Everywhere"
       description="Engineered for scale, our bento-grid modules offer granular control over your AI deployment."
@@ -191,22 +94,11 @@ export default function LandingPage() {
       <FeatureHoverPattern
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       features={[
-        {
-          icon: ShieldCheck,
-          title: "Enterprise Security",
-          description: "Bank-grade encryption for all data transit.",
-        },
-        {
-          icon: Zap,
-          title: "Latency Optimization",
-          description: "Hyper-optimized inference path for speed.",
-        },
-        {
-          icon: Layers,
-          title: "Seamless Integration",
-          description: "Connect to your tech stack with ease.",
-        },
+        { icon: ShieldCheck, title: "Enterprise Security", description: "Bank-grade encryption for all data transit." },
+        { icon: Zap, title: "Latency Optimization", description: "Hyper-optimized inference path for speed." },
+        { icon: Layers, title: "Seamless Integration", description: "Connect to your tech stack with ease." }
       ]}
       title="Engineered for Performance"
       description="Sophisticated tools that prioritize security, speed, and developer experience."
@@ -219,18 +111,9 @@ export default function LandingPage() {
       title="Scaling Intelligence"
       description="NexusAI is dedicated to democratizing complex machine learning architectures. We empower organizations to build, deploy, and scale intelligent applications without the overhead."
       metrics={[
-        {
-          value: "500M+",
-          title: "Queries Processed",
-        },
-        {
-          value: "99.9%",
-          title: "Uptime Guarantee",
-        },
-        {
-          value: "50+",
-          title: "Global Regions",
-        },
+        { value: "500M+", title: "Queries Processed" },
+        { value: "99.9%", title: "Uptime Guarantee" },
+        { value: "50+", title: "Global Regions" }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/professional-woman-with-futuristic-digital-data-interface_23-2152029067.jpg"
       mediaAnimation="slide-up"
@@ -244,41 +127,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Chen",
-          handle: "@schen",
-          testimonial: "NexusAI transformed how we handle massive data loads.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Dr. Aris V.",
-          handle: "@arisv",
-          testimonial: "Unparalleled performance and developer support.",
-          imageSrc: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg",
-        },
-        {
-          id: "3",
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "The best platform for scaling ML models.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22666.jpg",
-        },
-        {
-          id: "4",
-          name: "Lena K.",
-          handle: "@lenak",
-          testimonial: "Incredibly seamless integration process.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
-        },
-        {
-          id: "5",
-          name: "James P.",
-          handle: "@jptech",
-          testimonial: "Scalability is finally solved for our AI team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg?_wi=2",
-        },
+        { id: "1", name: "Sarah Chen", handle: "@schen", testimonial: "NexusAI transformed how we handle massive data loads.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg" },
+        { id: "2", name: "Dr. Aris V.", handle: "@arisv", testimonial: "Unparalleled performance and developer support.", imageSrc: "http://img.b2bpic.net/free-photo/development-agency-office-worker-analyzing-project-sales-fintech-startup-businessperson-sitting-desk-marketing-company-office-developing-financial-strategy-accounting-management_482257-40323.jpg" },
+        { id: "3", name: "Marcus Thorne", handle: "@mthorne", testimonial: "The best platform for scaling ML models.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22666.jpg" },
+        { id: "4", name: "Lena K.", handle: "@lenak", testimonial: "Incredibly seamless integration process.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg" },
+        { id: "5", name: "James P.", handle: "@jptech", testimonial: "Scalability is finally solved for our AI team.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg" }
       ]}
       title="Trusted by Visionaries"
       description="The foundation of tomorrow's software infrastructure."
@@ -291,54 +144,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "starter",
-          price: "$199/mo",
-          name: "Starter",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-          features: [
-            "10 API Models",
-            "Standard Support",
-            "Shared Infrastructure",
-          ],
-        },
-        {
-          id: "pro",
-          price: "$499/mo",
-          name: "Professional",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-          features: [
-            "50 API Models",
-            "Priority Support",
-            "Dedicated Resources",
-          ],
-        },
-        {
-          id: "enterprise",
-          price: "Custom",
-          name: "Enterprise",
-          buttons: [
-            {
-              text: "Contact Sales",
-              href: "#",
-            },
-          ],
-          features: [
-            "Unlimited Models",
-            "24/7 Premium Support",
-            "Multi-Region Cluster",
-          ],
-        },
+        { id: "starter", price: "$199/mo", name: "Starter", buttons: [{ text: "Get Started", href: "#" }], features: ["10 API Models", "Standard Support", "Shared Infrastructure"] },
+        { id: "pro", price: "$499/mo", name: "Professional", buttons: [{ text: "Get Started", href: "#" }], features: ["50 API Models", "Priority Support", "Dedicated Resources"] },
+        { id: "enterprise", price: "Custom", name: "Enterprise", buttons: [{ text: "Contact Sales", href: "#" }], features: ["Unlimited Models", "24/7 Premium Support", "Multi-Region Cluster"] }
       ]}
       title="Choose Your Scale"
       description="Flexible plans designed to grow with your ambition."
@@ -350,21 +158,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How long does onboarding take?",
-          content: "Onboarding takes less than 5 minutes for our standard API integration.",
-        },
-        {
-          id: "q2",
-          title: "Can I upgrade anytime?",
-          content: "Yes, our plans are flexible and you can upgrade at any time via the dashboard.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer private cloud?",
-          content: "Enterprise plans include private cloud deployments tailored to your security requirements.",
-        },
+        { id: "q1", title: "How long does onboarding take?", content: "Onboarding takes less than 5 minutes for our standard API integration." },
+        { id: "q2", title: "Can I upgrade anytime?", content: "Yes, our plans are flexible and you can upgrade at any time via the dashboard." },
+        { id: "q3", title: "Do you offer private cloud?", content: "Enterprise plans include private cloud deployments tailored to your security requirements." }
       ]}
       title="Frequently Asked"
       description="Quick answers to help you get started."
@@ -375,18 +171,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Get Started"
       title="Ready to scale?"
       description="Join thousands of developers and enterprise teams building the future with NexusAI today."
-      buttons={[
-        {
-          text: "Talk to Sales",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Talk to Sales", href: "#" }]}
     />
   </div>
 
@@ -394,57 +183,13 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="NexusAI"
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Models",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-            {
-              label: "API",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Models", href: "#" }, { label: "Pricing", href: "#" }, { label: "API", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1