From 8156440d2f12d64458848926ae28a2fb8e71ece0 Mon Sep 17 00:00:00 2001
From: Muhammad Bappi <abappi2019@gmail.com>
Date: Mon, 14 Sep 2026 19:53:04 +0600
Subject: [PATCH] fix: stop the backdrop showing through the footer

The falling blocks sit in body's background, so they ran behind the
footer too. Giving it the page colour of its own covers them there,
which costs nothing visually since it is the colour already underneath.
---
 src/components/site-footer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/site-footer.tsx b/src/components/site-footer.tsx
index 1d9d33a..7f750ee 100644
--- a/src/components/site-footer.tsx
+++ b/src/components/site-footer.tsx
@@ -11,7 +11,7 @@ const LINK = 'block py-1 text-sm text-fd-muted-foreground transition-colors hove
 /** Ported from the Astro site. No interactivity, so it stays a server component. */
 export function SiteFooter() {
   return (
-    <footer className="border-t px-5 pt-14 pb-10">
+    <footer className="border-t px-5 pt-14 pb-10 bg-fd-background">
       <div className="mx-auto max-w-6xl">
         <div className="grid gap-10 md:grid-cols-2 lg:grid-cols-[1.4fr_repeat(3,1fr)]">
           <div>