jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/home/hero-section.tsx
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