Skip to content

Commit 47460a6

Browse files
LuminaEnvisionLuminaEnvision
authored
Merge pull request #51 from LuminaEnvision/main
Landing updates: Backed by + SDGs above footer, links after social, f…
2 parents 47f4e62 + 419c377 commit 47460a6

20 files changed

Lines changed: 1083 additions & 184 deletions

File tree

‎README.md‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
# DeCleanup Network Landing Page
22

3-
Welcome to the open-source landing page project for [DeCleanup Network](https://decleanup.net) — a decentralized impact movement focused on tokenizing real-world environmental cleanups.
3+
**DeCleanup is an SDG-aligned regenerative impact application.**
4+
5+
Welcome to the open-source landing page project for [DeCleanup Network](https://decleanup.net) - a decentralized impact movement focused on tokenizing real-world environmental cleanups.
46

57
## 🧩 Project Purpose
68

‎app/docs/page.tsx‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -100,6 +100,75 @@ export default function DocsPage() {
100100
</p>
101101
</div>
102102

103+
{/* For those who build and coordinate impact - intro before technical docs */}
104+
<div className="mb-16 rounded-2xl border border-[#58B12F]/30 bg-gray-900/90 p-6 md:p-8 max-w-3xl mx-auto text-left">
105+
<h2 className="text-lg font-medium text-[#58B12F] mb-6">For those who build and coordinate impact</h2>
106+
107+
<h3 className="text-xl font-medium text-white mb-3">The problem</h3>
108+
<p className="text-gray-400 text-sm mb-3">Impact coordinators struggle with:</p>
109+
<ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
110+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Fragmented data</li>
111+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Manual reporting</li>
112+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Trust bottlenecks</li>
113+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>No shared infrastructure for verification</li>
114+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Hard-to-govern funding decisions</li>
115+
</ul>
116+
117+
<h3 className="text-xl font-medium text-white mb-3">What DeCleanup provides</h3>
118+
<p className="text-gray-400 text-sm mb-3">DeCleanup is open DMRV infrastructure, not a closed platform. You can:</p>
119+
<ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
120+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Use standardized cleanup data</li>
121+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Participate in governance</li>
122+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Help define verification rules</li>
123+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Coordinate funding transparently</li>
124+
</ul>
125+
126+
<h3 className="text-xl font-medium text-white mb-3">DMRV (Data-Measurement-Reporting-Verification) as infrastructure</h3>
127+
<p className="text-gray-400 text-sm mb-3">We treat DMRV as a public good layer:</p>
128+
<ul className="list-none space-y-2 text-sm text-gray-300 mb-4 ml-0">
129+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Cleanup records are immutable</li>
130+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Data structures are open and interoperable</li>
131+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>No dependency on proprietary standards</li>
132+
</ul>
133+
<p className="text-gray-400 text-sm mb-2">Compatible with:</p>
134+
<ul className="list-none space-y-2 text-sm text-gray-300 mb-4 ml-0">
135+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>SDG reporting</li>
136+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Regen ecosystems</li>
137+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Future certification layers</li>
138+
</ul>
139+
<p className="text-gray-400 text-sm mb-2">This aligns with:</p>
140+
<ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
141+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Regen community tooling</li>
142+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Open impact accounting systems</li>
143+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Governance &amp; coordination</li>
144+
</ul>
145+
146+
<h3 className="text-xl font-medium text-white mb-3">Governance tools live on Celo</h3>
147+
<ul className="list-none space-y-2 text-sm text-gray-300 mb-4 ml-0">
148+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>$cDCU is used for proposals and voting</li>
149+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Governance is coordinated via <a href="https://gardens.fund" target="_blank" rel="noopener noreferrer" className="text-[#58B12F] hover:text-[#FAFF00] underline">Gardens.fund</a></li>
150+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Community decides: verification rules, funding priorities, new pools and experiments</li>
151+
</ul>
152+
153+
<h4 className="text-base font-medium text-white mb-2">Example funding pools</h4>
154+
<ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
155+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Equipment Pool (first pool, sponsored by Ethereum for the World)</li>
156+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Local Organizer Support Pool</li>
157+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Logistics &amp; Transport Pool</li>
158+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Data &amp; Research Pool</li>
159+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Experimental / Pilot Pool</li>
160+
</ul>
161+
162+
<h3 className="text-xl font-medium text-white mb-3">Outcome</h3>
163+
<ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
164+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Coordinators spend less time proving impact</li>
165+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Communities self-govern funding</li>
166+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Impact data becomes reusable infrastructure</li>
167+
<li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Cleanups scale without centralized control</li>
168+
</ul>
169+
<p className="text-sm text-gray-500 italic">Coordination layer first.</p>
170+
</div>
171+
103172
{/* Mobile Overlay */}
104173
{sidebarOpen && (
105174
<div

‎app/get-started/page.tsx‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
import type { Metadata } from "next";
2+
import Link from "next/link";
3+
import GetStartedFlow from "@/components/GetStartedFlow/GetStartedFlow";
4+
5+
export const metadata: Metadata = {
6+
title: "Get Started | DeCleanup Rewards",
7+
description:
8+
"Choose how you want to use the app: within other platforms with minimum features or full experience in browser.",
9+
};
10+
11+
export default function GetStartedPage() {
12+
return (
13+
<main className="min-h-screen bg-black text-white overflow-x-hidden">
14+
<div className="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 py-12 md:py-16">
15+
<div className="mb-10">
16+
<Link
17+
href="/"
18+
className="inline-flex items-center gap-2 text-[#58B12F] hover:text-[#FAFF00] font-medium text-sm md:text-base transition-colors group"
19+
>
20+
<svg
21+
className="w-5 h-5 group-hover:-translate-x-1 transition-transform"
22+
fill="none"
23+
stroke="currentColor"
24+
viewBox="0 0 24 24"
25+
>
26+
<path
27+
strokeLinecap="round"
28+
strokeLinejoin="round"
29+
strokeWidth={2}
30+
d="M15 19l-7-7 7-7"
31+
/>
32+
</svg>
33+
Back to Home
34+
</Link>
35+
</div>
36+
37+
<div className="mb-12 text-center">
38+
<h1
39+
className="text-3xl md:text-4xl font-medium text-white mb-3"
40+
style={{
41+
fontFamily:
42+
"var(--font-bebas-neue), sans-serif",
43+
textTransform: "uppercase",
44+
letterSpacing: "0.05em",
45+
}}
46+
>
47+
Get started with DeCleanup Rewards
48+
</h1>
49+
<p className="text-gray-400 max-w-xl mx-auto">
50+
Choose how you want to use the app: you can have an experience within other platforms and with minimum features or full experience separately in browser. We’ll show you what you need and where to go.
51+
</p>
52+
</div>
53+
54+
<GetStartedFlow />
55+
</div>
56+
</main>
57+
);
58+
}

‎app/globals.css‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -158,6 +158,22 @@ body {
158158
transform: translateY(-4px);
159159
}
160160

161+
/* Who is this for - subtle border glow */
162+
@keyframes border-glow {
163+
0%, 100% {
164+
border-color: rgba(88, 177, 47, 0.35);
165+
box-shadow: 0 0 0 1px rgba(88, 177, 47, 0.2);
166+
}
167+
50% {
168+
border-color: rgba(88, 177, 47, 0.6);
169+
box-shadow: 0 0 20px rgba(88, 177, 47, 0.15);
170+
}
171+
}
172+
173+
.card-border-glow {
174+
animation: border-glow 3s ease-in-out infinite;
175+
}
176+
161177
/* Custom scrollbar */
162178
::-webkit-scrollbar {
163179
width: 8px;

0 commit comments

Comments
 (0)