Full platform for NGOs and organizers. Governance and coordination.
+ Full platform for individuals, NGOs and organizers. Governance and coordination.
Additional Details
diff --git a/app/toc/layout.tsx b/app/toc/layout.tsx
new file mode 100644
index 0000000..cf13669
--- /dev/null
+++ b/app/toc/layout.tsx
@@ -0,0 +1,14 @@
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+ title: "Theory of Change — DeCleanup Network",
+ description: "Why cleanup action stays invisible — and how we fix it. DeCleanup Network Theory of Change v2.2.",
+};
+
+export default function TocLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return <>{children};
+}
diff --git a/app/toc/page.tsx b/app/toc/page.tsx
new file mode 100644
index 0000000..e40ed7b
--- /dev/null
+++ b/app/toc/page.tsx
@@ -0,0 +1,739 @@
+import Link from "next/link"; // kept for back link
+import {
+ ArrowLeft,
+ GitBranch,
+ Zap,
+ Camera,
+ ScanSearch,
+ Link2,
+ Trophy,
+ Waves,
+ Users,
+ ClipboardList,
+ Wallet,
+ Coins,
+ Building2,
+ Code2,
+ CheckCircle2,
+ Circle,
+ ArrowRight,
+ AlertTriangle,
+ AlertCircle,
+ CheckCheck,
+ Bot,
+ Eye,
+ Lock,
+ Unlock,
+ BarChart3,
+ FileText,
+ Vote,
+ Handshake,
+ BookOpen,
+ Clock,
+ Target,
+ ChevronRight,
+} from "lucide-react";
+
+/* ─── Tiny inline SVG checkmark for lists ─── */
+function CheckMark({ green = true }: { green?: boolean }) {
+ return (
+
+
+ );
+}
+
+/* ─── Section label ─── */
+function SectionLabel({ children }: { children: React.ReactNode }) {
+ return (
+
+
+ );
+}
+
+/* ─── Section heading ─── */
+function SectionHeading({ children, className = "" }: { children: React.ReactNode; className?: string }) {
+ return (
+
+ {children}
+
+ );
+}
+
+/* ─── Card wrapper ─── */
+function Card({
+ children,
+ accent = "green",
+ className = "",
+}: {
+ children: React.ReactNode;
+ accent?: "green" | "yellow" | "none";
+ className?: string;
+}) {
+ const accentClass =
+ accent === "green"
+ ? "hover:border-[#58B12F]/40 hover:shadow-[0_0_30px_rgba(88,177,47,0.07)]"
+ : accent === "yellow"
+ ? "hover:border-[#FAFF00]/30 hover:shadow-[0_0_30px_rgba(250,255,0,0.05)]"
+ : "";
+ return (
+
+ {children}
+
+ );
+}
+
+export default function TocPage() {
+ return (
+
+
+
+ {/* ─── Back link ─── */}
+
+
+ Back to Home
+
+
+ {/* ─── Hero ─── */}
+
+
+
+
+ WHY CLEANUP{" "}
+ STAYS INVISIBLE
+
+
+ DeCleanup Network converts grassroots environmental action into verified, funded, and onchain-permanent impact.
+
+
+ {/* Stats strip */}
+
+ {[
+ { label: "Systemic Gaps", value: "3" },
+ { label: "Pathways", value: "4" },
+ { label: "SMART Outcomes", value: "15+" },
+ { label: "Horizon", value: "48mo" },
+ ].map((stat) => (
+
+
{stat.value}
+
{stat.label}
+
+ ))}
+
+
+
+ {/* ─── 01 Root Cause ─── */}
+
+ 01 — Root Cause
+
+ The problem isn't a lack of action
+
+
+ Volunteers organize. NGOs mobilize. Communities clean every single day. The problem is that this action remains
+ invisible — producing no data that funders, partners, or institutions can trust, verify, or build upon.
+
+
+
+ {[
+ {
+ Icon: Unlock,
+ title: "Trust Gap",
+ desc: "Funders and partners cannot verify outcomes. Decisions rely entirely on self-reported claims.",
+ note: "Capital stays on the sidelines",
+ accent: "green" as const,
+ iconColor: "text-[#58B12F]",
+ iconBg: "bg-[#58B12F]/10",
+ titleColor: "text-[#58B12F]",
+ },
+ {
+ Icon: GitBranch,
+ title: "Coordination Gap",
+ desc: "Local actions remain fragmented. Efforts duplicate. Best practices never travel beyond a single neighborhood.",
+ note: "No network effect compounds",
+ accent: "yellow" as const,
+ iconColor: "text-[#FAFF00]",
+ iconBg: "bg-[#FAFF00]/10",
+ titleColor: "text-[#FAFF00]",
+ },
+ {
+ Icon: Zap,
+ title: "Incentive Gap",
+ desc: "Volunteers and organizers receive no structured recognition. Participation stays episodic.",
+ note: "Cleanup stays episodic",
+ accent: "green" as const,
+ iconColor: "text-[#58B12F]",
+ iconBg: "bg-[#58B12F]/10",
+ titleColor: "text-[#58B12F]",
+ },
+ ].map(({ Icon, title, desc, note, accent, iconColor, iconBg, titleColor }) => (
+
+
+
+ {title}
+ {desc}
+
+
+
+ ))}
+
+
+
+ A world where every cleanup event produces{" "}
+ trusted, portable data that connects grassroots action
+ to institutional funding, policy decisions, and regenerative ecosystem coordination.
+
+
DeCleanup Network — Long-Term Vision (5–10 Years)
+
+
+ {/* ─── 02 Core Logic ─── */}
+
+ 02 — Core Logic
+ From photo to funded impact
+
+ A single verified submission triggers a chain of value that compounds over time.
+
+
+ {/* Flow steps — connected with connector lines on desktop */}
+
+ {/* Connector line on desktop */}
+
+
+
+ {[
+ { num: "01", Icon: Camera, label: "Documentation", desc: "Geotagged before/after photos in under 60 seconds" },
+ { num: "02", Icon: ScanSearch, label: "Verification", desc: "DMRV — AI + human review validates evidence" },
+ { num: "03", Icon: Link2, label: "Onchain Record", desc: "Immutable anchoring on Base / Celo" },
+ { num: "04", Icon: Trophy, label: "Reward", desc: "$DCU + Impact Product NFT per verified event" },
+ { num: "05", Icon: Waves, label: "Capital Flow", desc: "Funders use verified dashboards → fund more cleanups" },
+ ].map((step, i) => (
+
+ {step.num}
+
+
+ {step.label}
+ {step.desc}
+ {i < 4 && (
+
+ ))}
+
+
+
+
+
+ We discovered that{" "}
+ grassroots cleanup cannot attract institutional capital because it produces no verifiable data. {" "}
+ So we are prioritizing{" "}
+ verification infrastructure first — a 60-second documentation process that
+ creates immutable onchain records. We are testing this by running a hybrid AI + human validation pipeline and piloting with Giveth,
+ Gitcoin, and Octant. If we can show{" "}
+ 80% DMRV compliance and 5+ funders using dashboard data by month 12 , we will scale
+ organizer activation across 10+ countries.
+
+
+
+
+ {/* ─── 03 Inputs / Outputs ─── */}
+
+ 03 — Resources
+ Inputs → Outputs
+
+ What we put in and what the network produces. Outputs connect to measurable behavior change.
+
+
+
+ {/* Inputs */}
+
+
+
+
+ {[
+ { Icon: Users, text: "Human capital (volunteers, organizers, devs)" },
+ { Icon: Code2, text: "Technology (Base + Celo, YOLOv8, DMRV)" },
+ { Icon: Coins, text: "Financial (Giveth, Gitcoin, Octant, $bDCU)" },
+ { Icon: Handshake, text: "Partnerships (disposal, municipal, ReFi)" },
+ { Icon: BookOpen, text: "Knowledge (DMRV, ESG, impact standards)" },
+ ].map(({ Icon, text }) => (
+
+
+
+ {text}
+
+ ))}
+
+
+
+ {/* Outputs */}
+
+
+
+
+ {[
+ { Icon: CheckCheck, text: "Verified cleanup records (DMRV threshold)" },
+ { Icon: FileText, text: "Waste datasets (ESG reporting)" },
+ { Icon: Link2, text: "Immutable onchain logs" },
+ { Icon: BarChart3, text: "Impact dashboards for funders" },
+ { Icon: Vote, text: "Governance proposals (onchain)" },
+ ].map(({ Icon, text }) => (
+
+
+
+ {text}
+
+ ))}
+
+
+
+
+ {/* ─── 04 Pathways ─── */}
+
+ 04 — Causal Pathways
+ Four pathways to systemic change
+
+ Each pathway is an independent theory of how one type of intervention produces lasting change.
+
+
+
+ {[
+ {
+ pathwayId: "P1",
+ title: "Trust Creation",
+ sub: "Simple docs → capital flows",
+ accent: "green" as const,
+ steps: [
+ "Documentation under 60s",
+ "Geotag + timestamp",
+ "Verifiable onchain records",
+ "Funders gain confidence",
+ "Capital flows to verified cleanups",
+ ],
+ },
+ {
+ pathwayId: "P2",
+ title: "Coordination Scaling",
+ sub: "Shared infrastructure → network effects",
+ accent: "yellow" as const,
+ steps: [
+ "Shared DMRV across regions",
+ "Common data standards",
+ "Organizers discover best practices",
+ "Knowledge transfer",
+ "Effectiveness improves network-wide",
+ ],
+ },
+ {
+ pathwayId: "P3",
+ title: "Incentive Alignment",
+ sub: "Recognition → sustained behavior",
+ accent: "green" as const,
+ steps: [
+ "$bDCU structured recognition",
+ "Tangible acknowledgment per action",
+ "Episodic → sustained participation",
+ "Documentation normalized",
+ "Data quality improves",
+ ],
+ },
+ {
+ pathwayId: "P4",
+ title: "Verification Credibility",
+ sub: "AI + human → institutional trust",
+ accent: "yellow" as const,
+ steps: [
+ "YOLOv8 (TACO dataset)",
+ "AI flags for human review",
+ "Hybrid reduces fraud",
+ "Quality = network reputation",
+ "Partners trust for ESG reporting",
+ ],
+ },
+ ].map((pw) => (
+
+
+
+ {pw.pathwayId}
+
+
+
{pw.title}
+
{pw.sub}
+
+
+ {pw.steps.map((s) => (
+
+
+ ))}
+
+
+ ))}
+
+
+ {/* ─── 05 SMART Outcomes ─── */}
+
+ 05 — SMART Outcomes
+ Measurable targets across three horizons
+
+ Outputs are activity. Outcomes are behavior change. Every target passes the "So What?" test.
+
+
+
+ {[
+ {
+ phase: "Short-Term",
+ range: "0–12 Months",
+ color: "text-[#58B12F]",
+ borderColor: "border-[#58B12F]/30",
+ outcomes: [
+ "500 verified submissions (DMRV)",
+ "50 organizers in 10+ countries",
+ "40% repeat volunteer rate",
+ "80% DMRV compliance",
+ "85% YOLOv8 accuracy",
+ "5+ funders using dashboards",
+ ],
+ },
+ {
+ phase: "Medium-Term",
+ range: "12–24 Months",
+ color: "text-[#FAFF00]",
+ borderColor: "border-[#FAFF00]/20",
+ outcomes: [
+ "3+ funding decisions citing DeCleanup",
+ "100k kg verified waste documented",
+ "200+ stakers in verification",
+ "5 multi-country campaigns",
+ "10+ governance proposals",
+ "3+ ReFi integrations",
+ ],
+ },
+ {
+ phase: "Long-Term",
+ range: "24–48 Months",
+ color: "text-white",
+ borderColor: "border-white/10",
+ outcomes: [
+ "$500k+ capital to verified cleanups",
+ "50% partners adopting DMRV",
+ "70% community-initiated campaigns",
+ "10+ ESG reports referencing data",
+ "80% decisions by community vote",
+ "Self-sustaining feedback loop",
+ ],
+ },
+ ].map((block) => (
+
+
+
+
+ {block.phase} · {block.range}
+
+
+
+ {block.outcomes.map((o) => (
+
+ {o}
+
+ ))}
+
+
+ ))}
+
+
+ {/* ─── 06 Decentralization Roadmap ─── */}
+
+ 06 — Decentralization Roadmap
+ Verification: trusted to trustless
+
+ Progressive decentralization. Quality standards first, then distributed responsibility.
+
+
+
+ {[
+ {
+ badge: "Active Now",
+ badgeStyle: "bg-[#58B12F]/15 text-[#58B12F]",
+ Icon: Eye,
+ title: "Phase 1",
+ subtitle: "Human Review",
+ desc: "Core team manually reviews every submission.",
+ borderActive: true,
+ items: [
+ "Manual photo review",
+ "Geotag validation",
+ "Timestamp checking",
+ "Before / after comparison",
+ "Feedback to submitters",
+ ],
+ },
+ {
+ badge: "In Development",
+ badgeStyle: "bg-amber-500/15 text-amber-400",
+ Icon: Bot,
+ title: "Phase 2",
+ subtitle: "AI-Assisted",
+ desc: "AI-assisted validation; human confirms.",
+ borderActive: false,
+ items: [
+ "YOLOv8 trash detection",
+ "Duplicate detection",
+ "Geo inconsistency flagging",
+ "Fraud probability scoring",
+ "Human confirms AI flags",
+ ],
+ },
+ {
+ badge: "Planned",
+ badgeStyle: "bg-neutral-700/50 text-gray-400",
+ Icon: Lock,
+ title: "Phase 3",
+ subtitle: "Trustless",
+ desc: "Token holders stake $bDCU to verify; fully decentralized.",
+ borderActive: false,
+ items: [
+ "Community staking for verification",
+ "Stake-weighted votes",
+ "Verification rewards",
+ "Slashing for false approvals",
+ "Fully onchain governance",
+ ],
+ },
+ ].map((ph) => (
+
+
+ {ph.title}
+ {ph.subtitle}
+ {ph.desc}
+
+ {ph.items.map((it) => (
+
+
+ ))}
+
+
+ ))}
+
+
+ {/* ─── 07 Stakeholders ─── */}
+
+ 07 — Stakeholders
+ Who makes the network work
+
+ Six participant types. The network functions when all six are active.
+
+
+
+ {[
+ { Icon: Users, name: "Volunteers", label: "Clean. Document. Earn.", accent: "green" as const },
+ { Icon: ClipboardList, name: "Organizers", label: "Launch campaigns", accent: "green" as const },
+ { Icon: Wallet, name: "Funders", label: "Giveth · Gitcoin · Octant", accent: "yellow" as const },
+ { Icon: Coins, name: "$bDCU Holders", label: "Govern. Stake. Verify.", accent: "yellow" as const },
+ { Icon: Building2, name: "Partners", label: "Municipalities & waste", accent: "green" as const },
+ { Icon: Code2, name: "Developers", label: "Build & maintain", accent: "green" as const },
+ ].map(({ Icon, name, label, accent }) => (
+
+
+
+
+
{name}
+
{label}
+ {name === "$bDCU Holders" && (
+
+ )}
+
+ ))}
+
+
+ {/* ─── 08 Assumptions ─── */}
+
+ 08 — Assumptions
+ What must be true — and how we test it
+
+ Every pathway rests on assumptions. We state them, test early, and pivot if they fail.
+
+
+
+
+
+
+ Assumption
+ Timeline
+ Success Criteria
+
+
+
+ {[
+ ["Volunteers document if process <60s", "Month 1–3", "70%+ completion rate"],
+ ["Funders value verified over self-reported", "Month 3–6", "1+ funding decision cites data"],
+ ["Onchain anchoring adds trust", "Month 3–6", "<10% user confusion"],
+ ["Community governance attracts participants", "Month 12–18", "10+ proposals, 20%+ participation"],
+ ["AI verification improves accuracy", "Month 3–6", "85%+ trash detection accuracy"],
+ ["Fair-launch prevents extractive behavior", "Month 1–6", "No holder >5%; <30% sell pressure"],
+ ].map((row, i) => (
+
+ {row[0]}
+ {row[1]}
+ {row[2]}
+
+ ))}
+
+
+
+
+ {/* ─── 09 Risk Register ─── */}
+
+ 09 — Risk Register
+ Known risks & how we respond
+
+ Good strategy names risks, assigns probability and impact, and prepares mitigations.
+
+
+
+ {[
+ { level: "High", name: "Low Adoption from Friction", mit: "UX target <60s; feedback on every rejection.", owner: "Product Lead" },
+ { level: "High", name: "Funder Indifference to Verified Data", mit: "Validate with grant partners; reframe to coordination if needed.", owner: "BD Lead" },
+ { level: "High", name: "Regulatory Uncertainty", mit: "Utility-only framing; legal counsel as we scale.", owner: "Legal" },
+ { level: "Medium", name: "Token Speculation Overrides Utility", mit: "Fair-launch; staking for verification.", owner: "Tokenomics" },
+ { level: "Medium", name: "AI Verification Errors", mit: "Hybrid: AI flags, humans confirm; publish metrics.", owner: "Tech Lead" },
+ { level: "Medium", name: "Governance Apathy", mit: "Progressive decentralization; expand as participation proves sustained.", owner: "Community" },
+ { level: "Medium", name: "Local Disposal Gaps", mit: "Partner with municipalities before expanding region.", owner: "Partnerships" },
+ { level: "Medium", name: "Data Quality Inconsistency", mit: "Strict DMRV; reject with actionable feedback.", owner: "Verification" },
+ { level: "Managed", name: "Community Trust Erosion", mit: "Transparent governance; fair-launch; no insider advantages.", owner: "Core Team" },
+ ].map((r) => {
+ const levelMap = {
+ High: {
+ Icon: AlertTriangle,
+ badge: "bg-red-500/15 text-red-400",
+ iconColor: "text-red-400",
+ iconBg: "bg-red-500/10",
+ },
+ Medium: {
+ Icon: AlertCircle,
+ badge: "bg-amber-500/15 text-amber-400",
+ iconColor: "text-amber-400",
+ iconBg: "bg-amber-500/10",
+ },
+ Managed: {
+ Icon: CheckCircle2,
+ badge: "bg-[#58B12F]/15 text-[#58B12F]",
+ iconColor: "text-[#58B12F]",
+ iconBg: "bg-[#58B12F]/10",
+ },
+ }[r.level] ?? {
+ Icon: Circle,
+ badge: "bg-neutral-700/50 text-gray-400",
+ iconColor: "text-gray-400",
+ iconBg: "bg-neutral-700/20",
+ };
+
+ return (
+
+
+
+ {r.level} Impact
+
+
+
+
{r.name}
+ {r.mit}
+ Owner: {r.owner}
+
+ );
+ })}
+
+
+ {/* ─── CTA ─── */}
+
+
+
+ Ready to be part of the proof?
+
+
+ Every cleanup you verify is a data point that makes the next funder more confident.
+
+
+
+
+
+
+
+ );
+}
diff --git a/app/tokenomics/page.tsx b/app/tokenomics/page.tsx
index 6fd925d..6cff06e 100644
--- a/app/tokenomics/page.tsx
+++ b/app/tokenomics/page.tsx
@@ -61,14 +61,38 @@ export default function TokenomicsPage() {
-
- View on Base
-
+
@@ -113,58 +137,58 @@ export default function TokenomicsPage() {