From f6de5173ad4d6d94d07757693d81db4d70205870 Mon Sep 17 00:00:00 2001
From: Anastasia <142572092+LuminaEnvision@users.noreply.github.com>
Date: Sun, 21 Dec 2025 13:24:10 +0700
Subject: [PATCH] Update Celo dApp card: change button label and restructure
 bullets with Coming soon section

---
 .../UseDeCleanupToday/UseDeCleanupToday.tsx   | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/components/UseDeCleanupToday/UseDeCleanupToday.tsx b/components/UseDeCleanupToday/UseDeCleanupToday.tsx
index 8df6539..19d48d1 100644
--- a/components/UseDeCleanupToday/UseDeCleanupToday.tsx
+++ b/components/UseDeCleanupToday/UseDeCleanupToday.tsx
@@ -48,18 +48,20 @@ const UseDeCleanupToday = () => {
       imageUrl: "/token-icon.png",
     },
     {
-      title: "Full dApp on Celo (coming soon)",
+      title: "Full dApp on Celo",
       subtitle: "All DeCleanup Rewards features, plus governance.",
       bullets: [
         "Full dashboard, leaderboard, streaks",
         "Recycables rewards promo, supported by DeTrash Global and Recy.App",
-        "Impact Products and $cDCU rewards, staking",
+        "Impact Products and $cDCU rewards",
+        "COMING_SOON_HEADING",
+        "Staking",
         "Governance with $cDCU on Gardens.fund",
         "Hypercerts: 1 cleanup hypercert after every 10 verified cleanups",
       ],
-      buttonLabel: "DeCleanup on Celo – coming soon",
-      buttonHref: "#",
-      buttonDisabled: true,
+      buttonLabel: "MVP on Celo Sepolia",
+      buttonHref: "https://dapp.decleanup.net",
+      buttonDisabled: false,
       note: "$cDCU starts as a reputation + governance token for early cleaners.",
     },
   ];
@@ -288,6 +290,16 @@ const UseDeCleanupToday = () => {
                       </li>
                     );
                   }
+                  // Special handling for "Coming soon" heading
+                  if (bullet === "COMING_SOON_HEADING") {
+                    return (
+                      <li key={idx} className="mt-3 mb-2">
+                        <span className="text-xs sm:text-sm text-gray-500 italic font-medium">
+                          Coming soon:
+                        </span>
+                      </li>
+                    );
+                  }
                   return (
                     <li key={idx} className="flex items-start">
                       <span className="mr-2 text-[#58B12F] font-bold">•</span>