diff --git a/apps/web/package.json b/apps/web/package.json
index 614c306..f169a2f 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "@profullstack/affiliates": "0.3.0",
+    "@profullstack/footer": "latest",
     "@profullstack/profile": "0.1.6",
     "@profullstack/redeem-credits": "0.2.0",
     "@profullstack/sealed-secrets": "0.1.0",
diff --git a/apps/web/public/index.html b/apps/web/public/index.html
index b8c6939..f2c58ba 100644
--- a/apps/web/public/index.html
+++ b/apps/web/public/index.html
@@ -33,6 +33,7 @@
       </a>
       <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 28px; font-size: 15px; color: #A3ACA6">
         <a href="#product" style="color: #A3ACA6; text-decoration: none">Product</a>
+        <a href="/health" style="color: #A3ACA6; text-decoration: none">Health tracker</a>
         <a href="#navigation" style="color: #A3ACA6; text-decoration: none">Get paid</a>
         <a href="#agents" style="color: #A3ACA6; text-decoration: none">Agents</a>
         <a href="#import" style="color: #A3ACA6; text-decoration: none">Import</a>
@@ -339,12 +340,6 @@ <h2 style="margin: 0; font-size: clamp(32px, 4vw, 52px); letter-spacing: -0.035e
     </div>
   </section>
 
-  <footer class="site-foot">
-    <span>&copy; <!--year--> Profullstack, Inc.</span>
-    <nav class="webring" aria-label="Profullstack webring"><a href="https://rssamplifier.com/ring/profullstack/previous?from=https%3A%2F%2Ftleehealth.com%2F" rel="prev" title="Previous site">&lt;&lt;</a><a href="https://rssamplifier.com/ring/profullstack">Profullstack</a><a href="https://rssamplifier.com/ring/profullstack/next?from=https%3A%2F%2Ftleehealth.com%2F" rel="next" title="Next site">&gt;&gt;</a></nav><span style="display:inline-flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center"><a class="builtindie-badge" href="https://built.indie.pit.world/for?site=https://tleehealth.com/" style="display:inline-block;line-height:0"><img src="https://built.indie.pit.world/for.svg?site=https://tleehealth.com/" alt="Listed on built.indie" width="200" height="44" loading="lazy" style="display:block;max-width:100%"></a><a class="pwamart-badge" href="https://pwamart.com/for?site=https://tleehealth.com/" style="display:inline-block;line-height:0"><img src="https://pwamart.com/for.svg?site=https://tleehealth.com/" alt="Get it on pwamart" width="200" height="44" loading="lazy" style="display:block;max-width:100%"></a></span>
-    <a href="/terms">Terms</a>
-    <a href="/privacy">Privacy</a>
-  </footer>
 </div>
 <script>if('serviceWorker' in navigator)navigator.serviceWorker.register('/sw.js').catch(()=>{});</script>
 </body>
diff --git a/apps/web/src/app.js b/apps/web/src/app.js
index 1a24784..5ceb43b 100644
--- a/apps/web/src/app.js
+++ b/apps/web/src/app.js
@@ -7,7 +7,7 @@ import { Hono } from 'hono';
 import { x402Gateway } from '@profullstack/x402-gateway/hono';
 import { createCrawlGate } from './crawl-gate.js';
 import { api, coinpayWebhook, saveSignup } from './api.js';
-import { withPitFooter } from './pit-footer.js';
+import { withUniversalFooter } from './universal-footer.js';
 import * as auth from './auth.js';
 import { config } from './config.js';
 import * as credits from './credits.js';
@@ -35,12 +35,28 @@ export const crawlGate = createCrawlGate();
 if (crawlGate) app.use('*', x402Gateway(crawlGate));
 
 // The landing page is built from the design canvas (design/Main.dc.html). Every
-// page gets the pit.world network footer as the last thing in <body>.
+// HTML page gets the shared Profullstack footer as the last thing in <body>.
 const page = async (c, name) =>
-  c.html(await withPitFooter(pub(name).toString().replace('<!--year-->', String(new Date().getFullYear()))));
+  c.html(await withUniversalFooter(pub(name).toString().replace('<!--year-->', String(new Date().getFullYear()))));
 app.get('/', (c) => page(c, 'index.html'));
 app.get('/healthz', (c) => c.text('ok'));
 
+// The personal health tracker is a local-first PWA. It has no account or API
+// calls; readings live in the visitor's IndexedDB and never reach the server.
+app.get('/health/', (c) => c.redirect('/health', 301));
+app.get('/health', (c) =>
+  c.body(pub('health/index.html'), 200, { 'content-type': 'text/html; charset=utf-8', 'cache-control': 'no-cache' }),
+);
+app.get('/health/health.css', (c) =>
+  c.body(pub('health/health.css'), 200, { 'content-type': 'text/css; charset=utf-8', 'cache-control': 'no-cache' }),
+);
+app.get('/health/health.js', (c) =>
+  c.body(pub('health/health.js'), 200, { 'content-type': 'text/javascript; charset=utf-8', 'cache-control': 'no-cache' }),
+);
+app.get('/health/manifest.webmanifest', (c) =>
+  c.body(pub('health/manifest.webmanifest'), 200, { 'content-type': 'application/manifest+json', 'cache-control': 'no-cache' }),
+);
+
 // The app: one shell for the team, patients and sign-in. It talks only to /api/v1.
 // The shared profile fields (@profullstack/profile) ride in the shell as a
 // <template>: the signup form and Settings clone them, so the markup is the
