From 007d3a65a72d60013c148a9f53dcfcef598ccdef Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 21:08:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 303 +++++++----------------------------------------
 1 file changed, 42 insertions(+), 261 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dffd800..e78ed78 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="AI Future"
     />
@@ -56,62 +41,25 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Build AI Powered Future"
       description="Unlock infinite possibilities with our advanced automation, intelligent chatbots, and bespoke smart solutions."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/conceptual-3d-illustration-man-doing-kettlebell-squat_183364-124132.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg",
-          alt: "3d rendering of holographic layering",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124099.jpg",
-          alt: "Conceptual 3D illustration of a cyclist motion design with trails",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-abstract-man-doing-kettlebells_183364-118241.jpg",
-          alt: "3D abstract man doing kettlebells",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552614.jpg",
-          alt: "Person suffering from technology addiction and cybersickness",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/illustration-robot_53876-5576.jpg",
-          alt: "Illustration of robot",
-        },
+        { src: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg", alt: "3d rendering of holographic layering" },
+        { src: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124099.jpg", alt: "Conceptual 3D illustration of a cyclist motion design with trails" },
+        { src: "http://img.b2bpic.net/free-photo/3d-abstract-man-doing-kettlebells_183364-118241.jpg", alt: "3D abstract man doing kettlebells" },
+        { src: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552614.jpg", alt: "Person suffering from technology addiction and cybersickness" },
+        { src: "http://img.b2bpic.net/free-vector/illustration-robot_53876-5576.jpg", alt: "Illustration of robot" }
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Neural Network Optimized",
-        },
-        {
-          type: "text",
-          text: "Scale Global Infrastructure",
-        },
-        {
-          type: "text",
-          text: "Real-time AI Processing",
-        },
-        {
-          type: "text",
-          text: "Automated Workflow Engine",
-        },
-        {
-          type: "text",
-          text: "Intelligent Data Analytics",
-        },
+        { type: "text", text: "Neural Network Optimized" },
+        { type: "text", text: "Scale Global Infrastructure" },
+        { type: "text", text: "Real-time AI Processing" },
+        { type: "text", text: "Automated Workflow Engine" },
+        { type: "text", text: "Intelligent Data Analytics" }
       ]}
     />
   </div>
@@ -122,36 +70,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          label: "Automation",
-          title: "AI Workflow Automation",
-          items: [
-            "Task management",
-            "Automatic routing",
-            "Data entry automation",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Chatbots",
-          title: "Intelligent Chatbot Dev",
-          items: [
-            "NLP Integration",
-            "24/7 Support Bots",
-            "Sales-focused bots",
-          ],
-        },
-        {
-          id: "f3",
-          label: "API Integration",
-          title: "Seamless API Integrations",
-          items: [
-            "Third-party connections",
-            "Legacy system bridges",
-            "Scalable cloud stacks",
-          ],
-        },
+        { id: "f1", label: "Automation", title: "AI Workflow Automation", items: ["Task management", "Automatic routing", "Data entry automation"] },
+        { id: "f2", label: "Chatbots", title: "Intelligent Chatbot Dev", items: ["NLP Integration", "24/7 Support Bots", "Sales-focused bots"] },
+        { id: "f3", label: "API Integration", title: "Seamless API Integrations", items: ["Third-party connections", "Legacy system bridges", "Scalable cloud stacks"] }
       ]}
       title="Core AI Services"
       description="Scalable, high-impact AI infrastructure for modern businesses."
