Restore the @profullstack/footer webring row above the pit.world footer

package.json

@@ -1,6 +1,6 @@
 {
   "name": "datamart-web",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "private": true,
   "description": "datamart.help: public libraries, schools, colleges and government services near you, with the source of every fact",
   "license": "MIT",
@@ -15,6 +15,7 @@
     "smoke": "bun scripts/smoke.ts"
   },
   "dependencies": {
+    "@profullstack/footer": "latest",
     "hono": "4.13.12",
     "next": "16.3.8",
     "react": "19.2.3",

src/app/globals.css

@@ -127,6 +127,7 @@ dl.facts dd { margin: 0; overflow-wrap: anywhere; }
 .site-footer { border-top: 1px solid var(--line); padding: 1.5rem 0 0.5rem; color: var(--muted); font-size: 0.85rem; }
 .site-footer nav { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
 .site-footer p { margin: 0; }
+.site-footer + div > .pfs-footer { border-top: 0; }
 .site-footer a { color: var(--muted); }
 
 /* CrawlProof ad unit: no box until ad.js starts filling it, so an unsold or blocked slot leaves no hole. */

src/app/layout.tsx

@@ -1,13 +1,14 @@
 import type { Metadata, Viewport } from "next";
+import { Footer } from "@profullstack/footer/react";
 import Link from "next/link";
 import { AdUnit } from "@/components/ad-unit";
 import { PitFooter } from "@/components/pit-footer";
 import { RegisterServiceWorker } from "@/components/register-sw";
 import { DISCLOSURE } from "@/lib/site";
 import "./globals.css";
 
-// Pages prerender at build; revalidating hourly lets the pit.world footer
-// (fetched server side from pit.world/snippets/footer.html) refresh without a redeploy.
+// Pages prerender at build; revalidating hourly lets the shared @profullstack/footer
+// template (jsDelivr @latest) and the pit.world footer refresh without a redeploy.
 export const revalidate = 3600;
 
 export const metadata: Metadata = {
@@ -68,17 +69,19 @@ export default function RootLayout({ children }: { children: React.ReactNode })
           <AdUnit />
           {children}
         </main>
-        <footer className="site-footer">
+        <div className="site-footer">
           <div className="wrap">
-            <nav aria-label="Footer">
-              <span>&copy; {new Date().getFullYear()} Profullstack, Inc.</span>
-              <Link href="/about">About</Link>
-              <Link href="/developers">API and MCP</Link>
-              <a href="https://github.com/profullstack/datamart.help">Source</a>
-            </nav>
             <p>{DISCLOSURE}</p>
           </div>
-        </footer>
+        </div>
+        <Footer
+          site="https://datamart.help/"
+          links={[
+            { label: "About", href: "/about" },
+            { label: "API and MCP", href: "/developers" },
+            { label: "Source", href: "https://github.com/profullstack/datamart.help" },
+          ]}
+        />
         <RegisterServiceWorker />
         <PitFooter />
       </body>