From 2853ceaea7016d25cdd9c2fbfdb564c1dceb1113 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Sat, 10 May 2025 00:25:03 +0000
Subject: [PATCH] Enhance footer appearance by improving readability and
 overall visual appeal

Update footer text color and icon color to white, and adjust hover states in footer.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/b18814d9-85f1-41e6-abd6-f330a4a21642.jpg
---
 client/src/components/navigation/footer.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/client/src/components/navigation/footer.tsx b/client/src/components/navigation/footer.tsx
index acfacb7..29c540d 100644
--- a/client/src/components/navigation/footer.tsx
+++ b/client/src/components/navigation/footer.tsx
@@ -30,7 +30,7 @@ export default function Footer() {
           </div>
           
           <div>
-            <h3 className="font-playfair font-bold text-lg mb-4">Quick Links</h3>
+            <h3 className="font-playfair font-bold text-lg mb-4 text-white">Quick Links</h3>
             <ul className="space-y-3">
               <li>
                 <Link 
@@ -76,7 +76,7 @@ export default function Footer() {
           </div>
           
           <div>
-            <h3 className="font-playfair font-bold text-lg mb-4">Classes</h3>
+            <h3 className="font-playfair font-bold text-lg mb-4 text-white">Classes</h3>
             <ul className="space-y-3">
               <li>
                 <Link 
@@ -105,7 +105,7 @@ export default function Footer() {
               <li>
                 <Link 
                   href="/classes" 
-                  className="text-gray-400 hover:text-white transition duration-300"
+                  className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300"
                 >
                   Group Classes
                 </Link>
@@ -113,7 +113,7 @@ export default function Footer() {
               <li>
                 <Link 
                   href="/classes" 
-                  className="text-gray-400 hover:text-white transition duration-300"
+                  className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300"
                 >
                   Special Workshops
                 </Link>
@@ -122,14 +122,14 @@ export default function Footer() {
           </div>
           
           <div>
-            <h3 className="font-playfair font-bold text-lg mb-4">Contact</h3>
+            <h3 className="font-playfair font-bold text-lg mb-4 text-white">Contact</h3>
             <ul className="space-y-3">
               <li className="flex items-start">
-                <i className="fas fa-map-marker-alt mt-1 mr-2 text-teal"></i>
+                <i className="fas fa-map-marker-alt mt-1 mr-2 text-white"></i>
                 <span className="text-white text-opacity-70">123 Serenity Lane, Wellness District<br/>Dubai, UAE</span>
               </li>
               <li className="flex items-center">
-                <i className="fas fa-envelope mr-2 text-teal"></i>
+                <i className="fas fa-envelope mr-2 text-white"></i>
                 <a href="mailto:hello@pilateswithfadia.com" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300">
                   hello@pilateswithfadia.com
                 </a>