From 5b34e39a4fa1c0ea8ef684b6663984659c247c88 Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@profullstack.com>
Date: Sat, 31 Oct 2026 07:23:22 +0000
Subject: [PATCH] fix(footer): use the universal footer

---
 app/layout.tsx                  | 36 ++++++---------
 bun.lock                        |  2 +-
 src/components/Footer.tsx       | 79 +--------------------------------
 src/components/FooterBottom.tsx | 16 -------
 src/components/PitFooter.tsx    | 21 ---------
 5 files changed, 17 insertions(+), 137 deletions(-)
 delete mode 100644 src/components/FooterBottom.tsx
 delete mode 100644 src/components/PitFooter.tsx

diff --git a/app/layout.tsx b/app/layout.tsx
index 728e929..fe74ab4 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,8 +3,6 @@ import type { Metadata, Viewport } from 'next'
 import { ReferralProvider } from '@profullstack/referrals/react';
 import Script from 'next/script'
 import { Footer as PfsFooter } from '@profullstack/footer/react'
-import { FooterBottomProvider } from '@/components/FooterBottom'
-import { PitFooter } from '@/components/PitFooter'
 import { KarmaToast } from '@/components/KarmaToast'
 import JsonLd from '@/components/JsonLd'
 import { websiteLd, organizationLd } from '@/lib/structuredData'
@@ -58,27 +56,22 @@ export default function RootLayout({ children }: { children: React.ReactNode })
       <body>
         <PwaRegistration />
         <ReferralProvider>
-          <FooterBottomProvider
-            bottom={
-              <PfsFooter
-                site="https://saasrow.com/"
-                since={2025}
-                links={[
-                  { label: 'About', href: '/about' },
-                  { label: 'Blog', href: '/blog' },
-                  { label: 'Developers', href: '/developers' },
-                  { label: 'Privacy', href: '/privacy' },
-                  { label: 'Terms', href: '/terms' },
-                  { label: 'Unsubscribe', href: '/unsubscribe' },
-                  { label: 'GitHub', href: 'https://github.com/profullstack/saasrow-web' },
-                ]}
-              />
-            }
-          >
-            {children}
-          </FooterBottomProvider>
+          {children}
           <KarmaToast />
         </ReferralProvider>
+        <PfsFooter
+          site="https://saasrow.com/"
+          since={2025}
+          links={[
+            { label: 'About', href: '/about' },
+            { label: 'Blog', href: '/blog' },
+            { label: 'Developers', href: '/developers' },
+            { label: 'Privacy', href: '/privacy' },
+            { label: 'Terms', href: '/terms' },
+            { label: 'Unsubscribe', href: '/unsubscribe' },
+            { label: 'GitHub', href: 'https://github.com/profullstack/saasrow-web' },
+          ]}
+        />
         <Script
           src="https://analytics.ahrefs.com/analytics.js"
           data-key="jrCaJNA5B0FqNBQqJOAaYw"
@@ -95,7 +88,6 @@ export default function RootLayout({ children }: { children: React.ReactNode })
               <Script data-site="f2463c61-25b8-47af-bf2a-096563b37bf5" src="https://crawlproof.com/stats.js" strategy="afterInteractive" />
       {/* CrawlProof ad loader: scans for [data-cp-ad] slots (rendered by <AdUnit />) and fills them in place. */}
       <Script src="https://crawlproof.com/ad.js" strategy="afterInteractive" />
-        <PitFooter />
       </body>
     </html>
   )
diff --git a/bun.lock b/bun.lock
index df6c8f4..c68f903 100644
--- a/bun.lock
+++ b/bun.lock
@@ -241,7 +241,7 @@
 
     "@profullstack/emailer": ["@profullstack/emailer@1.0.3", "", {}, "sha512-VyAtCcfnSI6LOwJvWogCr3ZNmEsaZw+iuWrqnosLsdcKsbRyCrCmXigMNZJZEjlgYlR+lK//PwNPG+xtCFvWAw=="],
 
