diff --git a/apps/web/package.json b/apps/web/package.json
index 540ee6e..030cce8 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@c0mpute/shared": "workspace:*",
+    "@profullstack/footer": "latest",
     "@profullstack/x402-gateway": "^0.7.0",
     "@sqlitecloud/drivers": "^1.0.880",
     "ioredis": "^5.11.1",
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index b2b5f4d..c02c53d 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata, Viewport } from "next";
 import Link from "next/link";
 import "./globals.css";
 import Script from "next/script";
+import { Footer } from "@profullstack/footer/react";
 import { WebMcpProvider } from "@/components/webmcp-provider";
 
 const SITE = "https://c0mpute.com";
@@ -67,30 +68,21 @@ export default function RootLayout({
 
         <main className="flex-1">{children}</main>
 
-        <footer className="border-t border-[var(--color-rule)] mt-16">
-          <div className="max-w-3xl mx-auto px-6 py-6 flex flex-wrap gap-x-6 gap-y-2 text-xs text-[var(--color-dim)]">
-            <span>c0mpute.com</span>
-            <Link href="/blog" className="!border-0 hover:text-[var(--color-accent)]">blog</Link>
-            <Link href="/about" className="!border-0 hover:text-[var(--color-accent)]">about</Link>
-            <Link href="/contact" className="!border-0 hover:text-[var(--color-accent)]">contact</Link>
-            <Link href="/pricing" className="!border-0 hover:text-[var(--color-accent)]">pricing</Link>
-            <Link href="/terms" className="!border-0 hover:text-[var(--color-accent)]">terms</Link>
-            <Link href="/privacy" className="!border-0 hover:text-[var(--color-accent)]">privacy</Link>
-            <a
-              href="https://github.com/profullstack/c0mpute"
-              className="!border-0 hover:text-[var(--color-accent)]"
-            >
-              github
-            </a>
-            <nav className="webring flex gap-x-3" aria-label="Profullstack webring">
-              <a href="https://rssamplifier.com/ring/profullstack/previous?from=https%3A%2F%2Fc0mpute.com%2F" rel="prev" title="Previous site" className="!border-0 hover:text-[var(--color-accent)]">{"<<"}</a>
-              <a href="https://rssamplifier.com/ring/profullstack" className="!border-0 hover:text-[var(--color-accent)]">Profullstack</a>
-              <a href="https://rssamplifier.com/ring/profullstack/next?from=https%3A%2F%2Fc0mpute.com%2F" rel="next" title="Next site" className="!border-0 hover:text-[var(--color-accent)]">{">>"}</a>
-              <a href="https://rssamplifier.com/ring/profullstack/random?from=https%3A%2F%2Fc0mpute.com%2F" title="Random site" aria-label="Random site" className="!border-0 hover:text-[var(--color-accent)]">{"⚄"}</a>
-            </nav>
-            <span className="ml-auto">MIT</span>
-          </div>
-        </footer>
+        <div className="mt-16 text-[var(--color-dim)] [&_a]:!border-0">
+          <Footer
+            site="https://c0mpute.com/"
+            links={[
+              { label: "blog", href: "/blog" },
+              { label: "about", href: "/about" },
+              { label: "contact", href: "/contact" },
+              { label: "pricing", href: "/pricing" },
+              { label: "terms", href: "/terms" },
+              { label: "privacy", href: "/privacy" },
+              { label: "github", href: "https://github.com/profullstack/c0mpute" },
+            ]}
+            tagline="MIT licensed"
+          />
+        </div>
               <Script data-site="130ff3f6-f531-4f4b-b732-73a3f0d072b1" src="https://crawlproof.com/stats.js" strategy="afterInteractive" />
               <script
                 type="application/ld+json"
diff --git a/bun.lock b/bun.lock
index f847212..5a86df3 100644
--- a/bun.lock
+++ b/bun.lock
@@ -20,7 +20,7 @@
     },
     "apps/tui": {
       "name": "@c0mpute/tui",
-      "version": "0.2.27",
+      "version": "0.2.28",
       "bin": {
         "c0mpute-tui": "./src/index.ts",
       },
@@ -34,9 +34,10 @@
     },
     "apps/web": {
       "name": "c0mpute",
-      "version": "0.2.27",
+      "version": "0.2.28",
       "dependencies": {
         "@c0mpute/shared": "workspace:*",
+        "@profullstack/footer": "latest",
         "@profullstack/x402-gateway": "^0.7.0",
         "@sqlitecloud/drivers": "^1.0.880",
         "ioredis": "^5.11.1",
@@ -58,7 +59,7 @@
     },
     "packages/shared": {
       "name": "@c0mpute/shared",
-      "version": "0.2.27",
+      "version": "0.2.28",
       "devDependencies": {
         "typescript": "^5.8.0",
       },
@@ -221,6 +222,8 @@
 
     "@posthog/types": ["@posthog/types@1.381.0", "", {}, "sha512-AW68BovKFCNbPdq3VjOzfQeSQRYMvQVv+46LDywWFXO/oOTXFKwjY92FaJQSTXWgTNgDpqigCw3yUFDinK3hZA=="],
 
+    "@profullstack/footer": ["@profullstack/footer@0.2.0", "", { "peerDependencies": { "react": ">=18" }, "optionalPeers": ["react"], "bin": { "profullstack-footer": "bin/profullstack-footer.js" } }, "sha512-0bpxw5OEsvIdiU8tV5R3zmeAZ8X1rjnZj0vl/mrto+oxN8D6tLjImr5/Ki1ynAUXVRqpz+ejbVlXhORzzLBDkQ=="],
+
     "@profullstack/hqtui": ["@profullstack/hqtui@0.5.0", "", { "bin": { "hqtui": "bin/hqtui.mjs" } }, "sha512-jDwILBmdQx8pQA0ao/tzzty8u5nFNS4XhvU9xXhZvdIaMeiF3HBJIVtP6cS6kigS4lXmHR7sztbb9QJpaWwhig=="],
 
     "@profullstack/keys": ["@profullstack/keys@0.1.0", "", {}, "sha512-Vys47LvS5ivhdZu4SYOxh9Le3DEmWhjP0+CtrU45RhXAbY0ZFG/2Dk9V1bIIUGDp8UWMJqctvUD21JrNjfh04w=="],
@@ -521,6 +524,8 @@
 
     "bun-types/@types/node": ["@types/node@25.6.0", "", { "dependencies": { "undici-types": "~7.19.0" } }, "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ=="],
 
+    "c0mpute/postcss": ["postcss@8.5.23", "", { "dependencies": { "nanoid": "^3.3.16", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg=="],
+
     "next/postcss": ["postcss@8.5.23", "", { "dependencies": { "nanoid": "^3.3.16", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg=="],
 
     "node-abi/semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
@@ -575,6 +580,8 @@
 
     "bun-types/@types/node/undici-types": ["undici-types@7.19.2", "", {}, "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg=="],
 
+    "c0mpute/postcss/nanoid": ["nanoid@3.3.19", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-Y2tUNy4ouw6tq5oDSKeQYGOyhkUBhNOcGV/02KC+6kd9eDGqdZd++mjMiIDilrBYvjEnCYvVtsuHCuP+okSfug=="],
+
     "next/postcss/nanoid": ["nanoid@3.3.19", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-Y2tUNy4ouw6tq5oDSKeQYGOyhkUBhNOcGV/02KC+6kd9eDGqdZd++mjMiIDilrBYvjEnCYvVtsuHCuP+okSfug=="],
 
     "tsx/esbuild/@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.28.0", "", { "os": "aix", "cpu": "ppc64" }, "sha512-lhRUCeuOyJQURhTxl4WkpFTjIsbDayJHih5kZC1giwE+MhIzAb7mEsQMqMf18rHLsrb5qI1tafG20mLxEWcWlA=="],