DeCleanup-Network · LuminaEnvision · Mar 9, 2026 · Mar 9, 2026
diff --git a/app/coordinate/page.tsx b/app/coordinate/page.tsx
@@ -1,10 +1,11 @@
 import type { Metadata } from "next";
 import Link from "next/link";
+import SubPageNav from "@/components/SubPageNav";
 
 export const metadata: Metadata = {
   title: "Coordinate & Scale Impact | DeCleanup Rewards",
   description:
-    "Open infrastructure for transparent, scalable environmental coordination. For those who build and coordinate impact.",
+    "Open infrastructure for transparent, scalable environmental coordination. Scaling local action into global proof.",
 };
 
 const problemItems = [
@@ -55,23 +56,8 @@ const outcomes = [
 export default function CoordinatePage() {
   return (
     <main className="min-h-screen bg-black text-white font-sans selection:bg-[#58B12F] selection:text-black">
-      <div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-16">
-        <div className="mb-8">
-          <Link
-            href="/"
-            className="inline-flex items-center gap-2 text-[#58B12F] hover:text-[#FAFF00] 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>
+      <SubPageNav />
+      <div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8 pt-24 pb-12 md:py-16">
 
         <div className="text-center mb-12 md:mb-16">
           <h1 className="text-4xl md:text-5xl lg:text-6xl font-bebas uppercase text-white mb-6 tracking-wide">

diff --git a/app/docs/page.tsx b/app/docs/page.tsx
@@ -1,26 +1,19 @@
 import type { Metadata } from "next";
 import Link from "next/link";
+import SubPageNav from "@/components/SubPageNav";
 
 export const metadata: Metadata = {
   title: "DeCleanup Network Documentation",
-  description: "Guides and resources for the DeCleanup Network. Tech stack and where to find more.",
+  description: "Technical guides and resources for the DeCleanup Network infrastructure. Building the layer for verified global impact.",
 };
 
 export default function DocsPage() {
   return (
     <div className="min-h-screen bg-[#0A0A0A] text-white font-sans selection:bg-[#58B12F] selection:text-white">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-16">
-        {/* Back + Header */}
+      <SubPageNav />
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-24 pb-12 md:py-16">
+        {/* Header */}
         <div className="mb-12 md:mb-16">
-          <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" 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 className="text-center mt-10">
             <div className="inline-flex items-center gap-2 px-3 py-1 rounded border border-[#FAFF00]/20 bg-[#FAFF00]/5 text-[#FAFF00] text-xs font-mono mb-4">
               <span className="w-1.5 h-1.5 rounded-full bg-[#FAFF00] animate-pulse" />

diff --git a/app/funders/page.tsx b/app/funders/page.tsx
@@ -2,39 +2,19 @@
 import type { Metadata } from "next";
 import Link from "next/link";
 import React from "react";
+import SubPageNav from "@/components/SubPageNav";
 
 export const metadata: Metadata = {
     title: "Fund Verified Impact | DeCleanup Rewards",
     description:
-        "Verifiable impact infrastructure, not speculation. Fund what you can verify.",
+        "Verifiable impact infrastructure. Fund local cleanup actions that produce global proof.",
 };
 
 export default function FundersPage() {
     return (
         <main className="min-h-screen bg-black text-white font-sans selection:bg-[#58B12F] selection:text-black">
-            <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="/#who-is-this-for"
-                        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>
+            <SubPageNav />
+            <div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8 pt-24 pb-12 md:py-16">
 
                 {/* Page Header */}
                 <div className="text-center mb-12 md:mb-16">

diff --git a/app/get-started/page.tsx b/app/get-started/page.tsx
@@ -1,33 +1,19 @@
 import type { Metadata } from "next";
 import Link from "next/link";
+import SubPageNav from "@/components/SubPageNav";
 import GetStartedFlow from "@/components/GetStartedFlow/GetStartedFlow";
 
 export const metadata: Metadata = {
   title: "Get Started | DeCleanup Rewards",
   description:
-    "For those who care about the planet. Join or organize cleanups, document results, and earn recognition and rewards for real impact.",
+    "Join or organize cleanups, document results, and turn local action into verified global impact. Clean Local. Prove Global.",
 };
 
 export default function GetStartedPage() {
   return (
     <main className="min-h-screen bg-black text-white font-sans overflow-x-hidden selection:bg-[#58B12F] selection:text-white">
-      <div className="mx-auto max-w-3xl px-4 sm:px-6 py-12 md:py-16">
-        <div className="mb-8">
-          <Link
-            href="/"
-            className="inline-flex items-center gap-2 text-[#58B12F] hover:text-[#FAFF00] font-medium text-sm md:text-base transition-colors group"
-          >
-            <svg
-              className="w-5 h-5 group-hover:-translate-x-1 transition-transform"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
-            </svg>
-            Back to Home
-          </Link>
-        </div>
+      <SubPageNav />
+      <div className="mx-auto max-w-3xl px-4 sm:px-6 pt-24 pb-12 md:py-16">
 
         <GetStartedFlow />
       </div>

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -20,23 +20,23 @@ const SITE_URL = "https://decleanup.net";
 
 export const metadata: Metadata = {
   metadataBase: new URL(SITE_URL),
-  title: "Cleanups with action. Proof under verified. Fundable impact. | DeCleanup Network",
+  title: "Clean Local. Prove Global. | DeCleanup Network",
   description:
-    "A global platform that verifies environmental cleanups and turns them into measurable, fundable impact.",
+    "Join volunteers worldwide turning trash pickup into verified, rewarded impact. DeCleanup Network converts local action into global proof.",
   alternates: { canonical: SITE_URL },
   openGraph: {
-    title: "Cleanups with action. Proof under verified. Fundable impact. | DeCleanup Network",
+    title: "Clean Local. Prove Global. | DeCleanup Network",
     description:
-      "A global platform that verifies environmental cleanups and turns them into measurable, fundable impact.",
+      "Join volunteers worldwide turning trash pickup into verified, rewarded impact. DeCleanup Network converts local action into global proof.",
     url: SITE_URL,
     siteName: "DeCleanup Network",
     type: "website",
   },
   twitter: {
     card: "summary_large_image",
-    title: "Cleanups with action. Proof under verified. Fundable impact. | DeCleanup Network",
+    title: "Clean Local. Prove Global. | DeCleanup Network",
     description:
-      "A global platform that verifies environmental cleanups and turns them into measurable, fundable impact.",
+      "Join volunteers worldwide turning trash pickup into verified, rewarded impact. DeCleanup Network converts local action into global proof.",
   },
 };
 

diff --git a/app/litepaper/page.tsx b/app/litepaper/page.tsx
@@ -27,13 +27,14 @@ import {
   ShieldCheck,
 } from "lucide-react";
 import LitepaperNav from "@/components/LitepaperNav/LitepaperNav";
+import SubPageNav from "@/components/SubPageNav";
 import StartCleaningChoice from "@/components/StartCleaningChoice/StartCleaningChoice";
 import TheoryOfChange from "@/components/TheoryOfChange/TheoryOfChange";
 import LitepaperWhyPillarCards from "@/components/LitepaperWhyPillarCards/LitepaperWhyPillarCards";
 
 export const metadata: Metadata = {
   title: "DeCleanup Network - Litepaper",
-  description: "Infrastructure for verifiable, governable, and fundable environmental impact. February 2026 Edition.",
+  description: "Infrastructure for verifiable, governable, and fundable environmental impact. Turning local action into verified global proof.",
 };
 
 const scrollSection = "scroll-mt-24";
@@ -42,17 +43,7 @@ export default function LitepaperPage() {
   return (
     <div className="min-h-screen bg-[#0A0A0A] text-white font-sans selection:bg-[#58B12F] selection:text-white pb-0">
 
-      {/* Top bar */}
-      <nav className="fixed top-0 w-full z-50 bg-[#0A0A0A]/90 backdrop-blur-md border-b border-white/5">
-        <div className="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
-          <Link href="/" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
-            <Image src="/images/decleanup_logo_full.png" alt="DeCleanup" width={32} height={32} className="h-8 w-auto object-contain" />
-          </Link>
-          <div className="flex items-center gap-4 text-sm text-gray-200 font-medium">
-            <StartCleaningChoice variant="litepaper" />
-          </div>
-        </div>
-      </nav>
+      <SubPageNav />
 
       {/* Hero - same heading style as tokenomics page */}
       <header id="top" className="relative pt-28 pb-14 px-6 border-b border-white/5 overflow-hidden">

diff --git a/app/toc/page.tsx b/app/toc/page.tsx
@@ -33,6 +33,7 @@ import {
   Clock,
   Target,
 } from "lucide-react";
+import SubPageNav from "@/components/SubPageNav";
 
 /* ─── Tiny inline SVG checkmark for lists ─── */
 function CheckMark({ green = true }: { green?: boolean }) {
@@ -92,22 +93,14 @@ function Card({
 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.",
+    "Why cleanup action stays invisible and how we fix it by converting local efforts into global proof. v2.2.",
 };
 
 export default function TocPage() {
   return (
     <div className="min-h-screen bg-[#0A0A0A] text-white font-sans selection:bg-[#58B12F] selection:text-white">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-16">
-
-        {/* ─── Back link ─── */}
-        <Link
-          href="/"
-          className="inline-flex items-center gap-2 text-[#58B12F] hover:text-[#58B12F]/70 font-semibold text-sm transition-colors group mb-12"
-        >
-          <ArrowLeft className="w-4 h-4 group-hover:-translate-x-1 transition-transform" />
-          Back to Home
-        </Link>
+      <SubPageNav />
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-24 pb-12 md:pb-16">
 
         {/* ─── Hero ─── */}
         <div className="text-center mb-16 md:mb-24">