feat: clarify economic critique of app silos

Add "(and ultimately of capitalism)" to appitalism reference.

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>

components/cta-section.tsx

@@ -8,10 +8,14 @@ export function CTASection() {
       <div className="container px-4 mx-auto max-w-6xl">
         <div className="space-y-16">
           <div className="text-center max-w-3xl mx-auto space-y-6">
-            <h2 className="text-4xl md:text-5xl font-bold text-balance">Interlay as Necessary Infrastructure</h2>
+            <h2 className="text-4xl md:text-5xl font-bold text-balance">Building Necessary Infrastructure</h2>
             <p className="text-xl text-muted-foreground leading-relaxed">
               If we want to build a more open, equitable, and adaptable digital future, we need open source
-              supra-structure like Project Interlay.
+              supra-structure and substrates like{" "}
+              <a href="https://folkjs.org" className="text-primary hover:underline">
+                FolkJS
+              </a>{" "}
+              that enable post-appitalism.
             </p>
           </div>
 
@@ -20,7 +24,7 @@ export function CTASection() {
               <Github className="h-10 w-10 text-primary mb-4 group-hover:scale-110 transition-transform" />
               <h3 className="text-xl font-semibold mb-3">Explore & Contribute</h3>
               <p className="text-muted-foreground text-sm leading-relaxed mb-4">
-                Dive into the open source primitives we're developing. Experiment, fork, and build.
+                Dive into the open source primitives we're developing. Experiment with FolkJS, fork, and build.
               </p>
               <div className="flex items-center text-primary text-sm font-medium">
                 View on GitHub <ArrowRight className="ml-2 h-4 w-4" />
@@ -31,7 +35,7 @@ export function CTASection() {
               <FileText className="h-10 w-10 text-primary mb-4 group-hover:scale-110 transition-transform" />
               <h3 className="text-xl font-semibold mb-3">Read the Research</h3>
               <p className="text-muted-foreground text-sm leading-relaxed mb-4">
-                Deep dive into the technical foundations, philosophy, and vision behind Interlay.
+                Deep dive into the technical foundations, philosophy, and vision behind post-appitalism.
               </p>
               <div className="flex items-center text-primary text-sm font-medium">
                 Read the memo <ArrowRight className="ml-2 h-4 w-4" />
@@ -55,7 +59,7 @@ export function CTASection() {
               Imagine an internet where information flows as freely as ideas
             </h3>
             <p className="text-lg text-muted-foreground mb-8 max-w-2xl mx-auto">
-              Join us in building the exfrastructure for a post-appitalist future.
+              Join us in building the exfrastructure for a post-appitalist future, powered by substrates like FolkJS.
             </p>
             <Button size="lg" className="text-lg px-8">
               Join the Movement

components/footer.tsx

@@ -6,9 +6,9 @@ export function Footer() {
       <div className="container px-4 py-12 mx-auto max-w-6xl">
         <div className="grid md:grid-cols-4 gap-8 mb-8">
           <div className="space-y-4">
-            <h3 className="font-semibold text-lg">Project Interlay</h3>
+            <h3 className="font-semibold text-lg">Post-Appitalism</h3>
             <p className="text-sm text-muted-foreground leading-relaxed">
-              Building the exfrastructure for post-appitalist digital ecosystems.
+              Building the exfrastructure for interconnected digital ecosystems.
             </p>
           </div>
 
@@ -34,23 +34,23 @@ export function Footer() {
           </div>
 
           <div className="space-y-3">
-            <h4 className="font-semibold text-sm">Community</h4>
+            <h4 className="font-semibold text-sm">FolkJS</h4>
             <ul className="space-y-2 text-sm text-muted-foreground">
               <li>
-                <a href="#" className="hover:text-primary transition-colors">
+                <a href="https://folkjs.org" className="hover:text-primary transition-colors">
+                  FolkJS.org
+                </a>
+              </li>
+              <li>
+                <a href="https://folkjs.org/docs" className="hover:text-primary transition-colors">
+                  Documentation
+                </a>
+              </li>
+              <li>
+                <a href="https://github.com/folk-systems" className="hover:text-primary transition-colors">
                   GitHub
                 </a>
               </li>
-              <li>
-                <a href="#" className="hover:text-primary transition-colors">
-                  Discussions
-                </a>
-              </li>
-              <li>
-                <a href="#" className="hover:text-primary transition-colors">
-                  Contributing
-                </a>
-              </li>
             </ul>
           </div>
 
@@ -71,7 +71,7 @@ export function Footer() {
         </div>
 
         <div className="pt-8 border-t border-border flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-muted-foreground">
-          <p>© 2025 Project Interlay. Open source and commons-aligned.</p>
+          <p>© 2025 Post-Appitalism Research. Open source and commons-aligned.</p>
           <p className="text-xs">No venture capital was harmed in the making of this website.</p>
         </div>
       </div>

components/interlay-section.tsx

@@ -2,7 +2,7 @@ import { Network, Layers, Sparkles } from "lucide-react"
 
 export function InterlaySection() {
   return (
-    <section className="py-24 md:py-32 border-b border-border bg-muted/20">
+    <section className="py-16 md:py-24 border-b border-border bg-muted/20">
       <div className="container px-4 mx-auto max-w-6xl">
         <div className="grid lg:grid-cols-2 gap-16 items-center">
           <div className="space-y-8">
@@ -10,15 +10,17 @@ export function InterlaySection() {
               <div className="inline-block px-3 py-1 rounded-full bg-primary/10 border border-primary/20 text-sm text-primary mb-4">
                 The Solution
               </div>
-              <h2 className="text-4xl md:text-5xl font-bold mb-6 text-balance">
+              <h2 className="text-4xl md:text-5xl font-bold mb-6 text-balance">The Space Between the Apps</h2>
-                Project Interlay: The Space Between the Apps
-              </h2>
             </div>
 
             <p className="text-xl text-muted-foreground leading-relaxed">
-              Interlay is a research initiative to decompose app silos by creating an
+              A research initiative to decompose app silos by creating an
               <span className="text-foreground font-semibold"> interface integration domain</span>. Not another app—a
-              supra-structure for interoperation.
+              supra-structure for interoperation, built on{" "}
+              <a href="https://folkjs.org" className="text-primary hover:underline">
+                FolkJS
+              </a>{" "}
+              as the computational substrate.
             </p>
 
             <div className="space-y-6">

components/problem-section.tsx

@@ -11,7 +11,7 @@ export function ProblemSection() {
             <p className="text-xl text-muted-foreground leading-relaxed">
               Why do we need 10 different apps to talk to the same friends? App silos create terrible UX, fragmenting
               our digital identities, data, and workflows. But this isn't an accident—it's a feature of{" "}
-              <span className="text-primary font-semibold">appitalism</span>.
+              <span className="text-primary font-semibold">appitalism</span> (and ultimately of capitalism).
             </p>
           </div>
 

components/technical-section.tsx

@@ -42,6 +42,32 @@ export function TechnicalSection() {
             </Card>
           </div>
 
+          <div className="bg-primary/5 border border-primary/20 rounded-xl p-8 md:p-12">
+            <div className="max-w-3xl mx-auto space-y-6">
+              <h3 className="text-3xl font-bold text-balance">FolkJS: The Computational Substrate</h3>
+              <p className="text-lg text-muted-foreground leading-relaxed">
+                <a href="https://folkjs.org" className="text-primary hover:underline font-semibold">
+                  FolkJS
+                </a>{" "}
+                provides the necessary computational foundation for post-appitalism. It's a malleable, user-programmable
+                substrate that enables the kind of fluid, interconnected digital ecosystems we envision.
+              </p>
+              <p className="text-muted-foreground leading-relaxed">
+                Without substrates like FolkJS, we remain trapped in vendor-controlled silos. FolkJS gives users the
+                power to compose, extend, and interconnect their tools—making post-appitalist futures technically
+                feasible.
+              </p>
+              <div className="pt-4">
+                <a
+                  href="https://folkjs.org"
+                  className="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-primary/10 border border-primary/30 text-primary hover:bg-primary/20 transition-colors"
+                >
+                  Explore FolkJS →
+                </a>
+              </div>
+            </div>
+          </div>
+
           <div className="bg-card border border-border rounded-xl p-8 md:p-12">
             <h3 className="text-2xl font-semibold mb-6">Key Concepts</h3>
             <div className="grid md:grid-cols-2 gap-6">

components/vision-section.tsx

@@ -49,10 +49,14 @@ export function VisionSection() {
 
           <div className="bg-gradient-to-br from-primary/10 via-primary/5 to-transparent border border-primary/20 rounded-2xl p-8 md:p-12">
             <div className="max-w-3xl mx-auto space-y-6">
-              <h3 className="text-3xl font-bold text-balance">Interlay isn't an app—it's a supra-structure</h3>
+              <h3 className="text-3xl font-bold text-balance">Beyond Apps: A Supra-Structure</h3>
               <p className="text-lg text-muted-foreground leading-relaxed">
-                The structure that infrastructure is part of. An exfrastructure enabling ecosystems of tools to
+                This isn't about building another app—it's about creating the supra-structure that enables ecosystems of
-                self-organize and flow freely. Where information moves as freely as ideas should.
+                tools to self-organize and flow freely. Built on substrates like{" "}
+                <a href="https://folkjs.org" className="text-primary hover:underline">
+                  FolkJS
+                </a>
+                , where information moves as freely as ideas should.
               </p>
               <div className="pt-4">
                 <div className="inline-block px-4 py-2 rounded-lg bg-background/50 border border-border text-sm font-mono">

next.config.mjs

@@ -1,5 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  output: 'export',
   eslint: {
     ignoreDuringBuilds: true,
   },