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> <li>
<Link <Link
href="/about" 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 About Fadia
</Link> </Link>
@ -51,7 +51,7 @@ export default function Footer() {
<li> <li>
<Link <Link
href="/classes" 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 Classes
</Link> </Link>
@ -59,7 +59,7 @@ export default function Footer() {
<li> <li>
<Link <Link
href="/community" 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 Community
</Link> </Link>
@ -67,7 +67,7 @@ export default function Footer() {
<li> <li>
<Link <Link
href="/contact" 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 Contact
</Link> </Link>
@ -81,7 +81,7 @@ export default function Footer() {
<li> <li>
<Link <Link
href="/classes" 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 Mat Pilates
</Link> </Link>
@ -89,7 +89,7 @@ export default function Footer() {
<li> <li>
<Link <Link
href="/classes" 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 Reformer
</Link> </Link>
@ -97,7 +97,7 @@ export default function Footer() {
<li> <li>
<Link <Link
href="/classes" 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 Private Sessions
</Link> </Link>
@ -130,13 +130,13 @@ export default function Footer() {
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<i className="fas fa-envelope mr-2 text-teal"></i> <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 hello@pilateswithfadia.com
</a> </a>
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<i className="fas fa-phone-alt mr-2 text-teal"></i> <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 +971 50 123 4567
</a> </a>
</li> </li>