Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-05-10 05:48:02 +00:00

View File

@@ -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>
);