From a3d9a744fe20f88e995f9d4a3c871d36f0e09e91 Mon Sep 17 00:00:00 2001
From: Bhavya Pandiya <bhavyapandiya2910@gmail.com>
Date: Thu, 11 Jun 2026 21:54:41 +0530
Subject: [PATCH] Improve footer column heading contrast in light mode (Fixes
 #582)

---
 src/components/layout/Footer.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 261969d9..a9eb19e8 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -47,7 +47,7 @@ export default function Footer() {
               <MagneticText
                 text="RESOURCES"
                 hoverText="EXPLORE"
-                className="text-xl font-bold"
+                className="text-xl font-bold text-gray-900 dark:text-white"
               />
             </div>
             <div className={styles.links}>
@@ -69,7 +69,7 @@ export default function Footer() {
               <MagneticText
                 text="LINKS"
                 hoverText="VISIT"
-                className="text-xl font-bold"
+                className="text-xl font-bold text-gray-900 dark:text-white"
               />
             </div>
             <div className={styles.links}>
@@ -91,7 +91,7 @@ export default function Footer() {
               <MagneticText
                 text="LEGAL"
                 hoverText="POLICIES"
-                className="text-xl font-bold"
+                className="text-xl font-bold text-gray-900 dark:text-white"
               />
             </div>
             <div className={styles.links}>
@@ -110,7 +110,7 @@ export default function Footer() {
 
           {/* Contact us */}
           <div className="flex flex-col gap-3">
-            <p className="text-xl font-bold tracking-tighter">CONTACT US</p>
+            <p className="text-xl font-bold tracking-tighter text-gray-900 dark:text-white">CONTACT US</p>
             <a
               aria-label="Link"
               href={`mailto:${siteConfig.contact.email}`}
@@ -122,7 +122,7 @@ export default function Footer() {
 
           {/* Get the app */}
           <div className="flex flex-col gap-3">
-            <p className="text-xl font-bold tracking-tighter">GET THE APP</p>
+            <p className="text-xl font-bold tracking-tighter text-gray-900 dark:text-white">GET THE APP</p>
             <AppStoreButtons
               variant="footer"
               className="flex-col !items-start"