diff --git a/bun.lock b/bun.lock
index ed72a2e..527bc5a 100644
--- a/bun.lock
+++ b/bun.lock
@@ -11,6 +11,7 @@
         "@modelcontextprotocol/sdk": "^1.26.0",
         "@profullstack/autoblog": "github:profullstack/autoblog#75e54af",
         "@profullstack/coinpay": "^0.9.0",
+        "@profullstack/footer": "latest",
         "@profullstack/hqtui": "^0.6.3",
         "@profullstack/referrals": "^0.1.0",
         "@profullstack/stack": "^0.1.3",
@@ -306,6 +307,8 @@
 
     "@profullstack/emailer": ["@profullstack/emailer@1.0.1", "", {}, "sha512-/uhHJJGH+1xSSz3mJn6X+m6aruYjMD3JOaRp/d4R/YWlzpy07H9z0/JUleIyRyBPNmaANSIwjTZ7aVjaukOEpg=="],
 
+    "@profullstack/footer": ["@profullstack/footer@0.2.1", "", { "peerDependencies": { "react": ">=18" }, "optionalPeers": ["react"], "bin": { "profullstack-footer": "bin/profullstack-footer.js" } }, "sha512-KHmKVwrlzCBrSAAJ4zobNFCxTg8VF0gvNMeAut00dX3+gbWCtk6eOwIR2AaqEC7smj6Aio6cIexzt/dUnv1McA=="],
+
     "@profullstack/hqtui": ["@profullstack/hqtui@0.6.3", "", { "bin": { "hqtui": "bin/hqtui.mjs" } }, "sha512-RQmULiyNt6Qcz+M0x7Hn3sGN+2C766STHA8AZv4olcYpoMeQFzUW0NnOSXtbqgaUTZCeJLZPU4NHx6NQffVvkw=="],
 
     "@profullstack/keys": ["@profullstack/keys@0.1.0", "", {}, "sha512-Vys47LvS5ivhdZu4SYOxh9Le3DEmWhjP0+CtrU45RhXAbY0ZFG/2Dk9V1bIIUGDp8UWMJqctvUD21JrNjfh04w=="],
diff --git a/components/site-footer.tsx b/components/site-footer.tsx
index 9682e2e..7cf1587 100644
--- a/components/site-footer.tsx
+++ b/components/site-footer.tsx
@@ -1,62 +1,57 @@
-"use client";
-
 import Link from "next/link";
+import { Footer } from "@profullstack/footer/react";
 