@@ -50,7 +66,7 @@ const PROFILE_TEMPLATE = `<template id="profile-fields">${renderProfileFields({
 })}</template>`;
 const shell = async (c) =>
   c.html(
-    await withPitFooter(
+    await withUniversalFooter(
       pub('app/index.html')
         .toString()
         .replace('<!--year-->', String(new Date().getFullYear()))
@@ -116,7 +132,7 @@ app.get('/i/:code', async (c) => {
   );
   const esc = (s) => String(s).replace(/[&<>"']/g, (ch) => `&#${ch.charCodeAt(0)};`);
   return c.html(
-    await withPitFooter(`<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+    await withUniversalFooter(`<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
 <title>You're invited to tleehealth</title><meta name="robots" content="noindex"><link rel="stylesheet" href="/assets/app.css"><link rel="icon" href="/icon.svg"></head>
 <body><div class="center"><div class="auth"><h1>You're invited to tleehealth</h1>
 <p class="muted">Scheduling, prescriptions, labs and AI follow-up calls for your practice. Join with this invite and you both get ${credits.INVITE_BONUS_DAYS} days of the paid plan, on top of the 14-day trial.</p>
diff --git a/apps/web/src/pit-footer.js b/apps/web/src/pit-footer.js
deleted file mode 100644
index 7046f5c..0000000
--- a/apps/web/src/pit-footer.js
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * The pit.world network footer, fetched server-side from pit.world/snippets and
- * appended as the last thing in <body> on every page.
- *
- * Module-level cache: the first page waits for the first fetch (3 s timeout);
- * after that a copy older than an hour refreshes in the background and a failed
- * fetch keeps the stale copy. With no copy at all the page is left unchanged.
- */
-const PIT_FOOTER_URL = 'https://pit.world/snippets/footer.html?site=tleehealth.com';
-const TTL_MS = 60 * 60 * 1000;
-
-let html = '';
-let fetchedAt = 0;
-let inflight = null;
-
-function refresh() {
-  inflight ??= fetch(PIT_FOOTER_URL, { signal: AbortSignal.timeout(3000) })
-    .then(async (res) => {
-      if (!res.ok) throw new Error(`pit footer ${res.status}`);
-      const text = await res.text();
-      if (!text.includes('data-pit-footer')) throw new Error('pit footer: unexpected body');
-      html = text;
-      fetchedAt = Date.now();
-    })
-    .catch(() => {})
-    .finally(() => {
-      inflight = null;
-    });
-  return inflight;
-}
-
-/** The page with the network footer inserted before its last </body>. */
-export async function withPitFooter(page) {
-  if (Date.now() - fetchedAt > TTL_MS) {
-    if (html) refresh();
-    else await refresh();
-  }
-  const i = page.lastIndexOf('</body>');
-  if (i === -1) return page;
-  const registration = page.includes('/pwa-register.js') ? '' : '<script src="/pwa-register.js" defer></script>\n';
-  return `${page.slice(0, i)}${registration}${html ? `${html}\n` : ''}${page.slice(i)}`;
-}
diff --git a/apps/web/src/universal-footer.js b/apps/web/src/universal-footer.js
new file mode 100644
index 0000000..1114bd8
--- /dev/null
+++ b/apps/web/src/universal-footer.js
@@ -0,0 +1,41 @@
+import { footerHtml, footerHtmlSync } from '@profullstack/footer';
+
+const options = {
+  site: 'https://tleehealth.com/',
+  owner: { name: 'tleehealth', url: 'https://tleehealth.com/' },
+  links: [
+    { label: 'Start a practice', href: '/app' },
+    { label: 'Terms', href: '/terms' },
+    { label: 'Privacy', href: '/privacy' },
+    { label: 'Contact', href: 'mailto:hello@tleehealth.com' },
+  ],
+  pwamartHref: 'https://pwamart.com/for?site=https://tleehealth.com/',
+  builtIndieHref: 'https://built.indie.pit.world/for?site=https://tleehealth.com/',
+};
+const TTL_MS = 15 * 60 * 1000;
+
+let html = footerHtmlSync(options);
+let fetchedAt = 0;
+let inflight = null;
+
+async function refresh() {
+  inflight ??= footerHtml(options)
+    .then((value) => {
+      html = value;
+      fetchedAt = Date.now();
+    })
+    .catch(() => {})
+    .finally(() => {
+      inflight = null;
+    });
+  await inflight;
+}
+
+/** Append the universal footer to each HTML page, keeping it in server markup. */
+export async function withUniversalFooter(page) {
+  if (Date.now() - fetchedAt > TTL_MS) await refresh();
+  const i = page.lastIndexOf('</body>');
+  if (i === -1) return page;
+  const registration = page.includes('/pwa-register.js') ? '' : '<script src="/pwa-register.js" defer></script>\n';
+  return `${page.slice(0, i)}${registration}${html}\n${page.slice(i)}`;
+}
diff --git a/bun.lock b/bun.lock
index f6de829..c7c0f13 100644
--- a/bun.lock
+++ b/bun.lock
@@ -10,6 +10,7 @@
       "version": "0.1.2",
       "dependencies": {
         "@profullstack/affiliates": "0.3.0",
+        "@profullstack/footer": "latest",
         "@profullstack/profile": "0.1.6",
         "@profullstack/redeem-credits": "0.2.0",
         "@profullstack/sealed-secrets": "0.1.0",
@@ -92,6 +93,8 @@
 
     "@profullstack/affiliates": ["@profullstack/affiliates@0.3.0", "", { "dependencies": { "@profullstack/referrals": "^0.1.0" }, "bin": { "affiliates": "dist/cli.js" } }, "sha512-bp0iREciWetDWrQYOsa6SJRTzviekKwgJQuATT7vql+4equu7pN76q8tb3SP1oBMczydsv6rYUMvPpS6+QT7yQ=="],
 
+    "@profullstack/footer": ["@profullstack/footer@0.6.10", "", { "peerDependencies": { "react": ">=18" }, "optionalPeers": ["react"], "bin": { "profullstack-footer": "bin/profullstack-footer.js" } }, "sha512-egRG4zNRbeCklTdKqeIlYGaePb0aC5wuIYyu6NWiJ1j9XqnK/UO9p1C64cOCAKSmmJWH7hc714WgnMCegmI4fg=="],
+
     "@profullstack/hqtui": ["@profullstack/hqtui@0.11.1", "", { "bin": { "hqtui": "bin/hqtui.mjs" } }, "sha512-c/UzTmiRDjdLZQEO/gdVinUKtx6Q0WBPdixIm90MBTvC3DqFPqpersRs0BIDPS7XVokCSr1DtELI91kj5J1kCg=="],
 
     "@profullstack/keys": ["@profullstack/keys@0.1.0", "", {}, "sha512-Vys47LvS5ivhdZu4SYOxh9Le3DEmWhjP0+CtrU45RhXAbY0ZFG/2Dk9V1bIIUGDp8UWMJqctvUD21JrNjfh04w=="],
diff --git a/test/app.test.js b/test/app.test.js
index 6ce8128..b2b81f2 100644
--- a/test/app.test.js
+++ b/test/app.test.js
@@ -44,8 +44,9 @@ describe('web', () => {
   });
   test('landing footer server-renders the Profullstack webring row, one copyright line', async () => {
     const home = await (await get('/')).text();
-    const foot = home.slice(home.indexOf('<footer class="site-foot">'), home.indexOf('</footer>', home.indexOf('<footer class="site-foot">')));
-    expect(foot).toContain('class="webring"');
+    const foot = home.match(/<footer\b[^>]*data-pfs-footer[^>]*>[\s\S]*?<\/footer>/)?.[0] ?? '';
+    expect(foot).not.toBe('');
+    expect(foot).toContain('class="webring pfs-footer__ring"');
     expect(foot).toContain('https://rssamplifier.com/ring/profullstack/next?from=https%3A%2F%2Ftleehealth.com%2F');
     expect(foot).toContain('https://rssamplifier.com/ring/profullstack/previous?from=https%3A%2F%2Ftleehealth.com%2F');
     expect(foot.match(/&copy;/g)?.length).toBe(1);
diff --git a/test/signup-profile.test.js b/test/signup-profile.test.js
index f64afcb..9e29d37 100644
--- a/test/signup-profile.test.js
+++ b/test/signup-profile.test.js
@@ -20,8 +20,9 @@ test('the signup page shell carries the profile fields, once each', async () =>
   const html = await (await app.request('/signup')).text();
   for (const name of ['first_name', 'last_name', 'company_domain', 'job_title', 'linkedin_url'])
     expect(html.match(new RegExp(`name="${name}"`, 'g'))?.length).toBe(1);
-  // Email is the form's own box, not the template's.
-  expect(html).not.toContain('name="email"');
+  // The shared footer has its own email field; the profile template does not.
+  const fields = html.match(/<template id="profile-fields">[\s\S]*?<\/template>/)?.[0] ?? '';
+  expect(fields).not.toContain('name="email"');
   expect((await app.request('/assets/profile.js')).headers.get('content-type')).toContain('javascript');
 });