@@ -165,60 +86,12 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          brand: "Fintech",
-          name: "AutoTrade AI",
-          price: "High Impact",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Health",
-          name: "MedBot Core",
-          price: "Enterprise",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Retail",
-          name: "ShopSense AI",
-          price: "Scalable",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-indoors_23-2150405632.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Logistics",
-          name: "ShipSmart",
-          price: "Optimization",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-freelance-developer-using-desktop-monitor_482257-131138.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Media",
-          name: "TrendVision",
-          price: "Predictive",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301599.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Security",
-          name: "SecureAI",
-          price: "Advanced",
-          rating: 5,
-          reviewCount: "30",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg",
-        },
+        { id: "p1", brand: "Fintech", name: "AutoTrade AI", price: "High Impact", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg" },
+        { id: "p2", brand: "Health", name: "MedBot Core", price: "Enterprise", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg" },
+        { id: "p3", brand: "Retail", name: "ShopSense AI", price: "Scalable", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-indoors_23-2150405632.jpg" },
+        { id: "p4", brand: "Logistics", name: "ShipSmart", price: "Optimization", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-freelance-developer-using-desktop-monitor_482257-131138.jpg" },
+        { id: "p5", brand: "Media", name: "TrendVision", price: "Predictive", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301599.jpg" },
+        { id: "p6", brand: "Security", name: "SecureAI", price: "Advanced", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg" }
       ]}
       title="Selected Projects"
       description="Showcasing high-fidelity AI products built for enterprise."
@@ -227,58 +100,22 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardFive
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
         {
-          id: "pr1",
-          tag: "Starter",
-          price: "$1,999",
-          period: "/mo",
-          description: "Perfect for small experiments.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Bot Dev",
-            "Basic API",
-            "Community Support",
-          ],
+          id: "pr1",          tag: "Starter",          price: "$1,999",          period: "/mo",          description: "Perfect for small experiments.",          button: { text: "Get Started" },
+          featuresTitle: "Included",          features: ["Bot Dev", "Basic API", "Community Support"]
         },
         {
-          id: "pr2",
-          tag: "Pro",
-          price: "$4,999",
-          period: "/mo",
-          description: "Designed for scaling enterprises.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Everything in Starter",
-            "Advanced NLP",
-            "24/7 Priority",
-            "Custom Dev",
-          ],
+          id: "pr2",          tag: "Pro",          price: "$4,999",          period: "/mo",          description: "Designed for scaling enterprises.",          button: { text: "Get Started" },
+          featuresTitle: "Included",          features: ["Everything in Starter", "Advanced NLP", "24/7 Priority", "Custom Dev"]
         },
         {
-          id: "pr3",
-          tag: "Elite",
-          price: "Custom",
-          period: "",
-          description: "Full-scale custom implementation.",
-          button: {
-            text: "Contact Us",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Everything in Pro",
-            "On-Prem Deployment",
-            "Personal Account Manager",
-          ],
-        },
+          id: "pr3",          tag: "Elite",          price: "Custom",          period: "",          description: "Full-scale custom implementation.",          button: { text: "Contact Us" },
+          featuresTitle: "Included",          features: ["Everything in Pro", "On-Prem Deployment", "Personal Account Manager"]
+        }
       ]}
       title="Transparent Pricing"
       description="Choose the right tier for your growth goals."
@@ -291,41 +128,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          handle: "@smiller",
-          testimonial: "Transformed our operations completely.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17815.jpg",
-        },
-        {
-          id: "t2",
-          name: "David Zhou",
-          handle: "@dzhou",
-          testimonial: "Incredible API integration speeds.",
-          imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily Blunt",
-          handle: "@eblunt",
-          testimonial: "The best chatbot dev team ever.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mark Ronson",
-          handle: "@mronson",
-          testimonial: "Scaling became a breeze with them.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg",
-        },
-        {
-          id: "t5",
-          name: "Alice Wong",
-          handle: "@awong",
-          testimonial: "Highly recommended for AI needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-posing_23-2149457736.jpg",
-        },
+        { id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "Transformed our operations completely.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17815.jpg" },
+        { id: "t2", name: "David Zhou", handle: "@dzhou", testimonial: "Incredible API integration speeds.", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg" },
+        { id: "t3", name: "Emily Blunt", handle: "@eblunt", testimonial: "The best chatbot dev team ever.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg" },
+        { id: "t4", name: "Mark Ronson", handle: "@mronson", testimonial: "Scaling became a breeze with them.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg" },
+        { id: "t5", name: "Alice Wong", handle: "@awong", testimonial: "Highly recommended for AI needs.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-posing_23-2149457736.jpg" }
       ]}
       title="Trusted by Leaders"
       description="Hear what our clients say about our AI solutions."
@@ -335,9 +142,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+      background={{ variant: "rotated-rays-animated-grid" }}
       tag="Contact"
       title="Let's Build AI"
       description="Ready to transform your business? Get a free consultation today."
@@ -351,32 +156,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="AI Future"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Documentation",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
+        { title: "Support", items: [{ label: "Documentation", href: "#" }, { label: "Contact", href: "#" }] }
       ]}
       copyrightText="© 2024 AI Future Inc."
     />
-- 
2.49.1