Reduce banner size to improve the initial visual impact of website

Decreases hero section height from 90vh to 65vh and adjusts header font sizes and padding 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/d837d11a-2cd4-4658-a3df-3010028dfae0.jpg
This commit is contained in:
JeffEmmett 2025-05-19 14:08:15 +00:00
parent a3ddc1de8d
commit fa8eaf6193
1 changed files with 4 additions and 4 deletions

View File

@ -4,7 +4,7 @@ import FadiaHeroImage from "../../assets/Fadia-15.jpg";
export function HeroSection() {
return (
<section className="relative">
<div className="bg-cover bg-center h-[90vh] flex items-center justify-center"
<div className="bg-cover bg-center h-[65vh] flex items-center justify-center"
style={{
backgroundImage: `url(${FadiaHeroImage})`,
backgroundPosition: "center"
@ -12,20 +12,20 @@ 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-5xl md:text-6xl font-playfair font-bold text-white leading-tight mb-8">
<h1 className="text-4xl md:text-5xl font-playfair font-bold text-white leading-tight mb-6">
Moving from a place of connection
</h1>
<Link
href="/classes"
className="inline-block bg-white text-teal font-medium py-3 px-10 hover:bg-opacity-90 transition duration-300"
className="inline-block bg-white text-teal font-medium py-2 px-8 hover:bg-opacity-90 transition duration-300"
>
Start Now For Free
</Link>
</div>
</div>
<div className="py-16 text-center">
<div className="py-8 text-center">
<div className="max-w-3xl 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