Elevate P4P from framework to movement with fractal meanings

Reframe the Peer-for-Peer section as "The Birth of the P4P Movement"
with larger, bolder typography. Add glass card showcasing P4P as a
fractal concept: Peer for Peer, People for Planet, Protocols for
Participation, Platforms for the Public. Update hero lineage to
reference birthing the P4P movement.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-02-17 22:54:23 +00:00
parent d71b3159d6
commit d844ffac00
2 changed files with 57 additions and 9 deletions

View File

@ -43,7 +43,7 @@ export function HeroSection() {
style={{ animationDelay: "1.5s" }} style={{ animationDelay: "1.5s" }}
> >
Born from the P2P Foundation and the Commons Stack. Born from the P2P Foundation and the Commons Stack.
Powered by mycelial principles. Birthing the Peer-for-Peer (P4P) movement.
</p> </p>
{/* Terminal tagline */} {/* Terminal tagline */}

View File

@ -170,17 +170,20 @@ export function LegacySection() {
className="section-reveal max-w-3xl mx-auto space-y-6" className="section-reveal max-w-3xl mx-auto space-y-6"
style={{ transitionDelay: "0.24s" }} style={{ transitionDelay: "0.24s" }}
> >
<h3 className="font-serif text-2xl sm:text-3xl font-semibold"> <h3 className="font-serif text-3xl sm:text-4xl md:text-5xl font-bold text-center">
Peer-for-Peer The Birth of the
<br />
Peer-for-Peer (P4P) Movement
</h3> </h3>
<div className="space-y-4 text-base leading-relaxed opacity-80"> <div className="space-y-4 text-base leading-relaxed opacity-80">
<p> <p>
MycoStack carries this legacy forward with a new framework:{" "} MycoStack carries this legacy forward by giving birth to a
<strong>Peer-for-Peer (P4P)</strong> &mdash; an evolution of P2P movement: <strong>Peer-for-Peer (P4P)</strong> &mdash; an
thinking that emphasizes peers acting <em>for</em> peers, not evolution of P2P thinking that shifts from peers exchanging{" "}
just exchanging with them. Mutual care and regeneration as core <em>with</em> each other to peers acting <em>for</em> each other.
protocols. Active stewardship rather than passive participation. Mutual care and regeneration as core protocols. Active stewardship
Solidarity economics in practice. rather than passive participation. Solidarity economics in
practice.
</p> </p>
<p> <p>
Where the original Commons Stack built tools, MycoStack grows Where the original Commons Stack built tools, MycoStack grows
@ -189,6 +192,51 @@ export function LegacySection() {
nourishes. nourishes.
</p> </p>
</div> </div>
{/* P4P meanings */}
<div className="glass-card p-6 sm:p-8 space-y-4">
<h4 className="font-serif text-lg font-semibold opacity-70 text-center">
P4P is a fractal &mdash; the same ethic, many expressions
</h4>
<div className="grid gap-3 sm:grid-cols-2 font-mono text-sm">
<div className="space-y-1">
<div className="font-serif text-base font-semibold not-italic">
Peer for Peer
</div>
<div className="opacity-60">
Individuals acting in service of one another
</div>
</div>
<div className="space-y-1">
<div className="font-serif text-base font-semibold not-italic">
People for Planet
</div>
<div className="opacity-60">
Collective stewardship of our shared home
</div>
</div>
<div className="space-y-1">
<div className="font-serif text-base font-semibold not-italic">
Protocols for Participation
</div>
<div className="opacity-60">
Governance tools that encode mutual care
</div>
</div>
<div className="space-y-1">
<div className="font-serif text-base font-semibold not-italic">
Platforms for the Public
</div>
<div className="opacity-60">
Infrastructure owned by the communities it serves
</div>
</div>
</div>
<p className="text-sm opacity-50 text-center pt-2">
Every reading of P4P converges on the same principle: mutual
flourishing over extraction.
</p>
</div>
</div> </div>
{/* Pillars */} {/* Pillars */}