Merge version_1 into main #2
244
src/app/page.tsx
244
src/app/page.tsx
@@ -18,27 +18,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Social Proof", id: "social-proof" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="ShareCycle"
|
||||
/>
|
||||
@@ -49,40 +46,16 @@ export default function LandingPage() {
|
||||
logoText="ShareCycle"
|
||||
description="Connecting local surplus with global need through a transparent, blockchain-powered trust system."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Sharing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Learn How",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Start Sharing", href: "#" },
|
||||
{ text: "Learn How", href: "#about" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/a-conceptual-photograph-of-diverse-peopl-1774776902483-20f6cab1.png?_wi=1",
|
||||
imageAlt: "Global connection",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/a-close-up-shot-of-a-smartphone-showing--1774776901769-65ddd694.png?_wi=1",
|
||||
imageAlt: "Tracking dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/aerial-view-of-a-vibrant-urban-community-1774776901658-56b0b37e.png?_wi=1",
|
||||
imageAlt: "Surplus sharing",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/abstract-visualization-of-a-global-suppl-1774776901491-a1927bdb.png?_wi=1",
|
||||
imageAlt: "Network nodes",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/diverse-hands-holding-a-variety-of-donat-1774776902626-ea87c4c7.png?_wi=1",
|
||||
imageAlt: "Resource donation",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/modern-architectural-close-up-of-a-donat-1774776901978-bd66a069.png",
|
||||
imageAlt: "Donation hub",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/a-conceptual-photograph-of-diverse-peopl-1774776902483-20f6cab1.png", imageAlt: "Global connection" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/a-close-up-shot-of-a-smartphone-showing--1774776901769-65ddd694.png", imageAlt: "Tracking dashboard" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/aerial-view-of-a-vibrant-urban-community-1774776901658-56b0b37e.png", imageAlt: "Surplus sharing" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/abstract-visualization-of-a-global-suppl-1774776901491-a1927bdb.png", imageAlt: "Network nodes" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/diverse-hands-holding-a-variety-of-donat-1774776902626-ea87c4c7.png", imageAlt: "Resource donation" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/modern-architectural-close-up-of-a-donat-1774776901978-bd66a069.png", imageAlt: "Donation hub" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,18 +66,9 @@ export default function LandingPage() {
|
||||
title="A Smarter Way to Share"
|
||||
description="Our platform leverages blockchain technology to ensure that every donated item—whether clothing, food, or electronics—is tracked from donor to recipient, building unparalleled trust."
|
||||
metrics={[
|
||||
{
|
||||
value: "1.2M+",
|
||||
title: "Items Shared",
|
||||
},
|
||||
{
|
||||
value: "450K+",
|
||||
title: "Verified Impact",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
title: "Global Hubs",
|
||||
},
|
||||
{ value: "1.2M+", title: "Items Shared" },
|
||||
{ value: "450K+", title: "Verified Impact" },
|
||||
{ value: "150+", title: "Global Hubs" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/close-up-of-a-person-holding-a-smartphon-1774776902404-418af1a5.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -118,31 +82,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Blockchain Trust",
|
||||
description: "Immutable records for every donation to ensure accountability.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Reach",
|
||||
description: "Seamlessly connect with local communities or international relief efforts.",
|
||||
},
|
||||
{
|
||||
icon: RefreshCw,
|
||||
title: "Circular Economy",
|
||||
description: "Reduce waste by keeping usable items in circulation for those who need them most.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Instant Alerts",
|
||||
description: "Real-time notifications for nearby surplus availability.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Community Verified",
|
||||
description: "Crowdsourced trust system for all platform participants.",
|
||||
},
|
||||
{ icon: ShieldCheck, title: "Blockchain Trust", description: "Immutable records for every donation to ensure accountability." },
|
||||
{ icon: Globe, title: "Global Reach", description: "Seamlessly connect with local communities or international relief efforts." },
|
||||
{ icon: RefreshCw, title: "Circular Economy", description: "Reduce waste by keeping usable items in circulation for those who need them most." },
|
||||
{ icon: Zap, title: "Instant Alerts", description: "Real-time notifications for nearby surplus availability." },
|
||||
{ icon: Users, title: "Community Verified", description: "Crowdsourced trust system for all platform participants." },
|
||||
]}
|
||||
title="Core Platform Capabilities"
|
||||
description="Powerful tools designed to streamline resource distribution while maintaining full transparency."
|
||||
@@ -153,28 +97,11 @@ export default function LandingPage() {
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="left"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Waste Saved",
|
||||
subtitle: "Tons of landfill waste avoided.",
|
||||
category: "Impact",
|
||||
value: "850t",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Active Donors",
|
||||
subtitle: "Individuals contributing daily.",
|
||||
category: "Engagement",
|
||||
value: "45k",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Success Rate",
|
||||
subtitle: "Reliable delivery tracking.",
|
||||
category: "Trust",
|
||||
value: "99%",
|
||||
},
|
||||
{ id: "m1", title: "Waste Saved", subtitle: "Tons of landfill waste avoided.", category: "Impact", value: "850t" },
|
||||
{ id: "m2", title: "Active Donors", subtitle: "Individuals contributing daily.", category: "Engagement", value: "45k" },
|
||||
{ id: "m3", title: "Success Rate", subtitle: "Reliable delivery tracking.", category: "Trust", value: "99%" },
|
||||
]}
|
||||
title="Real-time Platform Impact"
|
||||
description="We are measuring success by the volume of items diverted from landfills and delivered to people in need."
|
||||
@@ -186,14 +113,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"EcoChain",
|
||||
"GlobalAid",
|
||||
"UrbanShare",
|
||||
"GreenBridge",
|
||||
"KindNetwork",
|
||||
"Solidarity",
|
||||
"FutureLink",
|
||||
]}
|
||||
"EcoChain", "GlobalAid", "UrbanShare", "GreenBridge", "KindNetwork", "Solidarity", "FutureLink"]}
|
||||
title="Supporting Our Vision"
|
||||
description="Trusted by leading sustainable organizations across the globe."
|
||||
/>
|
||||
@@ -204,61 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Oct 2023",
|
||||
title: "Local Donor",
|
||||
quote: "The transparency the platform provides makes me feel confident that my donations reach those who truly need them.",
|
||||
tag: "Community",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/a-conceptual-photograph-of-diverse-peopl-1774776902483-20f6cab1.png?_wi=2",
|
||||
imageAlt: "A conceptual photograph of diverse people connecting globally through a digital sharing platform, wa",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
date: "Sep 2023",
|
||||
title: "Relief Worker",
|
||||
quote: "This blockchain integration is revolutionary. We can finally track aid supplies with absolute certainty.",
|
||||
tag: "Impact",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/a-close-up-shot-of-a-smartphone-showing--1774776901769-65ddd694.png?_wi=2",
|
||||
imageAlt: "A close-up shot of a smartphone showing a blockchain-based donation tracking dashboard, professional",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Aug 2023",
|
||||
title: "Sustainability Leader",
|
||||
quote: "A brilliant solution to a global waste problem. It's user-friendly and incredibly effective.",
|
||||
tag: "Sustainability",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-redhead-girl-with-freckles-smiling_176420-19207.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/aerial-view-of-a-vibrant-urban-community-1774776901658-56b0b37e.png?_wi=2",
|
||||
imageAlt: "Aerial view of a vibrant urban community garden, representing sharing surplus goods, high contrast c",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
date: "Jul 2023",
|
||||
title: "Small Business Owner",
|
||||
quote: "Integrating our surplus food donation program was seamless thanks to the platform's intuitive tracking tools.",
|
||||
tag: "Partnership",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/abstract-visualization-of-a-global-suppl-1774776901491-a1927bdb.png?_wi=2",
|
||||
imageAlt: "Abstract visualization of a global supply chain network, glowing nodes connecting, minimal and high-",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Petrova",
|
||||
date: "June 2023",
|
||||
title: "Volunteer Coordinator",
|
||||
quote: "Incredible platform. Efficiency and transparency combined in one dashboard.",
|
||||
tag: "Volunteering",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/diverse-hands-holding-a-variety-of-donat-1774776902626-ea87c4c7.png?_wi=2",
|
||||
imageAlt: "Diverse hands holding a variety of donated items like books and clothes, shallow focus on the items.",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Local Donor", quote: "The transparency the platform provides makes me feel confident that my donations reach those who truly need them.", tag: "Community", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/a-conceptual-photograph-of-diverse-peopl-1774776902483-20f6cab1.png" },
|
||||
{ id: "2", name: "James Chen", date: "Sep 2023", title: "Relief Worker", quote: "This blockchain integration is revolutionary. We can finally track aid supplies with absolute certainty.", tag: "Impact", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/a-close-up-shot-of-a-smartphone-showing--1774776901769-65ddd694.png" },
|
||||
{ id: "3", name: "Elena Rodriguez", date: "Aug 2023", title: "Sustainability Leader", quote: "A brilliant solution to a global waste problem. It's user-friendly and incredibly effective.", tag: "Sustainability", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-redhead-girl-with-freckles-smiling_176420-19207.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/aerial-view-of-a-vibrant-urban-community-1774776901658-56b0b37e.png" },
|
||||
{ id: "4", name: "Mark Wilson", date: "Jul 2023", title: "Small Business Owner", quote: "Integrating our surplus food donation program was seamless thanks to the platform's intuitive tracking tools.", tag: "Partnership", avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/abstract-visualization-of-a-global-suppl-1774776901491-a1927bdb.png" },
|
||||
{ id: "5", name: "Anna Petrova", date: "June 2023", title: "Volunteer Coordinator", quote: "Incredible platform. Efficiency and transparency combined in one dashboard.", tag: "Volunteering", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7zYWFbAiRCi46Qbc4o0ELBLf/diverse-hands-holding-a-variety-of-donat-1774776902626-ea87c4c7.png" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See how ShareCycle is transforming resource sharing in our global community."
|
||||
@@ -268,40 +138,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Impact",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Transparency",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "About", href: "#about" }, { label: "Impact", href: "#metrics" }, { label: "Transparency", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 ShareCycle. All rights reserved."
|
||||
bottomRightText="Built with transparency."
|
||||
|
||||
Reference in New Issue
Block a user