Use the universal footer

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>
   );

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>
   );
 }