From 9bcf47a30991ef59a0497704b35e9551262031b4 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Sat, 10 May 2025 00:23:37 +0000
Subject: [PATCH] Enhance the footer by improving the link appearance and
 overall visibility

Updates footer.tsx to improve link color and hover effects using Tailwind CSS.

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/68228a68-2ed8-4550-a729-2f8512cda64e.jpg
---
 client/src/components/navigation/footer.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/src/components/navigation/footer.tsx b/client/src/components/navigation/footer.tsx
index 086f30d..acfacb7 100644
--- a/client/src/components/navigation/footer.tsx
+++ b/client/src/components/navigation/footer.tsx
@@ -43,7 +43,7 @@ export default function Footer() {
               <li>
                 <Link 
                   href="/about" 
-                  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"
                 >
                   About Fadia
                 </Link>
@@ -51,7 +51,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"
                 >
                   Classes
                 </Link>
@@ -59,7 +59,7 @@ export default function Footer() {
               <li>
                 <Link 
                   href="/community" 
-                  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"
                 >
                   Community
                 </Link>
@@ -67,7 +67,7 @@ export default function Footer() {
               <li>
                 <Link 
                   href="/contact" 
-                  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"
                 >
                   Contact
                 </Link>
@@ -81,7 +81,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"
                 >
                   Mat Pilates
                 </Link>
@@ -89,7 +89,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"
                 >
                   Reformer
                 </Link>
@@ -97,7 +97,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"
                 >
                   Private Sessions
                 </Link>
@@ -130,13 +130,13 @@ export default function Footer() {
               </li>
               <li className="flex items-center">
                 <i className="fas fa-envelope mr-2 text-teal"></i>
-                <a href="mailto:hello@pilateswithfadia.com" className="text-gray-400 hover:text-white transition duration-300">
+                <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>
               </li>
               <li className="flex items-center">
                 <i className="fas fa-phone-alt mr-2 text-teal"></i>
-                <a href="tel:+97150123567" className="text-gray-400 hover:text-white transition duration-300">
+                <a href="tel:+97150123567" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300">
                   +971 50 123 4567
                 </a>
               </li>