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

Reposition newsletter signup form to improve footer layout and appearance 

Relocates the newsletter signup form in `footer.tsx` and adjusts grid column layout to better utilize space.

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/81f751bc-a3ac-4824-a738-5842236b1863.jpg
This commit is contained in:
JeffEmmett 2025-06-13 18:52:55 +00:00
parent 90c074dd6f
commit 5db99446ca
1 changed files with 44 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -62,7 +62,7 @@ export default function Footer() {
return ( return (
<footer className="bg-teal text-white py-12"> <footer className="bg-teal text-white py-12">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div> <div>
<img <img
src={SquareLogo} src={SquareLogo}
@ -120,31 +120,12 @@ export default function Footer() {
</Link> </Link>
</li> </li>
</ul> </ul>
</div>
{/* Newsletter Signup Section - Below Quick Links */}
<div className="mt-8 pt-6 border-t border-white border-opacity-20">
<div> <h4 className="font-playfair font-bold text-base mb-3 text-white">
<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>
{/* Newsletter Signup Section */}
<div>
<h3 className="font-playfair font-bold text-lg mb-4 text-white">
Newsletter Signup Newsletter Signup
</h3> </h4>
<form onSubmit={handleNewsletterSubmit} className="space-y-3"> <form onSubmit={handleNewsletterSubmit} className="space-y-3">
<input <input
type="email" type="email"
@ -184,6 +165,23 @@ export default function Footer() {
</div> </div>
</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="border-t border-white border-opacity-20 pt-8">
<div className="flex flex-col md:flex-row justify-between items-center"> <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"> <p className="text-white text-opacity-70 text-sm mb-4 md:mb-0">