From e794dd4607a144110e1bb8ceb8996ccce6955eac Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 12:22:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 305 ++++++++++++-----------------------------------
 1 file changed, 74 insertions(+), 231 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 49ebe03..cb09b75 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { Zap, Shield, Layout, BarChart } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -18,27 +19,26 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         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">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Marketplace",
-          id: "catalog",
-        },
+          name: "Marketplace",          id: "catalog"},
         {
-          name: "How it Works",
-          id: "features",
-        },
+          name: "How it Works",          id: "features"},
         {
-          name: "Roadmap",
-          id: "pricing",
-        },
+          name: "Roadmap",          id: "pricing"},
         {
-          name: "Support",
-          id: "contact",
-        },
+          name: "Support",          id: "contact"},
       ]}
       brandName="Sokoni"
     />
@@ -47,108 +47,58 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Scaling Commerce for the Modern African Vendor"
       description="Sokoni provides the infrastructure for seamless marketplace operations. Empowering growth through trust, technology, and transparent transaction fees."
       testimonials={[
         {
-          name: "Amara Diallo",
-          handle: "@amarad",
-          testimonial: "Sokoni changed how I manage my inventory. Simply flawless.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-wardrobe-transparent-screen_53876-105380.jpg?_wi=1",
-          imageAlt: "tech dashboard ui",
-        },
+          name: "Amara Diallo",          handle: "@amarad",          testimonial: "Sokoni changed how I manage my inventory. Simply flawless.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/digital-wardrobe-transparent-screen_53876-105380.jpg",          imageAlt: "tech dashboard ui"},
         {
-          name: "John Okafor",
-          handle: "@jokafor",
-          testimonial: "The transaction fees are the most competitive in the market.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-labels-with-discounts-shopping-cart_23-2147930877.jpg?_wi=1",
-          imageAlt: "tech dashboard ui",
-        },
+          name: "John Okafor",          handle: "@jokafor",          testimonial: "The transaction fees are the most competitive in the market.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/colorful-labels-with-discounts-shopping-cart_23-2147930877.jpg",          imageAlt: "tech dashboard ui"},
         {
-          name: "Elena M.",
-          handle: "@elena_m",
-          testimonial: "Scaling my business has never been this intuitive.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/credit-card-security-flat_78370-3588.jpg?_wi=1",
-          imageAlt: "tech dashboard ui",
-        },
+          name: "Elena M.",          handle: "@elena_m",          testimonial: "Scaling my business has never been this intuitive.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-vector/credit-card-security-flat_78370-3588.jpg",          imageAlt: "tech dashboard ui"},
         {
-          name: "Kwame B.",
-          handle: "@kwameb",
-          testimonial: "The best platform for African e-commerce entrepreneurs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg?_wi=1",
-          imageAlt: "tech dashboard ui",
-        },
+          name: "Kwame B.",          handle: "@kwameb",          testimonial: "The best platform for African e-commerce entrepreneurs.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg",          imageAlt: "tech dashboard ui"},
         {
-          name: "Sarah T.",
-          handle: "@st_ventures",
-          testimonial: "Incredible support and a robust technical foundation.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=1",
-          imageAlt: "tech dashboard ui",
-        },
+          name: "Sarah T.",          handle: "@st_ventures",          testimonial: "Incredible support and a robust technical foundation.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg",          imageAlt: "tech dashboard ui"},
       ]}
       buttons={[
         {
-          text: "Start Selling",
-          href: "#catalog",
-        },
+          text: "Start Selling",          href: "#catalog"},
         {
-          text: "View Roadmap",
-          href: "#pricing",
-        },
+          text: "View Roadmap",          href: "#pricing"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/digital-wardrobe-transparent-screen_53876-105380.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/digital-wardrobe-transparent-screen_53876-105380.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/person-holding-tablet-with-black-friday-search_23-2149093523.jpg",
-          alt: "Person holding a tablet",
-        },
+          src: "http://img.b2bpic.net/free-photo/person-holding-tablet-with-black-friday-search_23-2149093523.jpg",          alt: "Person holding a tablet"},
         {
-          src: "http://img.b2bpic.net/free-photo/hands-unrecognizable-man-selecting-flower-bouquet-online-tablet_1098-20134.jpg",
-          alt: "Man selecting flowers",
-        },
+          src: "http://img.b2bpic.net/free-photo/hands-unrecognizable-man-selecting-flower-bouquet-online-tablet_1098-20134.jpg",          alt: "Man selecting flowers"},
         {
-          src: "http://img.b2bpic.net/free-photo/brunette-woman-with-tablet-shopping-bags_23-2148316488.jpg",
-          alt: "Woman with shopping bags",
-        },
+          src: "http://img.b2bpic.net/free-photo/brunette-woman-with-tablet-shopping-bags_23-2148316488.jpg",          alt: "Woman with shopping bags"},
         {
-          src: "http://img.b2bpic.net/free-photo/people-look-clothing-kiosk-service_482257-89749.jpg",
-          alt: "People at kiosk",
-        },
+          src: "http://img.b2bpic.net/free-photo/people-look-clothing-kiosk-service_482257-89749.jpg",          alt: "People at kiosk"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg",
-          alt: "Professional portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg",          alt: "Professional portrait"},
       ]}
       avatarText="Join 12,000+ vendors"
       marqueeItems={[
         {
-          type: "text",
-          text: "Fast Payments",
-        },
+          type: "text",          text: "Fast Payments"},
         {
-          type: "text",
-          text: "Secure Logistics",
-        },
+          type: "text",          text: "Secure Logistics"},
         {
-          type: "text",
-          text: "Real-time Analytics",
-        },
+          type: "text",          text: "Real-time Analytics"},
         {
-          type: "text",
-          text: "Scalable Infrastructure",
-        },
+          type: "text",          text: "Scalable Infrastructure"},
         {
-          type: "text",
-          text: "24/7 Support",
-        },
+          type: "text",          text: "24/7 Support"},
       ]}
     />
   </div>
