From f5ea6a3d814f9555b9431e4ae99f2d93fe9ace14 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 05:47:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 511 ++++++++++++++---------------------------------
 1 file changed, 148 insertions(+), 363 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b673ba7..4da8f09 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,377 +27,162 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="DukaFlow"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="DukaFlow"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Structure Your Business the DukaFlow Way"
-      description="DukaFlow bridges the gap between social media discovery and structured web commerce. Designed specifically for the Rwandan SME ecosystem."
-      testimonials={[
-        {
-          name: "Sarah Umutoni",
-          handle: "@duka_rw",
-          testimonial: "DukaFlow saved my shop! I don't lose orders in WhatsApp chaos anymore.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-potted-plant-looking-camera-smiling-with-happy-face-showing-ok-sign-standing-orange-background_141793-45349.jpg",
-        },
-        {
-          name: "Jean Bosco",
-          handle: "@bosco_trade",
-          testimonial: "Finally, an interface that makes sense for my retail business. Simple and effective.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-executive-smiling-confident-standing-street_839833-33412.jpg",
-        },
-        {
-          name: "Anita K",
-          handle: "@anita_fashion",
-          testimonial: "My customers love the storefront link. It looks so professional on my Instagram.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-entrepreneur-working-late-business-reports-looking-camera-office_637285-2634.jpg",
-        },
-        {
-          name: "David M",
-          handle: "@dm_store",
-          testimonial: "The WhatsApp bridge preserves the personal touch I need to close sales.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-107893.jpg",
-        },
-        {
-          name: "Alice N",
-          handle: "@alice_kigali",
-          testimonial: "Low data usage is a huge plus for my business operations.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-amusement-park_23-2147910667.jpg",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461349.jpg"
-      imageAlt="DukaFlow platform interface"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-looking-camera-with-serious-confident-expression-standing-pink-background_141793-67376.jpg",
-          alt: "Entrepreneur Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/nice-woman-cleans-while-making-up-smiles-posing-with-hands_176420-8354.jpg",
-          alt: "Store owner Jean",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-spreading-hands-isolated-green-background_141793-118857.jpg",
-          alt: "Retailer Anita",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-young-barber-wearing-uniform-glasses-holding-scissors-looking-camera-pointing-side-isolated-blue-background_141793-138175.jpg",
-          alt: "Founder David",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
-          alt: "Manager Alice",
-        },
-      ]}
-      avatarText="Join 500+ growing Rwandan SMEs"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Low Data Usage",
-        },
-        {
-          type: "text",
-          text: "WhatsApp Integration",
-        },
-        {
-          type: "text",
-          text: "Structured Inventory",
-        },
-        {
-          type: "text",
-          text: "Instant Order ID",
-        },
-        {
-          type: "text",
-          text: "Kigali SME Focused",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            title="Structure Your Business the DukaFlow Way"
+            description="DukaFlow bridges the gap between social media discovery and structured web commerce. Designed specifically for the Rwandan SME ecosystem."
+            testimonials={[
+              { name: "Sarah Umutoni", handle: "@duka_rw", testimonial: "DukaFlow saved my shop! I don't lose orders in WhatsApp chaos anymore.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-potted-plant-looking-camera-smiling-with-happy-face-showing-ok-sign-standing-orange-background_141793-45349.jpg" },
+              { name: "Jean Bosco", handle: "@bosco_trade", testimonial: "Finally, an interface that makes sense for my retail business. Simple and effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-executive-smiling-confident-standing-street_839833-33412.jpg" },
+              { name: "Anita K", handle: "@anita_fashion", testimonial: "My customers love the storefront link. It looks so professional on my Instagram.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-entrepreneur-working-late-business-reports-looking-camera-office_637285-2634.jpg" },
+              { name: "David M", handle: "@dm_store", testimonial: "The WhatsApp bridge preserves the personal touch I need to close sales.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-107893.jpg" },
+              { name: "Alice N", handle: "@alice_kigali", testimonial: "Low data usage is a huge plus for my business operations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-amusement-park_23-2147910667.jpg" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461349.jpg"
+            imageAlt="DukaFlow platform interface"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-looking-camera-with-serious-confident-expression-standing-pink-background_141793-67376.jpg", alt: "Entrepreneur Sarah" },
+              { src: "http://img.b2bpic.net/free-photo/nice-woman-cleans-while-making-up-smiles-posing-with-hands_176420-8354.jpg", alt: "Store owner Jean" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-spreading-hands-isolated-green-background_141793-118857.jpg", alt: "Retailer Anita" },
+              { src: "http://img.b2bpic.net/free-photo/confident-young-barber-wearing-uniform-glasses-holding-scissors-looking-camera-pointing-side-isolated-blue-background_141793-138175.jpg", alt: "Founder David" },
+              { src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg", alt: "Manager Alice" },
+            ]}
+            avatarText="Join 500+ growing Rwandan SMEs"
+            marqueeItems={[
+              { type: "text", text: "Low Data Usage" },
+              { type: "text", text: "WhatsApp Integration" },
+              { type: "text", text: "Structured Inventory" },
+              { type: "text", text: "Instant Order ID" },
+              { type: "text", text: "Kigali SME Focused" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="A Hybrid Infrastructure"
-      description="DukaFlow isn't just another website builder. It's a localized infrastructure that amplifies the existing conversational trust of social commerce while adding operational rigor."
-      metrics={[
-        {
-          value: "30%",
-          title: "Reduction in Order Confusion",
-        },
-        {
-          value: "100%",
-          title: "Conversational Trust Maintained",
-        },
-        {
-          value: "2x",
-          title: "Faster Order Tracking",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-vector/purchase-online-onboarding-app_23-2148412572.jpg"
-      imageAlt="DukaFlow architecture"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="A Hybrid Infrastructure"
+            description="DukaFlow isn't just another website builder. It's a localized infrastructure that amplifies the existing conversational trust of social commerce while adding operational rigor."
+            metrics={[
+              { value: "30%", title: "Reduction in Order Confusion" },
+              { value: "100%", title: "Conversational Trust Maintained" },
+              { value: "2x", title: "Faster Order Tracking" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-vector/purchase-online-onboarding-app_23-2148412572.jpg"
+            imageAlt="DukaFlow architecture"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          label: "Management",
-          title: "Visual Dashboard",
-          items: [
-            "Minimal clicking",
-            "Large, readable buttons",
-            "No technical setup required",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Ordering",
-          title: "WhatsApp Bridge",
-          items: [
-            "Unique Order IDs",
-            "Pre-formatted messages",
-            "Human interaction preserved",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Performance",
-          title: "Data Optimized",
-          items: [
-            "Compressed images",
-            "Offline browsing support",
-            "Fast on any network",
-          ],
-        },
-      ]}
-      title="Core Features Built for Reality"
-      description="We understand the constraints and needs of Rwandan small businesses."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", label: "Management", title: "Visual Dashboard", items: ["Minimal clicking", "Large, readable buttons", "No technical setup required"] },
+              { id: "f2", label: "Ordering", title: "WhatsApp Bridge", items: ["Unique Order IDs", "Pre-formatted messages", "Human interaction preserved"] },
+              { id: "f3", label: "Performance", title: "Data Optimized", items: ["Compressed images", "Offline browsing support", "Fast on any network"] },
+            ]}
+            title="Core Features Built for Reality"
+            description="We understand the constraints and needs of Rwandan small businesses."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "24/7",
-          title: "Automated Order Capturing",
-          items: [
-            "No lost inquiries",
-            "Immediate ID generation",
-          ],
-        },
-        {
-          id: "m2",
-          value: "6",
-          title: "Workflow Stages",
-          items: [
-            "From Inquiry to Completed",
-            "Clear status visibility",
-          ],
-        },
-        {
-          id: "m3",
-          value: "0%",
-          title: "Technical Barrier",
-          items: [
-            "Designed for non-tech",
-            "Onboarding in minutes",
-          ],
-        },
-      ]}
-      title="Proven Operational Impact"
-      description="Transforming chaotic conversations into structured business data."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "24/7", title: "Automated Order Capturing", items: ["No lost inquiries", "Immediate ID generation"] },
+              { id: "m2", value: "6", title: "Workflow Stages", items: ["From Inquiry to Completed", "Clear status visibility"] },
+              { id: "m3", value: "0%", title: "Technical Barrier", items: ["Designed for non-tech", "Onboarding in minutes"] },
+            ]}
+            title="Proven Operational Impact"
+            description="Transforming chaotic conversations into structured business data."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Umutoni",
-          role: "CEO",
-          company: "DukaRW",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jean Bosco",
-          role: "Manager",
-          company: "BoscoTrade",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg",
-        },
-        {
-          id: "t3",
-          name: "Anita K",
-          role: "Founder",
-          company: "AnitaFashion",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-man-black-suit-standing-cafe_1157-33157.jpg",
-        },
-        {
-          id: "t4",
-          name: "David M",
-          role: "Director",
-          company: "DM Store",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-male-with-tattoos-arms-dressed-red-christmas-pants-using-tablet-pc-room-with-loft-interior_613910-14658.jpg",
-        },
-        {
-          id: "t5",
-          name: "Alice N",
-          role: "Owner",
-          company: "KigaliStyles",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-arranging-racks-with-clothes_482257-85378.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "500+",
-          label: "Active Stores",
-        },
-        {
-          value: "10k+",
-          label: "Orders Processed",
-        },
-        {
-          value: "4.9",
-          label: "User Satisfaction",
-        },
-      ]}
-      title="Empowered Businesses"
-      description="Join the growing network of SMEs streamlining their operations."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah Umutoni", role: "CEO", company: "DukaRW", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg" },
+              { id: "t2", name: "Jean Bosco", role: "Manager", company: "BoscoTrade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg" },
+              { id: "t3", name: "Anita K", role: "Founder", company: "AnitaFashion", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-man-black-suit-standing-cafe_1157-33157.jpg" },
+              { id: "t4", name: "David M", role: "Director", company: "DM Store", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-male-with-tattoos-arms-dressed-red-christmas-pants-using-tablet-pc-room-with-loft-interior_613910-14658.jpg" },
+              { id: "t5", name: "Alice N", role: "Owner", company: "KigaliStyles", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/manager-arranging-racks-with-clothes_482257-85378.jpg" },
+            ]}
+            kpiItems={[
+              { value: "500+", label: "Active Stores" },
+              { value: "10k+", label: "Orders Processed" },
+              { value: "4.9", label: "User Satisfaction" },
+            ]}
+            title="Empowered Businesses"
+            description="Join the growing network of SMEs streamlining their operations."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do I need coding skills?",
-          content: "Absolutely not. DukaFlow is built for non-technical business owners.",
-        },
-        {
-          id: "q2",
-          title: "Does it replace WhatsApp?",
-          content: "No, it enhances WhatsApp by bringing structure to your orders.",
-        },
-        {
-          id: "q3",
-          title: "Will it use all my mobile data?",
-          content: "Our storefronts are lightweight and designed to be fast on any mobile network.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-business-desk-arrangement_23-2148128260.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Everything you need to know about starting your digital journey with DukaFlow."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Do I need coding skills?", content: "Absolutely not. DukaFlow is built for non-technical business owners." },
+              { id: "q2", title: "Does it replace WhatsApp?", content: "No, it enhances WhatsApp by bringing structure to your orders." },
+              { id: "q3", title: "Will it use all my mobile data?", content: "Our storefronts are lightweight and designed to be fast on any mobile network." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-business-desk-arrangement_23-2148128260.jpg"
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Everything you need to know about starting your digital journey with DukaFlow."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Get Started"
-      title="Ready to Streamline?"
-      description="Onboard your business today and bring order to your commerce operations."
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-female-barista-working-coffee-shop_23-2148523036.jpg"
-      mediaAnimation="slide-up"
-      inputPlaceholder="Enter your phone number"
-      buttonText="Onboard Now"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Get Started"
+            title="Ready to Streamline?"
+            description="Onboard your business today and bring order to your commerce operations."
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-female-barista-working-coffee-shop_23-2148523036.jpg"
+            mediaAnimation="slide-up"
+            inputPlaceholder="Enter your phone number"
+            buttonText="Onboard Now"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="DukaFlow"
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 DukaFlow Research Project."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="DukaFlow"
+            columns={[
+              { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            copyrightText="© 2024 DukaFlow Research Project."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );