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

Restored to '79e3e8c7a9db0d17b7063021fa004eb4a49f816b' 

Replit-Restored-To: 79e3e8c7a9
This commit is contained in:
JeffEmmett 2025-05-21 12:52:17 +00:00
parent cc5de73a71
commit 96eb64a6b6
1 changed files with 13 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
client/src/components/home/cta-section.tsx
View File

@ -1,36 +1,20 @@
import { Link } from "wouter"; import { Link } from "wouter";
import { useAuth } from "@/hooks/use-auth";
export function CTASection() { export function CTASection() {
const { user } = useAuth();
return ( return (
<section className="py-16 text-white" style={{ backgroundColor: '#B55076' }}> <section className="py-16 text-white" style={{ backgroundColor: '#0c8991' }}>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<div className="flex flex-col md:flex-row items-center justify-between"> <h3 className="text-2xl md:text-3xl font-playfair font-semibold mb-8">
<div className="mb-8 md:mb-0 md:w-2/3 text-center md:text-left"> Ready to feel stronger, more connected, and at home in your body?
<h3 className="text-2xl md:text-3xl font-playfair font-semibold mb-4"> </h3>
Create Your Personal Account
</h3> <div className="flex justify-center">
<p className="text-white text-opacity-90 max-w-xl"> <Link
Join our community to book classes, track your progress, and connect with other Pilates enthusiasts. href="/classes"
</p> className="bg-white text-teal font-bold py-4 px-10 rounded-md shadow-md hover:bg-opacity-90 transition duration-300 text-lg"
</div> >
Book a Class
<div className="flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-4"> </Link>
<Link
href="/auth"
className="bg-white text-rose-500 font-bold py-3 px-8 rounded-md shadow-md hover:bg-opacity-90 transition duration-300"
>
{user ? "My Account" : "Sign Up"}
</Link>
<Link
href="/classes"
className="bg-transparent border-2 border-white text-white font-bold py-3 px-8 rounded-md hover:bg-white hover:bg-opacity-20 transition duration-300"
>
Book a Class
</Link>
</div>
</div> </div>
</div> </div>
</section> </section>