From bacb66eccfffdc90297063a8f3744d76480561a6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 07:12:20 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 63f9f3b..ad815b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,314 +27,119 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Platform",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AquaFlow"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Platform", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="AquaFlow"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Digitizing Every Drop, Delivering Every Day."
-      description="Streamline your water production and delivery process with our centralized management platform for administrators, drivers, and customers."
-      tag="END-TO-END LOGISTICS"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cleaning-services-infographic_23-2150125415.jpg",
-          imageAlt: "Dashboard overview",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458972.jpg",
-          imageAlt: "Delivery tracking",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
-          imageAlt: "Real-time analytics",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/driver-using-gps-man-interacting-with-smartphone-navigation-motion_169016-68556.jpg",
-          imageAlt: "Fleet management",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg",
-          imageAlt: "Customer portal",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Trusted by 50+ partners"
-      tagIcon={Truck}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Digitizing Every Drop, Delivering Every Day."
+            description="Streamline your water production and delivery process with our centralized management platform for administrators, drivers, and customers."
+            tag="END-TO-END LOGISTICS"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cleaning-services-infographic_23-2150125415.jpg", imageAlt: "Dashboard overview" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458972.jpg", imageAlt: "Delivery tracking" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Trusted by 50+ partners"
+            tagIcon={Truck}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="A Single Source of Truth"
-      description="We unify your entire operation—from inventory and pricing to real-time delivery and automated payments—into one loving, user-centric dashboard."
-      metrics={[
-        {
-          value: "24/7",
-          title: "Uptime",
-        },
-        {
-          value: "100%",
-          title: "Transparency",
-        },
-        {
-          value: "10x",
-          title: "Efficiency",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-person-intership_23-2149315591.jpg"
-      imageAlt="Unified management team"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="A Single Source of Truth"
+            description="We unify your entire operation—from inventory and pricing to real-time delivery and automated payments—into one loving, user-centric dashboard."
+            metrics={[
+              { value: "24/7", title: "Uptime" },
+              { value: "100%", title: "Transparency" },
+              { value: "10x", title: "Efficiency" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/young-person-intership_23-2149315591.jpg"
+            imageAlt="Unified management team"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "No-Code CMS",
-          descriptions: [
-            "Instantly update product prices across 8 SKUs and refresh website content with our intuitive interface.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg",
-          imageAlt: "Admin dashboard",
-        },
-        {
-          id: "f2",
-          title: "Logistics Suite",
-          descriptions: [
-            "Dedicated scheduling interface for drivers and real-time order tracking for sales representatives.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/car-navigation-screen-dashboard-display-digital-auto-panel_169016-68647.jpg",
-          imageAlt: "Delivery routing",
-        },
-        {
-          id: "f3",
-          title: "Smart Payments",
-          descriptions: [
-            "Automated payment gateway supports STK Push, Card, and Pay Later options for seamless cash flow.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
-          imageAlt: "Payment integration",
-        },
-      ]}
-      title="Operational Excellence"
-      description="Powerful features designed to bridge the gap between production and the customer's doorstep."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "No-Code CMS", descriptions: ["Instantly update product prices across 8 SKUs and refresh website content with our intuitive interface."], imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-computer-keyboard-del-button_53876-64694.jpg", imageAlt: "Admin dashboard" },
+              { id: "f2", title: "Logistics Suite", descriptions: ["Dedicated scheduling interface for drivers and real-time order tracking for sales representatives."], imageSrc: "http://img.b2bpic.net/free-photo/car-navigation-screen-dashboard-display-digital-auto-panel_169016-68647.jpg", imageAlt: "Delivery routing" },
+              { id: "f3", title: "Smart Payments", descriptions: ["Automated payment gateway supports STK Push, Card, and Pay Later options for seamless cash flow."], imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg", imageAlt: "Payment integration" },
+            ]}
+            title="Operational Excellence"
+            description="Powerful features designed to bridge the gap between production and the customer's doorstep."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "p1",
-          tag: "Essential",
-          price: "$199",
-          period: "/mo",
-          description: "Perfect for starting logistics.",
-          button: {
-            text: "Get Started",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "1 Admin",
-            "5 Drivers",
-            "Payment Integration",
-          ],
-        },
-        {
-          id: "p2",
-          tag: "Growth",
-          price: "$499",
-          period: "/mo",
-          description: "For scaling distribution.",
-          button: {
-            text: "Get Started",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "5 Admins",
-            "20 Drivers",
-            "Full API Access",
-          ],
-        },
-        {
-          id: "p3",
-          tag: "Enterprise",
-          price: "Custom",
-          period: "/mo",
-          description: "For large scale operations.",
-          button: {
-            text: "Contact Us",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Unlimited Access",
-            "Dedicated Support",
-            "On-Premise",
-          ],
-        },
-      ]}
-      title="Scalable Plans"
-      description="Choose the right plan to optimize your water business operations."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "p1", tag: "Essential", price: "$199", period: "/mo", description: "Perfect for starting logistics.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "Includes:", features: ["1 Admin", "5 Drivers", "Payment Integration"] },
+              { id: "p2", tag: "Growth", price: "$499", period: "/mo", description: "For scaling distribution.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "Includes:", features: ["5 Admins", "20 Drivers", "Full API Access"] },
+              { id: "p3", tag: "Enterprise", price: "Custom", period: "/mo", description: "For large scale operations.", button: { text: "Contact Us", href: "#contact" }, featuresTitle: "Includes:", features: ["Unlimited Access", "Dedicated Support", "On-Premise"] },
+            ]}
+            title="Scalable Plans"
+            description="Choose the right plan to optimize your water business operations."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Jane Doe",
-          role: "Logistics Manager",
-          company: "AquaCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg",
-        },
-        {
-          id: "t2",
-          name: "John Smith",
-          role: "CEO",
-          company: "WaterNet",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
-        },
-        {
-          id: "t3",
-          name: "Alice Wang",
-          role: "Director",
-          company: "PureDrop",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",
-        },
-        {
-          id: "t4",
-          name: "Bob Chen",
-          role: "Driver Lead",
-          company: "FastDelivery",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148422209.jpg",
-        },
-        {
-          id: "t5",
-          name: "Eve Adams",
-          role: "Sales Head",
-          company: "UrbanFlow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-        },
-      ]}
-      title="Trusted by Leaders"
-      description="See why our partners love AquaFlow's digital transformation tools."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Jane Doe", role: "Logistics Manager", company: "AquaCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg" },
+              { id: "t2", name: "John Smith", role: "CEO", company: "WaterNet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg" },
+              { id: "t3", name: "Alice Wang", role: "Director", company: "PureDrop", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg" },
+            ]}
+            title="Trusted by Leaders"
+            description="See why our partners love AquaFlow's digital transformation tools."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to digitize your operations? Let's connect and schedule a demo."
-      buttons={[
-        {
-          text: "Request a Demo",
-          href: "mailto:hello@aquaflow.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            text="Ready to digitize your operations? Let's connect and schedule a demo."
+            buttons={[{ text: "Request a Demo", href: "mailto:hello@aquaflow.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="AquaFlow"
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Support",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 AquaFlow Technologies"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="AquaFlow"
+            columns={[
+              { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Support", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            copyrightText="© 2024 AquaFlow Technologies"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1