jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
JeffEmmett 2025-05-10 00:23:37 +00:00
parent acd2f781d8
commit 9bcf47a309
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/components/navigation/footer.tsx
View File

@ -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>