Update user guide, litepaper, and landing page content

app/litepaper/page.tsx

@@ -96,7 +96,7 @@ export default function LitepaperPage() {
             Our Solution
           </h2>
           <ul className="space-y-3 md:text-lg leading-relaxed text-gray-300 list-disc list-inside ml-4">
-            <li><strong className="text-white">Impact Products</strong> — dynamic soulbound NFTs representing real-world cleanup impact</li>
+            <li><strong className="text-white">Impact Products</strong> — dynamic NFTs representing real-world cleanup impact</li>
             <li><strong className="text-white">Multichain Architecture</strong> — Base mini app for fast actions, Celo full dApp for governance & analytics</li>
             <li><strong className="text-white">Verifiable Reputation</strong> — user identity grows with real contributions</li>
             <li><strong className="text-white">Hypercerts Integration</strong> — automatically minted every 10 cleanups</li>
@@ -149,14 +149,13 @@ export default function LitepaperPage() {
             Impact Products
           </h2>
           <p className="md:text-lg leading-relaxed text-gray-300 mb-6">
-            Dynamic soulbound NFTs representing verified environmental work.
+            Dynamic NFTs representing verified environmental work.
           </p>
 
           <h3 className="text-xl md:text-2xl font-normal uppercase text-white mb-4">
             Key Characteristics:
           </h3>
           <ul className="space-y-2 md:text-lg leading-relaxed text-gray-300 list-disc list-inside ml-4 mb-6">
-            <li>Soulbound</li>
             <li>Dynamic metadata</li>
             <li>Verifiable history</li>
             <li>Level progression</li>
@@ -166,9 +165,12 @@ export default function LitepaperPage() {
           <h3 className="text-xl md:text-2xl font-normal uppercase text-white mb-4">
             Level Progression:
           </h3>
-          <p className="md:text-lg leading-relaxed text-gray-300">
+          <p className="md:text-lg leading-relaxed text-gray-300 mb-2">
             Newbie → Pro → Hero → Guardian
           </p>
+          <p className="md:text-lg leading-relaxed text-gray-300">
+            1, 2, 3 - Newbie; 4, 5, 6 - Pro; 7, 8, 9 - Hero; 10 - Guardian
+          </p>
         </section>
 
         <div className="h-px bg-[#58B12F] mb-12 md:mb-16"></div>
@@ -207,9 +209,9 @@ export default function LitepaperPage() {
           <ul className="space-y-2 md:text-lg leading-relaxed text-gray-300 list-disc list-inside ml-4">
             <li>cleanup rewards</li>
             <li>streaks</li>
-            <li>referrals, verifier staking</li>
+            <li>referrals</li>
+            <li>verifier staking</li>
             <li>simple incentives</li>
-            <li>future staking for $REBAZ</li>
           </ul>
         </section>
 
@@ -253,10 +255,7 @@ export default function LitepaperPage() {
           </h2>
           <ul className="space-y-2 md:text-lg leading-relaxed text-gray-300 list-disc list-inside ml-4">
             <li>Staked verifiers - 100 $bDCU or $cDCU required to stake</li>
-            <li>Weighted approvals</li>
-            <li>Anti-fraud slashing</li>
-            <li>Accuracy score</li>
-            <li>Appeals system</li>
+            <li>Verifier rewards - 1 $bDCU or 1 $cDCU per valid submission</li>
           </ul>
         </section>
 

app/userguide/page.tsx

@@ -0,0 +1,43 @@
+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",
+};
+
+export default function UserGuidePage() {
+  return (
+    <main className="min-h-screen bg-black text-white">
+      <div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-16">
+        {/* Back Button */}
+        <div className="mb-8">
+          <Link
+            href="/"
+            className="inline-flex items-center gap-2 text-[#58B12F] hover:text-[#58B12F]/80 font-semibold text-sm md:text-base transition-colors duration-200 group"
+          >
+            <svg
+              className="w-5 h-5 transform group-hover:-translate-x-1 transition-transform duration-200"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M15 19l-7-7 7-7"
+              />
+            </svg>
+            <span>Back to Home</span>
+          </Link>
+        </div>
+
+        {/* User Guide Component */}
+        <UserGuide />
+      </div>
+    </main>
+  );
+}
+

components/HeroSection/Hero.tsx

@@ -23,8 +23,8 @@ const Hero = () => {
             />
           </div>
           <div className="text-right">
-            <span className="inline-block px-4 py-2 bg-[#FAFF00] text-black text-sm sm:text-base font-bold tracking-wider transform hover:scale-105 transition-transform duration-300 shadow-lg shadow-[#FAFF00]/20 normal-case" style={{ textTransform: 'none' }}>
-              clean up, snap, earn
+            <span className="inline-block px-4 py-2 bg-[#FAFF00] text-black text-sm sm:text-base font-normal tracking-wider transform hover:scale-105 transition-transform duration-300 shadow-lg shadow-[#FAFF00]/20 uppercase">
+              CLEAN UP, SNAP, EARN
             </span>
           </div>
         </div>

components/NavLink/NavLink.tsx

@@ -9,9 +9,11 @@ const NavLink = () => {
     { name: "LITEPAPER", href: "/litepaper" },
     { name: "TOKENOMICS", href: "/tokenomics" },
     { name: "DOCS", href: "/docs" },
-    { name: "USER GUIDE", href: "/user-guide" },
   ];
 
+  // User Guide (internal link)
+  const userGuideLink = { name: "USER GUIDE", href: "/userguide" };
+
   // External links
   const externalLinks = [
     { name: "LATEST ARTICLES", href: "https://paragraph.xyz/decleanupnet" },
@@ -39,6 +41,13 @@ const NavLink = () => {
                 <div className="absolute inset-0 bg-[#58B12F] opacity-0 group-hover:opacity-10 transition-opacity duration-300"></div>
               </Link>
             ))}
+            <Link
+              href={userGuideLink.href}
+              className="group relative bg-gray-900 text-[#58B12F] text-xs font-semibold rounded-lg px-3 py-3 text-center border-2 border-[#58B12F] hover:border-[#58B12F] hover:bg-[#58B12F]/10 transition-all duration-300 hover:scale-105 hover:shadow-[0_0_15px_rgba(88,177,47,0.3)] overflow-hidden"
+            >
+              <span className="relative z-10">{userGuideLink.name}</span>
+              <div className="absolute inset-0 bg-[#58B12F] opacity-0 group-hover:opacity-10 transition-opacity duration-300"></div>
+            </Link>
           </div>
         </div>
 
@@ -54,6 +63,13 @@ const NavLink = () => {
               <div className="absolute inset-0 bg-[#58B12F] opacity-0 group-hover:opacity-10 transition-opacity duration-300"></div>
             </Link>
           ))}
+          <Link
+            href={userGuideLink.href}
+            className="group relative bg-gray-900 text-[#58B12F] text-base lg:text-lg font-semibold rounded-lg px-5 lg:px-6 py-3 lg:py-4 text-center border-2 border-[#58B12F] hover:border-[#58B12F] hover:bg-[#58B12F]/10 transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(88,177,47,0.4)] overflow-hidden whitespace-nowrap"
+          >
+            <span className="relative z-10">{userGuideLink.name}</span>
+            <div className="absolute inset-0 bg-[#58B12F] opacity-0 group-hover:opacity-10 transition-opacity duration-300"></div>
+          </Link>
         </div>
       </div>
 

components/NetworkRoadmapSection/NetworkRoadmapSection.tsx

@@ -386,7 +386,7 @@ const NetworkRoadmapSection = () => {
             <div className="flex justify-end items-center">
               <div className="text-right">
                 <p className="text-base sm:text-lg font-bold text-gray-300">
-                  — Yuichi Hosomo, New Japan
+                  — Yuichi Hosomo, Hem Japan
                 </p>
               </div>
             </div>

components/UseDeCleanupToday/UseDeCleanupToday.tsx

@@ -21,7 +21,7 @@ const UseDeCleanupToday = () => {
       title: "Base mini app",
       subtitle: "Fast actions, onchain rewards.",
       bullets: [
-        "Log cleanups from Farcaster",
+        "Log in and share cleanup impact",
         "Earn and use $bDCU on Base",
       ],
       buttonLabel: "Open mini app on Farcaster",
@@ -41,15 +41,15 @@ const UseDeCleanupToday = () => {
       buttonLabel: "Link – coming soon",
       buttonHref: "#",
       buttonDisabled: true,
-      note: "Link will be updated by Tuesday end of day (UTC).",
+      note: "Link will be updated as soon as token is launched.",
     },
     {
       title: "Full dApp on Celo (coming soon)",
       subtitle: "All DeCleanup Rewards features, plus governance.",
       bullets: [
         "Full dashboard, leaderboard, streaks",
         "Recycables rewards promo, supported by DeTrash Global and Recy.App",
-        "Impact Products, claim & stake flows",
+        "Impact Products and $cDCU rewards, staking",
         "Governance with $cDCU on Gardens.fund",
         "Hypercerts: 1 cleanup hypercert after every 10 verified cleanups",
       ],