Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,307 +12,147 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="Get Fit Ladies Gym Sialkot"
|
||||
description="Strong Women. Healthy Lives. Confident You. Join our exclusive environment designed for women to achieve their fitness goals."
|
||||
primaryButton={{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Free Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-fitness-concept-fulllength-portrait-beautiful-american-african-lady-grey-fitness_1258-107004.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Get Fit Ladies Gym Sialkot"
|
||||
description="Strong Women. Healthy Lives. Confident You. Join our exclusive environment designed for women to achieve their fitness goals."
|
||||
primaryButton={{
|
||||
text: "Join Now", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Free Consultation", href: "#contact"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-fitness-concept-fulllength-portrait-beautiful-american-african-lady-grey-fitness_1258-107004.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBentoGrid
|
||||
tag="Our Programs"
|
||||
title="Comprehensive Fitness Services"
|
||||
description="Tailored programs to empower your health journey in a private setting."
|
||||
features={[
|
||||
{
|
||||
title: "Personal Training",
|
||||
description: "Expert 1-on-1 guidance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/active-leisure-infographic-concept_1284-36258.jpg",
|
||||
},
|
||||
{
|
||||
title: "Weight Loss Programs",
|
||||
description: "Proven weight management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-young-motivated-woman-running-treadmill_158595-2274.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cardio & Strength",
|
||||
description: "Build endurance and tone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-hispanic-brunette-exercising-simulator-gym_662251-1051.jpg",
|
||||
},
|
||||
{
|
||||
title: "Nutrition Guidance",
|
||||
description: "Fuel your fitness goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-sport-fitness-instructor-recording-her-session_23-2149204415.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Programs"
|
||||
title="Comprehensive Fitness Services"
|
||||
description="Tailored programs to empower your health journey in a private setting."
|
||||
features={[
|
||||
{ title: "Personal Training", description: "Expert 1-on-1 guidance.", imageSrc: "http://img.b2bpic.net/free-vector/active-leisure-infographic-concept_1284-36258.jpg" },
|
||||
{ title: "Weight Loss Programs", description: "Proven weight management.", imageSrc: "http://img.b2bpic.net/free-photo/blond-young-motivated-woman-running-treadmill_158595-2274.jpg" },
|
||||
{ title: "Cardio & Strength", description: "Build endurance and tone.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-hispanic-brunette-exercising-simulator-gym_662251-1051.jpg" },
|
||||
{ title: "Nutrition Guidance", description: "Fuel your fitness goals.", imageSrc: "http://img.b2bpic.net/free-photo/online-sport-fitness-instructor-recording-her-session_23-2149204415.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesImageBento
|
||||
tag="Experience"
|
||||
title="Gym Facilities"
|
||||
description="Explore our modern, clean, and women-exclusive training spaces."
|
||||
items={[
|
||||
{
|
||||
title: "Cardio Zone",
|
||||
description: "High-end machines",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-strengthening-her-legs-working-out-gym_662251-1113.jpg",
|
||||
},
|
||||
{
|
||||
title: "Strength Area",
|
||||
description: "Private lifting zone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-training-treadmill-home-home-workout-treadmill_169016-67933.jpg",
|
||||
},
|
||||
{
|
||||
title: "Toning Room",
|
||||
description: "Targeted workouts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-doing-shoulders_1163-286.jpg",
|
||||
},
|
||||
{
|
||||
title: "Wellness Suite",
|
||||
description: "Relax and recover",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-greenhouse_23-2148414366.jpg",
|
||||
},
|
||||
{
|
||||
title: "Yoga Studio",
|
||||
description: "Mindfulness space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-back-closely_1163-134.jpg",
|
||||
},
|
||||
{
|
||||
title: "Locker Rooms",
|
||||
description: "Safe, clean amenities",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-women-relaxing-after-work-out_23-2148387772.jpg",
|
||||
},
|
||||
{
|
||||
title: "Consulting Hub",
|
||||
description: "1-on-1 planning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-sportswear-working-out-outdoors_23-2149011874.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Experience"
|
||||
title="Gym Facilities"
|
||||
description="Explore our modern, clean, and women-exclusive training spaces."
|
||||
items={[
|
||||
{ title: "Cardio Zone", description: "High-end machines", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-strengthening-her-legs-working-out-gym_662251-1113.jpg" },
|
||||
{ title: "Strength Area", description: "Private lifting zone", imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-training-treadmill-home-home-workout-treadmill_169016-67933.jpg" },
|
||||
{ title: "Toning Room", description: "Targeted workouts", imageSrc: "http://img.b2bpic.net/free-photo/women-doing-shoulders_1163-286.jpg" },
|
||||
{ title: "Wellness Suite", description: "Relax and recover", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-greenhouse_23-2148414366.jpg" },
|
||||
{ title: "Yoga Studio", description: "Mindfulness space", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-back-closely_1163-134.jpg" },
|
||||
{ title: "Locker Rooms", description: "Safe, clean amenities", imageSrc: "http://img.b2bpic.net/free-photo/group-women-relaxing-after-work-out_23-2148387772.jpg" },
|
||||
{ title: "Consulting Hub", description: "1-on-1 planning", imageSrc: "http://img.b2bpic.net/free-photo/women-sportswear-working-out-outdoors_23-2149011874.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Membership"
|
||||
title="Flexible Plans"
|
||||
description="Choose the membership that fits your routine."
|
||||
plans={[
|
||||
{
|
||||
tag: "Basic",
|
||||
price: "Rs. 3,500/mo",
|
||||
description: "Get started today",
|
||||
primaryButton: {
|
||||
text: "Join",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Basic Fitness",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Popular",
|
||||
price: "Rs. 9,500/qtr",
|
||||
description: "Most chosen plan",
|
||||
primaryButton: {
|
||||
text: "Join",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"Full Gym Access",
|
||||
"Group Classes",
|
||||
"Nutritional Intro",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Annual",
|
||||
price: "Rs. 32,000/yr",
|
||||
description: "Best value annual",
|
||||
primaryButton: {
|
||||
text: "Join",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"Full Access",
|
||||
"All Classes",
|
||||
"Personal Training Intro",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Membership"
|
||||
title="Flexible Plans"
|
||||
description="Choose the membership that fits your routine."
|
||||
plans={[
|
||||
{ tag: "Basic", price: "Rs. 3,500/mo", description: "Get started today", primaryButton: { text: "Join", href: "#contact" }, features: ["Gym Access", "Basic Fitness"] },
|
||||
{ tag: "Popular", price: "Rs. 9,500/qtr", description: "Most chosen plan", primaryButton: { text: "Join", href: "#contact" }, features: ["Full Gym Access", "Group Classes", "Nutritional Intro"] },
|
||||
{ tag: "Annual", price: "Rs. 32,000/yr", description: "Best value annual", primaryButton: { text: "Join", href: "#contact" }, features: ["Full Access", "All Classes", "Personal Training Intro"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamListCards
|
||||
tag="Trainers"
|
||||
title="Meet Our Experts"
|
||||
description="Our dedicated professional team is here to support your fitness success."
|
||||
groups={[
|
||||
{
|
||||
title: "Coaching Team",
|
||||
members: [
|
||||
{
|
||||
name: "Ayesha Khan",
|
||||
role: "Head Trainer",
|
||||
detail: "Certified Fitness Instructor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sara Ahmed",
|
||||
role: "Yoga Expert",
|
||||
detail: "10+ Years Experience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13199.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mehwish Riaz",
|
||||
role: "Weight Loss Coach",
|
||||
detail: "Certified Nutritionist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-girls-training-gym-with-equipment_1303-16219.jpg",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trainers"
|
||||
title="Meet Our Experts"
|
||||
description="Our dedicated professional team is here to support your fitness success."
|
||||
groups={[
|
||||
{
|
||||
title: "Coaching Team", members: [
|
||||
{ name: "Ayesha Khan", role: "Head Trainer", detail: "Certified Fitness Instructor", imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg" },
|
||||
{ name: "Sara Ahmed", role: "Yoga Expert", detail: "10+ Years Experience", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13199.jpg" },
|
||||
{ name: "Mehwish Riaz", role: "Weight Loss Coach", detail: "Certified Nutritionist", imageSrc: "http://img.b2bpic.net/free-photo/two-young-girls-training-gym-with-equipment_1303-16219.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Success"
|
||||
title="Our Impact"
|
||||
description="Making a difference in women's health throughout Sialkot."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Active Members",
|
||||
description: "Supporting your journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-spraying-disinfectant-gym-equipment_23-2148762664.jpg",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Weekly Classes",
|
||||
description: "Varied workout routines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-spinning-class_23-2149332079.jpg",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Empowering our community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-gym_1157-5006.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Success"
|
||||
title="Our Impact"
|
||||
description="Making a difference in women's health throughout Sialkot."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Active Members", description: "Supporting your journey.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-spraying-disinfectant-gym-equipment_23-2148762664.jpg" },
|
||||
{ value: "15+", title: "Weekly Classes", description: "Varied workout routines.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-spinning-class_23-2149332079.jpg" },
|
||||
{ value: "95%", title: "Client Satisfaction", description: "Empowering our community.", imageSrc: "http://img.b2bpic.net/free-photo/girls-gym_1157-5006.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Reviews"
|
||||
title="Hear From Our Community"
|
||||
description="Real success stories from women like you."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Fatima",
|
||||
role: "Member",
|
||||
quote: "The best private gym environment in Sialkot!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-home-takes-photo-selfie-mirror-mobile-phone-stories-posts-social-media-wearing-sport-wear_343596-6365.jpg",
|
||||
},
|
||||
{
|
||||
name: "Zoya",
|
||||
role: "Member",
|
||||
quote: "I've achieved my weight loss goals with their support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-young-woman-walks-park-posing-camera_1153-5452.jpg",
|
||||
},
|
||||
{
|
||||
name: "Nadia",
|
||||
role: "Member",
|
||||
quote: "Empowering and professional trainers every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/endurance-workout-fitness-concept-happy-motivated-woman-with-sweat-face-program-equipment-training-session-smiling-delighted-pushing-weight-with-legs-as-using-leg-press_197531-30391.jpg",
|
||||
},
|
||||
{
|
||||
name: "Hina",
|
||||
role: "Member",
|
||||
quote: "Love the variety of cardio classes offered.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together_23-2150912459.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mariam",
|
||||
role: "Member",
|
||||
quote: "Truly a supportive community environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-girl-morning-summer-park_1157-19591.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Reviews"
|
||||
title="Hear From Our Community"
|
||||
description="Real success stories from women like you."
|
||||
testimonials={[
|
||||
{ name: "Fatima", role: "Member", quote: "The best private gym environment in Sialkot!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-home-takes-photo-selfie-mirror-mobile-phone-stories-posts-social-media-wearing-sport-wear_343596-6365.jpg" },
|
||||
{ name: "Zoya", role: "Member", quote: "I've achieved my weight loss goals with their support.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-young-woman-walks-park-posing-camera_1153-5452.jpg" },
|
||||
{ name: "Nadia", role: "Member", quote: "Empowering and professional trainers every time.", imageSrc: "http://img.b2bpic.net/free-photo/endurance-workout-fitness-concept-happy-motivated-woman-with-sweat-face-program-equipment-training-session-smiling-delighted-pushing-weight-with-legs-as-using-leg-press_197531-30391.jpg" },
|
||||
{ name: "Hina", role: "Member", quote: "Love the variety of cardio classes offered.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together_23-2150912459.jpg" },
|
||||
{ name: "Mariam", role: "Member", quote: "Truly a supportive community environment.", imageSrc: "http://img.b2bpic.net/free-photo/sports-girl-morning-summer-park_1157-19591.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our fitness center."
|
||||
items={[
|
||||
{
|
||||
question: "Is the gym strictly for women?",
|
||||
answer: "Yes, we are 100% exclusive to women.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer free consultations?",
|
||||
answer: "Absolutely! Book a free visit with us.",
|
||||
},
|
||||
{
|
||||
question: "Are personal trainers included?",
|
||||
answer: "Yes, we offer professional coaching support.",
|
||||
},
|
||||
{
|
||||
question: "What is the location?",
|
||||
answer: "House No. 21-A, Puran Nagar, Sialkot.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our fitness center."
|
||||
items={[
|
||||
{ question: "Is the gym strictly for women?", answer: "Yes, we are 100% exclusive to women." },
|
||||
{ question: "Do you offer free consultations?", answer: "Absolutely! Book a free visit with us." },
|
||||
{ question: "Are personal trainers included?", answer: "Yes, we offer professional coaching support." },
|
||||
{ question: "What is the location?", answer: "House No. 21-A, Puran Nagar, Sialkot." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Join Us"
|
||||
text="Start your journey at Get Fit Ladies Gym Sialkot today. Get in touch to schedule your free consultation."
|
||||
primaryButton={{
|
||||
text: "Call +92 342 4861918",
|
||||
href: "tel:+923424861918",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/923424861918",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Join Us"
|
||||
text="Start your journey at Get Fit Ladies Gym Sialkot today. Get in touch to schedule your free consultation."
|
||||
primaryButton={{ text: "Call +92 342 4861918", href: "tel:+923424861918" }}
|
||||
secondaryButton={{ text: "WhatsApp Us", href: "https://wa.me/923424861918" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user