From 2d0ed179c5728a992f12654609abf650518cdf1b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 17:31:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 219 ++++++++++-------------------------------------
 1 file changed, 43 insertions(+), 176 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 533ee6e..48ad80b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Zap } from "lucide-react";
+import { Zap, Database, MessageSquare, Cpu, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,23 +20,21 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
+        { name: "About", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="MADO AI"
     />
@@ -44,43 +42,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Meet MADO, Your Intelligent AI Agent"
       description="Experience the next level of artificial intelligence. MADO is smart, fast, and ready to assist you with any task, anytime."
       tag="Powered by Advanced AI"
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg?_wi=1",
-          imageAlt: "AI Intelligence visualization",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=1",
-          imageAlt: "Advanced data analysis",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg?_wi=1",
-          imageAlt: "Digital assistant interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-male-head-programming-code_1048-5828.jpg",
-          imageAlt: "Neural network graphic",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg",
-          imageAlt: "Virtual agent interaction",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-tech-landscape-background-cyber-particles_1048-12944.jpg",
-          imageAlt: "Future tech background",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg", imageAlt: "AI Intelligence visualization" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "Advanced data analysis" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg", imageAlt: "Digital assistant interface" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-male-head-programming-code_1048-5828.jpg", imageAlt: "Neural network graphic" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background_35913-2413.jpg", imageAlt: "Virtual agent interaction" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-tech-landscape-background-cyber-particles_1048-12944.jpg", imageAlt: "Future tech background" },
       ]}
     />
   </div>
@@ -104,33 +77,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Data Processing",
-          description: "Rapid analysis of large datasets with precision.",
-          buttonIcon: "Database",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg",
-          imageAlt: "3D low poly abstract background with connecting lines and dots",
-        },
+          title: "Data Processing",          description: "Rapid analysis of large datasets with precision.",          buttonIcon: Database,
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg",          imageAlt: "3D low poly abstract background"},
         {
-          title: "Language Understanding",
-          description: "Advanced NLP for natural, fluent conversations.",
-          buttonIcon: "MessageSquare",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg?_wi=2",
-          imageAlt: "3D low poly abstract background with connecting lines and dots",
-        },
+          title: "Language Understanding",          description: "Advanced NLP for natural, fluent conversations.",          buttonIcon: MessageSquare,
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-futuristic-background_53876-104058.jpg",          imageAlt: "Abstract futuristic background"},
         {
-          title: "Problem Solving",
-          description: "Logical reasoning to tackle complex operational issues.",
-          buttonIcon: "Cpu",
-          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=2",
-          imageAlt: "3D low poly abstract background with connecting lines and dots",
-        },
+          title: "Problem Solving",          description: "Logical reasoning to tackle complex operational issues.",          buttonIcon: Cpu,
+          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",          imageAlt: "Student taking notes"},
         {
-          title: "Continuous Learning",
-          description: "Adapts and improves with every interaction.",
-          buttonIcon: "TrendingUp",
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg?_wi=2",
-          imageAlt: "3D low poly abstract background with connecting lines and dots",
-        },
+          title: "Continuous Learning",          description: "Adapts and improves with every interaction.",          buttonIcon: TrendingUp,
+          imageSrc: "http://img.b2bpic.net/free-photo/customer-relationship-management-concept_23-2150038404.jpg",          imageAlt: "CRM concept"},
       ]}
       title="MADO Capabilities"
       description="Unlock infinite possibilities with a feature-rich AI agent."
@@ -143,33 +100,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          title: "Accuracy Rate",
-          items: [
-            "Deep learning",
-            "Error reduction",
-          ],
-        },
-        {
-          id: "m2",
-          value: "0.1s",
-          title: "Avg Response",
-          items: [
-            "Low latency",
-            "High throughput",
-          ],
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Availability",
-          items: [
-            "Global reach",
-            "Reliable uptime",
-          ],
-        },
+        { id: "m1", value: "99.9%", title: "Accuracy Rate", items: ["Deep learning", "Error reduction"] },
+        { id: "m2", value: "0.1s", title: "Avg Response", items: ["Low latency", "High throughput"] },
+        { id: "m3", value: "24/7", title: "Availability", items: ["Global reach", "Reliable uptime"] },
       ]}
       title="Proven Performance"
       description="Numbers speak louder than promises."
@@ -182,60 +115,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "CEO",
-          company: "TechStream",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark D.",
-          role: "CTO",
-          company: "DataDynamics",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena V.",
-          role: "Lead Engineer",
-          company: "AutoLogic",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/supervisor-doing-inspection-server-hub-monitoring-energy-consumption_482257-99246.jpg",
-        },
-        {
-          id: "t4",
-          name: "Ken L.",
-          role: "Head of Product",
-          company: "Nova Labs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sophie K.",
-          role: "Operations Manager",
-          company: "Innov8",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",
-        },
+        { id: "t1", name: "Sarah J.", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg" },
+        { id: "t2", name: "Mark D.", role: "CTO", company: "DataDynamics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg" },
+        { id: "t3", name: "Elena V.", role: "Lead Engineer", company: "AutoLogic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/supervisor-doing-inspection-server-hub-monitoring-energy-consumption_482257-99246.jpg" },
+        { id: "t4", name: "Ken L.", role: "Head of Product", company: "Nova Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg" },
+        { id: "t5", name: "Sophie K.", role: "Operations Manager", company: "Innov8", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "10k+",
-          label: "Happy Users",
-        },
-        {
-          value: "5M+",
-          label: "Queries Answered",
-        },
-        {
-          value: "4.9/5",
-          label: "Avg Rating",
-        },
+        { value: "10k+", label: "Happy Users" },
+        { value: "5M+", label: "Queries Answered" },
+        { value: "4.9/5", label: "Avg Rating" },
       ]}
       title="What Users Say"
       description="Trusted by forward-thinking companies worldwide."
@@ -246,15 +135,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
-        "Google",
-        "Microsoft",
-        "OpenAI",
-        "Nvidia",
-        "Intel",
-        "IBM",
-        "Amazon",
-      ]}
+      names={["Google", "Microsoft", "OpenAI", "Nvidia", "Intel", "IBM", "Amazon"]}
       title="Trusted by Innovators"
       description="Used by the industry leaders."
     />
@@ -265,21 +146,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "How smart is MADO?",
-          content: "MADO utilizes advanced LLM architectures to process and generate highly complex outputs, often exceeding human-like accuracy.",
-        },
-        {
-          id: "f2",
-          title: "Is my data secure?",
-          content: "Security is our top priority. All interactions are end-to-end encrypted and we never share data without consent.",
-        },
-        {
-          id: "f3",
-          title: "Can MADO integrate with my tools?",
-          content: "Yes, we provide robust APIs to integrate MADO with your existing workflow software.",
-        },
+        { id: "f1", title: "How smart is MADO?", content: "MADO utilizes advanced LLM architectures to process and generate highly complex outputs, often exceeding human-like accuracy." },
+        { id: "f2", title: "Is my data secure?", content: "Security is our top priority. All interactions are end-to-end encrypted and we never share data without consent." },
+        { id: "f3", title: "Can MADO integrate with my tools?", content: "Yes, we provide robust APIs to integrate MADO with your existing workflow software." },
       ]}
       title="Frequently Asked Questions"
       description="Quick answers to common questions about MADO."
@@ -290,9 +159,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Get Started with MADO"
       description="Ready to transform your productivity? Contact us today to learn more."
       imageSrc="http://img.b2bpic.net/free-photo/dark-background-with-bright-blue-line_1017-3797.jpg"