@@ -159,29 +109,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Integrated Payments",
-          description: "Seamless M-Pesa and card integration out of the box.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-labels-with-discounts-shopping-cart_23-2147930877.jpg?_wi=2",
-        },
+          title: "Integrated Payments",          description: "Seamless M-Pesa and card integration out of the box.",          buttonIcon: Zap,
+          imageSrc: "http://img.b2bpic.net/free-photo/colorful-labels-with-discounts-shopping-cart_23-2147930877.jpg"},
         {
-          title: "Secure Logistics",
-          description: "Automated delivery tracking and partner notifications.",
-          buttonIcon: "Shield",
-          imageSrc: "http://img.b2bpic.net/free-vector/credit-card-security-flat_78370-3588.jpg?_wi=2",
-        },
+          title: "Secure Logistics",          description: "Automated delivery tracking and partner notifications.",          buttonIcon: Shield,
+          imageSrc: "http://img.b2bpic.net/free-vector/credit-card-security-flat_78370-3588.jpg"},
         {
-          title: "Scalable Inventory",
-          description: "Real-time updates to help you manage stock across channels.",
-          buttonIcon: "Layout",
-          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg?_wi=2",
-        },
+          title: "Scalable Inventory",          description: "Real-time updates to help you manage stock across channels.",          buttonIcon: Layout,
+          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg"},
         {
-          title: "Vendor Analytics",
-          description: "Deep insights into consumer behavior and sales performance.",
-          buttonIcon: "BarChart",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-discount-offer-paper-blanket_23-2147930807.jpg",
-        },
+          title: "Vendor Analytics",          description: "Deep insights into consumer behavior and sales performance.",          buttonIcon: BarChart,
+          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-discount-offer-paper-blanket_23-2147930807.jpg"},
       ]}
       title="Built for Growth"
       description="Our platform is engineered to handle the complexities of African commerce while keeping operations simple and lean."
@@ -196,41 +134,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Wireless Audio Pro",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg?_wi=2",
-        },
+          id: "p1",          name: "Wireless Audio Pro",          price: "$45",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vr-glasses_23-2148847740.jpg"},
         {
-          id: "p2",
-          name: "Smart Office Hub",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-headset-white-headphones_23-2148912739.jpg",
-        },
+          id: "p2",          name: "Smart Office Hub",          price: "$120",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-headset-white-headphones_23-2148912739.jpg"},
         {
-          id: "p3",
-          name: "Mobile Sync Tablet",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/astronaut-monitoring-system-diagnostics-isolated-screen-tablet-chatting-with-colleague_482257-136495.jpg",
-        },
+          id: "p3",          name: "Mobile Sync Tablet",          price: "$299",          imageSrc: "http://img.b2bpic.net/free-photo/astronaut-monitoring-system-diagnostics-isolated-screen-tablet-chatting-with-colleague_482257-136495.jpg"},
         {
-          id: "p4",
-          name: "Ultra-light Powerbank",
-          price: "$35",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-pumpkins-arrangement-with-purple-background_23-2149441607.jpg",
-        },
+          id: "p4",          name: "Ultra-light Powerbank",          price: "$35",          imageSrc: "http://img.b2bpic.net/free-photo/white-pumpkins-arrangement-with-purple-background_23-2149441607.jpg"},
         {
-          id: "p5",
-          name: "Ergo Wireless Mouse",
-          price: "$28",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-132948.jpg",
-        },
+          id: "p5",          name: "Ergo Wireless Mouse",          price: "$28",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-132948.jpg"},
         {
-          id: "p6",
-          name: "Tech Smartwatch Series",
-          price: "$189",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-using-her-smartwatch_23-2148429320.jpg",
-        },
+          id: "p6",          name: "Tech Smartwatch Series",          price: "$189",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-using-her-smartwatch_23-2148429320.jpg"},
       ]}
       title="Top Marketplace Picks"
       description="Browse our curated selection of high-demand items from top-rated vendors."
