From 11ef4c78ab3fa883f50b8f0ad93e059b1599e73c Mon Sep 17 00:00:00 2001 From: Anastasia <142572092+LuminaEnvision@users.noreply.github.com> Date: Sun, 8 Feb 2026 17:54:51 +0700 Subject: [PATCH] style: improve small font visibility across all pages and components, updated litepaper with new visual theory of change, and standardized branding logo/fonts --- app/coordinate/page.tsx | 102 +- app/docs/page.tsx | 46 +- app/funders/page.tsx | 100 +- app/get-started/page.tsx | 2 +- app/litepaper/page.tsx | 902 +++++++++--------- app/tokenomics/page.tsx | 2 +- app/user-guide/page.tsx | 2 +- components/BackedBy/BackedBy.tsx | 2 +- components/GetStartedFlow/GetStartedFlow.tsx | 86 +- components/HeroSection/Hero.tsx | 2 +- .../TokenizeImpactSection.tsx | 2 +- components/NavLink/NavLink.tsx | 4 +- .../NetworkRoadmapSection.tsx | 2 +- components/SDGsFooter/SDGsFooter.tsx | 2 +- components/TheoryOfChange/TheoryOfChange.tsx | 133 +++ .../UseDeCleanupToday/UseDeCleanupToday.tsx | 18 +- components/UserGuide/UserGuide.tsx | 20 +- .../WhatIsDeCleanupNetwork.tsx | 8 +- components/WhoIsThisFor/WhoIsThisFor.tsx | 6 +- components/WhyDeCleanup/WhyDeCleanup.tsx | 12 +- package-lock.json | 10 + package.json | 1 + 22 files changed, 907 insertions(+), 557 deletions(-) create mode 100644 components/TheoryOfChange/TheoryOfChange.tsx diff --git a/app/coordinate/page.tsx b/app/coordinate/page.tsx index 8a6b4c6..ef88e76 100644 --- a/app/coordinate/page.tsx +++ b/app/coordinate/page.tsx @@ -50,7 +50,7 @@ export default function CoordinatePage() {

For those who build and coordinate impact

-

+

Open infrastructure for transparent, scalable environmental coordination.

@@ -63,34 +63,63 @@ export default function CoordinatePage() { > The Problem -

+

Impact coordinators struggle with:

{[ - { icon: "🧩", title: "Fragmented data" }, - { icon: "πŸ“", title: "Manual reporting" }, - { icon: "πŸ”’", title: "Trust bottlenecks" }, { - icon: "πŸ—οΈ", + icon: ( + + + + ), + title: "Fragmented data" + }, + { + icon: ( + + + + ), + title: "Manual reporting" + }, + { + icon: ( + + + + ), + title: "Trust bottlenecks" + }, + { + icon: ( + + + + ), title: "No shared infrastructure", subtitle: "for verification", }, { - icon: "βš–οΈ", + icon: ( + + + + ), title: "Hard-to-govern", subtitle: "funding decisions", }, ].map((item, index) => (
-
{item.icon}
+
{item.icon}

{item.title} {item.subtitle && ( - + {item.subtitle} )} @@ -137,17 +166,38 @@ export default function CoordinatePage() { > DMRV as Infrastructure

-

+

We treat DMRV as a public good layer:

{[ - { icon: "πŸ”—", title: "Cleanup records are immutable" }, - { icon: "🌐", title: "Data structures are open and interoperable" }, - { icon: "πŸ†“", title: "No dependency on proprietary standards" }, + { + icon: ( + + + + ), + title: "Cleanup records are immutable" + }, + { + icon: ( + + + + ), + title: "Data structures are open and interoperable" + }, + { + icon: ( + + + + ), + title: "No dependency on proprietary standards" + }, ].map((item, index) => (
- {item.icon} +
{item.icon}
{item.title}
))} @@ -185,26 +235,38 @@ export default function CoordinatePage() {
{[ { - icon: "πŸ’°", + icon: ( + + + + ), title: "$cDCU Token", desc: "Used for proposals and voting", }, { - icon: "🌱", + icon: ( + + + + ), title: "Gardens.fund", desc: "Coordination platform", }, { - icon: "πŸ—³οΈ", + icon: ( + + + + ), title: "Community Decides", desc: "Verification rules, funding priorities, new pools", }, ].map((item, index) => (
-
{item.icon}
+
{item.icon}

{item.title}

-

{item.desc}

+

{item.desc}

))}
diff --git a/app/docs/page.tsx b/app/docs/page.tsx index 4a45e70..ff0a0bb 100644 --- a/app/docs/page.tsx +++ b/app/docs/page.tsx @@ -35,7 +35,7 @@ export default function DocsPage() {

Developer Documentation

-

+

Technical guides and resources for the DeCleanup Network

@@ -44,9 +44,13 @@ export default function DocsPage() {
{/* Contracts */}
-
πŸ“œ
+
+ + + +

Smart Contracts

-

+

Explore the core contracts powering DeCleanup, cleanups verification, and token logic.

@@ -56,21 +60,29 @@ export default function DocsPage() { {/* Subgraph */}
-
πŸ•ΈοΈ
+
+ + + +

Indexing & Subgraphs

-

+

Query DeCleanup data for integrations, analytics and governance apps.

- Coming soon + Coming soon
{/* Frontend */}
-
πŸ–₯️
+
+ + + +

Frontend & Mini Apps

-

+

Contribute to the user interfaces, PWA, and Farcaster frames.

@@ -80,9 +92,13 @@ export default function DocsPage() { {/* Verification AI */} @@ -63,22 +63,51 @@ export default function FundersPage() {

The Problem

-

Funders want:

+

Funders want:

{[ - { icon: "βœ…", text: "Proof that money led to real action" }, - { icon: "πŸ‘οΈ", text: "Transparency without heavy overhead" }, - { icon: "πŸ“ˆ", text: "Repeatable, scalable funding models" }, - { icon: "πŸ”", text: "Less trust, more verification" } + { + icon: ( + + + + ), + text: "Proof that money led to real action" + }, + { + icon: ( + + + + + ), + text: "Transparency without heavy overhead" + }, + { + icon: ( + + + + ), + text: "Repeatable, scalable funding models" + }, + { + icon: ( + + + + ), + text: "Less trust, more verification" + } ].map((problem, idx) => (
-
- {problem.icon} -

{problem.text}

+
+
{problem.icon}
+

{problem.text}

))} @@ -104,7 +133,7 @@ export default function FundersPage() {

- We don't promise financial returns first. We offer verifiable impact infrastructure. Funders can: + We offer verifiable impact infrastructure. Funders can:

@@ -154,21 +183,27 @@ export default function FundersPage() {
- πŸ’° + + + Funds flow
- 🧹 + + + Cleanups happen
- πŸ“‹ + + + Proof published
@@ -178,7 +213,7 @@ export default function FundersPage() { {/* Data Capabilities */}
-

Data can be:

+

Data can be:

{["Audited", "Aggregated", "Reused across reports and ecosystems"].map((item, idx) => (
@@ -192,18 +227,39 @@ export default function FundersPage() {
-

This reduces:

+

This reduces:

{[ - { icon: "🚫", text: "Greenwashing risk" }, - { icon: "πŸ’Έ", text: "Reporting costs" }, - { icon: "🀝", text: "Trust-based claims" } + { + icon: ( + + + + ), + text: "Greenwashing risk" + }, + { + icon: ( + + + + ), + text: "Reporting costs" + }, + { + icon: ( + + + + ), + text: "Trust-based claims" + } ].map((item, idx) => (
-
{item.icon}
+
{item.icon}

{item.text}

))} @@ -255,7 +311,7 @@ export default function FundersPage() { {/* Taglines */}
-

+

A base layer for future impact finance

@@ -371,7 +427,7 @@ export default function FundersPage() { diff --git a/app/get-started/page.tsx b/app/get-started/page.tsx index 8898556..c7f144b 100644 --- a/app/get-started/page.tsx +++ b/app/get-started/page.tsx @@ -47,7 +47,7 @@ export default function GetStartedPage() {

FOR THOSE WHO CARE ABOUT THE PLANET

-

+

Environmental action deserves recognition. 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.

diff --git a/app/litepaper/page.tsx b/app/litepaper/page.tsx index b8af61a..2378485 100644 --- a/app/litepaper/page.tsx +++ b/app/litepaper/page.tsx @@ -1,483 +1,523 @@ import type { Metadata } from "next"; import Link from "next/link"; +import Image from "next/image"; +import { + Leaf, + Info, + BadgeCheck, + TrendingUp, + Users, + Building2, + RefreshCw, + CloudSun, + Droplets, + Smartphone, + Camera, + Wand2, + Wallet, + ArrowLeftRight, + Layers, + MapPin, + FileText, + MessageCircle, + Scan, + UserCheck, + Link as LinkIcon, + Star, + ShieldCheck, + CheckCircle, + Clock, + ArrowUpRight, + Menu +} from "lucide-react"; +import TheoryOfChange from "@/components/TheoryOfChange/TheoryOfChange"; + export const metadata: Metadata = { title: "DeCleanup Network - Litepaper", - description: "What DeCleanup is, how to try it (Base & Farcaster), DMRV, AI verification, tokens, and how to get involved. February 2026.", + description: "Infrastructure for verifiable, governable, and fundable environmental impact. February 2026 Edition.", }; export default function LitepaperPage() { return ( -
-
- {/* Back Button */} -
- - - + + {/* Navigation (Litepaper specific) */} +
+
+ + DeCleanup - - Back to Home - + + LITEPAPER +
+
+ Overview + Ecosystem + Tokens + Roadmap + Appendices + + LAUNCH APP + +
+ {/* Mobile Menu Icon (Placeholder) */} +
+ +
+ + + {/* Header / Title */} +
+
+
+ +
+
+
+
+ + FEBRUARY 2026 EDITION +
+

+ DECLEANUP
+ NETWORK +

+

+ Infrastructure for verifiable, governable, and fundable environmental impact. +

+
- {/* Page Header with visual */} -
-
- - - - - - - +
+
+
Status
+
PHASE 1: LIVE
+
+
+
+
Network
+
+ + +
+
+
-

- DeCleanup Network - Litepaper -

-

- February 2026 -

- - {/* 1. What is DeCleanup? */} -
-

- 1. What is DeCleanup? -

-

- DeCleanup Network is an SDG-aligned regenerative impact application. -

-

- It provides open infrastructure to measure, verify, and fund real-world environmental action, starting with waste cleanup and expanding into regenerative and biodiversity-aligned activities. -

-

- People all over the world clean beaches, forests, rivers, and cities. The problem is simple: there is no trusted, shared way to prove this work happened and measure its impact. -

-

- DeCleanup transforms on-the-ground environmental work into: -

-
    -
  • verifiable impact data
    • -
  • auditable impact claims
    • -
  • governable funding flows
    • -
-

- so that capital can reliably support outcomes aligned with the UN Sustainable Development Goals (SDGs). -

-

- DeCleanup is designed to interoperate with the broader Regen ecosystem, enabling impact data to be reused across applications, funding programs, and reporting frameworks. This is not just an app - it's open infrastructure for environmental impact verification. -

-
- -
- - {/* 1b. SDG Mapping (Theory of Change) */} -
-

- SDG Alignment +

+ + {/* 1. Overview Cards */} +
+
+

+ + The Mission

-

- DeCleanup directly contributes to the following UN Sustainable Development Goals: -

- -

Primary SDGs

-
-
-

SDG 11 – Sustainable Cities & Communities

-
    -
  • Reduces unmanaged waste in public spaces
    • -
  • Supports community-led environmental stewardship
    • -
-
-
-

SDG 12 – Responsible Consumption & Production

-
    -
  • Enables waste tracking, categorization, and accountability
    • -
  • Supports circular economy insights through cleanup data
    • -
-
-
-

SDG 13 – Climate Action

-
    -
  • Prevents emissions from unmanaged waste and open burning
    • -
  • Enables climate-aligned impact reporting
    • -
+ +
+ {/* Card 1 */} +
+
+ +
+

Verifiable Data

+

+ Transforming invisible cleanup efforts into standardized, onchain evidence. No more "trust me" β€” only "verify me." +

-
-

SDG 14 – Life Below Water

-
    -
  • Removes plastic and waste before entering waterways
    • -
  • Produces verifiable marine pollution prevention data
    • -
+ + {/* Card 2 */} +
+
+ +
+

Auditable Impact

+

+ Creating specific, traceable records compatible with Hypercerts. Funders can see exactly where capital goes. +

-
-

SDG 15 – Life on Land

-
    -
  • Restores degraded land areas
    • -
  • Enables land-based environmental monitoring
    • -
+ + {/* Card 3 */} +
+
+ +
+

Governable Funding

+

+ DAO-based allocation of resources using stable assets. Outcome-based funding pools for long-term sustainability. +

+
+
+ + {/* 2. SDG Alignment */} +
+
+
+
+

SDG ALIGNMENT

+ UN SUSTAINABLE DEVELOPMENT GOALS +
-

Secondary / Enabling SDGs

-
-
-

SDG 16 – Peace, Justice & Strong Institutions

-
    -
  • Transparent governance of public goods funding
    • -
  • Auditable decision-making and capital allocation
    • -
+
+ {/* SDG 11 */} +
+
SDG 11
+ +
Sustainable
Cities
-
-

SDG 17 – Partnerships for the Goals

-
    -
  • Interoperability with Regen apps (e.g. Green Goods)
    • -
  • Open standards for shared impact reporting
    • -
+ + {/* SDG 12 */} +
+
SDG 12
+ +
Responsible
Consumption
-
-
-
+ {/* SDG 13 */} +
+
SDG 13
+ +
Climate
Action
+
- {/* 2. Try DeCleanup in minutes */} -
-

- 2. Try DeCleanup in minutes (no setup needed) -

-

- If you already have an account on Base or Farcaster, you can use DeCleanup here - no extra sign-up. Pick where you're active: -

- -
-
-

🧭 I use Base / the web app

-

- Open the DeCleanup Mini App in your browser. You can log in with a wallet (e.g. Base) and use it without Farcaster. -

-
    -
  • Log cleanups and upload photos
    • -
  • See verified impact and rewards
    • -
  • Use $bDCU rewards on Base
    • -
-

Where:

- - miniapp.decleanup.net β†’ - + {/* SDG 14 */} +
+
SDG 14
+ +
Life Below
Water
-
-

🟣 I have a Farcaster account

-

- Use DeCleanup inside Farcaster as a Mini App. Open it from the Farcaster app - same rewards and verification, in your feed. -

-
    -
  • Open the DeCleanup Mini App from Farcaster
    • -
  • Submit cleanups and share results with your channel
    • -
  • Earn $bDCU and build reputation
    • -
-

Where:

- - DeCleanup Mini App on Farcaster β†’ - + {/* SDG 15 */} +
+
SDG 15
+ +
Life On
Land
-
- -
+
+ + + {/* 3. The Ecosystem (Twin Engine) */} +
+
+

THE ECOSYSTEM

+ +
+ {/* Left: Base App */} +
+
+
+
+ +
+ +
+ BASE +

Mini App

+
+ +

Lightweight entry for individuals. Fast actions, instant rewards via Farcaster or Web.

+ +
+
+ + Photo-based Logging +
+
+ + AI-Assisted Verify +
+
+ + $bDCU Rewards +
+
+
+
- {/* 3. Full DeCleanup application (Celo) */} -
-

- 3. The full DeCleanup application (Celo) -

-

- For users who want the complete feature set, DeCleanup runs as a full dApp on Celo. -

-

- - Celo App (Testnet): dapp.decleanup.net - - (Currently live on Celo Sepolia testnet) -

-

- This version unlocks the full DeCleanup vision. -

- -

Core Features

-
-
-

βœ… Cleanup Actions

-
    -
  • Create or join cleanup events
    • -
  • Upload before & after photos
    • -
  • Track cleanup locations and results
    • -
+ {/* Center Connector */} +
+
+ +
-
-

πŸ“Š Impact Reports & Hypercerts

-
    -
  • Verified cleanups generate impact reports
    • -
  • Impact can be minted as Hypercerts
    • -
  • Enables future funding, sponsorship, and reuse of impact data
    • -
+ + {/* Right: Celo dApp */} +
+
+
+
+ +
+ +
+ CELO +

Full dApp

+
+ +

Infrastructure for NGOs & Organizers. Governance & Coordination.

+ +
+
+ + Geolocation & Maps +
+
+ + Impact Reports (Hypercerts) +
+
+ + Funding Governance +
+
+
-
-

πŸ› Governance & Funding (Gardens)

-

DeCleanup integrates governance and funding flows with outcome-based funding aligned with the SDGs.

-
    -
  • Proposals for cleanup equipment reimbursement
    • -
  • Community voting on funding priorities
    • -
  • Transparent decision-making
    • -
-

This allows communities to self-organize and allocate resources around environmental action.

+
+
+
+ + {/* 4. DMRV Flow (Infrastructure) */} +
+
+

CORE INFRASTRUCTURE: DMRV

+

Digital Monitoring, Reporting, and Verification Process. Ensuring every cleanup is accounted for.

+ +
+ {/* Connection Line */} +
+ +
+ {/* Step 1 */} +
+
01
+ +

Capture

+

Before/After photos & GPS estimates

+
+ + {/* Step 2 */} +
+
02
+ +

AI Scan

+

Waste detection & auto-scoring

+
+ + {/* Step 3 */} +
+
03
+ +

Verify

+

Community review & edge-case handling

+
+ + {/* Step 4 */} +
+
04
+ +

Onchain

+

Minted as Impact Record (Hypercert)

+
-
- -
+
+
+ + {/* 5. Tokens */} +
+
+

NETWORK TOKENS

+ +
+ {/* bDCU */} +
+
+
+ $bDCU +
+
+
+

Utility Token

+ BASE +
+
    +
  • Earned for verified cleanup
    • +
  • Liquid & Tradable
    • +
  • Incentivizes Action
    • +
+
+
- {/* 4. DMRV */} -
-

- 4. DMRV - Digital Monitoring, Reporting & Verification -

-

- At the core of DeCleanup is DMRV. -

-

- DMRV turns cleanup actions into trusted, auditable data. -

-

- It combines: -

-
    -
  • photos from the field
    • -
  • AI-assisted verification
    • -
  • human review when needed
    • -
  • on-chain records for transparency
    • -
-

- This makes DeCleanup useful not only for individuals, but also for: NGOs, corporates, large cleanup sponsors, and public funding programs - with impact data aligned to SDG reporting needs. -

-
- -
- - {/* 5. AI Verification - Coming Soon */} -
-

- 5. AI Verification (DMRV) - Coming Soon -

-

- AI-assisted verification is being rolled out in phases. -

- - +
+
+ + {/* 6. Roadmap */} +
+
+

ROADMAP

+ +
+ {/* Vertical Line for mobile */} +
+ + {/* Phase 1 */} +
+
+ PHASE 1 + Live +
+ {/* Node */} +
+ +
+

PHASE 1 - LIVE

+

Foundation

+
+
Base Mini App
+
$bDCU Rewards
+
Basic Verification
+
+
+
-

Why AI verification?

-

- Manual verification does not scale. AI helps: reduce fraud, speed up verification, make impact reporting more objective. Human review remains available for edge cases. -

-
- -
+ {/* Phase 2 */} +
+
+ PHASE 2 + In Dev +
+ {/* Node */} +
+ +
+

PHASE 2 - IN DEV

+

Governance & Celo

+
+
Celo Full dApp
+
Impact Products v2
+
Hypercert Records
+
+
+
- {/* 6. Tokens & Network Economy */} -
-

- 6. Tokens & Network Economy + {/* Phase 3 */} +
+
+ PHASE 3 + Future +
+ {/* Node */} +
+ +
+

PHASE 3

+

Reputation & Marketplace

+
+
β€’ RWI Rank
+
β€’ Impact Staking
+
β€’ Advanced Analytics
+
+
+
+

+
+ + + {/* Visual Theory of Change (Appendix Included) */} +
+
+

+ VISUAL SUMMARY + Theory of Change

-

- DeCleanup uses tokens to coordinate incentives - not to replace real impact. - Governance and funding use stable capital (e.g. cUSD) and Gardens.fund for outcome-based funding pools aligned with the SDGs. -

-

Live tokens:

-
    -
  • $bDCU - live on Base
    • -
  • $cDCU - coming soon (Celo)
    • -
-
-

$cDCU Airdrop

-

$cDCU will be airdropped to:

-
    -
  • Holders of $bDCU (to get the full Base + Celo experience)
    • -
  • Early DeCleanup V1 users
    • -
  • Community donors & supporters
    • -
  • Contributors (2024–2025)
    • -
-

This rewards people who supported the project before scale and hype.

+
+
-
- -
- {/* 7. What DeCleanup enables long-term */} -
-

- 7. What DeCleanup enables long-term -

-

- DeCleanup is building SDG-aligned infrastructure for: -

-
    -
  • verified environmental impact
    • -
  • transparent, outcome-based funding flows
    • -
  • scalable cleanup programs
    • -
  • interoperable impact data across the Regen ecosystem
    • -
-

Possible future integrations:

-
    -
  • NGO reporting
    • -
  • corporate ESG
    • -
  • public funding programs
    • -
  • cross-chain impact markets
    • -
-
- -
- - {/* 8. How to get involved */} -
-

- 8. How to get involved -

-
    -
  • 🌱 Join or organize a cleanup
    • -
  • πŸ§ͺ Test the Celo dApp
    • -
  • 🧠 Contribute to governance
    • -
  • πŸ’š Support the network
    • -
-

- DeCleanup is open, evolving, and community-driven. -

-
- -
- - {/* Final note */} -
-

- DeCleanup is not hype - it's SDG-aligned impact infrastructure. We welcome non-crypto readers, let people try the product in minutes, and layer in technical depth only when it helps. Real cleanups, real proof, real impact. -

-
- -
- - {/* Roadmap Section - kept */} -
-

- Roadmap (Updated) -

-
-
- - Phase 1 Live Β· Phases 2–5 in development +
+

Additional Details

+
+
+

Governance Principles

+

Impact first, speculation minimized. Stable capital remains primary for funding decisions to ensure outcomes are not correlated with market volatility.

+
+
+

Interoperability

+

DeCleanup is designed to align with existing SDG/ESG frameworks. Verified data is meant to travel, not stay siloed, ensuring composability across the Regen ecosystem.

+
-
-
-

- Phase 1 - Base Mini App (Live) -

-
    -
  • Farcaster app
    • -
  • $bDCU rewards
    • -
  • basic logging
    • -
-
+
+
-
-

- Phase 2 - Celo Full dApp (In Development) -

-
    -
  • dashboards + leaderboards
    • -
  • streaks
    • -
  • Impact Products v2
    • -
  • claim & stake
    • -
  • hypercerts
    • -
  • community verification
    • -
  • $cDCU governance
    • -
-
+ {/* Footer / CTA */} + -
- +
); } - diff --git a/app/tokenomics/page.tsx b/app/tokenomics/page.tsx index ba27ad5..d7317ce 100644 --- a/app/tokenomics/page.tsx +++ b/app/tokenomics/page.tsx @@ -130,7 +130,7 @@ export default function TokenomicsPage() { diff --git a/app/user-guide/page.tsx b/app/user-guide/page.tsx index 8fcdbad..f87084a 100644 --- a/app/user-guide/page.tsx +++ b/app/user-guide/page.tsx @@ -38,7 +38,7 @@ export default function UserGuidePage() {

User Guide

-

+

Coming Soon

diff --git a/components/BackedBy/BackedBy.tsx b/components/BackedBy/BackedBy.tsx index b02d1ac..6b348ee 100644 --- a/components/BackedBy/BackedBy.tsx +++ b/components/BackedBy/BackedBy.tsx @@ -67,7 +67,7 @@ export default function BackedBy() { />
- + {backer.name} diff --git a/components/GetStartedFlow/GetStartedFlow.tsx b/components/GetStartedFlow/GetStartedFlow.tsx index e0dcfcb..921a4d6 100644 --- a/components/GetStartedFlow/GetStartedFlow.tsx +++ b/components/GetStartedFlow/GetStartedFlow.tsx @@ -69,7 +69,7 @@ function GuideLinks({ variant }: { variant: "base" | "celo" | "wallet" }) { ]; return (
-

Guides

+

Guides

    {links.map((l) => (
  • @@ -101,7 +101,7 @@ export default function GetStartedFlow() {

    For those who care about the planet

    -

    +

    Environmental action deserves recognition. Here's how DeCleanup makes it happen.

@@ -117,14 +117,42 @@ export default function GetStartedFlow() {

The Problem

-

People clean beaches, rivers, forests - but:

+

People clean beaches, rivers, forests - but:

{[ - { icon: "πŸ‘»", text: "Their work is invisible beyond social media" }, - { icon: "πŸ“„", text: "There's no durable proof they can reuse" }, - { icon: "🎲", text: "Recognition and support are inconsistent" }, - { icon: "πŸ“‰", text: "Motivation drops without feedback or continuity" } + { + icon: ( + + + + ), + text: "Their work is invisible beyond social media" + }, + { + icon: ( + + + + ), + text: "There's no durable proof they can reuse" + }, + { + icon: ( + + + + ), + text: "Recognition and support are inconsistent" + }, + { + icon: ( + + + + ), + text: "Motivation drops without feedback or continuity" + } ].map((problem, idx) => (
- {problem.icon} +
{problem.icon}

{problem.text}

@@ -158,7 +186,7 @@ export default function GetStartedFlow() {

What DeCleanup Changes

-

We give everyday people a simple flow:

+

We give everyday people a simple flow:

{/* Visual Step Flow */}
@@ -330,7 +358,7 @@ export default function GetStartedFlow() { {/* Tagline */}
-

+

Impact first. Web3 only where it helps.

@@ -378,7 +406,7 @@ export default function GetStartedFlow() {

Do you have a Farcaster account or the Base app?

-

+

DeCleanup Rewards runs as a mini app inside Farcaster client or the Base app. If you prefer not to use either, you can use the full platform on Celo chain.

@@ -393,7 +421,7 @@ export default function GetStartedFlow() { Farcaster

-

+

Farcaster is an open social protocol that lets people own their identity and social graph. Multiple apps can use the same feed, profiles, and followers, so your social presence isn’t locked into one platform.

@@ -408,7 +436,7 @@ export default function GetStartedFlow() { Base App

-

+

Base App is an onchain consumer app built on Base that uses the Farcaster feed. It combines social posts, mini apps, payments, trading, chat, and earning into one place - so content isn’t just read, it’s actionable.

@@ -430,7 +458,7 @@ export default function GetStartedFlow() {
@@ -445,7 +473,7 @@ export default function GetStartedFlow() {

Choose one to get started

-

+

You can add the other later. Pick the one you prefer to set up first.

@@ -454,20 +482,20 @@ export default function GetStartedFlow() { className="flex-1 p-5 rounded-xl border border-[#58B12F]/40 bg-[#58B12F]/10 text-white hover:bg-[#58B12F]/20 transition text-left" > Register on Base app - Use DeCleanup inside the Base mobile app + Use DeCleanup inside the Base mobile app
@@ -482,7 +510,7 @@ export default function GetStartedFlow() {

Try the full DeCleanup Rewards platform

-

+

Explore full dashboard, leaderboard, and governance. Works with a wallet (e.g. MetaMask) on Celo chain.

@@ -499,7 +527,7 @@ export default function GetStartedFlow() {
@@ -513,7 +541,7 @@ export default function GetStartedFlow() {

DeCleanup on Farcaster

-

+

Open the DeCleanup mini app inside Farcaster. Log in with your Farcaster account and start logging cleanups.

@@ -535,7 +563,7 @@ export default function GetStartedFlow() {
-

+

To fund your wallet: open the Farcaster wallet, press Deposit, then copy your wallet address. Transfer ETH from an exchange or another wallet to that address, or buy directly via a linked Coinbase account.

-

+

Do you also want to use DeCleanup on the Base app?

@@ -567,7 +595,7 @@ export default function GetStartedFlow() {
@@ -581,7 +609,7 @@ export default function GetStartedFlow() {

DeCleanup on Base app

-

+

Install the Base app, then open DeCleanup Rewards as a mini app inside it. Pin it to your apps to be able to always find it later.

@@ -606,7 +634,7 @@ export default function GetStartedFlow() {
@@ -620,7 +648,7 @@ export default function GetStartedFlow() {

DeCleanup on Base app

-

+

Install the Base app, then open DeCleanup Rewards as a mini app inside it. Pin it to your apps to be able to always find it later.

@@ -645,7 +673,7 @@ export default function GetStartedFlow() {
@@ -659,7 +687,7 @@ export default function GetStartedFlow() {

You’re all set

-

+

Use DeCleanup on Farcaster to log cleanups and earn rewards. Need the full dApp or Base app later? Come back to this page or use the links on the main page.

{

{/* Subheadline */} -

+

A global platform that verifies environmental cleanups and turns them into measurable, fundable impact.

diff --git a/components/HowToTokonizeImpact/TokenizeImpactSection.tsx b/components/HowToTokonizeImpact/TokenizeImpactSection.tsx index 7074f79..44bdaca 100644 --- a/components/HowToTokonizeImpact/TokenizeImpactSection.tsx +++ b/components/HowToTokonizeImpact/TokenizeImpactSection.tsx @@ -97,7 +97,7 @@ const TokenizeImpactSection = () => { > Join the Movement -

+

Connect with our community and explore everything you need to contribute to a cleaner environment.

diff --git a/components/NavLink/NavLink.tsx b/components/NavLink/NavLink.tsx index 68b512e..9db73a8 100644 --- a/components/NavLink/NavLink.tsx +++ b/components/NavLink/NavLink.tsx @@ -89,7 +89,7 @@ const NavLink = ({ variant = "full" }: { variant?: NavLinkVariant }) => { {/* External Links Section - Less Prominent */}
-

+

External Links

@@ -169,7 +169,7 @@ const NavLink = ({ variant = "full" }: { variant?: NavLinkVariant }) => { className="h-5 md:h-6 w-auto" /> celo diff --git a/components/NetworkRoadmapSection/NetworkRoadmapSection.tsx b/components/NetworkRoadmapSection/NetworkRoadmapSection.tsx index 73e3036..92e44d9 100644 --- a/components/NetworkRoadmapSection/NetworkRoadmapSection.tsx +++ b/components/NetworkRoadmapSection/NetworkRoadmapSection.tsx @@ -109,7 +109,7 @@ const RoadmapCarousel = ({ roadmap }: { roadmap: Array<{ phase: string; bullets: > {item.phase} -
-

+

+ {/* Background Grid */} +

+ +
+
+ APPENDIX A +

THEORY OF CHANGE

+
+ + {/* Flow Container */} +
+ + {/* 1. The Problem (Input State) */} +
+
+ +
+

PROBLEM

+

Results are Invisible

+ + {/* Additional Details on Hover (Desktop) or Static (Mobile) */} +
+
Pain Points
+
Inconsistent Data
+
Hard to Verify
+
Undercapitalized
+
+ {/* Mobile Fallback for Details - visible if preferred, but hover is fine for this robust component */} +
+ + {/* Connector 1 */} +
+
+
+ + {/* 2. The Engine (The Solution Box) */} +
+
THE ENGINE
+ +
+ {/* Inputs */} +
+
INPUTS
+
+ + People & Funds +
+
+ + {/* Activities (Center) */} +
+ {/* Flow Arrows (Desktop) */} +
+ +
+
+ +
+ +
ACTIVITIES
+
+ + Events & DMRV +
+
+ + {/* Outputs */} +
+
OUTPUTS
+
+ + Verified Data +
+
+
+
+ + {/* Connector 2 */} +
+
+
+ + {/* 3. Outcomes & Impact */} +
+ {/* Timeline Outcomes */} +
+
+
+
SHORT: Documented
+
+
+
+
MID: Funded
+
+
+
+
LONG: Infrastructure
+
+
+ + {/* Final Impact Card */} +
+ +

IMPACT

+

Credible Action

+
+
+ +
+
+
+ ); +} diff --git a/components/UseDeCleanupToday/UseDeCleanupToday.tsx b/components/UseDeCleanupToday/UseDeCleanupToday.tsx index 2dcb84a..b68d433 100644 --- a/components/UseDeCleanupToday/UseDeCleanupToday.tsx +++ b/components/UseDeCleanupToday/UseDeCleanupToday.tsx @@ -81,7 +81,7 @@ const UseDeCleanupToday = () => { > EARN DECLEANUP REWARDS TODAY -

+

Choose your path to impact. Start with our Base Mini App for quick rewards or dive into the full ecosystem on Celo.

@@ -139,7 +139,7 @@ const UseDeCleanupToday = () => {

{/* Bullet Points */} -
    +
      {app.bullets.map((bullet, idx) => { // Special handling for swap links bullet if (bullet.startsWith("Swap:")) { @@ -182,7 +182,7 @@ const UseDeCleanupToday = () => { {/* Note (if present) */} {app.note && ( -

      +

      {app.note.startsWith("Contract:") ? ( <> Contract:{" "} @@ -206,7 +206,7 @@ const UseDeCleanupToday = () => { {app.buttonDisabled ? ( @@ -251,7 +251,7 @@ const UseDeCleanupToday = () => { height={100} className="h-5 w-auto" /> - celo + celo

{/* Title - Secondary font, normal case */} @@ -271,7 +271,7 @@ const UseDeCleanupToday = () => {

{/* Bullet Points */} -
    +
      {apps[2].bullets.map((bullet, idx) => { // Special handling for bullet with DeTrash Global link (second bullet, index 1) if (idx === 1) { @@ -299,7 +299,7 @@ const UseDeCleanupToday = () => { if (bullet === "COMING_SOON_HEADING") { return (
    • - + Coming soon:
      • @@ -316,7 +316,7 @@ const UseDeCleanupToday = () => { {/* Note (if present) */} {apps[2].note && ( -

      +

      {apps[2].note.startsWith("Contract:") ? ( <> Contract:{" "} @@ -339,7 +339,7 @@ const UseDeCleanupToday = () => { {apps[2].buttonDisabled ? ( diff --git a/components/UserGuide/UserGuide.tsx b/components/UserGuide/UserGuide.tsx index d893090..443fbc5 100644 --- a/components/UserGuide/UserGuide.tsx +++ b/components/UserGuide/UserGuide.tsx @@ -263,14 +263,14 @@ const UserGuide = () => { instant, easy wallet connect

      -

      Wallets:

      +

      Wallets:

      • β€’ Farcaster Wallet is preferable...
      -

      +

      Note: currently other wallet work unstable in farcaster app, use native wallet for best experience

      @@ -305,7 +305,7 @@ const UserGuide = () => { connect any Base-compatible wallet.

      -

      Wallets:

      +

      Wallets:

      • β€’ @@ -427,7 +427,7 @@ const UserGuide = () => { Cleanups
      -

      +

      Claims of Impact Product

      @@ -445,7 +445,7 @@ const UserGuide = () => { Referrals

      -

      +

      Rewards for referring new users

      @@ -463,7 +463,7 @@ const UserGuide = () => { Streak

-

+

Weekly streak maintenance rewards

@@ -481,7 +481,7 @@ const UserGuide = () => { Impact Reports

-

+

Submission of impact reports

@@ -499,7 +499,7 @@ const UserGuide = () => { Verifier Reward

-

+

Verifier reward for valid submission verification

@@ -508,7 +508,7 @@ const UserGuide = () => {

-

+

Note: Rewards are subject to change upon the actual token price.

@@ -562,7 +562,7 @@ const UserGuide = () => {

diff --git a/components/WhatIsDecleanUp/WhatIsDeCleanupNetwork.tsx b/components/WhatIsDecleanUp/WhatIsDeCleanupNetwork.tsx index c70b2dd..a97b671 100644 --- a/components/WhatIsDecleanUp/WhatIsDeCleanupNetwork.tsx +++ b/components/WhatIsDecleanUp/WhatIsDeCleanupNetwork.tsx @@ -66,14 +66,14 @@ export default function WhatIsDeCleanupNetwork() { > DMRV: Digital Monitoring, Reporting & Verification -

+

DeCleanup provides an open-source DMRV system that turns real-world cleanup actions into trusted, auditable digital data.

NGOs

-

+

Transparent impact verification & reporting

@@ -81,13 +81,13 @@ export default function WhatIsDeCleanupNetwork() {

Corporates

-

+

ESG data & sponsored cleanups

Sponsors

-

+

Fund & track large-scale actions

diff --git a/components/WhoIsThisFor/WhoIsThisFor.tsx b/components/WhoIsThisFor/WhoIsThisFor.tsx index f4f0ac6..e60c139 100644 --- a/components/WhoIsThisFor/WhoIsThisFor.tsx +++ b/components/WhoIsThisFor/WhoIsThisFor.tsx @@ -24,7 +24,7 @@ export default function WhoIsThisFor() {

For those who care about the planet

-

+

Choose how you want to use the app: within other platforms with minimum features or full experience in browser. We’ll show you what you need and where to go.

    @@ -57,7 +57,7 @@ export default function WhoIsThisFor() {

    For those who build and coordinate impact

    -

    +

    Use onchain tools to coordinate cleanups, rewards, and community governance.

    @@ -91,7 +91,7 @@ export default function WhoIsThisFor() {

    For those who fund real-world impact

    -

    +

    Support verified environmental cleanups and help scale them globally.

    diff --git a/components/WhyDeCleanup/WhyDeCleanup.tsx b/components/WhyDeCleanup/WhyDeCleanup.tsx index f819e09..033380e 100644 --- a/components/WhyDeCleanup/WhyDeCleanup.tsx +++ b/components/WhyDeCleanup/WhyDeCleanup.tsx @@ -69,13 +69,13 @@ export default function WhyDeCleanup() {
    {/* Problem */}
    -
    +

    The Problem

    -

    Cleanups happen, but there's no credible proof or transparent coordination

    +

    Cleanups happen, but there's no credible proof or transparent coordination

    {/* Arrow */} @@ -93,7 +93,7 @@ export default function WhyDeCleanup() {

    The Solution

    -

    Verifiable, incentivized, and transparently funded environmental action

    +

    Verifiable, incentivized, and transparently funded environmental action

@@ -119,7 +119,7 @@ export default function WhyDeCleanup() {
{/* Title */} -

+

{feature.title}

@@ -129,7 +129,7 @@ export default function WhyDeCleanup() {

{/* Description */} -

+

{feature.description}

@@ -140,7 +140,7 @@ export default function WhyDeCleanup() { {/* Bottom tagline */}
-

+

SDG-aligned technology for a cleaner, more transparent future

diff --git a/package-lock.json b/package-lock.json index a973186..b004354 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "version": "0.1.0", "dependencies": { "geist": "^1.5.1", + "lucide-react": "^0.563.0", "next": "^15.5.7", "react": "^19.0.0", "react-dom": "^19.0.0" @@ -4511,6 +4512,15 @@ "loose-envify": "cli.js" } }, + "node_modules/lucide-react": { + "version": "0.563.0", + "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.563.0.tgz", + "integrity": "sha512-8dXPB2GI4dI8jV4MgUDGBeLdGk8ekfqVZ0BdLcrRzocGgG75ltNEmWS+gE7uokKF/0oSUuczNDT+g9hFJ23FkA==", + "license": "ISC", + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/magic-string": { "version": "0.30.17", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz", diff --git a/package.json b/package.json index dc37116..4af8cb2 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ }, "dependencies": { "geist": "^1.5.1", + "lucide-react": "^0.563.0", "next": "^15.5.7", "react": "^19.0.0", "react-dom": "^19.0.0"