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

Restored to 'a3ddc1de8dbe4b84660aac587f419152c73f4b4d' 

Replit-Restored-To: a3ddc1de8d
This commit is contained in:
JeffEmmett 2025-05-19 14:32:12 +00:00
parent 49dc4f2cae
commit 949ad9df16
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/home/hero-section.tsx
View File

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