Rearrange footer sections to prioritize links and contact info
Swaps the order of the newsletter signup and quick links/contact sections in `client/src/components/navigation/footer.tsx`. 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/9313c1d8-a8de-4e0e-b082-5b8ba4924187.jpg
This commit is contained in:
JeffEmmett
parent
f90359430a
commit
14c982a21f
|
|
@ -85,9 +85,67 @@ export default function Footer() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Newsletter Signup Section spanning columns 2 and 3 */}
|
{/* Quick Links and Contact at top */}
|
||||||
<div className="md:col-span-2">
|
<div className="md:col-span-2">
|
||||||
<h3 className="font-playfair font-bold text-lg mb-4 text-white">Stay in touch with my newsletter</h3>
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||||
|
<div>
|
||||||
|
<h3 className="font-playfair font-bold text-lg mb-4 text-white">Quick Links</h3>
|
||||||
|
<ul className="space-y-3">
|
||||||
|
<li>
|
||||||
|
<Link
|
||||||
|
href="/calendar"
|
||||||
|
className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300"
|
||||||
|
>
|
||||||
|
Book Classes
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link
|
||||||
|
href="/about"
|
||||||
|
className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300"
|
||||||
|
>
|
||||||
|
About Fadia
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link
|
||||||
|
href="/community"
|
||||||
|
className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300"
|
||||||
|
>
|
||||||
|
Community
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link
|
||||||
|
href="/contact"
|
||||||
|
className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300"
|
||||||
|
>
|
||||||
|
Contact
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</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>
|
||||||
|
|
||||||
|
{/* Newsletter Signup below links and contact */}
|
||||||
|
<div className="mt-8 pt-6 border-t border-white border-opacity-20">
|
||||||
|
<h4 className="font-playfair font-bold text-base mb-4 text-white">Stay in touch with my newsletter</h4>
|
||||||
<form onSubmit={handleNewsletterSubmit} className="space-y-4">
|
<form onSubmit={handleNewsletterSubmit} className="space-y-4">
|
||||||
<input
|
<input
|
||||||
type="email"
|
type="email"
|
||||||
|
|
@ -124,62 +182,6 @@ export default function Footer() {
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{/* Quick Links and Contact below newsletter */}
|
|
||||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8 pt-6 border-t border-white border-opacity-20">
|
|
||||||
<div>
|
|
||||||
<h4 className="font-playfair font-bold text-base mb-3 text-white">Quick Links</h4>
|
|
||||||
<ul className="space-y-2">
|
|
||||||
<li>
|
|
||||||
<Link
|
|
||||||
href="/calendar"
|
|
||||||
className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300 text-sm"
|
|
||||||
>
|
|
||||||
Book Classes
|
|
||||||
</Link>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<Link
|
|
||||||
href="/about"
|
|
||||||
className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300 text-sm"
|
|
||||||
>
|
|
||||||
About Fadia
|
|
||||||
</Link>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<Link
|
|
||||||
href="/community"
|
|
||||||
className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300 text-sm"
|
|
||||||
>
|
|
||||||
Community
|
|
||||||
</Link>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<Link
|
|
||||||
href="/contact"
|
|
||||||
className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300 text-sm"
|
|
||||||
>
|
|
||||||
Contact
|
|
||||||
</Link>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<h4 className="font-playfair font-bold text-base mb-3 text-white">Contact</h4>
|
|
||||||
<ul className="space-y-2">
|
|
||||||
<li className="flex items-start">
|
|
||||||
<i className="fas fa-map-marker-alt mt-1 mr-2 text-white text-sm"></i>
|
|
||||||
<span className="text-white text-opacity-70 text-sm">Nun Center<br/>Zamalek, Cairo, Egypt</span>
|
|
||||||
</li>
|
|
||||||
<li className="flex items-center">
|
|
||||||
<i className="fas fa-envelope mr-2 text-white text-sm"></i>
|
|
||||||
<a href="mailto:hello@pilateswithfadia.com" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300 text-sm">
|
|
||||||
hello@pilateswithfadia.com
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue