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

---
 src/app/page.tsx | 301 +++++++++++------------------------------------
 1 file changed, 68 insertions(+), 233 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index aa478c5..fce0aaa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Metrics",
-          id: "#metrics",
-        },
+          name: "Metrics",          id: "#metrics"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/ai-chatbot-set_78370-9700.jpg"
       logoAlt="AI Chatbot logo"
@@ -66,92 +52,61 @@ export default function LandingPage() {
       bottomLeftText="Seamless macOS Integration"
       bottomRightText="hello@aichatbot.com"
       button={{
-        text: "Download App",
-        href: "#contact",
-      }}
+        text: "Download App",        href: "#contact"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroSplitKpi
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       imagePosition="right"
       title="Intelligent conversations, beautifully designed"
       description="Experience fluid AI assistance with a stunning liquid glass interface. Your thoughts, elevated."
       kpis={[
         {
-          value: "99.9%",
-          label: "Accuracy",
-        },
+          value: "99.9%",          label: "Accuracy"},
         {
-          value: "2M+",
-          label: "Conversations",
-        },
+          value: "2M+",          label: "Conversations"},
         {
-          value: "5/5",
-          label: "User Rating",
-        },
+          value: "5/5",          label: "User Rating"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Launch App",
-          href: "#contact",
-        },
+          text: "Launch App",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336506.jpg"
       imageAlt="macOS AI Chatbot App Interface"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg",
-          alt: "Business woman with glasses smiling",
-        },
+          src: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg",          alt: "Business woman with glasses smiling"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
-          alt: "Portrait of a beauty businesswoman leaning against a brick wall",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",          alt: "Portrait of a beauty businesswoman leaning against a brick wall"},
         {
-          src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg",
-          alt: "Business woman in green suit using phone outside the street",
-        },
+          src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg",          alt: "Business woman in green suit using phone outside the street"},
         {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
-          alt: "Studio portrait of blond female dressed in a white shirt and red eyeglasses.",
-        },
+          src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",          alt: "Studio portrait of blond female dressed in a white shirt and red eyeglasses."},
         {
-          src: "http://img.b2bpic.net/free-photo/businessman-with-silly-face_1154-110.jpg",
-          alt: "Businessman with silly face",
-        },
+          src: "http://img.b2bpic.net/free-photo/businessman-with-silly-face_1154-110.jpg",          alt: "Businessman with silly face"},
       ]}
       avatarText="Join 100k+ satisfied users"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Native macOS Integration",
-          icon: Apple,
+          type: "text-icon",          text: "Native macOS Integration",          icon: Apple,
         },
         {
-          type: "text-icon",
-          text: "Intelligent Contextual Understanding",
-          icon: Lightbulb,
+          type: "text-icon",          text: "Intelligent Contextual Understanding",          icon: Lightbulb,
         },
         {
-          type: "text-icon",
-          text: "Secure & Private Conversations",
-          icon: Lock,
+          type: "text-icon",          text: "Secure & Private Conversations",          icon: Lock,
         },
         {
-          type: "text-icon",
-          text: "Stunning Liquid Glass UI",
-          icon: Sparkles,
+          type: "text-icon",          text: "Stunning Liquid Glass UI",          icon: Sparkles,
         },
         {
-          type: "text-icon",
-          text: "Boost Your Productivity",
-          icon: Rocket,
+          type: "text-icon",          text: "Boost Your Productivity",          icon: Rocket,
         },
       ]}
       marqueeSpeed={40}
@@ -165,11 +120,8 @@ export default function LandingPage() {
       title="A smarter way to chat on macOS. Designed for clarity, powered by AI."
       buttons={[
         {
-          text: "Learn More",
-          href: "#features",
-        },
+          text: "Learn More",          href: "#features"},
       ]}
-      description="Our AI chatbot seamlessly integrates into your macOS environment, offering instant insights and intelligent conversations. With a focus on intuitive design and robust performance, it streamlines your workflow and enhances productivity without compromising on aesthetics. Experience the future of desktop AI."
     />
   </div>
 