-    "@profullstack/footer": ["@profullstack/footer@0.4.0", "", { "peerDependencies": { "react": ">=18" }, "optionalPeers": ["react"], "bin": { "profullstack-footer": "bin/profullstack-footer.js" } }, "sha512-EJZnMUQmWDi9Gzx6BAjogloeaPFFSSCHtHJuC9dsXiOz8M87hfn6Z+Zx9AMYWk8s6xemPrPlkXKGB3PZugkcEA=="],
+    "@profullstack/footer": ["@profullstack/footer@0.6.10", "", { "peerDependencies": { "react": ">=18" }, "optionalPeers": ["react"], "bin": { "profullstack-footer": "bin/profullstack-footer.js" } }, "sha512-egRG4zNRbeCklTdKqeIlYGaePb0aC5wuIYyu6NWiJ1j9XqnK/UO9p1C64cOCAKSmmJWH7hc714WgnMCegmI4fg=="],
 
     "@profullstack/form-guard": ["@profullstack/form-guard@0.2.2", "", {}, "sha512-PnmlkyJoN5PtwHETU4aF/kAlFP2Sf32LIIy+PK+JP28svvo/IHyzQl4/zEzfIChR0eAUs+gVXUoHKqn9jU+Mpw=="],
 
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index a6f3683..2b7e76a 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,79 +1,4 @@
-'use client'
-
-import { useState, FormEvent, ChangeEvent } from 'react'
-import Link from 'next/link'
-import { callFn } from '@/lib/clientApi'
-import { useFooterBottom } from './FooterBottom'
-
+// The universal footer is rendered once by app/layout.tsx on every route.
 export function Footer() {
-  const bottom = useFooterBottom()
-  const [email, setEmail] = useState('')
-  const [isSubmitting, setIsSubmitting] = useState(false)
-  const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null)
-
-  const handleSubscribe = async (e: FormEvent) => {
-    e.preventDefault()
-    setIsSubmitting(true)
-    setMessage(null)
-
-    try {
-      const response = await callFn('newsletter', { method: 'POST', body: { email } })
-
-      const data = await response.json()
-
-      if (response.ok) {
-        setMessage({ type: 'success', text: data.message || 'Successfully subscribed! Check your email for your discount code.' })
-        setEmail('')
-      } else {
-        setMessage({ type: 'error', text: data.error || 'Failed to subscribe' })
-      }
-    } catch (error) {
-      setMessage({ type: 'error', text: 'Something went wrong. Please try again.' })
-    } finally {
-      setIsSubmitting(false)
-    }
-  }
-
-  return (
-    <footer className="w-full max-w-[1280px] mx-auto px-4 py-6 mt-12 sm:mt-16 border-t border-white/10 font-ubuntu text-sm text-white/70">
-      <form
-        onSubmit={handleSubscribe}
-        className="flex flex-col sm:flex-row items-center justify-center gap-3"
-      >
-        <label htmlFor="footer-newsletter" className="text-white">
-          Friday newsletter, 50% off code on signup:
-        </label>
-        <div className="flex items-center gap-2">
-          <input
-            id="footer-newsletter"
-            type="email"
-            value={email}
-            onChange={(e: ChangeEvent<HTMLInputElement>) => setEmail(e.target.value)}
-            placeholder="you@example.com"
-            required
-            disabled={isSubmitting}
-            className="w-56 bg-neutral-800 text-white rounded-full px-4 py-1.5 outline-none disabled:opacity-50"
-          />
-          <button
-            type="submit"
-            disabled={isSubmitting}
-            className="px-4 py-1.5 rounded-full bg-gradient-to-b from-[#E0FF04] to-[#4FFFE3] text-neutral-800 font-medium hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed"
-          >
-            {isSubmitting ? 'Subscribing...' : 'Subscribe'}
-          </button>
-        </div>
-      </form>
-      {message && (
-        <p
-          role="status"
-          className={`mt-2 text-center ${message.type === 'success' ? 'text-[#4FFFE3]' : 'text-red-400'}`}
-        >
-          {message.text}
-        </p>
-      )}
-
-      {/* Links, copyright and the Profullstack ring: @profullstack/footer (see FooterBottom) */}
-      <div className="mt-2">{bottom}</div>
-    </footer>
-  )
+  return null;
 }
diff --git a/src/components/FooterBottom.tsx b/src/components/FooterBottom.tsx
deleted file mode 100644
index b63f345..0000000
--- a/src/components/FooterBottom.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-'use client'
-
-import { createContext, useContext, type ReactNode } from 'react'
-
-// The footer's bottom bar (copyright + Profullstack webring) is @profullstack/footer,
-// an async server component. app/layout.tsx renders it and hands it down here so the
-// client <Footer> used by every view can place it, still in the server-rendered HTML.
-const FooterBottomContext = createContext<ReactNode>(null)
-
-export function FooterBottomProvider({ bottom, children }: { bottom: ReactNode; children: ReactNode }) {
-  return <FooterBottomContext.Provider value={bottom}>{children}</FooterBottomContext.Provider>
-}
-
-export function useFooterBottom(): ReactNode {
-  return useContext(FooterBottomContext)
-}
diff --git a/src/components/PitFooter.tsx b/src/components/PitFooter.tsx
deleted file mode 100644
index c2e445f..0000000
--- a/src/components/PitFooter.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * The pit.world network footer, fetched on the server and rendered as the last
- * thing in <body>. Cached for an hour; any failure (timeout, non-200, odd body)
- * renders nothing so the page never breaks.
- */
-const PIT_FOOTER_URL = 'https://pit.world/snippets/footer.html?site=saasrow.com'
-
-export async function PitFooter() {
-  try {
-    const res = await fetch(PIT_FOOTER_URL, {
-      next: { revalidate: 3600 },
-      signal: AbortSignal.timeout(3000),
-    })
-    if (!res.ok) return null
-    const html = await res.text()
-    if (!html.includes('data-pit-footer')) return null
-    return <div dangerouslySetInnerHTML={{ __html: html }} />
-  } catch {
-    return null
-  }
-}