DeCleanup-Network · LuminaEnvision · Mar 4, 2026 · Mar 4, 2026
diff --git a/app/coordinate/page.tsx b/app/coordinate/page.tsx
diff --git a/app/get-started/page.tsx b/app/get-started/page.tsx
@@ -5,16 +5,16 @@ import GetStartedFlow from "@/components/GetStartedFlow/GetStartedFlow";
 export const metadata: Metadata = {
   title: "Get Started | DeCleanup Rewards",
   description:
-    "Choose how you want to use the app: within other platforms with minimum features or full experience in browser.",
+    "For those who care about the planet. Join or organize cleanups, document results, and earn recognition and rewards for real impact.",
 };
 
 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 lg:px-8 py-12 md:py-16">
-        <div className="mb-10">
+      <div className="mx-auto max-w-3xl px-4 sm:px-6 py-12 md:py-16">
+        <div className="mb-8">
           <Link
-            href="/#who-is-this-for"
+            href="/"
             className="inline-flex items-center gap-2 text-[#58B12F] hover:text-[#FAFF00] font-medium text-sm md:text-base transition-colors group"
           >
             <svg
@@ -23,29 +23,12 @@ export default function GetStartedPage() {
               stroke="currentColor"
               viewBox="0 0 24 24"
             >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M15 19l-7-7 7-7"
-              />
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
             </svg>
             Back to Home
           </Link>
         </div>
 
-        <div className="mb-12 text-center">
-          <h1 className="text-4xl md:text-5xl lg:text-6xl font-bebas text-white mb-6 uppercase leading-tight tracking-wide">
-            Get started with DeCleanup Rewards
-          </h1>
-          <p className="text-xl md:text-2xl text-[#58B12F] mb-4 font-medium uppercase">
-            FOR THOSE WHO CARE ABOUT THE PLANET
-          </p>
-          <p className="text-lg text-gray-200 max-w-xl mx-auto">
-            Environmental action deserves recognition. Choose how you want to use the app: you can have an experience within other platforms and with minimum features or full experience separately in browser. We’ll show you what you need and where to go.
-          </p>
-        </div>
-
         <GetStartedFlow />
       </div>
     </main>

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,6 +3,7 @@ import Script from "next/script";
 import { GeistSans } from "geist/font/sans";
 import { Bebas_Neue } from "next/font/google";
 import "./globals.css";
+import MainNav from "@/components/MainNav/MainNav";
 
 // Configure Geist Sans (Secondary/Body font)
 // GeistSans is already configured with variable: '--font-geist-sans'
@@ -84,7 +85,8 @@ export default function RootLayout({
       <body
         className={`${GeistSans.variable} ${bebas.variable} antialiased`}
       >
-        {children}
+        <MainNav />
+        <div className="pt-16">{children}</div>
       </body>
     </html>
   );

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,29 +1,27 @@
-import WhatIsDeCleanupNetwork from "@/components/WhatIsDecleanUp/WhatIsDeCleanupNetwork";
 import Hero from "@/components/HeroSection/Hero";
+import WhyDeCleanup from "@/components/WhyDeCleanup/WhyDeCleanup";
 import TokenizeImpactSection from "@/components/HowToTokonizeImpact/TokenizeImpactSection";
-import NetworkRoadmapSection from "@/components/NetworkRoadmapSection/NetworkRoadmapSection";
 import UseDeCleanupToday from "@/components/UseDeCleanupToday/UseDeCleanupToday";
-import WhoIsThisFor from "@/components/WhoIsThisFor/WhoIsThisFor";
-import WhyDeCleanup from "@/components/WhyDeCleanup/WhyDeCleanup";
+import CommunityImpactSection from "@/components/CommunityImpactSection/CommunityImpactSection";
+import TotalImpactSection from "@/components/TotalImpactSection/TotalImpactSection";
+import AppendixSection from "@/components/AppendixSection/AppendixSection";
+import JoinTheMovementSection from "@/components/JoinTheMovementSection/JoinTheMovementSection";
+import NavLink from "@/components/NavLink/NavLink";
 
 const Page = () => {
   return (
     <main className="flex min-w-0 flex-col overflow-x-hidden text-center">
-      {/* Aura-style hero: gradient orbs + badge + CTAs */}
       <Hero />
-      {/* Why DeCleanup Exists - SDG positioning */}
       <WhyDeCleanup />
-      {/* Who is this for? – Aura glow cards */}
-      <WhoIsThisFor />
-      {/* Earn DeCleanup Rewards – Base/Celo CTA cards with hover glow */}
-      <UseDeCleanupToday />
-      {/* Transparent, Verifiable Digital Impact / DMRV – two-column + progress bar */}
-      <WhatIsDeCleanupNetwork />
-      <NetworkRoadmapSection />
-      {/* How to Tokenize Impact – 3-step + photo verified card, Backed by + SDGs just above footer */}
       <TokenizeImpactSection />
+      <UseDeCleanupToday />
+      <CommunityImpactSection />
+      <TotalImpactSection />
+      <AppendixSection />
+      <JoinTheMovementSection />
+      <NavLink variant="full" />
     </main>
   );
 };
 
-export default Page;
+export default Page;
diff --git a/app/toc/page.tsx b/app/toc/page.tsx
@@ -1,4 +1,5 @@
-import Link from "next/link"; // kept for back link
+import type { Metadata } from "next";
+import Link from "next/link";
 import {
   ArrowLeft,
   GitBranch,
@@ -88,6 +89,12 @@ 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.",
+};
+
 export default function TocPage() {
   return (
     <div className="min-h-screen bg-[#0A0A0A] text-white font-sans selection:bg-[#58B12F] selection:text-white">

diff --git a/app/tokenomics/page.tsx b/app/tokenomics/page.tsx
@@ -16,7 +16,7 @@ export default function TokenomicsPage() {
         {/* Back + Header */}
         <div className="mb-12 md:mb-16">
           <Link
-            href="/#tokenize"
+            href="/#token"
             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">

diff --git a/app/user-guide/page.tsx b/app/user-guide/page.tsx
@@ -1,55 +1,12 @@
 import type { Metadata } from "next";
-import Link from "next/link";
+import Redirect from "@/components/Redirect/Redirect";
 
 export const metadata: Metadata = {
-  title: "DeCleanup Network User Guide",
-  description: "User guide for DeCleanup Network",
+  title: "Get Started | DeCleanup Network",
+  description: "Redirecting to Get Started",
+  robots: "noindex, follow",
 };
 
-export default function UserGuidePage() {
-  return (
-    <main className="min-h-screen bg-black text-white">
-      <div className="max-w-[900px] 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>
-
-        {/* Page Header */}
-        <div className="text-center mb-12 md:mb-16">
-          <h1 className="text-4xl md:text-5xl lg:text-6xl font-normal uppercase text-white mb-4">
-            User Guide
-          </h1>
-          <p className="text-lg md:text-xl text-gray-200">
-            Coming Soon
-          </p>
-        </div>
-
-        <div className="text-center">
-          <p className="md:text-lg leading-relaxed text-gray-300">
-            The user guide will be available here soon.
-          </p>
-        </div>
-      </div>
-    </main>
-  );
+export default function UserGuideRedirectPage() {
+  return <Redirect to="/get-started" />;
 }
-