From d45d2fb895ad34d2f7af0a43c1393722867bc6e2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 07:42:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 380 +++++++++++++++--------------------------------
 1 file changed, 117 insertions(+), 263 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f4c2f24..06a3d4b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,278 +14,132 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="medium"
-        background="floatingGradient"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="medium"
+      background="floatingGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Platform",
-          id: "#platform",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-      ]}
-      brandName="ChatNow"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Features", id: "#features" },
+              { name: "Platform", id: "#platform" },
+              { name: "FAQ", id: "#faq" },
+            ]}
+            brandName="ChatNow"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="ChatNow: Communication Reimagined"
-      description="Secure, real-time messaging designed for modern teams. Experience seamless connectivity with end-to-end encryption, AI-powered replies, and cross-platform sync."
-      leftCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=1",
-          imageAlt: "Chat Interface",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=2",
-          imageAlt: "Chat Interface",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=3",
-          imageAlt: "Chat Interface",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=4",
-          imageAlt: "Chat Interface",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=5",
-          imageAlt: "Chat Interface",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=6",
-          imageAlt: "Chat Interface",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            title="ChatNow: Communication Reimagined"
+            description="Secure, real-time messaging designed for modern teams. Experience seamless connectivity with end-to-end encryption, AI-powered replies, and cross-platform sync."
+            background={{ variant: "gradient-bars" }}
+            leftCarouselItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
+            ]}
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: 1,
-          title: "End-to-End Security",
-          description: "Your messages stay private with military-grade encryption.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-secure-digital-lock-icon-glowing-with--1774597333643-953235bd.png?_wi=1",
-        },
-        {
-          id: 2,
-          title: "Real-time Sync",
-          description: "Messages arrive instantly across all your devices seamlessly.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/real-time-communication-symbol-network-n-1774597334728-bb146ea7.png?_wi=1",
-        },
-        {
-          id: 3,
-          title: "Group Collaboration",
-          description: "Organize teams with advanced group controls and admin tools.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/group-chat-avatar-group-icons-in-circula-1774597334639-70832da3.png?_wi=1",
-        },
-      ]}
-      title="Built for the Modern Age"
-      description="Powerful tools to keep your conversations fluid, secure, and productive."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Built for the Modern Age"
+            description="Powerful tools to keep your conversations fluid, secure, and productive."
+            features={[
+              { id: 1, title: "End-to-End Security", description: "Your messages stay private with military-grade encryption.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-secure-digital-lock-icon-glowing-with--1774597333643-953235bd.png" },
+              { id: 2, title: "Real-time Sync", description: "Messages arrive instantly across all your devices seamlessly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/real-time-communication-symbol-network-n-1774597334728-bb146ea7.png" },
+              { id: 3, title: "Group Collaboration", description: "Organize teams with advanced group controls and admin tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/group-chat-avatar-group-icons-in-circula-1774597334639-70832da3.png" },
+            ]}
+          />
+        </div>
 
