Landing updates: Backed by + SDGs above footer, links after social, f…

README.md

@@ -1,6 +1,8 @@
 # DeCleanup Network Landing Page
 
-Welcome to the open-source landing page project for [DeCleanup Network](https://decleanup.net) — a decentralized impact movement focused on tokenizing real-world environmental cleanups.
+**DeCleanup is an SDG-aligned regenerative impact application.**
+
+Welcome to the open-source landing page project for [DeCleanup Network](https://decleanup.net) - a decentralized impact movement focused on tokenizing real-world environmental cleanups.
 
 ## 🧩 Project Purpose
 

app/docs/page.tsx

@@ -100,6 +100,75 @@ export default function DocsPage() {
           </p>
         </div>
 
+        {/* For those who build and coordinate impact - intro before technical docs */}
+        <div className="mb-16 rounded-2xl border border-[#58B12F]/30 bg-gray-900/90 p-6 md:p-8 max-w-3xl mx-auto text-left">
+          <h2 className="text-lg font-medium text-[#58B12F] mb-6">For those who build and coordinate impact</h2>
+
+          <h3 className="text-xl font-medium text-white mb-3">The problem</h3>
+          <p className="text-gray-400 text-sm mb-3">Impact coordinators struggle with:</p>
+          <ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Fragmented data</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Manual reporting</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Trust bottlenecks</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>No shared infrastructure for verification</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Hard-to-govern funding decisions</li>
+          </ul>
+
+          <h3 className="text-xl font-medium text-white mb-3">What DeCleanup provides</h3>
+          <p className="text-gray-400 text-sm mb-3">DeCleanup is open DMRV infrastructure, not a closed platform. You can:</p>
+          <ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Use standardized cleanup data</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Participate in governance</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Help define verification rules</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Coordinate funding transparently</li>
+          </ul>
+
+          <h3 className="text-xl font-medium text-white mb-3">DMRV (Data-Measurement-Reporting-Verification) as infrastructure</h3>
+          <p className="text-gray-400 text-sm mb-3">We treat DMRV as a public good layer:</p>
+          <ul className="list-none space-y-2 text-sm text-gray-300 mb-4 ml-0">
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Cleanup records are immutable</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Data structures are open and interoperable</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>No dependency on proprietary standards</li>
+          </ul>
+          <p className="text-gray-400 text-sm mb-2">Compatible with:</p>
+          <ul className="list-none space-y-2 text-sm text-gray-300 mb-4 ml-0">
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>SDG reporting</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Regen ecosystems</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Future certification layers</li>
+          </ul>
+          <p className="text-gray-400 text-sm mb-2">This aligns with:</p>
+          <ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Regen community tooling</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Open impact accounting systems</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Governance &amp; coordination</li>
+          </ul>
+
+          <h3 className="text-xl font-medium text-white mb-3">Governance tools live on Celo</h3>
+          <ul className="list-none space-y-2 text-sm text-gray-300 mb-4 ml-0">
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>$cDCU is used for proposals and voting</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Governance is coordinated via <a href="https://gardens.fund" target="_blank" rel="noopener noreferrer" className="text-[#58B12F] hover:text-[#FAFF00] underline">Gardens.fund</a></li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Community decides: verification rules, funding priorities, new pools and experiments</li>
+          </ul>
+
+          <h4 className="text-base font-medium text-white mb-2">Example funding pools</h4>
+          <ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Equipment Pool (first pool, sponsored by Ethereum for the World)</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Local Organizer Support Pool</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Logistics &amp; Transport Pool</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Data &amp; Research Pool</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Experimental / Pilot Pool</li>
+          </ul>
+
+          <h3 className="text-xl font-medium text-white mb-3">Outcome</h3>
+          <ul className="list-none space-y-2 text-sm text-gray-300 mb-6 ml-0">
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Coordinators spend less time proving impact</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Communities self-govern funding</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Impact data becomes reusable infrastructure</li>
+            <li className="flex items-start gap-2"><span className="text-[#58B12F] shrink-0">•</span>Cleanups scale without centralized control</li>
+          </ul>
+          <p className="text-sm text-gray-500 italic">Coordination layer first.</p>
+        </div>
+
         {/* Mobile Overlay */}
         {sidebarOpen && (
           <div

app/get-started/page.tsx

@@ -0,0 +1,58 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+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.",
+};
+
+export default function GetStartedPage() {
+  return (
+    <main className="min-h-screen bg-black text-white overflow-x-hidden">
+      <div className="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 py-12 md:py-16">
+        <div className="mb-10">
+          <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>
+
+        <div className="mb-12 text-center">
+          <h1
+            className="text-3xl md:text-4xl font-medium text-white mb-3"
+            style={{
+              fontFamily:
+                "var(--font-bebas-neue), sans-serif",
+              textTransform: "uppercase",
+              letterSpacing: "0.05em",
+            }}
+          >
+            Get started with DeCleanup Rewards
+          </h1>
+          <p className="text-gray-400 max-w-xl mx-auto">
+            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>
+  );
+}

app/globals.css

@@ -158,6 +158,22 @@ body {
   transform: translateY(-4px);
 }
 
+/* Who is this for - subtle border glow */
+@keyframes border-glow {
+  0%, 100% {
+    border-color: rgba(88, 177, 47, 0.35);
+    box-shadow: 0 0 0 1px rgba(88, 177, 47, 0.2);
+  }
+  50% {
+    border-color: rgba(88, 177, 47, 0.6);
+    box-shadow: 0 0 20px rgba(88, 177, 47, 0.15);
+  }
+}
+
+.card-border-glow {
+  animation: border-glow 3s ease-in-out infinite;
+}
+
 /* Custom scrollbar */
 ::-webkit-scrollbar {
   width: 8px;