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

Expand newsletter signup across quick links and contact info columns 

Refactors footer newsletter signup to span two columns using Tailwind grid.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d004b9e1-f9be-46e2-acda-f440ccd644a9
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/2e36198f-f0f9-426e-a8d5-cd55609744f4.jpg
This commit is contained in:
JeffEmmett 2025-06-13 18:54:42 +00:00
parent 5db99446ca
commit 5abe3f348f
1 changed files with 46 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -120,9 +120,29 @@ export default function Footer() {
</Link>
</li>
</ul>
</div>
{/* Newsletter Signup Section - Below Quick Links */}
<div className="mt-8 pt-6 border-t border-white border-opacity-20">
<div>
<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-white"></i>
<span className="text-white text-opacity-70">Nun Center<br/>Zamalek, Cairo, Egypt</span>
</li>
<li className="flex items-center">
<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>
</li>
</ul>
</div>
</div>
{/* Newsletter Signup Section - Spanning Quick Links and Contact columns */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mt-8 pt-6 border-t border-white border-opacity-20">
<div></div> {/* Empty space for logo column */}
<div className="md:col-span-2">
<h4 className="font-playfair font-bold text-base mb-3 text-white">
Newsletter Signup
</h4>
@ -165,23 +185,6 @@ export default function Footer() {
</div>
</div>
<div>
<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-white"></i>
<span className="text-white text-opacity-70">Nun Center<br/>Zamalek, Cairo, Egypt</span>
</li>
<li className="flex items-center">
<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>
</li>
</ul>
</div>
</div>
<div className="border-t border-white border-opacity-20 pt-8">
<div className="flex flex-col md:flex-row justify-between items-center">
<p className="text-white text-opacity-70 text-sm mb-4 md:mb-0">