bender/d9246f72-026a-4dc9-81a5-295a77523396
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-25 22:59:04 +00:00
Conversation 0 Commits 1 Files Changed 1 +144 -426
1 changed files with 144 additions and 426 deletions
Download Patch File Download Diff File Expand all files Collapse all files

570
src/app/page.tsx
View File

@@ -28,441 +28,159 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Explore",
id: "#routes",
},
{
name: "Kinigi Quest",
id: "#quest",
},
{
name: "Invest",
id: "#invest",
},
{
name: "Impact",
id: "#impact",
},
]}
brandName="Musanze MyCity"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Explore", id: "#routes" },
{ name: "Kinigi Quest", id: "#quest" },
{ name: "Invest", id: "#invest" },
{ name: "Impact", id: "#impact" },
]}
brandName="Musanze MyCity"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
title="Discover Musanze – My City"
description="Explore. Learn. Invest. Join the gamified discovery adventure in the heart of Rwanda."
buttons={[
{
text: "Start Adventure",
href: "#routes",
},
{
text: "Invest Now",
href: "#invest",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-adult-using-electric-bike-country-side_23-2149124580.jpg?_wi=1"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-excited-female-hiking-mountains-enjoying-beautiful-view_181624-55999.jpg",
alt: "Excited female hiker",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-man-with-backpack-traveling_23-2148622522.jpg",
alt: "Male hiker with backpack",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-man-bridge-with-binocular_23-2148622612.jpg",
alt: "Explorer with binoculars",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-with-backpack-looks-way-with-binoculars_641386-1063.jpg",
alt: "Young man exploring",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-african-man-with-his-backpack_23-2148182818.jpg",
alt: "Smiling young local",
},
]}
marqueeItems={[
{
type: "text",
text: "Sustainable Tourism",
},
{
type: "text",
text: "Community Impact",
},
{
type: "text",
text: "Adventure Sports",
},
{
type: "text",
text: "Green Innovation",
},
{
type: "text",
text: "Authentic Culture",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Discover Musanze – My City"
description="Explore. Learn. Invest. Join the gamified discovery adventure in the heart of Rwanda."
buttons={[
{ text: "Start Adventure", href: "#routes" },
{ text: "Invest Now", href: "#invest" },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-adult-using-electric-bike-country-side_23-2149124580.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-excited-female-hiking-mountains-enjoying-beautiful-view_181624-55999.jpg", alt: "Excited female hiker" },
{ src: "http://img.b2bpic.net/free-photo/high-angle-man-with-backpack-traveling_23-2148622522.jpg", alt: "Male hiker with backpack" },
{ src: "http://img.b2bpic.net/free-photo/high-angle-man-bridge-with-binocular_23-2148622612.jpg", alt: "Explorer with binoculars" },
{ src: "http://img.b2bpic.net/free-photo/young-man-with-backpack-looks-way-with-binoculars_641386-1063.jpg", alt: "Young man exploring" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-african-man-with-his-backpack_23-2148182818.jpg", alt: "Smiling young local" },
]}
marqueeItems={[
{ type: "text", text: "Sustainable Tourism" },
{ type: "text", text: "Community Impact" },
{ type: "text", text: "Adventure Sports" },
{ type: "text", text: "Green Innovation" },
{ type: "text", text: "Authentic Culture" },
]}
/>
</div>
<div id="how-it-works" data-section="how-it-works">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Scan & Visit",
description: "Scan the QR code or sign up on the platform.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-vector/technology-concept_23-2147512567.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147840607.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-using-electric-bike-country-side_23-2149124580.jpg?_wi=2",
imageAlt: "qr code scan icon",
},
{
title: "Secure Access",
description: "Unlock your pass for just $20.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/secured-online-payment-icon_23-2152012417.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/business-financial-management-document-icon_53876-14639.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/map-pin-location-direction-position-graphic_53876-120742.jpg",
imageAlt: "qr code scan icon",
},
{
title: "Choose Route",
description: "Pick your self-guided or expert-led discovery route.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/three-golden-trophies-white-background_187299-46235.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/destination-journey-location-map-route-sign-icon_53876-127607.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-people-outdoors_23-2149365812.jpg?_wi=1",
imageAlt: "qr code scan icon",
},
{
title: "Start Challenges",
description: "Explore, complete tasks, and win rewards.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/lonely-road-middle-forest_181624-30411.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-vector/camping-banner-set_1284-14888.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-using-electric-bike-country-side_23-2149124574.jpg?_wi=1",
imageAlt: "qr code scan icon",
},
]}
showStepNumbers={true}
title="Your Adventure Path"
description="Start your discovery in four simple, fun steps."
/>
</div>
<div id="how-it-works" data-section="how-it-works">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showStepNumbers={true}
title="Your Adventure Path"
description="Start your discovery in four simple, fun steps."
features={[
{ title: "Scan & Visit", description: "Scan the QR code or sign up on the platform.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/technology-concept_23-2147512567.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147840607.jpg" } },
{ title: "Secure Access", description: "Unlock your pass for just $20.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/secured-online-payment-icon_23-2152012417.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-financial-management-document-icon_53876-14639.jpg" } },
{ title: "Choose Route", description: "Pick your self-guided or expert-led discovery route.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/three-golden-trophies-white-background_187299-46235.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/destination-journey-location-map-route-sign-icon_53876-127607.jpg" } },
{ title: "Start Challenges", description: "Explore, complete tasks, and win rewards.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/lonely-road-middle-forest_181624-30411.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/camping-banner-set_1284-14888.jpg" } }
]}
/>
</div>
<div id="routes" data-section="routes">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "r1",
name: "Cultural Route",
price: "$20",
variant: "Self-Guided",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-people-outdoors_23-2149365812.jpg?_wi=2",
},
{
id: "r2",
name: "Hidden Musanze",
price: "$20",
variant: "Hidden Gem",
imageSrc: "http://img.b2bpic.net/free-photo/lonely-road-middle-forest_181624-30411.jpg?_wi=2",
},
{
id: "r3",
name: "Cycling Explorer",
price: "$20",
variant: "Adventure",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-using-electric-bike-country-side_23-2149124574.jpg?_wi=2",
},
{
id: "r4",
name: "Coffee & Ag",
price: "$20",
variant: "Industry",
imageSrc: "http://img.b2bpic.net/free-photo/showcase-daily-life-activities-some-indigenous-people_23-2149711124.jpg",
},
{
id: "r5",
name: "Investor Path",
price: "$20",
variant: "Discovery",
imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-steps-made-logs-forest_169016-22465.jpg",
},
{
id: "r6",
name: "Kinigi Quest",
price: "$20",
variant: "Scavenger",
imageSrc: "http://img.b2bpic.net/free-photo/two-cyclists-peak-mountain-with-beautiful-environment_181624-10023.jpg",
},
]}
title="Choose Your Exploration Route"
description="Diverse paths curated for culture, adventure, and insight."
/>
</div>
<div id="routes" data-section="routes">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "r1", name: "Cultural Route", price: "$20", variant: "Self-Guided", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-people-outdoors_23-2149365812.jpg" },
{ id: "r2", name: "Hidden Musanze", price: "$20", variant: "Hidden Gem", imageSrc: "http://img.b2bpic.net/free-photo/lonely-road-middle-forest_181624-30411.jpg" },
{ id: "r3", name: "Cycling Explorer", price: "$20", variant: "Adventure", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-using-electric-bike-country-side_23-2149124574.jpg" },
{ id: "r4", name: "Coffee & Ag", price: "$20", variant: "Industry", imageSrc: "http://img.b2bpic.net/free-photo/showcase-daily-life-activities-some-indigenous-people_23-2149711124.jpg" },
{ id: "r5", name: "Investor Path", price: "$20", variant: "Discovery", imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-steps-made-logs-forest_169016-22465.jpg" },
{ id: "r6", name: "Kinigi Quest", price: "$20", variant: "Scavenger", imageSrc: "http://img.b2bpic.net/free-photo/two-cyclists-peak-mountain-with-beautiful-environment_181624-10023.jpg" },
]}
title="Choose Your Exploration Route"
description="Diverse paths curated for culture, adventure, and insight."
/>
</div>
<div id="quest" data-section="quest">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Kinigi Adventure Quest",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/dramatic-shot-cyclist-falling-down-after-dangerous-trick_181624-52443.jpg",
},
]}
buttons={[
{
text: "Begin Quest",
href: "#",
},
]}
/>
</div>
<div id="quest" data-section="quest">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Kinigi Adventure Quest" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/dramatic-shot-cyclist-falling-down-after-dangerous-trick_181624-52443.jpg" },
]}
buttons={[{ text: "Begin Quest", href: "#" }]}
/>
</div>
<div id="invest" data-section="invest">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "p1",
badge: "High Growth",
price: "Tourism",
subtitle: "Invest in sustainable hospitality and cycling lodges.",
buttons: [
{
text: "Connect",
},
],
features: [
"Hotel potential",
"Cycling trails",
"Eco-lodges",
],
},
{
id: "p2",
badge: "Innovation",
price: "Agriculture",
subtitle: "Support local coffee and agro-processing chains.",
buttons: [
{
text: "Connect",
},
],
features: [
"Coffee exports",
"Processing tech",
"Modern farming",
],
},
{
id: "p3",
badge: "Infrastructure",
price: "Hospitality",
subtitle: "Partner with local heritage hubs and event centers.",
buttons: [
{
text: "Connect",
},
],
features: [
"Event venues",
"Cultural hubs",
"Business growth",
],
},
]}
title="Invest in Musanze"
description="Unlock high-growth opportunities in Rwanda's tourism and agriculture sectors."
/>
</div>
<div id="invest" data-section="invest">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{ id: "p1", badge: "High Growth", price: "Tourism", subtitle: "Invest in sustainable hospitality and cycling lodges.", buttons: [{ text: "Connect" }], features: ["Hotel potential", "Cycling trails", "Eco-lodges"] },
{ id: "p2", badge: "Innovation", price: "Agriculture", subtitle: "Support local coffee and agro-processing chains.", buttons: [{ text: "Connect" }], features: ["Coffee exports", "Processing tech", "Modern farming"] },
{ id: "p3", badge: "Infrastructure", price: "Hospitality", subtitle: "Partner with local heritage hubs and event centers.", buttons: [{ text: "Connect" }], features: ["Event venues", "Cultural hubs", "Business growth"] },
]}
title="Invest in Musanze"
description="Unlock high-growth opportunities in Rwanda's tourism and agriculture sectors."
/>
</div>
<div id="impact" data-section="impact">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
title: "Local Guides",
description: "Jobs created through discovery programs.",
imageSrc: "http://img.b2bpic.net/free-photo/african-kid-marketplace_23-2151489222.jpg",
},
{
id: "m2",
value: "20%",
title: "Local Growth",
description: "Increased revenue for local businesses.",
imageSrc: "http://img.b2bpic.net/free-photo/hiker-chilling-old-bridge_23-2147683077.jpg",
},
{
id: "m3",
value: "500+",
title: "Experiences",
description: "Interactive cultural engagements enabled.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-fastening-bicycle-repair_482257-80565.jpg",
},
]}
title="Community Impact"
description="Empowering locals through every journey."
/>
</div>
<div id="impact" data-section="impact">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "150+", title: "Local Guides", description: "Jobs created through discovery programs.", imageSrc: "http://img.b2bpic.net/free-photo/african-kid-marketplace_23-2151489222.jpg" },
{ id: "m2", value: "20%", title: "Local Growth", description: "Increased revenue for local businesses.", imageSrc: "http://img.b2bpic.net/free-photo/hiker-chilling-old-bridge_23-2147683077.jpg" },
{ id: "m3", value: "500+", title: "Experiences", description: "Interactive cultural engagements enabled.", imageSrc: "http://img.b2bpic.net/free-photo/couple-fastening-bicycle-repair_482257-80565.jpg" },
]}
title="Community Impact"
description="Empowering locals through every journey."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Amazing Quest",
quote: "The Kinigi Quest was life-changing.",
name: "Sarah Miller",
role: "Traveler",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elderly-woman-with-backpack-sporty-woman-casual-clothes-looking-camera-with-bright-smile-sport-adventure-hobby-concept_74855-23361.jpg",
},
{
id: "t2",
title: "Culture Deep Dive",
quote: "Loved the coffee route, so authentic.",
name: "John Doe",
role: "Cyclist",
imageSrc: "http://img.b2bpic.net/free-photo/man-cycling-outdoors-with-his-bike-helmet_23-2149748617.jpg",
},
{
id: "t3",
title: "Best Investment",
quote: "Saw unique business opportunities.",
name: "Alice Wang",
role: "Investor",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-thermos-while-camping-outdoors-with-copy-space_23-2148704486.jpg",
},
{
id: "t4",
title: "Unforgettable",
quote: "Great way to give back to locals.",
name: "David King",
role: "Guide User",
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-explorer-observes-something-far-away-uses-binoculars-observes-spectacular-view-discovers-new-places-carries-rucksack-isolated-brown-background-blank-space-your-promotion_273609-61768.jpg",
},
{
id: "t5",
title: "Super Fun!",
quote: "The hunt was perfectly curated.",
name: "Elena Ross",
role: "Blogger",
imageSrc: "http://img.b2bpic.net/free-photo/talented-woman-making-origami-with-japanese-paper_23-2149048396.jpg",
},
]}
title="Explorer Stories"
description="Hear from those who've unlocked Musanze."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
title="Explorer Stories"
description="Hear from those who've unlocked Musanze."
testimonials={[
{ id: "t1", title: "Amazing Quest", quote: "The Kinigi Quest was life-changing.", name: "Sarah Miller", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elderly-woman-with-backpack-sporty-woman-casual-clothes-looking-camera-with-bright-smile-sport-adventure-hobby-concept_74855-23361.jpg" },
{ id: "t2", title: "Culture Deep Dive", quote: "Loved the coffee route, so authentic.", name: "John Doe", role: "Cyclist", imageSrc: "http://img.b2bpic.net/free-photo/man-cycling-outdoors-with-his-bike-helmet_23-2149748617.jpg" },
{ id: "t3", title: "Best Investment", quote: "Saw unique business opportunities.", name: "Alice Wang", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-thermos-while-camping-outdoors-with-copy-space_23-2148704486.jpg" },
{ id: "t4", title: "Unforgettable", quote: "Great way to give back to locals.", name: "David King", role: "Guide User", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-explorer-observes-something-far-away-uses-binoculars-observes-spectacular-view-discovers-new-places-carries-rucksack-isolated-brown-background-blank-space-your-promotion_273609-61768.jpg" },
{ id: "t5", title: "Super Fun!", quote: "The hunt was perfectly curated.", name: "Elena Ross", role: "Blogger", imageSrc: "http://img.b2bpic.net/free-photo/talented-woman-making-origami-with-japanese-paper_23-2149048396.jpg" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Ready to explore Musanze or discuss investment opportunities? Get in touch with the Musanze MyCity team."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Ready to explore Musanze or discuss investment opportunities? Get in touch with the Musanze MyCity team."
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Musanze MyCity"
columns={[
{
title: "Explore",
items: [
{
label: "Routes",
href: "#routes",
},
{
label: "Kinigi Quest",
href: "#quest",
},
],
},
{
title: "Invest",
items: [
{
label: "Opportunities",
href: "#invest",
},
{
label: "Partnerships",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "WhatsApp",
href: "#",
},
{
label: "FAQs",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Musanze MyCity"
columns={[
{ title: "Explore", items: [{ label: "Routes", href: "#routes" }, { label: "Kinigi Quest", href: "#quest" }] },
{ title: "Invest", items: [{ label: "Opportunities", href: "#invest" }, { label: "Partnerships", href: "#" }] },
{ title: "Support", items: [{ label: "WhatsApp", href: "#" }, { label: "FAQs", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}