Adjust newsletter signup section to improve layout and readability

Updates the footer layout to position the newsletter signup in a two-column format with enhanced text alignment using grid and flexbox.

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/7e1de50e-0947-4e6d-8ec6-5ceabd353cbd.jpg
This commit is contained in:
JeffEmmett 2025-06-13 19:00:50 +00:00
parent 637d24a408
commit d158bb64fa
1 changed files with 8 additions and 4 deletions

View File

@ -140,10 +140,14 @@ export default function Footer() {
</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">
<div></div> {/* Empty space for logo column */}
<div className="md:col-span-2">
{/* Newsletter Signup Section - 2-column layout aligned right */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
<div className="flex items-center">
<p className="text-white text-opacity-80 text-sm leading-relaxed">
Online pilates classes to help you feel stronger and more connected to your body & breath
</p>
</div>
<div>
<h4 className="font-playfair font-bold text-base mb-3 text-white">
Newsletter Signup
</h4>