@@ -180,40 +132,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Intelligent Workflow Integration",
-          subtitle: "Connects with your favorite macOS apps for fluid automation.",
-          category: "Productivity",
-          value: "Streamlined",
-        },
+          id: "f1",          title: "Intelligent Workflow Integration",          subtitle: "Connects with your favorite macOS apps for fluid automation.",          category: "Productivity",          value: "Streamlined"},
         {
-          id: "f2",
-          title: "Customizable Liquid Glass UI",
-          subtitle: "Personalize your chatbot's appearance with stunning liquid glass themes.",
-          category: "Design",
-          value: "Adaptive",
-        },
+          id: "f2",          title: "Customizable Liquid Glass UI",          subtitle: "Personalize your chatbot's appearance with stunning liquid glass themes.",          category: "Design",          value: "Adaptive"},
         {
-          id: "f3",
-          title: "Advanced Security & Privacy",
-          subtitle: "Your conversations are encrypted and kept private, always.",
-          category: "Security",
-          value: "Secure",
-        },
+          id: "f3",          title: "Advanced Security & Privacy",          subtitle: "Your conversations are encrypted and kept private, always.",          category: "Security",          value: "Secure"},
         {
-          id: "f4",
-          title: "Real-time AI Responses",
-          subtitle: "Get instant, accurate answers and assistance without delay.",
-          category: "Performance",
-          value: "Instant",
-        },
+          id: "f4",          title: "Real-time AI Responses",          subtitle: "Get instant, accurate answers and assistance without delay.",          category: "Performance",          value: "Instant"},
         {
-          id: "f5",
-          title: "Multi-language Support",
-          subtitle: "Communicate fluently in various languages with intelligent translation.",
-          category: "Global",
-          value: "Versatile",
-        },
+          id: "f5",          title: "Multi-language Support",          subtitle: "Communicate fluently in various languages with intelligent translation.",          category: "Global",          value: "Versatile"},
       ]}
       title="Unleash Productivity with Core Features"
       description="Our macOS AI Chatbot comes packed with powerful features designed to elevate your daily tasks and creative processes."