@@ -244,31 +158,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "12k+",
-          title: "Active Vendors",
-          items: [
-            "Across 5 countries",
-            "100% growth YOY",
-          ],
+          id: "m1",          value: "12k+",          title: "Active Vendors",          items: [
+            "Across 5 countries",            "100% growth YOY"],
         },
         {
-          id: "m2",
-          value: "85k+",
-          title: "Orders Processed",
-          items: [
-            "Seamless checkout",
-            "High customer retention",
-          ],
+          id: "m2",          value: "85k+",          title: "Orders Processed",          items: [
+            "Seamless checkout",            "High customer retention"],
         },
         {
-          id: "m3",
-          value: "99.8%",
-          title: "Uptime",
-          items: [
-            "Global AWS infra",
-            "Always online",
-          ],
+          id: "m3",          value: "99.8%",          title: "Uptime",          items: [
+            "Global AWS infra",            "Always online"],
         },
       ]}
       title="Our Impact Metrics"
@@ -283,51 +182,27 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "phase1",
-          badge: "Weeks 1-4",
-          price: "Core MVP",
-          subtitle: "Marketplace Foundation",
-          features: [
-            "Listings Module",
-            "Cart Logic",
-            "M-Pesa API",
-          ],
+          id: "phase1",          badge: "Weeks 1-4",          price: "Core MVP",          subtitle: "Marketplace Foundation",          features: [
+            "Listings Module",            "Cart Logic",            "M-Pesa API"],
           buttons: [
             {
-              text: "See Details",
-            },
+              text: "See Details"},
           ],
         },
         {
-          id: "phase2",
-          badge: "Weeks 5-8",
-          price: "Growth",
-          subtitle: "Trust & Retention",
-          features: [
-            "Seller Dashboard",
-            "Review System",
-            "Promotions",
-          ],
+          id: "phase2",          badge: "Weeks 5-8",          price: "Growth",          subtitle: "Trust & Retention",          features: [
+            "Seller Dashboard",            "Review System",            "Promotions"],
           buttons: [
             {
-              text: "See Details",
-            },
+              text: "See Details"},
           ],
         },
         {
-          id: "phase3",
-          badge: "Weeks 9-12",
-          price: "Scale",
-          subtitle: "Loyalty & Apps",
-          features: [
-            "Ad Engine",
-            "Loyalty Program",
-            "Mobile App",
-          ],
+          id: "phase3",          badge: "Weeks 9-12",          price: "Scale",          subtitle: "Loyalty & Apps",          features: [
+            "Ad Engine",            "Loyalty Program",            "Mobile App"],
           buttons: [
             {
-              text: "See Details",
-            },
+              text: "See Details"},
           ],
         },
       ]}
@@ -343,40 +218,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "David",
-          role: "Fashion Vendor",
-          testimonial: "Scaling was never this easy. The dashboard is top-notch.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg",
-        },
+          id: "t1",          name: "David",          role: "Fashion Vendor",          testimonial: "Scaling was never this easy. The dashboard is top-notch.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-portrait_23-2149304144.jpg"},
         {
-          id: "t2",
-          name: "Maria",
-          role: "Electronics",
-          testimonial: "Efficient payments that actually work as expected.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-business-woman-office-hall_1262-3017.jpg",
-        },
+          id: "t2",          name: "Maria",          role: "Electronics",          testimonial: "Efficient payments that actually work as expected.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-business-woman-office-hall_1262-3017.jpg"},
         {
-          id: "t3",
-          name: "Samuel",
-          role: "Home Goods",
-          testimonial: "The community support is unparalleled.",
-          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
-        },
+          id: "t3",          name: "Samuel",          role: "Home Goods",          testimonial: "The community support is unparalleled.",          imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
         {
-          id: "t4",
-          name: "Linda",
-          role: "Startup Founder",
-          testimonial: "Fast implementation, reliable architecture.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
-        },
+          id: "t4",          name: "Linda",          role: "Startup Founder",          testimonial: "Fast implementation, reliable architecture.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg"},
         {
-          id: "t5",
-          name: "Robert",
-          role: "Market Manager",
-          testimonial: "Reliability at every single scale.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-13340.jpg",
-        },
+          id: "t5",          name: "Robert",          role: "Market Manager",          testimonial: "Reliability at every single scale.",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-13340.jpg"},
       ]}
       title="Vendor Voices"
       description="Hear directly from those who built their businesses on Sokoni."
@@ -387,14 +237,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       text="Ready to launch your marketplace? Join our beta program today."
       buttons={[
         {
-          text: "Get Started",
-          href: "#",
-        },
+          text: "Get Started",          href: "#"},
       ]}
     />
   </div>
@@ -403,13 +250,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Sokoni"
       leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
     />
   </div>
       </ReactLenis>
-- 
2.49.1