From 4d4430609caf72eea17ccb33691889605f6a7c67 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Fri, 13 Jun 2025 19:08:42 +0000
Subject: [PATCH] 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
---
 client/src/components/home/cta-section.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/src/components/home/cta-section.tsx b/client/src/components/home/cta-section.tsx
index 2ed5f7d..b04b868 100644
--- a/client/src/components/home/cta-section.tsx
+++ b/client/src/components/home/cta-section.tsx
@@ -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>
   );