feat(footer): use @profullstack/footer

apps/web/app/globals.css

@@ -231,14 +231,8 @@ a:hover { color: var(--human); }
 .footer-grid h4 { font-family: var(--unbounded); font-size: 13px; color: var(--text); margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.08em; }
 .footer-grid a { display: block; color: var(--muted-2); margin: 5px 0; }
 .footer-grid a:hover { color: var(--ai); }
-.footer-bottom {
-  max-width: 1180px; margin: 24px auto 0; padding-top: 18px;
-  border-top: 1px solid var(--border-1);
-  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
-  color: var(--muted-2); font-size: 13px;
-}
-.footer-bottom a { color: var(--muted-2); }
-.footer-bottom a:hover { color: var(--ai); }
+.site-footer .pfs-footer { margin-top: 24px; }
+.site-footer .pfs-footer a:hover { color: var(--ai); }
 
 /* Notices */
 .notice { padding: 12px 16px; border-radius: 12px; border: 1px solid var(--border-2); background: var(--panel); font-size: 14px; margin: 16px 0; }

apps/web/components/SiteFooter.tsx

@@ -1,11 +1,13 @@
 import Link from "next/link";
+import { Footer as ProfullstackFooter } from "@profullstack/footer/react";
 import { AdSlot } from "./AdSlot";
 
 const CRAWLPROOF_AD_SLOT = "38f34cb0-f9bd-4c68-a56f-9da6b7cc652f";
 
 export function SiteFooter() {
   return (
-    <footer className="site-footer">
+    <div className="site-footer">
+      <footer>
       <AdSlot slot={CRAWLPROOF_AD_SLOT} format="banner_300x250" />
       <div className="footer-grid">
         <div>
@@ -40,27 +42,16 @@ export function SiteFooter() {
           <Link href="/about">About</Link>
         </div>
       </div>
-      <div className="footer-bottom">
-        <span>
-          © {new Date().getFullYear()}{" "}
-          <a href="https://github.com/profullstack/aiornot.vote" target="_blank" rel="noreferrer">
-            Profullstack, Inc.
-          </a>
-        </span>
-        <nav className="webring" aria-label="Profullstack webring" style={{ display: "flex", gap: 8 }}>
-          <a href="https://rssamplifier.com/ring/profullstack/previous?from=https%3A%2F%2Faiornot.vote%2F" rel="prev">{"<<"}</a>
-          <a href="https://rssamplifier.com/ring/profullstack">Profullstack</a>
-          <a href="https://rssamplifier.com/ring/profullstack/next?from=https%3A%2F%2Faiornot.vote%2F" rel="next">{">>"}</a>
-          <a href="https://rssamplifier.com/ring/profullstack/random?from=https%3A%2F%2Faiornot.vote%2F" title="Random site" aria-label="Random site">{"⚄"}</a>
-        </nav>
-        <span style={{ display: "flex", gap: 16, flexWrap: "wrap" }}>
-          <Link href="/terms">Terms</Link>
-          <Link href="/privacy">Privacy</Link>
-          <a href="https://github.com/profullstack/aiornot.vote" target="_blank" rel="noreferrer">
-            Source on GitHub ↗
-          </a>
-        </span>
-      </div>
-    </footer>
+      </footer>
+      {/* Copyright + Profullstack ring nav, rendered server-side from the shared @latest template. */}
+      <ProfullstackFooter
+        site="https://aiornot.vote/"
+        links={[
+          { label: "Terms", href: "/terms" },
+          { label: "Privacy", href: "/privacy" },
+          { label: "Source on GitHub ↗", href: "https://github.com/profullstack/aiornot.vote" },
+        ]}
+      />
+    </div>
   );
 }

apps/web/package.json

@@ -15,6 +15,7 @@
     "@aiornot/db": "workspace:*",
     "@aiornot/seed": "workspace:*",
     "@node-rs/argon2": "^2.0.2",
+    "@profullstack/footer": "latest",
     "@profullstack/notifications": "^0.1.0",
     "@profullstack/stack": "^0.1.3",
     "@profullstack/x402-gateway": "^0.7.0",