-  <div id="platform" data-section="platform">
-      <ProductCardThree
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "AI Smart Replies",
-          price: "Integrated",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-secure-digital-lock-icon-glowing-with--1774597333643-953235bd.png?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Voice & Video",
-          price: "High Fidelity",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/real-time-communication-symbol-network-n-1774597334728-bb146ea7.png?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Media Sharing",
-          price: "Unlimited",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/group-chat-avatar-group-icons-in-circula-1774597334639-70832da3.png?_wi=2",
-        },
-      ]}
-      title="Platform Capabilities"
-      description="Extensible architecture built for scale and performance."
-    />
-  </div>
+        <div id="platform" data-section="platform">
+          <ProductCardThree
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            animationType="blur-reveal"
+            useInvertedBackground={false}
+            title="Platform Capabilities"
+            description="Extensible architecture built for scale and performance."
+            products={[
+              { id: "p1", name: "AI Smart Replies", price: "Integrated", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-secure-digital-lock-icon-glowing-with--1774597333643-953235bd.png" },
+              { id: "p2", name: "Voice & Video", price: "High Fidelity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/real-time-communication-symbol-network-n-1774597334728-bb146ea7.png" },
+              { id: "p3", name: "Media Sharing", price: "Unlimited", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/group-chat-avatar-group-icons-in-circula-1774597334639-70832da3.png" },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="scale-rotate"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Jenkins",
-          handle: "@sarahj",
-          testimonial: "The best messaging platform I've used. Fast and secure.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/abstract-deep-blue-tech-texture-digital--1774597334470-48838b69.png",
-        },
-        {
-          id: "2",
-          name: "Marko Polo",
-          handle: "@mpolo",
-          testimonial: "Excellent group chat features for my remote team.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/blurry-city-lights-at-night-blue-and-pur-1774597334660-48997349.png",
-        },
-        {
-          id: "3",
-          name: "Anna Lee",
-          handle: "@annalee",
-          testimonial: "The AI translation is a total game changer.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/digital-binary-stream-minimal-clean-line-1774597333876-9ebb7acc.png",
-        },
-        {
-          id: "4",
-          name: "David Smith",
-          handle: "@dsmith",
-          testimonial: "Extremely reliable and the UI is beautiful.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/glassmorphism-shape-overlay-light-blue-g-1774597337722-3bd28ed9.png",
-        },
-      ]}
-      showRating={true}
-      title="Loved by Teams Everywhere"
-      description="See why top professionals choose ChatNow for their daily communication."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="scale-rotate"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            showRating={true}
+            title="Loved by Teams Everywhere"
+            description="See why top professionals choose ChatNow for their daily communication."
+            testimonials={[
+              { id: "1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The best messaging platform I've used. Fast and secure.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/abstract-deep-blue-tech-texture-digital--1774597334470-48838b69.png" },
+              { id: "2", name: "Marko Polo", handle: "@mpolo", testimonial: "Excellent group chat features for my remote team.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/blurry-city-lights-at-night-blue-and-pur-1774597334660-48997349.png" },
+              { id: "3", name: "Anna Lee", handle: "@annalee", testimonial: "The AI translation is a total game changer.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/digital-binary-stream-minimal-clean-line-1774597333876-9ebb7acc.png" },
+              { id: "4", name: "David Smith", handle: "@dsmith", testimonial: "Extremely reliable and the UI is beautiful.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/glassmorphism-shape-overlay-light-blue-g-1774597337722-3bd28ed9.png" },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Is ChatNow really secure?",
-          content: "Yes, we use industry standard AES-256 encryption.",
-        },
-        {
-          id: "f2",
-          title: "Can I use it on multiple devices?",
-          content: "Yes, ChatNow syncs your data in real-time everywhere.",
-        },
-        {
-          id: "f3",
-          title: "How does the AI work?",
-          content: "Our AI assistant helps with quick replies and translations.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions? We have answers about our platform."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqsAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Have questions? We have answers about our platform."
+            faqs={[
+              { id: "f1", title: "Is ChatNow really secure?", content: "Yes, we use industry standard AES-256 encryption." },
+              { id: "f2", title: "Can I use it on multiple devices?", content: "Yes, ChatNow syncs your data in real-time everywhere." },
+              { id: "f3", title: "How does the AI work?", content: "Our AI assistant helps with quick replies and translations." },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get in touch"
-      title="Start Chatting Today"
-      description="Join thousands of users and elevate your communication."
-      buttons={[
-        {
-          text: "Download Now",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Get in touch"
+            title="Start Chatting Today"
+            description="Join thousands of users and elevate your communication."
+            buttons={[{ text: "Download Now", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Platform",
-              href: "#platform",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 ChatNow Technologies."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            copyrightText="© 2024 ChatNow Technologies."
+            columns={[
+              { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Platform", href: "#platform" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1