From a9ffc4a643bdbfb926bcfdf05004ba29abd37c4e Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@profullstack.com>
Date: Sat, 10 Oct 2026 09:32:37 +0000
Subject: [PATCH] feat(footer): use @profullstack/footer

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/components/chrome.tsx | 56 +++++++++++-----------------------
 apps/web/package.json          |  1 +
 pnpm-lock.yaml                 | 17 +++++++++++
 pnpm-workspace.yaml            |  1 +
 4 files changed, 37 insertions(+), 38 deletions(-)

diff --git a/apps/web/components/chrome.tsx b/apps/web/components/chrome.tsx
index 13e066c..341d4d5 100644
--- a/apps/web/components/chrome.tsx
+++ b/apps/web/components/chrome.tsx
@@ -1,4 +1,5 @@
 import Link from 'next/link'
+import { Footer as PfsFooter } from '@profullstack/footer/react'
 import { CopyButton } from '@/components/copy-button'
 import { NAV, SITE } from '@/lib/site'
 
@@ -33,46 +34,25 @@ export function Header() {
   )
 }
 
+/**
+ * @profullstack/footer: the same links, copyright and webring every Profullstack
+ * site renders, from the package's @latest template (async server component).
+ */
 export function Footer() {
   return (
-    <footer className="border-t border-line">
-      <div className="mx-auto flex max-w-6xl flex-wrap items-center gap-x-6 gap-y-2 px-5 py-8 text-sm text-muted">
-        <span className="font-medium text-text">{SITE.name}</span>
-        <Link href="/docs" className="hover:text-text">Docs</Link>
-        <a href={SITE.repo} className="hover:text-text" rel="noreferrer" target="_blank">GitHub</a>
-        <a href={SITE.releases} className="hover:text-text" rel="noreferrer" target="_blank">Releases</a>
-        <Link href="/security" className="hover:text-text">Security</Link>
-        <Link href="/privacy" className="hover:text-text">Privacy</Link>
-        <nav className="webring flex gap-x-2" aria-label="Profullstack webring">
-          <a
-            href="https://rssamplifier.com/ring/profullstack/previous?from=https%3A%2F%2Fdiskpush.com%2F"
-            className="hover:text-text"
-            rel="prev"
-            title="Previous site"
-          >
-            {'<<'}
-          </a>
-          <a href="https://rssamplifier.com/ring/profullstack" className="hover:text-text">Profullstack</a>
-          <a
-            href="https://rssamplifier.com/ring/profullstack/next?from=https%3A%2F%2Fdiskpush.com%2F"
-            className="hover:text-text"
-            rel="next"
-            title="Next site"
-          >
-            {'>>'}
-          </a>
-          <a
-            href="https://rssamplifier.com/ring/profullstack/random?from=https%3A%2F%2Fdiskpush.com%2F"
-            className="hover:text-text"
-            title="Random site"
-            aria-label="Random site"
-          >
-            {'⚄'}
-          </a>
-        </nav>
-        <span className="ml-auto">MIT licensed</span>
-      </div>
-    </footer>
+    <div className="mt-8 text-text">
+      <PfsFooter
+        site="https://diskpush.com/"
+        tagline="MIT licensed"
+        links={[
+          { label: 'Docs', href: '/docs' },
+          { label: 'GitHub', href: SITE.repo, rel: 'noreferrer' },
+          { label: 'Releases', href: SITE.releases, rel: 'noreferrer' },
+          { label: 'Security', href: '/security' },
+          { label: 'Privacy', href: '/privacy' },
+        ]}
+      />
+    </div>
   )
 }
 
diff --git a/apps/web/package.json b/apps/web/package.json
index fc2038d..05f8bb1 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,6 +10,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@profullstack/footer": "latest",
     "@profullstack/x402-gateway": "^0.7.0",
     "marked": "^15.0.7",
     "next": "^15.5.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 38281cc..d5e534e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -147,6 +147,9 @@ importers:
 
   apps/web:
     dependencies:
+      '@profullstack/footer':
+        specifier: latest
+        version: 0.2.1(react@19.2.8)
       '@profullstack/x402-gateway':
         specifier: ^0.7.0
         version: 0.7.0
@@ -1149,6 +1152,16 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
+  '@profullstack/footer@0.2.1':
+    resolution: {integrity: sha512-KHmKVwrlzCBrSAAJ4zobNFCxTg8VF0gvNMeAut00dX3+gbWCtk6eOwIR2AaqEC7smj6Aio6cIexzt/dUnv1McA==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      react: '>=18'
+    peerDependenciesMeta:
+      react:
+        optional: true
+
   '@profullstack/hqtui@0.1.12':
     resolution: {integrity: sha512-BAmrR93G3hyDj2oPsePn4UcTvvYYBQsIuHzZ1VL7L9ezqSQx1vzAbf9pXvQgRHWaBkH+R1Uxw2XjcHNjZ1Ixlw==}
     engines: {bun: '>=1.1', node: '>=22.6'}
@@ -5082,6 +5095,10 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
+  '@profullstack/footer@0.2.1(react@19.2.8)':
+    optionalDependencies:
+      react: 19.2.8
+
   '@profullstack/hqtui@0.1.12': {}
 
   '@profullstack/hqtui@0.5.1': {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index af00e42..744bf14 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -21,3 +21,4 @@ minimumReleaseAgeExclude:
   - '@profullstack/x402-gateway@0.1.0 || 0.7.0'
   - '@profullstack/hqtui@0.2.0 || 0.5.0 || 0.5.1'
   - '@profullstack/keys'
+  - '@profullstack/footer'