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() { export function HeroSection() {
return ( return (
<section className="relative"> <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={{ style={{
backgroundImage: `url(${FadiaHeroImage})`, backgroundImage: `url(${FadiaHeroImage})`,
backgroundPosition: "center" backgroundPosition: "center"
}}> }}>
<div className="absolute inset-0 bg-black bg-opacity-20"></div> <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" }}> <div className="relative text-center px-4 sm:px-6 lg:px-8 max-w-3xl mx-auto">
<h1 className="text-2xl md:text-3xl font-playfair font-bold text-white leading-tight mb-3"> <h1 className="text-5xl md:text-6xl font-playfair font-bold text-white leading-tight mb-8">
Movement to Feel Good Moving from a place of connection
</h1> </h1>
<Link <Link
href="/classes" 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 Start Now For Free
</Link> </Link>
</div> </div>
</div> </div>
<div className="py-8 text-center"> <div className="py-16 text-center">
<div className="max-w-xs mx-auto px-4 sm:px-6 lg:px-8"> <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"> <h2 className="text-3xl md:text-4xl font-playfair font-semibold text-gray-900 mb-4">
Welcome to Pilates with Fadia Welcome to Pilates with Fadia
</h2> </h2>