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

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

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

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