From ac8ce902d147566c426c9fbe5f1bd4fbf071b2f5 Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@profullstack.com>
Date: Sat, 31 Oct 2026 09:01:26 +0000
Subject: [PATCH] fix: use universal footer

---
 apps/web/app/layout.tsx           |  2 --
 apps/web/components/Footer.tsx    | 45 ++++++++++---------------------
 apps/web/components/PitFooter.tsx | 25 -----------------
 3 files changed, 14 insertions(+), 58 deletions(-)
 delete mode 100644 apps/web/components/PitFooter.tsx

diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 7ec2102..f0141f4 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -3,7 +3,6 @@ import { Geist } from "next/font/google";
 import "./globals.css";
 import Header from "@/components/Header";
 import Footer from "@/components/Footer";
-import PitFooter from "@/components/PitFooter";
 import Script from "next/script";
 
 const geist = Geist({ subsets: ["latin"] });
@@ -95,7 +94,6 @@ export default function RootLayout({
         <Footer />
         <Script data-site="e615d01b-b475-4df6-8d72-c6f60acfcf04" src="https://crawlproof.com/stats.js" strategy="afterInteractive" />
         <Script src="https://crawlproof.com/ad.js" strategy="afterInteractive" />
-        <PitFooter />
       </body>
     </html>
   );
diff --git a/apps/web/components/Footer.tsx b/apps/web/components/Footer.tsx
index 3284ce8..7e71bd3 100644
--- a/apps/web/components/Footer.tsx
+++ b/apps/web/components/Footer.tsx
@@ -1,39 +1,22 @@
-import Image from 'next/image';
-import Link from 'next/link';
 import { Footer as ProfullstackFooter } from '@profullstack/footer/react';
 
-const LINKS: [string, string][] = [
-  ['/stores', 'Stores'],
-  ['/submit', 'Submit a code'],
-  ['/blog', 'Blog'],
-  ['/docs', 'Docs & API'],
-  ['/about', 'About'],
-  ['/privacy', 'Privacy'],
-  ['/terms', 'Terms'],
-];
-
 export default function Footer() {
   return (
     <div className="bg-gray-900 text-gray-400 mt-20">
-      <footer>
-        <div className="max-w-7xl mx-auto px-4 py-6 flex flex-col md:flex-row md:items-center md:justify-between gap-3 text-sm">
-          <div className="flex items-center gap-3">
-            <Link href="/" className="inline-block">
-              <Image src="/logo.svg" alt="c0upons" width={104} height={22} unoptimized className="h-[22px] w-auto" />
-            </Link>
-          </div>
-          <nav className="flex flex-wrap gap-x-4 gap-y-1" aria-label="Footer">
-            {LINKS.map(([href, label]) => (
-              <Link key={href} href={href} className="hover:text-white transition-colors">{label}</Link>
-            ))}
-            <a href="https://github.com/profullstack/c0upons" target="_blank" rel="noopener noreferrer" className="hover:text-white transition-colors">
-              GitHub
-            </a>
-          </nav>
-        </div>
-      </footer>
-      {/* Copyright and the Profullstack webring: @profullstack/footer, server-rendered. */}
-      <ProfullstackFooter site="https://c0upons.com/" />
+      <ProfullstackFooter
+        site="https://c0upons.com/"
+        tagline="Community-powered coupon codes and deals."
+        links={[
+          { label: 'Stores', href: '/stores' },
+          { label: 'Submit a code', href: '/submit' },
+          { label: 'Blog', href: '/blog' },
+          { label: 'Docs & API', href: '/docs' },
+          { label: 'About', href: '/about' },
+          { label: 'Privacy', href: '/privacy' },
+          { label: 'Terms', href: '/terms' },
+          { label: 'GitHub', href: 'https://github.com/profullstack/c0upons', rel: 'noopener noreferrer' },
+        ]}
+      />
     </div>
   );
 }
diff --git a/apps/web/components/PitFooter.tsx b/apps/web/components/PitFooter.tsx
deleted file mode 100644
index 115860b..0000000
--- a/apps/web/components/PitFooter.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-// The pit.world network footer, fetched server-side from pit.world and cached
-// for an hour. It is a plain HTML fragment (a scoped <style> plus one <nav>),
-// so it renders as-is. Any failure (timeout, non-200, network) renders nothing:
-// the network footer must never break a page.
-const SNIPPET_URL = 'https://pit.world/snippets/footer.html?site=c0upons.com';
-
-async function loadSnippet(): Promise<string | null> {
-  try {
-    const res = await fetch(SNIPPET_URL, {
-      next: { revalidate: 3600 },
-      signal: AbortSignal.timeout(3000),
-    });
-    if (!res.ok) return null;
-    const html = await res.text();
-    return html.includes('data-pit-footer') ? html : null;
-  } catch {
-    return null;
-  }
-}
-
-export default async function PitFooter() {
-  const html = await loadSnippet();
-  if (!html) return null;
-  return <div dangerouslySetInnerHTML={{ __html: html }} />;
-}