Add Commons Stack / P2P Foundation legacy section and enrich content

- New "The Roots" section covering Michel Bauwens (1958-2024), the P2P
  Foundation Wiki, Commons Stack history, Trusted Seed, and the P4P framework
- Four strategic pillars: Preserve, Sustain, Evolve, Propagate
- Hero updated: "Rebooting the Commons Stack" + P2P Foundation lineage
- Mycelium section: references augmented bonding curves, CBPP, cosmo-localism
- Emergence section: references Commons Stack tools, P2P Foundation Wiki
- Network map: added Commons Stack and P2P Foundation as nodes
- Footer: added Commons Stack and P2P Foundation links
- Scroll color stops adjusted for 8 sections

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app/page.tsx

@@ -1,5 +1,6 @@
 import { MycelialCanvas } from "@/components/mycelial-canvas"
 import { HeroSection } from "@/components/hero-section"
+import { LegacySection } from "@/components/legacy-section"
 import { CompostSection } from "@/components/compost-section"
 import { MyceliumSection } from "@/components/mycelium-section"
 import { UndernetSection } from "@/components/undernet-section"
@@ -14,6 +15,7 @@ export default function Home() {
       <MycelialCanvas />
       <main className="relative z-10">
         <HeroSection />
+        <LegacySection />
         <CompostSection />
         <MyceliumSection />
         <UndernetSection />

components/emergence-section.tsx

@@ -5,7 +5,7 @@ import { useSectionReveal } from "@/hooks/use-section-reveal"
 const CARDS = [
   {
     title: "Regenerative Economics",
-    body: "New currencies that decompose when hoarded. Mutual credit that flows like nutrients through soil. Quadratic funding that amplifies the grassroots. Economics that serves life instead of extracting from it.",
+    body: "The Commons Stack proved that augmented bonding curves and conviction voting could fund the commons without extraction. Now we go further: mutual credit that flows like nutrients through soil. Quadratic funding that amplifies the grassroots. Generative ownership that creates benefits for all stakeholders.",
   },
   {
     title: "Sovereign Technology",
@@ -13,7 +13,7 @@ const CARDS = [
   },
   {
     title: "Living Commons",
-    body: "Knowledge, tools, and infrastructure that belong to everyone. Not static archives but living, growing resources — tended by communities, enriched by participation, and freely shared across the mycelial web.",
+    body: "Michel Bauwens built the P2P Foundation Wiki — 25,000 pages of commons knowledge. That's the seed. Now we grow the forest: knowledge, tools, and infrastructure that belong to everyone. Not static archives but living, growing resources — tended by communities, freely shared across the mycelial web.",
   },
 ]
 

components/footer.tsx

@@ -1,6 +1,8 @@
 "use client"
 
 const LINKS = [
+  { name: "Commons Stack", url: "https://commonsstack.org" },
+  { name: "P2P Foundation", url: "https://wiki.p2pfoundation.net/" },
   { name: "MycoFi", url: "https://mycofi.earth" },
   { name: "Mycopunk", url: "https://mycopunk.xyz" },
   { name: "Undernet", url: "https://undernet.earth" },

components/hero-section.tsx

@@ -32,15 +32,24 @@ export function HeroSection() {
           className="emerge-letter text-xl sm:text-2xl md:text-3xl font-serif font-light tracking-wide opacity-80"
           style={{ animationDelay: "1.2s" }}
         >
-          Technology-augmented commons.
+          Rebooting the Commons Stack.
           <br />
           Growing from beneath.
         </p>
 
+        {/* Lineage */}
+        <p
+          className="emerge-letter text-sm sm:text-base opacity-40 max-w-xl mx-auto"
+          style={{ animationDelay: "1.5s" }}
+        >
+          Born from the P2P Foundation. Rooted in the legacy of Michel
+          Bauwens. Powered by mycelial principles.
+        </p>
+
         {/* Terminal tagline */}
         <div
           className="emerge-letter font-mono text-sm sm:text-base opacity-60"
-          style={{ animationDelay: "1.8s" }}
+          style={{ animationDelay: "2s" }}
         >
           <span className="opacity-50">&gt;</span> composting capitalism,
           growing alternatives

components/legacy-section.tsx

@@ -0,0 +1,213 @@
+"use client"
+
+import { useSectionReveal } from "@/hooks/use-section-reveal"
+
+export function LegacySection() {
+  const sectionRef = useSectionReveal()
+
+  return (
+    <section ref={sectionRef} className="relative py-32 px-6 noise-overlay">
+      <div className="mycelial-divider mb-20" />
+
+      <div className="max-w-4xl mx-auto space-y-16">
+        {/* Header */}
+        <div className="section-reveal space-y-4 text-center">
+          <h2 className="font-serif text-4xl sm:text-5xl md:text-6xl font-bold">
+            The Roots
+          </h2>
+          <p className="text-lg sm:text-xl opacity-70 max-w-2xl mx-auto">
+            Every network grows from somewhere. Ours grows from the Commons
+            Stack and the life&rsquo;s work of Michel Bauwens.
+          </p>
+        </div>
+
+        {/* Michel Bauwens tribute */}
+        <div className="section-reveal max-w-3xl mx-auto space-y-6">
+          <h3 className="font-serif text-2xl sm:text-3xl font-semibold">
+            The Librarian of the Commons
+          </h3>
+          <div className="space-y-4 text-base leading-relaxed opacity-80">
+            <p>
+              For over two decades,{" "}
+              <strong className="opacity-100">Michel Bauwens</strong>{" "}
+              (1958&ndash;2024) dedicated himself to a monumental task:
+              documenting the emerging paradigm of peer-to-peer collaboration
+              and commons-based alternatives. The{" "}
+              <a
+                href="https://wiki.p2pfoundation.net/"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="domain-link"
+              >
+                P2P Foundation Wiki
+              </a>{" "}
+              he created contains over 25,000 pages of carefully curated
+              knowledge &mdash; case studies, theoretical frameworks, policy
+              proposals, and practical guides that have informed countless
+              projects worldwide.
+            </p>
+            <p>
+              Michel wasn&rsquo;t just a theorist. He was a{" "}
+              <em>librarian</em> in the deepest sense &mdash; someone who
+              believed that knowledge, freely shared and carefully tended, could
+              transform society. His frameworks for{" "}
+              <strong>commons-based peer production</strong>, the{" "}
+              <strong>partner state</strong>, and{" "}
+              <strong>cosmo-localism</strong> (&ldquo;design global, manufacture
+              local&rdquo;) gave the commons movement its intellectual
+              foundations.
+            </p>
+          </div>
+        </div>
+
+        {/* Three modes */}
+        <div className="section-reveal glass-card p-6 sm:p-8 max-w-3xl mx-auto">
+          <h4 className="font-serif text-lg font-semibold mb-4 opacity-70">
+            Michel&rsquo;s Three Modes of Production
+          </h4>
+          <div className="grid gap-4 sm:grid-cols-3 font-mono text-sm">
+            <div className="space-y-1">
+              <div className="opacity-40">01</div>
+              <div className="font-serif text-base font-semibold not-italic">
+                State / Hierarchy
+              </div>
+              <div className="opacity-60">Top-down coordination</div>
+            </div>
+            <div className="space-y-1">
+              <div className="opacity-40">02</div>
+              <div className="font-serif text-base font-semibold not-italic">
+                Market / Exchange
+              </div>
+              <div className="opacity-60">
+                Price-coordinated transactions
+              </div>
+            </div>
+            <div className="space-y-1">
+              <div className="opacity-40">03</div>
+              <div className="font-serif text-base font-semibold not-italic">
+                Commons / P2P
+              </div>
+              <div className="opacity-60">
+                Contributory, needs-based collaboration
+              </div>
+            </div>
+          </div>
+          <p className="mt-4 text-sm opacity-50">
+            MycoStack lives in the third mode &mdash; and builds the tools to
+            make it thrive.
+          </p>
+        </div>
+
+        {/* Commons Stack history */}
+        <div
+          className="section-reveal max-w-3xl mx-auto space-y-6"
+          style={{ transitionDelay: "0.15s" }}
+        >
+          <h3 className="font-serif text-2xl sm:text-3xl font-semibold">
+            The Commons Stack
+          </h3>
+          <div className="space-y-4 text-base leading-relaxed opacity-80">
+            <p>
+              The{" "}
+              <a
+                href="https://commonsstack.org"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="domain-link"
+              >
+                Commons Stack
+              </a>{" "}
+              was born from this intellectual tradition. Its mission:{" "}
+              <em>fund and govern the commons</em>. Through pioneering work in
+              token engineering, augmented bonding curves, and conviction
+              voting, the Commons Stack and its{" "}
+              <strong>Trusted Seed</strong> community developed regenerative
+              funding mechanisms for exactly the kind of commons infrastructure
+              Michel championed.
+            </p>
+            <p>
+              But tools alone aren&rsquo;t enough. The Commons Stack taught us
+              that technology must be wrapped in culture &mdash; in shared
+              values, governance practices, and communities of care. The
+              Trusted Seed wasn&rsquo;t just a token-holder registry; it was an
+              experiment in building trust at the speed of consensus.
+            </p>
+          </div>
+        </div>
+
+        {/* P4P framework */}
+        <div
+          className="section-reveal max-w-3xl mx-auto space-y-6"
+          style={{ transitionDelay: "0.2s" }}
+        >
+          <h3 className="font-serif text-2xl sm:text-3xl font-semibold">
+            Peer-for-Peer
+          </h3>
+          <div className="space-y-4 text-base leading-relaxed opacity-80">
+            <p>
+              MycoStack carries this legacy forward with a new framework:{" "}
+              <strong>Peer-for-Peer (P4P)</strong> &mdash; an evolution of P2P
+              thinking that emphasizes peers acting <em>for</em> peers, not
+              just exchanging with them. Mutual care and regeneration as core
+              protocols. Active stewardship rather than passive participation.
+              Solidarity economics in practice.
+            </p>
+            <p>
+              Where the original Commons Stack built tools, MycoStack grows
+              ecosystems. Where P2P described a relational dynamic, P4P demands
+              a commitment. The mycelium doesn&rsquo;t just connect &mdash; it
+              nourishes.
+            </p>
+          </div>
+        </div>
+
+        {/* Pillars */}
+        <div
+          className="section-reveal grid gap-6 sm:grid-cols-2 max-w-3xl mx-auto"
+          style={{ transitionDelay: "0.25s" }}
+        >
+          {[
+            {
+              title: "Preserve",
+              text: "Archive and steward Michel's knowledge commons. The P2P Foundation Wiki, oral histories, theoretical frameworks \u2014 ensuring decades of accumulated wisdom remain living resources, not static monuments.",
+            },
+            {
+              title: "Sustain",
+              text: "Build regenerative funding loops for commons infrastructure. Quadratic funding, mutual credit, contributor support systems \u2014 economics that feed the network instead of extracting from it.",
+            },
+            {
+              title: "Evolve",
+              text: "Update the theoretical frameworks for current conditions. Bridge Web3 and traditional commons movements. Experiment with emerging technologies in service of collective flourishing.",
+            },
+            {
+              title: "Propagate",
+              text: "Spread the spores. Educational resources, onboarding pathways, translation and localization. Grow the network of people who understand and practice commons governance.",
+            },
+          ].map((pillar, i) => (
+            <div
+              key={pillar.title}
+              className="glass-card p-5 space-y-2"
+            >
+              <h4 className="font-serif text-lg font-semibold">
+                {pillar.title}
+              </h4>
+              <p className="text-sm leading-relaxed opacity-70">
+                {pillar.text}
+              </p>
+            </div>
+          ))}
+        </div>
+
+        {/* Quote */}
+        <blockquote className="section-reveal max-w-2xl mx-auto text-center">
+          <p className="font-serif text-xl sm:text-2xl italic leading-relaxed opacity-70">
+            &ldquo;The more we share, the more we have.&rdquo;
+          </p>
+          <cite className="block mt-3 text-sm opacity-40 not-italic">
+            &mdash; Michel Bauwens
+          </cite>
+        </blockquote>
+      </div>
+    </section>
+  )
+}

components/mycelium-section.tsx

@@ -5,7 +5,7 @@ import { useSectionReveal } from "@/hooks/use-section-reveal"
 const PRINCIPLES = [
   {
     title: "Nutrient Cycling",
-    body: "Resources flow where they're needed, not where they're hoarded. Mycelial currencies route value like fungi route nutrients — sensing scarcity, bridging gaps, feeding the weak to strengthen the whole. This is the economics of the forest floor.",
+    body: "Resources flow where they're needed, not where they're hoarded. The Commons Stack pioneered augmented bonding curves and quadratic funding for the commons. MycoFi extends this into mycelial currencies that route value like fungi route nutrients — sensing scarcity, bridging gaps, feeding the weak to strengthen the whole.",
     icon: (
       <svg viewBox="0 0 48 48" className="w-12 h-12" fill="none" stroke="currentColor" strokeWidth="1.5">
         <circle cx="24" cy="24" r="4" />
@@ -20,7 +20,7 @@ const PRINCIPLES = [
   },
   {
     title: "Mutual Aid",
-    body: "Every node strengthens the network. Every network strengthens each node. In a mycelial system, there are no freeloaders and no extractors — only participants in a web of reciprocal support. This is the peer-for-peer protocol.",
+    body: "Every node strengthens the network. Every network strengthens each node. Michel Bauwens called this commons-based peer production — contributory, needs-based collaboration as the third mode of production beyond state and market. In a mycelial system, there are no extractors — only participants in a web of reciprocal support.",
     icon: (
       <svg viewBox="0 0 48 48" className="w-12 h-12" fill="none" stroke="currentColor" strokeWidth="1.5">
         <circle cx="16" cy="16" r="6" />
@@ -33,7 +33,7 @@ const PRINCIPLES = [
   },
   {
     title: "Distributed Intelligence",
-    body: "No central brain. No single point of failure. Intelligence emerges from connection, from the ten thousand chemical conversations happening simultaneously across the network. The wisdom is in the web, not the node.",
+    body: "No central brain. No single point of failure. The Trusted Seed proved that conviction voting and consent-based governance could coordinate without hierarchy. Intelligence emerges from connection, from the ten thousand chemical conversations happening simultaneously across the network. Design global, manufacture local — cosmo-localism in practice.",
     icon: (
       <svg viewBox="0 0 48 48" className="w-12 h-12" fill="none" stroke="currentColor" strokeWidth="1.5">
         <circle cx="24" cy="12" r="3" />

components/network-map-section.tsx

@@ -22,6 +22,20 @@ const NODES: NetworkNode[] = [
     y: 45,
     primary: true,
   },
+  {
+    name: "Commons Stack",
+    domain: "commonsstack.org",
+    description: "Fund and govern the commons",
+    x: 50,
+    y: 10,
+  },
+  {
+    name: "P2P Foundation",
+    domain: "wiki.p2pfoundation.net",
+    description: "25,000 pages of commons knowledge",
+    x: 50,
+    y: 92,
+  },
   {
     name: "MycoFi",
     domain: "mycofi.earth",
@@ -81,17 +95,22 @@ const NODES: NetworkNode[] = [
 ]
 
 const CONNECTIONS: [string, string][] = [
+  ["mycostack.xyz", "commonsstack.org"],
+  ["mycostack.xyz", "wiki.p2pfoundation.net"],
   ["mycostack.xyz", "mycofi.earth"],
   ["mycostack.xyz", "undernet.earth"],
   ["mycostack.xyz", "compostcapitalism.xyz"],
   ["mycostack.xyz", "yourspace.online"],
+  ["commonsstack.org", "wiki.p2pfoundation.net"],
+  ["commonsstack.org", "mycofi.earth"],
+  ["commonsstack.org", "mycopunk.xyz"],
+  ["wiki.p2pfoundation.net", "post-appitalist.app"],
   ["mycofi.earth", "mycopunk.xyz"],
   ["undernet.earth", "psilo-cyber.net"],
   ["compostcapitalism.xyz", "post-appitalist.app"],
   ["post-appitalist.app", "yourspace.online"],
   ["yourspace.online", "trippinballs.lol"],
   ["mycopunk.xyz", "psilo-cyber.net"],
-  ["mycofi.earth", "post-appitalist.app"],
   ["mycopunk.xyz", "undernet.earth"],
 ]
 

components/scroll-provider.tsx

@@ -4,14 +4,16 @@ import { useScrollProgress } from "@/hooks/use-scroll-progress"
 import { useEffect } from "react"
 
 // Color stops: [scrollPos, bg-L, bg-C, bg-H, fg-L, fg-C, fg-H, accent-L, accent-C, accent-H]
+// 8 sections: Hero → Legacy → Compost → Mycelium → Undernet → Anastomosis → Emergence → Network Map
 const COLOR_STOPS: number[][] = [
-  [0.0, 0.08, 0.02, 30, 0.85, 0.03, 80, 0.45, 0.12, 60],
-  [0.15, 0.12, 0.04, 40, 0.82, 0.04, 80, 0.55, 0.15, 45],
-  [0.3, 0.16, 0.05, 150, 0.88, 0.05, 145, 0.55, 0.18, 155],
-  [0.5, 0.22, 0.04, 200, 0.9, 0.03, 200, 0.5, 0.14, 220],
-  [0.65, 0.45, 0.06, 140, 0.15, 0.03, 150, 0.65, 0.18, 145],
-  [0.8, 0.85, 0.04, 110, 0.15, 0.04, 100, 0.6, 0.16, 90],
-  [0.92, 0.94, 0.02, 110, 0.12, 0.03, 100, 0.55, 0.18, 155],
+  [0.0,  0.08, 0.02, 30,   0.85, 0.03, 80,   0.45, 0.12, 60 ],  // Hero: deep soil
+  [0.10, 0.10, 0.03, 35,   0.84, 0.03, 80,   0.50, 0.13, 50 ],  // Legacy: dark warm earth
+  [0.20, 0.12, 0.04, 40,   0.82, 0.04, 80,   0.55, 0.15, 45 ],  // Compost: earth brown
+  [0.35, 0.16, 0.05, 150,  0.88, 0.05, 145,  0.55, 0.18, 155],  // Mycelium: forest green
+  [0.48, 0.22, 0.04, 200,  0.90, 0.03, 200,  0.50, 0.14, 220],  // Undernet: deep blue
+  [0.60, 0.45, 0.06, 140,  0.15, 0.03, 150,  0.65, 0.18, 145],  // Anastomosis: transition
+  [0.78, 0.85, 0.04, 110,  0.15, 0.04, 100,  0.60, 0.16, 90 ],  // Emergence: golden light
+  [0.92, 0.94, 0.02, 110,  0.12, 0.03, 100,  0.55, 0.18, 155],  // Network Map: canopy
 ]
 
 function lerp(a: number, b: number, t: number) {