@@ -212,13 +212,17 @@ export default function LitepaperPage() {
212212 { /* 3. The Ecosystem (Twin Engine) */ }
213213 < section id = "ecosystem" className = "py-24 bg-[#0A0A0A]" >
214214 < div className = "max-w-7xl mx-auto px-6" >
215- < h2 className = "text-5xl text-center mb-16 font-bebas" > THE < span className = "text-gray-200 " > ECOSYSTEM</ span > </ h2 >
215+ < h2 className = "text-5xl text-center mb-16 font-bebas" > THE < span className = "text-[#58B12F] " > ECOSYSTEM</ span > </ h2 >
216216
217217 < div className = "flex flex-col lg:flex-row gap-8 items-stretch" >
218218 { /* Left: Base App */ }
219- < div className = "flex-1 relative group" >
219+ < Link
220+ href = "https://farcaster.xyz/miniapps/SfsGBDcHpuSA/decleanup-rewards"
221+ target = "_blank"
222+ className = "flex-1 relative group block"
223+ >
220224 < div className = "absolute inset-0 bg-blue-900/10 rounded-3xl blur-xl group-hover:bg-blue-900/20 transition-all duration-500" > </ div >
221- < div className = "relative h-full bg-neutral-900 border border-neutral-800 rounded-3xl p-8 overflow-hidden hover:border-blue-500/50 transition-all duration-300" >
225+ < div className = "relative h-full bg-neutral-900 border border-neutral-800 rounded-3xl p-8 overflow-hidden group- hover:border-blue-500/50 transition-all duration-300" >
222226 < div className = "absolute top-0 right-0 p-4 opacity-50 pointer-events-none" >
223227 < Smartphone className = "text-blue-500 w-32 h-32 -rotate-12 translate-x-4 translate-y-4 opacity-10" />
224228 </ div >
@@ -244,8 +248,12 @@ export default function LitepaperPage() {
244248 < span className = "text-sm text-gray-200" > $bDCU rewards</ span >
245249 </ div >
246250 </ div >
251+
252+ < div className = "mt-8 flex items-center gap-2 text-xs font-bold uppercase tracking-widest text-blue-400 group-hover:text-white transition-colors" >
253+ Open on Farcaster < ArrowUpRight className = "w-4 h-4" />
254+ </ div >
247255 </ div >
248- </ div >
256+ </ Link >
249257
250258 { /* Center Connector */ }
251259 < div className = "hidden lg:flex flex-col items-center justify-center gap-2 text-gray-200" >
@@ -255,9 +263,13 @@ export default function LitepaperPage() {
255263 </ div >
256264
257265 { /* Right: Celo dApp */ }
258- < div className = "flex-1 relative group" >
266+ < Link
267+ href = "https://dapp.decleanup.net"
268+ target = "_blank"
269+ className = "flex-1 relative group block"
270+ >
259271 < div className = "absolute inset-0 bg-[#FAFF00]/5 rounded-3xl blur-xl group-hover:bg-[#FAFF00]/10 transition-all duration-500" > </ div >
260- < div className = "relative h-full bg-neutral-900 border border-neutral-800 rounded-3xl p-8 overflow-hidden hover:border-[#FAFF00]/50 transition-all duration-300" >
272+ < div className = "relative h-full bg-neutral-900 border border-neutral-800 rounded-3xl p-8 overflow-hidden group- hover:border-[#FAFF00]/50 transition-all duration-300" >
261273 < div className = "absolute top-0 right-0 p-4 opacity-50 pointer-events-none" >
262274 < Layers className = "text-[#FAFF00] w-32 h-32 rotate-12 translate-x-4 translate-y-4 opacity-10" />
263275 </ div >
@@ -283,8 +295,12 @@ export default function LitepaperPage() {
283295 < span className = "text-sm text-gray-200" > Funding governance</ span >
284296 </ div >
285297 </ div >
298+
299+ < div className = "mt-8 flex items-center gap-2 text-xs font-bold uppercase tracking-widest text-[#FAFF00] group-hover:text-white transition-colors" >
300+ Explore Celo dApp < ArrowUpRight className = "w-4 h-4" />
301+ </ div >
286302 </ div >
287- </ div >
303+ </ Link >
288304 </ div >
289305 </ div >
290306 </ section >
@@ -350,44 +366,25 @@ export default function LitepaperPage() {
350366 </ div >
351367 < div className = "z-10 text-center md:text-left" >
352368 < div className = "flex items-center justify-center md:justify-start gap-2 mb-2" >
353- < h3 className = "text-3xl text-white font-bebas tracking-wide" > Utility Token </ h3 >
354- < span className = "text-[10px] bg-neutral-800 text-gray-200 px-2 py-0.5 rounded border border-neutral-700 tracking-wider" > BASE</ span >
369+ < h3 className = "text-3xl text-white font-bebas tracking-wide" > $bDCU </ h3 >
370+ < span className = "text-[10px] bg-neutral-800 text-gray-200 px-2 py-0.5 rounded border border-neutral-700 tracking-wider font-mono " > BASE</ span >
355371 </ div >
372+ < div className = "text-blue-400 text-xs font-bold mb-4 uppercase tracking-widest font-mono" > Utility Token</ div >
356373 < ul className = "space-y-3 mb-6" >
357374 < li className = "flex items-center gap-2 text-sm text-gray-200" > < Star className = "text-blue-500 w-4 h-4" /> Earned for verified cleanup</ li >
358375 < li className = "flex items-center gap-2 text-sm text-gray-200" > < Star className = "text-blue-500 w-4 h-4" /> Liquid & Tradable </ li >
359376 < li className = "flex items-center gap-2 text-sm text-gray-200" > < Star className = "text-blue-500 w-4 h-4" /> Incentivizes Action</ li >
360377 </ ul >
361378
362- < div className = "flex flex-col gap-3" >
363- < div className = "flex flex-wrap gap-2" >
364- < a
365- href = "https://app.uniswap.org/swap?chain=base& inputCurrency = ETH & outputCurrency = 0x30171b7014c02229497CdE6745DD3aD821F12b07 "
366- target = "_blank"
367- rel = "noopener noreferrer"
368- className = "px-4 py-2 bg-blue-600 hover:bg-blue-500 text-white font-bold rounded-lg transition-all text-[10px] uppercase tracking-wider"
369- >
370- Swap ETH
371- </ a >
372- < a
373- href = "https://app.uniswap.org/swap?chain=base& inputCurrency = 0xfde4C96c8593536E31F229EA8f37b2ADa2699bb2 & outputCurrency = 0x30171b7014c02229497CdE6745DD3aD821F12b07 "
374- target = "_blank"
375- rel = "noopener noreferrer"
376- className = "px-4 py-2 border border-blue-500 text-blue-400 hover:bg-blue-500/10 font-bold rounded-lg transition-all text-[10px] uppercase tracking-wider"
377- >
378- Swap USDT
379- </ a >
380- </ div >
381- < a
382- href = "https://basescan.org/token/0x30171b7014c02229497CdE6745DD3aD821F12b07"
383- target = "_blank"
384- rel = "noopener noreferrer"
385- className = "text-[10px] text-gray-400 hover:text-white transition-colors flex items-center gap-1 font-mono"
386- >
387- < LinkIcon className = "w-3 h-3" />
388- 0x30171b70...b2107
389- </ a >
390- </ div >
379+ < a
380+ href = "https://basescan.org/token/0x30171b7014c02229497CdE6745DD3aD821F12b07"
381+ target = "_blank"
382+ rel = "noopener noreferrer"
383+ className = "text-[10px] text-gray-400 hover:text-white transition-colors flex items-center justify-center md:justify-start gap-1 font-mono"
384+ >
385+ < LinkIcon className = "w-3 h-3" />
386+ 0x30171b70...b2107
387+ </ a >
391388 </ div >
392389 </ div >
393390
@@ -399,14 +396,19 @@ export default function LitepaperPage() {
399396 </ div >
400397 < div className = "z-10 text-center md:text-left" >
401398 < div className = "flex items-center justify-center md:justify-start gap-2 mb-2" >
402- < h3 className = "text-3xl text-white font-bebas tracking-wide" > Governance </ h3 >
403- < span className = "text-[10px] bg-neutral-800 text-gray-200 px-2 py-0.5 rounded border border-neutral-700 tracking-wider" > CELO</ span >
399+ < h3 className = "text-3xl text-white font-bebas tracking-wide" > $cDCU </ h3 >
400+ < span className = "text-[10px] bg-neutral-800 text-gray-200 px-2 py-0.5 rounded border border-neutral-700 tracking-wider font-mono " > CELO</ span >
404401 </ div >
405- < ul className = "space-y-3 mb-4" >
402+ < div className = "text-[#FAFF00] text-xs font-bold mb-4 uppercase tracking-widest font-mono" > Governance</ div >
403+ < ul className = "space-y-3 mb-6" >
406404 < li className = "flex items-center gap-2 text-sm text-gray-200" > < ShieldCheck className = "text-[#58B12F] w-4 h-4" /> Reputation Based</ li >
407405 < li className = "flex items-center gap-2 text-sm text-gray-200" > < ShieldCheck className = "text-[#58B12F] w-4 h-4" /> Non-speculative</ li >
408406 < li className = "flex items-center gap-2 text-sm text-gray-200" > < ShieldCheck className = "text-[#58B12F] w-4 h-4" /> Proposal Voting</ li >
409407 </ ul >
408+ < div className = "text-[10px] text-gray-500 font-mono flex items-center gap-1" >
409+ < Clock className = "w-3 h-3" />
410+ CONTRACT COMING SOON
411+ </ div >
410412 </ div >
411413 </ div >
412414 </ div >
0 commit comments