@@ -225,56 +152,27 @@ export default function LandingPage() {
       <MetricCardSeven
       textboxLayout="default"
       useInvertedBackground={true}
+      animationType="slide-up"
       metrics={[
         {
-          id: "m1",
-          value: "100k+",
-          title: "Active Users",
-          items: [
-            "Professionals",
-            "Creatives",
-            "Developers",
-          ],
+          id: "m1",          value: "100k+",          title: "Active Users",          items: [
+            "Professionals",            "Creatives",            "Developers"],
         },
         {
-          id: "m2",
-          value: "99.9%",
-          title: "Performance Uptime",
-          items: [
-            "Always Ready",
-            "Reliable AI",
-            "Instant Responses",
-          ],
+          id: "m2",          value: "99.9%",          title: "Performance Uptime",          items: [
+            "Always Ready",            "Reliable AI",            "Instant Responses"],
         },
         {
-          id: "m3",
-          value: "95%",
-          title: "User Satisfaction",
-          items: [
-            "Positive Reviews",
-            "High Retention",
-            "Continuous Improvement",
-          ],
+          id: "m3",          value: "95%",          title: "User Satisfaction",          items: [
+            "Positive Reviews",            "High Retention",            "Continuous Improvement"],
         },
         {
-          id: "m4",
-          value: "5M+",
-          title: "Queries Processed",
-          items: [
-            "Vast Knowledge",
-            "Efficient Data",
-            "High Throughput",
-          ],
+          id: "m4",          value: "5M+",          title: "Queries Processed",          items: [
+            "Vast Knowledge",            "Efficient Data",            "High Throughput"],
         },
         {
-          id: "m5",
-          value: "24/7",
-          title: "Availability",
-          items: [
-            "Always On",
-            "Global Access",
-            "Constant Support",
-          ],
+          id: "m5",          value: "24/7",          title: "Availability",          items: [
+            "Always On",            "Global Access",            "Constant Support"],
         },
       ]}
       title="Driven by Data, Trusted by Users"
@@ -291,33 +189,19 @@ export default function LandingPage() {
       author="Sarah Johnson, CEO of InnovateCorp"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
-          alt: "Sarah Johnson",
-        },
+          src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",          alt: "Sarah Johnson"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-hadsome-man-crossed-hand-smiling_114579-79348.jpg",
-          alt: "Michael Chen",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-hadsome-man-crossed-hand-smiling_114579-79348.jpg",          alt: "Michael Chen"},
         {
-          src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
-          alt: "Emily Rodriguez",
-        },
+          src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",          alt: "Emily Rodriguez"},
         {
-          src: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg",
-          alt: "David Kim",
-        },
+          src: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg",          alt: "David Kim"},
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg",
-          alt: "Jessica Lee",
-        },
+          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg",          alt: "Jessica Lee"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-young-asian-man-standing-indoors-with-arms-crossed_171337-10598.jpg",
-          alt: "Happy young asian man standing indoors with arms crossed",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-young-asian-man-standing-indoors-with-arms-crossed_171337-10598.jpg",          alt: "Happy young asian man standing indoors with arms crossed"},
         {
-          src: "http://img.b2bpic.net/free-photo/waist-up-shot-asian-man-standing-arms-folded-architect-office_1098-18849.jpg",
-          alt: "Waist up shot of Asian man standing arms folded in an architect office",
-        },
+          src: "http://img.b2bpic.net/free-photo/waist-up-shot-asian-man-standing-arms-folded-architect-office_1098-18849.jpg",          alt: "Waist up shot of Asian man standing arms folded in an architect office"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -330,45 +214,21 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "Is the AI Chatbot a native macOS application?",
-          content: "Yes, our AI Chatbot is developed as a native macOS application, ensuring seamless integration with your operating system and optimal performance.",
-        },
+          id: "q1",          title: "Is the AI Chatbot a native macOS application?",          content: "Yes, our AI Chatbot is developed as a native macOS application, ensuring seamless integration with your operating system and optimal performance."},
         {
-          id: "q2",
-          title: "What is 'liquid glass morphism' styling? (max 150 chars)",
-          content: "Liquid glass morphism refers to a design aesthetic that combines glass-like transparency with fluid, dynamic elements, creating a visually rich and interactive user interface.",
-        },
+          id: "q2",          title: "What is 'liquid glass morphism' styling? (max 150 chars)",          content: "Liquid glass morphism refers to a design aesthetic that combines glass-like transparency with fluid, dynamic elements, creating a visually rich and interactive user interface."},
         {
-          id: "q3",
-          title: "Can I customize the background image?",
-          content: "Yes, the application supports custom background imagery, allowing you to personalize your AI chatbot experience to match your macOS desktop environment.",
-        },
+          id: "q3",          title: "Can I customize the background image?",          content: "Yes, the application supports custom background imagery, allowing you to personalize your AI chatbot experience to match your macOS desktop environment."},
         {
-          id: "q4",
-          title: "How secure are my conversations?",
-          content: "All conversations are end-to-end encrypted and processed locally where possible to ensure your privacy and data security. We adhere to the highest standards.",
-        },
+          id: "q4",          title: "How secure are my conversations?",          content: "All conversations are end-to-end encrypted and processed locally where possible to ensure your privacy and data security. We adhere to the highest standards."},
         {
-          id: "q5",
-          title: "Does it require an internet connection to work?",
-          content: "While core AI functionality can run offline, some advanced features and updates require an internet connection for optimal performance and access to the latest models.",
-        },
+          id: "q5",          title: "Does it require an internet connection to work?",          content: "While core AI functionality can run offline, some advanced features and updates require an internet connection for optimal performance and access to the latest models."},
         {
-          id: "q6",
-          title: "Is there a free trial available?",
-          content: "Yes, we offer a comprehensive free trial period so you can fully experience the power and elegance of our AI Chatbot before making a commitment.",
-        },
+          id: "q6",          title: "Is there a free trial available?",          content: "Yes, we offer a comprehensive free trial period so you can fully experience the power and elegance of our AI Chatbot before making a commitment."},
         {
-          id: "q7",
-          title: "What kind of AI powers the chatbot?",
-          content: "Our chatbot is powered by advanced large language models optimized for contextual understanding and natural language generation, ensuring intelligent and human-like interactions.",
-        },
+          id: "q7",          title: "What kind of AI powers the chatbot?",          content: "Our chatbot is powered by advanced large language models optimized for contextual understanding and natural language generation, ensuring intelligent and human-like interactions."},
         {
-          id: "q8",
-          title: "How often are new features released?",
-          content: "We continuously update the app with new features and improvements based on user feedback and technological advancements, typically every 4-6 weeks.",
-        },
+          id: "q8",          title: "How often are new features released?",          content: "We continuously update the app with new features and improvements based on user feedback and technological advancements, typically every 4-6 weeks."},
       ]}
       title="Your Questions, Answered."
       description="Find quick answers to the most common questions about our macOS AI Chatbot App."
@@ -381,8 +241,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Get Started"
       title="Ready to elevate your conversations?"
       description="Download the AI Chatbot app today and transform your macOS experience. Join thousands of professionals embracing intelligent assistance."
@@ -404,61 +263,37 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "#home",
-            },
+              label: "Home",              href: "#home"},
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#",
-            },
+              label: "Pricing",              href: "#"},
             {
-              label: "Download",
-              href: "#contact",
-            },
+              label: "Download",              href: "#contact"},
           ],
         },
         {
           items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
             {
-              label: "Partners",
-              href: "#",
-            },
+              label: "Partners",              href: "#"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
             {
-              label: "Support",
-              href: "#",
-            },
+              label: "Support",              href: "#"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
       ]}
-- 
2.49.1