+/** Server component: the bottom bar is @profullstack/footer (copyright + Profullstack webring). */
 export function SiteFooter() {
   return (
-    <footer className="mt-24 border-t border-[var(--color-border)]">
-      <div className="mx-auto grid max-w-6xl grid-cols-2 gap-8 px-4 sm:px-6 py-10 text-sm text-[var(--color-muted)] md:grid-cols-5">
-        <div>
-          <div className="font-semibold text-[var(--color-fg)]">CrawlProof</div>
-          <p className="mt-2">See your site the way AI crawlers do.</p>
-        </div>
-        <div>
-          <div className="font-semibold text-[var(--color-fg)]">Product</div>
-          <ul className="mt-2 space-y-1">
-            <li><Link href="/pricing">Pricing</Link></li>
-            <li><Link href="/lead-generation">Lead generation</Link></li>
-            <li><Link href="/slop">Slop Score</Link></li>
-            <li><Link href="/get-guide">Get guide</Link></li>
-            <li><Link href="/recent">Recent scans</Link></li>
-            <li><Link href="/blog">Blog</Link></li>
-          </ul>
-        </div>
-        <div>
-          <div className="font-semibold text-[var(--color-fg)]">Company</div>
-          <ul className="mt-2 space-y-1">
-            <li><Link href="/about">About</Link></li>
-            <li><Link href="/press">Press &amp; News</Link></li>
-            <li><Link href="/bot">Bot info</Link></li>
-            {/* Member of the Profullstack OpenWebring (logicsrc.com/openwebring): the ring reads these links. */}
-            <li>
-              <a href="https://rssamplifier.com/ring/profullstack/previous?from=https%3A%2F%2Fcrawlproof.com%2F" rel="prev" title="Previous site">{"<<"}</a>{" "}
-              <a href="https://rssamplifier.com/ring/profullstack">Profullstack</a>{" "}
-              <a href="https://rssamplifier.com/ring/profullstack/next?from=https%3A%2F%2Fcrawlproof.com%2F" rel="next" title="Next site">{">>"}</a>{" "}
-              <a href="https://rssamplifier.com/ring/profullstack/random?from=https%3A%2F%2Fcrawlproof.com%2F" title="Random site" aria-label="Random site">{"⚄"}</a>
-            </li>
-          </ul>
+    <>
+      <footer className="mt-24 border-t border-[var(--color-border)]">
+        <div className="mx-auto grid max-w-6xl grid-cols-2 gap-8 px-4 sm:px-6 py-10 text-sm text-[var(--color-muted)] md:grid-cols-5">
+          <div>
+            <div className="font-semibold text-[var(--color-fg)]">CrawlProof</div>
+            <p className="mt-2">See your site the way AI crawlers do.</p>
+          </div>
+          <div>
+            <div className="font-semibold text-[var(--color-fg)]">Product</div>
+            <ul className="mt-2 space-y-1">
+              <li><Link href="/pricing">Pricing</Link></li>
+              <li><Link href="/lead-generation">Lead generation</Link></li>
+              <li><Link href="/slop">Slop Score</Link></li>
+              <li><Link href="/get-guide">Get guide</Link></li>
+              <li><Link href="/recent">Recent scans</Link></li>
+              <li><Link href="/blog">Blog</Link></li>
+            </ul>
+          </div>
+          <div>
+            <div className="font-semibold text-[var(--color-fg)]">Company</div>
+            <ul className="mt-2 space-y-1">
+              <li><Link href="/about">About</Link></li>
+              <li><Link href="/press">Press &amp; News</Link></li>
+              <li><Link href="/bot">Bot info</Link></li>
+            </ul>
+          </div>
+          <div>
+            <div className="font-semibold text-[var(--color-fg)]">Partners</div>
+            <ul className="mt-2 space-y-1">
+              <li>
+                <a href="https://vu1nz.com" target="_blank" rel="noreferrer">
+                  Vu1nz scanner
+                </a>
+              </li>
+            </ul>
+          </div>
+          <div>
+            <div className="font-semibold text-[var(--color-fg)]">Legal</div>
+            <ul className="mt-2 space-y-1">
+              <li><Link href="/privacy">Privacy</Link></li>
+              <li><Link href="/terms">Terms</Link></li>
+            </ul>
+          </div>
         </div>
-        <div>
-          <div className="font-semibold text-[var(--color-fg)]">Partners</div>
-          <ul className="mt-2 space-y-1">
-            <li>
-              <a href="https://vu1nz.com" target="_blank" rel="noreferrer">
-                Vu1nz scanner
-              </a>
-            </li>
-          </ul>
-        </div>
-        <div>
-          <div className="font-semibold text-[var(--color-fg)]">Legal</div>
-          <ul className="mt-2 space-y-1">
-            <li><Link href="/privacy">Privacy</Link></li>
-            <li><Link href="/terms">Terms</Link></li>
-          </ul>
-        </div>
-      </div>
-      <div className="mx-auto max-w-6xl px-4 sm:px-6 pb-8 text-xs text-[var(--color-muted)]">
-        © {new Date().getFullYear()} CrawlProof
+      </footer>
+      <div className="text-[var(--color-muted)]">
+        <Footer site="https://crawlproof.com/" />
       </div>
-    </footer>
+    </>
   );
 }
diff --git a/package.json b/package.json
index 8bd04c0..db38a44 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "@modelcontextprotocol/sdk": "^1.26.0",
     "@profullstack/autoblog": "github:profullstack/autoblog#75e54af",
     "@profullstack/coinpay": "^0.9.0",
+    "@profullstack/footer": "latest",
     "@profullstack/hqtui": "^0.6.3",
     "@profullstack/referrals": "^0.1.0",
     "@profullstack/stack": "^0.1.3",