From 6cc5e202f7ac71f33cede73ac6720d33e145ccad Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Mon, 19 May 2025 14:26:17 +0000
Subject: [PATCH] Reduce the width of the title banner to improve visual appeal

Reduce max-w of hero section's title banner from max-w-md to max-w-xs in hero-section.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8edd7914-5876-4d29-aab5-6ef744c7db4e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/ca15a321-1fb0-4f19-bf3c-162127365562.jpg
---
 client/src/components/home/hero-section.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index af10905..4c898f9 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -11,14 +11,14 @@ export function HeroSection() {
            }}>
         <div className="absolute inset-0 bg-black bg-opacity-20"></div>
         
-        <div className="relative text-center px-4 sm:px-6 lg:px-8 max-w-md mx-auto">
-          <h1 className="text-3xl md:text-4xl font-playfair font-bold text-white leading-tight mb-4">
+        <div className="relative text-center px-4 sm:px-6 lg:px-8 max-w-xs mx-auto">
+          <h1 className="text-2xl md:text-3xl font-playfair font-bold text-white leading-tight mb-3">
             Movement to Feel Good
           </h1>
           
           <Link
             href="/classes"
-            className="inline-block bg-white text-teal font-medium py-2 px-8 hover:bg-opacity-90 transition duration-300"
+            className="inline-block bg-white text-teal font-medium py-2 px-6 text-sm hover:bg-opacity-90 transition duration-300"
           >
             Start Now For Free
           </Link>
@@ -26,7 +26,7 @@ export function HeroSection() {
       </div>
       
       <div className="py-8 text-center">
-        <div className="max-w-md mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="max-w-xs mx-auto px-4 sm:px-6 lg:px-8">
           <h2 className="text-3xl md:text-4xl font-playfair font-semibold text-gray-900 mb-4">
             Welcome to Pilates with Fadia
           </h2>