From cbaf7f8c31f0d4cdcb14fd19bee957f09a92c733 Mon Sep 17 00:00:00 2001 From: Anastasia <142572092+LuminaEnvision@users.noreply.github.com> Date: Thu, 26 Feb 2026 09:19:20 +0700 Subject: [PATCH 1/2] Align cards, token labels, and sync litepaper tokens with tokenomics - Who is this for: equal-height cards, min-height description/list, CTAs on one line - Ecosystem (UseDeCleanupToday + litepaper): same alignment for Mini App / Full Platform cards - Token cards: heading 'Utility token', subheading '$bDCU' on tokenomics and litepaper - Litepaper tokens: TWO TOKENS section matches tokenomics (same content, swap buttons, Celo inactive) Made-with: Cursor --- app/litepaper/page.tsx | 106 +++++++++++------- app/tokenomics/page.tsx | 3 +- .../UseDeCleanupToday/UseDeCleanupToday.tsx | 16 +-- components/WhoIsThisFor/WhoIsThisFor.tsx | 51 ++++----- 4 files changed, 97 insertions(+), 79 deletions(-) diff --git a/app/litepaper/page.tsx b/app/litepaper/page.tsx index 2be7e65..422e6e8 100644 --- a/app/litepaper/page.tsx +++ b/app/litepaper/page.tsx @@ -222,7 +222,7 @@ export default function LitepaperPage() { className="flex-1 relative group block" >
-Lightweight entry for individuals via Farcaster or Base app.
+Lightweight entry for individuals via Farcaster or Base app.
-Full platform for individuals, NGOs and organizers. Governance and coordination.
+Full platform for individuals, NGOs and organizers. Governance and coordination.
-$bDCU
+The "action token." Used on Base for:
+Reputation, governance & advanced utilities
+$bDCU
The "action token." Used on Base for:
Lightweight entry for individuals via Farcaster or Base app.
+Lightweight entry for individuals via Farcaster or Base app.
-Full platform for individuals, NGOs and organizers. Governance and coordination.
+Full platform for individuals, NGOs and organizers. Governance and coordination.
-Individuals and communities who clean, care and act
-+
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.
-Web3-native, but impact first
-+
Use onchain tools to coordinate cleanups, rewards, and community governance.
-Capital with intention
-+
Support verified environmental cleanups and help scale them globally.
-- Transforming invisible cleanup efforts into standardized, onchain evidence. No more "trust me" - only "verify me." -
-- Creating specific, traceable records compatible with Hypercerts. Funders can see exactly where capital goes. -
-- DAO-based allocation of resources using stable assets. Outcome-based funding pools for long-term sustainability. -
-{step.desc}
- {i < 4 && ( -- Each pathway is an independent theory of how one type of intervention produces lasting change. + From shared root to canopy: trust creation is the trunk; coordination and incentives branch in parallel; verification credibility is where institutional trust lives.
-{pw.sub}
+Trunk — what makes everything else possible
+P1 Trust enables shared infrastructure to scale
+Shared infrastructure — network effects
+Recognition — sustained behavior
+P2 + P3 converge: volume × quality feeds the verification layer
+Canopy — where institutional trust lives
+- Real cleanups. Real proof. Real impact. + Cleanups with action. Proof under verified. Fundable impact.
{/* Subheadline */} diff --git a/components/HowToTokonizeImpact/TokenizeImpactSection.tsx b/components/HowToTokonizeImpact/TokenizeImpactSection.tsx index 44bdaca..af794e3 100644 --- a/components/HowToTokonizeImpact/TokenizeImpactSection.tsx +++ b/components/HowToTokonizeImpact/TokenizeImpactSection.tsx @@ -6,9 +6,10 @@ import Link from "next/link"; import Image from "next/image"; const steps = [ - { number: "1.", title: "Start a Cleanup" }, - { number: "2.", title: "Capture the Impact" }, - { number: "3.", title: "Earn Rewards" }, + { number: "1.", title: "Capture cleanup area" }, + { number: "2.", title: "Complete cleanup" }, + { number: "3.", title: "Capture the Impact" }, + { number: "4.", title: "Claim Rewards" }, ]; // Placeholder for real cleanup before/after photo diff --git a/components/LitepaperOverviewCards/LitepaperOverviewCards.tsx b/components/LitepaperOverviewCards/LitepaperOverviewCards.tsx new file mode 100644 index 0000000..2f1e772 --- /dev/null +++ b/components/LitepaperOverviewCards/LitepaperOverviewCards.tsx @@ -0,0 +1,99 @@ +"use client"; + +import React, { useState } from "react"; +import { BadgeCheck, ClipboardCheck, Users } from "lucide-react"; + +const cards = [ + { + title: "Verifiable Data", + icon: BadgeCheck, + iconColor: "text-[#58B12F]", + bgColor: "bg-[#58B12F]/10", + borderHover: "hover:border-[#58B12F]/50", + backContent: ( + <> ++ We turn invisible cleanup efforts into standardized, onchain evidence. No more "trust me"—only "verify me." +
++ Geotagged photos, timestamps, and DMRV create immutable records on Base and Celo—the foundation for rewards, impact products, and ESG reporting. +
+ > + ), + }, + { + title: "Auditable Impact", + icon: ClipboardCheck, + iconColor: "text-[#FAFF00]", + bgColor: "bg-[#FAFF00]/10", + borderHover: "hover:border-[#FAFF00]/50", + backContent: ( + <> ++ Traceable impact records compatible with Hypercerts. Funders see where capital goes and what outcomes it produced. +
++ AI + human verification reduces fraud; impact is attributed to real actors, building reputation and outcome-based funding. +
+ > + ), + }, + { + title: "Governable Funding", + icon: Users, + iconColor: "text-blue-400", + bgColor: "bg-blue-500/10", + borderHover: "hover:border-blue-400/50", + backContent: ( + <> ++ DAO-based allocation using stable assets and impact-linked tokens. Communities and funders decide how capital flows. +
++ Outcome-based pools and Gardens proposals support long-term sustainability; governance is tied to $cDCU and reputation. +
+ > + ), + }, +]; + +export default function LitepaperOverviewCards() { + const [flipped, setFlipped] = useState