Visually separate main website content from footer for improved clarity

Adds a horizontal line below CTASection and reduces bottom margin for visual separation.

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/72466d48-2f7e-4326-92a8-bb1891d6d3de.jpg
This commit is contained in:
JeffEmmett 2025-06-13 19:08:42 +00:00
parent b9c086060c
commit 4d4430609c
1 changed files with 5 additions and 2 deletions

View File

@ -8,7 +8,7 @@ export function CTASection() {
Ready to feel stronger, more connected, and at home in your body?
</h3>
<div className="flex justify-center">
<div className="flex justify-center mb-6">
<Link
href="/calendar"
className="bg-purple text-white font-bold py-4 px-10 rounded-md shadow-md hover:bg-opacity-90 transition duration-300 text-lg"
@ -16,7 +16,10 @@ export function CTASection() {
Book a Class
</Link>
</div>
<br />
<div className="max-w-2xl mx-auto">
<hr className="border-white border-opacity-30" />
</div>
</div>
</section>
);