diff --git a/app/docs/layout.tsx b/app/docs/layout.tsx index 0ad2b00..792a360 100644 --- a/app/docs/layout.tsx +++ b/app/docs/layout.tsx @@ -1,7 +1,7 @@ import type { Metadata } from "next"; export const metadata: Metadata = { - title: "DeCleanup Network Developer Documentation", + title: "DeCleanup Network Documentation", description: "Technical documentation for DeCleanup Rewards - Quick start guide, architecture, smart contracts, and API reference", }; diff --git a/app/docs/page.tsx b/app/docs/page.tsx index ff0a0bb..31d6403 100644 --- a/app/docs/page.tsx +++ b/app/docs/page.tsx @@ -1,135 +1,107 @@ - -"use client"; - +import type { Metadata } from "next"; import Link from "next/link"; +export const metadata: Metadata = { + title: "DeCleanup Network Documentation", + description: "Guides and resources for the DeCleanup Network. Tech stack and where to find more.", +}; + export default function DocsPage() { return ( -
-
- {/* Back Button */} -
+
+
+ {/* Back + Header */} +
- - + + Back to Home -
- - {/* Page Header */} -
-

- Developer Documentation -

-

- Technical guides and resources for the DeCleanup Network -

-
- - {/* Developer Sections */} -
- {/* Contracts */} -
-
- - - +
+
+ + DOCS
-

Smart Contracts

-

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

+ NETWORK DOCUMENTATION +

+

+ Guides and resources for the DeCleanup Network.

- - View on GitHub → - -
- - {/* Subgraph */} -
-
- - - -
-

Indexing & Subgraphs

-

- Query DeCleanup data for integrations, analytics and governance apps. -

-
- Coming soon -
+
- {/* Frontend */} -
-
- - - -
-

Frontend & Mini Apps

-

- Contribute to the user interfaces, PWA, and Farcaster frames. + {/* Tech stack / What we build with */} +

+
+

TECH STACK

+

+ A simple overview of what powers DeCleanup. For full technical docs and source code, see GitHub.

- - Explore Repos → - -
- {/* Verification AI */} -
-
- - - +
+
+

Smart contracts

+

Verification, tokens, and core logic on Base and Celo.

+ +
+
+

Frontend & mini apps

+

Web app, PWA, and Farcaster mini app.

+ +
+
+

Indexing & subgraphs

+

Query cleanup and token data for apps and analytics.

+ Coming soon +
+
+

AI verification

+

Computer vision for verifying cleanup impact.

+ Docs coming soon +
+
+

Governance

+

Funding pools and voting on Celo via Gardens.

+ Coming soon +
-

AI Verification

-

- Learn about the computer vision models used for verifying cleanup impact. -

- - Docs coming soon - -
- {/* Governance */} -
-
- - - +
+ + DeCleanup on GitHub → + +

+ Full technical docs, source code, and contribution guides are on GitHub. +

-

Governance

-

- Technical details on how funding pools and voting mechanisms work. -

- - Visit Gardens → -
-
- -
-

- Looking for the impact coordination guide? Click here. -

-
+
-
+ ); } diff --git a/app/litepaper/page.tsx b/app/litepaper/page.tsx index 2378485..aea5084 100644 --- a/app/litepaper/page.tsx +++ b/app/litepaper/page.tsx @@ -132,7 +132,7 @@ export default function LitepaperPage() {

Verifiable Data

- Transforming invisible cleanup efforts into standardized, onchain evidence. No more "trust me" — only "verify me." + Transforming invisible cleanup efforts into standardized, onchain evidence. No more "trust me" - only "verify me."

@@ -228,20 +228,20 @@ export default function LitepaperPage() {

Mini App

-

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

+

Lightweight entry for individuals via Farcaster or Base app.

- Photo-based Logging + Photo-based logging
- AI-Assisted Verify + Quick verification
- $bDCU Rewards + $bDCU rewards
@@ -264,23 +264,23 @@ export default function LitepaperPage() {
CELO -

Full dApp

+

Full Platform

-

Infrastructure for NGOs & Organizers. Governance & Coordination.

+

Full platform for NGOs and organizers. Governance and coordination.

- Geolocation & Maps + Geolocation and maps
- Impact Reports (Hypercerts) + Impact reports (Hypercerts)
- Funding Governance + Funding governance
@@ -302,7 +302,7 @@ export default function LitepaperPage() {
{/* Step 1 */}
-
01
+
01

Capture

Before/After photos & GPS estimates

@@ -310,7 +310,7 @@ export default function LitepaperPage() { {/* Step 2 */}
-
02
+
02

AI Scan

Waste detection & auto-scoring

@@ -318,7 +318,7 @@ export default function LitepaperPage() { {/* Step 3 */}
-
03
+
03

Verify

Community review & edge-case handling

@@ -326,7 +326,7 @@ export default function LitepaperPage() { {/* Step 4 */}
-
04
+
04

Onchain

Minted as Impact Record (Hypercert)

@@ -342,11 +342,11 @@ export default function LitepaperPage() {

NETWORK TOKENS

- {/* bDCU */} + {/* $bDCU */}
-
- $bDCU +
+ $bDCU
@@ -361,11 +361,11 @@ export default function LitepaperPage() {
- {/* cDCU */} + {/* $cDCU */}
-
- $cDCU +
+ $cDCU
@@ -443,11 +443,10 @@ export default function LitepaperPage() {

PHASE 3

-

Reputation & Marketplace

-
+

AI verification

+
• RWI Rank
• Impact Staking
-
• Advanced Analytics
@@ -458,10 +457,6 @@ export default function LitepaperPage() { {/* Visual Theory of Change (Appendix Included) */}
-

- VISUAL SUMMARY - Theory of Change -

diff --git a/app/tokenomics/page.tsx b/app/tokenomics/page.tsx index d7317ce..6fd925d 100644 --- a/app/tokenomics/page.tsx +++ b/app/tokenomics/page.tsx @@ -1,7 +1,8 @@ - import type { Metadata } from "next"; import Link from "next/link"; +import Image from "next/image"; import React from "react"; +import { Star, ShieldCheck } from "lucide-react"; export const metadata: Metadata = { title: "DeCleanup Network Tokenomics", @@ -10,226 +11,173 @@ export const metadata: Metadata = { export default function TokenomicsPage() { return ( -
-
- {/* Back Button */} -
+
+
+ {/* Back + Header */} +
- - + + Back to Home +
+
+ + TOKENOMICS +
+

+ NETWORK TOKENS +

+

+ The dual-token model powering DeCleanup's global impact ecosystem. +

+
- {/* Page Header */} -
-

- Tokenomics -

-

- The dual-token model powering DeCleanup's global impact ecosystem. -

-
- - {/* SECTION 1 - TWO-TOKEN OVERVIEW */} -
-
- {/* Card 1 - $bDCU - Base */} -
-

- BASE TOKEN: $bDCU -

-

- The "action token." Used on Base for: -

-
    -
  • - • - cleanup rewards -
    • -
  • - • - streaks -
    • -
  • - • - referrals -
    • -
  • - • - verifier staking -
    • -
  • - • - simple incentives -
    • -
- - View on Base - -
+ {/* SECTION 1 - TWO-TOKEN OVERVIEW (litepaper-style cards) */} +
+
+

TWO TOKENS

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

Utility Token

+ BASE +
+

The "action token." Used on Base for:

+
    +
  • Cleanup rewards
    • +
  • Streaks & referrals
    • +
  • Verifier staking
    • +
  • Liquid & tradable
    • +
+ + View on Base + +
+
- {/* Card 2 - $cDCU - Celo */} -
-

- CELO TOKEN: $cDCU -

-

- Reputation, governance & advanced utilities -

-
    -
  • - • - Earned through verified cleanups in the Celo dApp -
    • -
  • - • - Non-tradable by design (reputation-linked) -
    • -
  • - • - Used for governance via Gardens.fund -
    • -
  • - • - Stake to access Verifier roles -
    • -
  • - • - Required for streaks, dashboard, analytics -
    • -
  • - • - Powers the Celo ReFi + governance layer -
    • -
- + {/* $cDCU */} +
+
+
+ $cDCU +
+
+
+

Governance

+ CELO +
+

Reputation, governance & advanced utilities

+
    +
  • Earned through verified cleanups
    • +
  • Non-tradable (reputation-linked)
    • +
  • Governance via Gardens.fund
    • +
  • Verifier roles, streaks, analytics
    • +
+ +
+
{/* SECTION 2 - TOKEN COMPARISON TABLE */} -
-

- Token Comparison -

-
- - - - - - - - - - - - - +
+
+

TOKEN COMPARISON

+
+
- $bDCU (Base) - - $cDCU (Celo) -
ChainBaseCelo
+ + + + + + + + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + +
+ $bDCU (Base)$cDCU (Celo)
ChainBaseCelo
TypeLiquid ERC-20Reputation + Governance
TypeLiquid ERC-20Reputation + Governance
TransferableYesNon-tradable
TransferableYesNon-tradable
Primary UseFast incentivesVerified impact + governance
Primary UseFast incentivesVerified impact + governance
Earned FromMini app cleanupsFull dApp cleanups
Earned FromMini app cleanupsFull dApp cleanups
Staking PurposeVerifier accessVerifier access + governance
Staking PurposeVerifier accessVerifier access + governance
GovernanceNoYes (Gardens.fund)
GovernanceNoYes (Gardens.fund)
HypercertsNoYes (every 10 cleanups)
HypercertsNoYes (every 10 cleanups)
MarketTradableNon-tradable
MarketTradableNon-tradable
Total SupplyTBA10,000,000 fixed supply
Total SupplyTBA10,000,000 fixed supply
+
{/* SECTION 3 - IMPACT SYSTEM CARDS */} -
-

- Impact System -

-
+
+
+

IMPACT SYSTEM

+
{/* Card A - Impact Products */} -
-

- Impact Products -

-
    +
    +

    Impact Products

    +
    • • Dynamic NFTs @@ -246,11 +194,9 @@ export default function TokenomicsPage() {
    {/* Card B - Verifier System */} -
    -

    - Verifier System -

    -
      +
      +

      Verifier System

      +
      • • Stake $bDCU or $cDCU to join @@ -271,11 +217,9 @@ export default function TokenomicsPage() {
      {/* Card C - Hypercerts */} -
      -

      - Hypercerts -

      -
        +
        +

        Hypercerts

        +
        • • Minted after every 10 verified cleanups @@ -291,23 +235,17 @@ export default function TokenomicsPage() {
      +
{/* SECTION 4 - TOKEN LIFECYCLE */} -
-

- Token Lifecycle -

- -
+
+
+

TOKEN LIFECYCLE

+
{/* $bDCU Lifecycle */} -
-

- $bDCU Lifecycle -

+
+

$bDCU Lifecycle

{/* Vertical connector line */}
@@ -345,13 +283,8 @@ export default function TokenomicsPage() {
{/* $cDCU Lifecycle */} -
-

- $cDCU Lifecycle -

+
+

$cDCU Lifecycle

{/* Vertical connector line */}
@@ -387,120 +320,74 @@ export default function TokenomicsPage() {
+
{/* SECTION 5 - $bDCU SUPPLY & ALLOCATION */} -
-

- supply and allocation. -

-

- $bDCU: total supply TBA -

- -
-
-

- Circulating Supply - 85% -

-

- 85% of the total supply circulates immediately -

+
+
+

SUPPLY & ALLOCATION

+

$bDCU: total supply TBA

+
+
+

Circulating Supply - 85%

+

85% of the total supply circulates immediately

+
+
+

Clanker Vault - 15%

+

15% of supply is held in the Clanker Vault for burns, ecosystem rewards, and liquidity stabilization

- -
-

- Clanker Vault - 15% -

-

- 15% of supply is held in the Clanker Vault for burns, ecosystem rewards, and liquidity stabilization -

- -

- $cDCU: total supply 10,000,000 -

{/* SECTION 6 - $cDCU SUPPLY & ALLOCATION */} -
-
-
-

- Staking & Verifier Rewards - 35% -

-

- Supports long-term staking and review system -

+
+
+

$cDCU: total supply 10,000,000

+
+
+

Staking & Verifier Rewards - 35%

+

Supports long-term staking and review system

- -
-

- Cleanup Campaign Incentives - 25% -

-

- Fuels Impact Circles, leaderboards and global events -

+
+

Cleanup Campaign Incentives - 25%

+

Fuels Impact Circles, leaderboards and global events

- -
-

- Public Distribution - 20% -

-

- Onboarding users through controlled vesting -

+
+

Public Distribution - 20%

+

Onboarding users through controlled vesting

- -
-

- Team & Development - 10% -

-

- Multi-year vesting for stability and alignment -

+
+

Team & Development - 10%

+

Multi-year vesting for stability and alignment

- -
-

- Verification Treasury - 5% -

-

- Funds Proof-of-Impact validation rewards -

+
+

Verification Treasury - 5%

+

Funds Proof-of-Impact validation rewards

- -
-

- Community Incentives - 4% -

-

- Supports ambassadors, referrals, content, contributors -

+
+

Community Incentives - 4%

+

Supports ambassadors, referrals, content, contributors

+
+
+

Liquidity - 1%

+

Seeds Celo-side DEX access

- -
-

- Liquidity - 1% -

-

- Seeds Celo-side DEX access -

{/* SECTION 7 - CLOSING STATEMENT */} -
-
-

+

+
+

Built for a transparent global impact economy - where every cleanup becomes verified onchain action.

-
+
); } diff --git a/app/userguide/page.tsx b/app/userguide/page.tsx index 429866e..f8f2416 100644 --- a/app/userguide/page.tsx +++ b/app/userguide/page.tsx @@ -1,43 +1,162 @@ import type { Metadata } from "next"; import Link from "next/link"; -import UserGuide from "@/components/UserGuide/UserGuide"; export const metadata: Metadata = { title: "DeCleanup Network User Guide", - description: "A simple flow to start using DeCleanup today", + description: "Guides for using the DeCleanup mini app and full platform", }; export default function UserGuidePage() { return ( -
-
- {/* Back Button */} -
+
+
+ {/* Back + Header */} +
- - + + Back to Home +
+
+ + USER GUIDE +
+

+ HOW TO USE DECLEANUP +

+

+ Mini app on Base and Farcaster, or full platform on Celo. +

+
- {/* User Guide Component */} - + {/* SECTION 1 - HOW TO USE THE MINI APP */} +
+
+

HOW TO USE THE MINI APP

+

+ Use DeCleanup inside Farcaster, the Base app, or in a browser. Earn $bDCU and build your Impact Product. +

+ + {/* Where to open */} +
+
+

Farcaster

+

Open the mini app inside Farcaster or Warpcast. Use the built-in wallet for the smoothest experience.

+ + Open on Farcaster → + +
+
+

Base app

+

Install the Base app, then open DeCleanup Rewards as a mini app. Pin it for quick access.

+ + Open on Base app → + +
+
+ + {/* How it works - 3 steps */} +

How it works

+
+
+
1
+

Clean up

+

Find a polluted spot and remove the trash.

+
+
+
2
+

Snap proof

+

Take before & after photos with location enabled.

+
+
+
3
+

Submit & earn

+

Upload proof, get verified, earn $bDCU rewards.

+
+
+ + {/* Rewards */} +

Rewards in the mini app

+
+
+

Cleanups

+

10 $bDCU

+

Per approved cleanup (Impact Product claim)

+
+
+

Referrals

+

3 $bDCU each

+

For referring new users

+
+
+

Streak

+

2 $bDCU

+

Weekly streak maintenance

+
+
+

Verifier reward

+

1 $bDCU

+

Per valid verification

+
+
+ + {/* Verification */} +
+

Verification

+

+ Submissions are reviewed by community verifiers ($bDCU stakers). If the submission has geolocation, clear and authentic photos, it gets approved; otherwise it may be rejected. +

+

Rewards are subject to change based on token price reflecting multiplier formula at the moment of claim.

+
+
+
+ + {/* SECTION 2 - HOW TO USE THE FULL APP (CELO) */} +
+
+

HOW TO USE THE FULL APP

+

+ The full DeCleanup platform on Celo: dashboard, leaderboards, governance, Impact Product, and Hypercerts. +

+

Full guide for Celo app is coming soon.

+ +
+
+

Full platform on Celo

+

+ The complete DeCleanup experience runs on Celo: full dashboard, leaderboards, streaks, governance via Gardens.fund, Impact Product management, and Hypercert generation (every 10 verified cleanups). Connect a wallet (e.g. MetaMask) on Celo to use the dApp. +

+ + Open DeCleanup dApp (Celo) → + +
+
+
+

Wallet & network

+

Use MetaMask or another Celo-compatible wallet. Add the Celo (or Celo Sepolia testnet) network and fund the wallet with CELO for gas.

+
+
+

$cDCU & governance

+

Earn $cDCU through verified cleanups on the full dApp. Use it for verifier staking and to vote on proposals via Gardens.fund.

+
+
+
+ +
+

+ Note: The Celo dApp may be on testnet (e.g. Celo Sepolia). Check the app for the current network and faucet links if you need test CELO. +

+
+
+
+
-
+
); } - diff --git a/components/GetStartedFlow/GetStartedFlow.tsx b/components/GetStartedFlow/GetStartedFlow.tsx index 921a4d6..d662914 100644 --- a/components/GetStartedFlow/GetStartedFlow.tsx +++ b/components/GetStartedFlow/GetStartedFlow.tsx @@ -455,6 +455,12 @@ export default function GetStartedFlow() { Yes - I’ll use mini app
+

+ Full guide:{" "} + Mini app + {" · "} + Full app (Celo) +

+

+ Full user guide: Mini app → +

+

+ Full user guide: Full app (Celo) → +

+

+ Full user guide: Mini app → +

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. @@ -630,6 +645,9 @@ export default function GetStartedFlow() { Open DeCleanup on Base app →

+

+ Full user guide: Mini app → +

+

+ Full user guide: Mini app → +