Reduce the size of the header to better fit the design aesthetic

Modify max-w and font-size in HeroSection.tsx to reduce header size.

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/7595cd81-0925-402d-b600-709b4ae502d4.jpg
This commit is contained in:
JeffEmmett 2025-05-19 14:16:35 +00:00
parent fa8eaf6193
commit a3f54ed8b1
1 changed files with 3 additions and 3 deletions

View File

@ -11,8 +11,8 @@ 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-3xl mx-auto">
<h1 className="text-4xl md:text-5xl font-playfair font-bold text-white leading-tight mb-6">
<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">
Moving from a place of connection
</h1>
@ -26,7 +26,7 @@ export function HeroSection() {
</div>
<div className="py-8 text-center">
<div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="max-w-md 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>