Update src/pages/HomePage.tsx
This commit is contained in:
@@ -13,190 +13,161 @@ 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">
|
||||
<HeroOverlay
|
||||
tag="MULTAN'S ELITE FITNESS"
|
||||
title="Transform Into Your Best Version"
|
||||
description="Professional coaching, powerful workouts, and a supportive fitness community designed to help you achieve lasting results."
|
||||
primaryButton={{
|
||||
text: "Join Today", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "View Membership Plans", href: "#pricing"}}
|
||||
videoSrc="http://img.b2bpic.net/free-photo/medium-shot-fit-man-woman_23-2149734739.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="MULTAN'S ELITE FITNESS"
|
||||
title="Transform Into Your Best Version"
|
||||
description="Professional coaching, powerful workouts, and a supportive fitness community designed to help you achieve lasting results."
|
||||
primaryButton={{ text: "Join Today", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Membership Plans", href: "#pricing" }}
|
||||
videoSrc="http://img.b2bpic.net/free-photo/medium-shot-fit-man-woman_23-2149734739.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="OUR MISSION"
|
||||
quote="Helping individuals reshape their bodies, build confidence, and create healthier lives through expert guidance and proven fitness systems."
|
||||
author="Reshape Fitness Team"
|
||||
role="Multan's Transformation Specialists"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-training-dark-background_176420-55061.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="OUR MISSION"
|
||||
quote="Helping individuals reshape their bodies, build confidence, and create healthier lives through expert guidance and proven fitness systems."
|
||||
author="Reshape Fitness Team"
|
||||
role="Multan's Transformation Specialists"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-smiling-training-dark-background_176420-55061.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesComparison
|
||||
tag="WHY RESHAPE"
|
||||
title="Experience The Difference"
|
||||
description="We don't just provide equipment; we provide the structure, expertise, and motivation you need to succeed."
|
||||
negativeItems={[
|
||||
"Inconsistent Results", "Lack of Motivation", "Poor Form & Injuries", "Guesswork Planning", "Lack of Professional Advice", "Isolation During Workouts"]}
|
||||
positiveItems={[
|
||||
"Customized Personal Training", "Modern Strength Equipment", "Transformation Success Programs", "Structured Nutrition Guidance", "Expert Coaching & Support", "Community-Driven Environment"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="WHY RESHAPE"
|
||||
title="Experience The Difference"
|
||||
description="We don't just provide equipment; we provide the structure, expertise, and motivation you need to succeed."
|
||||
negativeItems={["Inconsistent Results", "Lack of Motivation", "Poor Form & Injuries", "Guesswork Planning", "Lack of Professional Advice", "Isolation During Workouts"]}
|
||||
positiveItems={["Customized Personal Training", "Modern Strength Equipment", "Transformation Success Programs", "Structured Nutrition Guidance", "Expert Coaching & Support", "Community-Driven Environment"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingCenteredCards
|
||||
tag="MEMBERSHIP PLANS"
|
||||
title="Invest In Your Potential"
|
||||
description="Select the plan that aligns with your fitness goals and budget."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essential", price: "PKR 5,000", description: "Full access to our premium facilities.", features: [
|
||||
"Full Gym Access", "Locker Facilities", "Unlimited Cardio"],
|
||||
primaryButton: {
|
||||
text: "Join Basic", href: "#contact"},
|
||||
},
|
||||
{
|
||||
tag: "Performance", price: "PKR 8,500", description: "The perfect balance of guidance and freedom.", features: [
|
||||
"Full Gym Access", "Fitness Assessment", "Group Classes", "Nutritional Basics"],
|
||||
primaryButton: {
|
||||
text: "Join Premium", href: "#contact"},
|
||||
},
|
||||
{
|
||||
tag: "Elite", price: "PKR 15,000", description: "Full transformation support with personal attention.", features: [
|
||||
"1-on-1 Personal Trainer", "Custom Workout Plan", "Nutrition Consultation", "Weekly Progress Review"],
|
||||
primaryButton: {
|
||||
text: "Join Elite", href: "#contact"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="MEMBERSHIP PLANS"
|
||||
title="Invest In Your Potential"
|
||||
description="Select the plan that aligns with your fitness goals and budget."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essential", price: "PKR 5,000", description: "Full access to our premium facilities.", features: ["Full Gym Access", "Locker Facilities", "Unlimited Cardio"],
|
||||
primaryButton: { text: "Join Basic", href: "#contact" }
|
||||
},
|
||||
{
|
||||
tag: "Performance", price: "PKR 8,500", description: "The perfect balance of guidance and freedom.", features: ["Full Gym Access", "Fitness Assessment", "Group Classes", "Nutritional Basics"],
|
||||
primaryButton: { text: "Join Premium", href: "#contact" }
|
||||
},
|
||||
{
|
||||
tag: "Elite", price: "PKR 15,000", description: "Full transformation support with personal attention.", features: ["1-on-1 Personal Trainer", "Custom Workout Plan", "Nutrition Consultation", "Weekly Progress Review"],
|
||||
primaryButton: { text: "Join Elite", href: "#contact" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="RESULTS MATTER"
|
||||
title="Our Impact In Numbers"
|
||||
description="Trusted by hundreds of members across Multan to deliver real physical and mental transformation."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+", title: "Members Trained", description: "People who have started their journey with us.", imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg"},
|
||||
{
|
||||
value: "120+", title: "Transformations", description: "Lives changed through consistent commitment.", imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-building-biceps-with-dumbbell_651396-294.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="RESULTS MATTER"
|
||||
title="Our Impact In Numbers"
|
||||
description="Trusted by hundreds of members across Multan to deliver real physical and mental transformation."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Members Trained", description: "People who have started their journey with us.", imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891772.jpg" },
|
||||
{ value: "120+", title: "Transformations", description: "Lives changed through consistent commitment.", imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-building-biceps-with-dumbbell_651396-294.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamListCards
|
||||
tag="MEET THE EXPERTS"
|
||||
title="Dedicated Professional Trainers"
|
||||
description="Meet our team of experienced fitness coaches, dedicated to refining your technique and performance."
|
||||
groups={[
|
||||
{
|
||||
title: "Head Coaches", members: [
|
||||
{
|
||||
name: "Ahmed Raza", role: "Head Trainer", detail: "Certified Specialist in Strength & Conditioning", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1587.jpg"},
|
||||
{
|
||||
name: "Sara Khan", role: "Fitness Coach", detail: "Expert in Weight Loss & Mobility", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sports-bra_23-2147688063.jpg"},
|
||||
{
|
||||
name: "Bilal Ahmed", role: "Transformation Coach", detail: "10+ Years of Experience in Athletic Training", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1086.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="MEET THE EXPERTS"
|
||||
title="Dedicated Professional Trainers"
|
||||
description="Meet our team of experienced fitness coaches, dedicated to refining your technique and performance."
|
||||
groups={[
|
||||
{
|
||||
title: "Head Coaches", members: [
|
||||
{ name: "Ahmed Raza", role: "Head Trainer", detail: "Certified Specialist in Strength & Conditioning", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1587.jpg" },
|
||||
{ name: "Sara Khan", role: "Fitness Coach", detail: "Expert in Weight Loss & Mobility", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-sports-bra_23-2147688063.jpg" },
|
||||
{ name: "Bilal Ahmed", role: "Transformation Coach", detail: "10+ Years of Experience in Athletic Training", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1086.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="MEMBER STORIES"
|
||||
title="Results You Can Trust"
|
||||
description="Join our community of hundreds of happy members in Multan."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Hassan", role: "Member", quote: "Excellent trainers, professional environment, and amazing results. One of the best gyms in Gulgasht.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg"},
|
||||
{
|
||||
name: "Zoya", role: "Member", quote: "My weight loss journey has been so supported here. Love the group classes!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg"},
|
||||
{
|
||||
name: "Farhan", role: "Member", quote: "Modern equipment and clean space. The best transformation gym I've seen.", imageSrc: "http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21382.jpg"},
|
||||
{
|
||||
name: "Ayesha", role: "Member", quote: "Exceptional coaching. I've built so much strength in just 3 months.", imageSrc: "http://img.b2bpic.net/free-photo/energetic-man-with-dark-skin-has-self-confident-facial-expression-aside-holds-bottle-with-water-poses-rocky-terrain-has-sporty-body-with-muscles-fitness-recreation-lifestyle-concept_273609-29675.jpg"},
|
||||
{
|
||||
name: "Ali", role: "Member", quote: "Professional team. They really care about your progress and form.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-rest-after-exercising_23-2148297526.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="MEMBER STORIES"
|
||||
title="Results You Can Trust"
|
||||
description="Join our community of hundreds of happy members in Multan."
|
||||
testimonials={[
|
||||
{ name: "Hassan", role: "Member", quote: "Excellent trainers, professional environment, and amazing results. One of the best gyms in Gulgasht.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg" },
|
||||
{ name: "Zoya", role: "Member", quote: "My weight loss journey has been so supported here. Love the group classes!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg" },
|
||||
{ name: "Farhan", role: "Member", quote: "Modern equipment and clean space. The best transformation gym I've seen.", imageSrc: "http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21382.jpg" },
|
||||
{ name: "Ayesha", role: "Member", quote: "Exceptional coaching. I've built so much strength in just 3 months.", imageSrc: "http://img.b2bpic.net/free-photo/energetic-man-with-dark-skin-has-self-confident-facial-expression-aside-holds-bottle-with-water-poses-rocky-terrain-has-sporty-body-with-muscles-fitness-recreation-lifestyle-concept_273609-29675.jpg" },
|
||||
{ name: "Ali", role: "Member", quote: "Professional team. They really care about your progress and form.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-rest-after-exercising_23-2148297526.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<FeaturesImageBento
|
||||
tag="GALLERY"
|
||||
title="Inside Reshape"
|
||||
description="Step into a premium, world-class training environment designed for your best workouts."
|
||||
items={[
|
||||
{
|
||||
title: "Gym Interior", description: "Spacious and modern training floor.", imageSrc: "http://img.b2bpic.net/free-photo/medical-mask-gym-equipment-with-weights_23-2148766073.jpg"},
|
||||
{
|
||||
title: "Equipment", description: "High-end training gear.", imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg"},
|
||||
{
|
||||
title: "Yoga Area", description: "Peaceful functional training.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197735.jpg"},
|
||||
{
|
||||
title: "Fitness Classes", description: "Motivating and intense.", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11383.jpg"},
|
||||
{
|
||||
title: "Locker Room", description: "Luxury facility standards.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-doing-pilates-together_23-2150830152.jpg"},
|
||||
{
|
||||
title: "Nutrition Center", description: "Fuel for success.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-healthy-meals_23-2149894884.jpg"},
|
||||
{
|
||||
title: "Training Zone", description: "Dedicated functional space.", imageSrc: "http://img.b2bpic.net/free-photo/man-training-stationary-ike_23-2147671935.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="GALLERY"
|
||||
title="Inside Reshape"
|
||||
description="Step into a premium, world-class training environment designed for your best workouts."
|
||||
items={[
|
||||
{ title: "Gym Interior", description: "Spacious and modern training floor.", imageSrc: "http://img.b2bpic.net/free-photo/medical-mask-gym-equipment-with-weights_23-2148766073.jpg" },
|
||||
{ title: "Equipment", description: "High-end training gear.", imageSrc: "http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg" },
|
||||
{ title: "Yoga Area", description: "Peaceful functional training.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197735.jpg" },
|
||||
{ title: "Fitness Classes", description: "Motivating and intense.", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11383.jpg" },
|
||||
{ title: "Locker Room", description: "Luxury facility standards.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-doing-pilates-together_23-2150830152.jpg" },
|
||||
{ title: "Nutrition Center", description: "Fuel for success.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-healthy-meals_23-2149894884.jpg" },
|
||||
{ title: "Training Zone", description: "Dedicated functional space.", imageSrc: "http://img.b2bpic.net/free-photo/man-training-stationary-ike_23-2147671935.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="FREE TRIAL"
|
||||
text="Claim Your Free Fitness Assessment & Trial Session Today. Don't wait for Monday."
|
||||
primaryButton={{
|
||||
text: "Claim My Free Trial", href: "https://wa.me/923466222228"}},
|
||||
secondaryButton={{
|
||||
text: "Call Now", href: "tel:03466222228"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FREE TRIAL"
|
||||
text="Claim Your Free Fitness Assessment & Trial Session Today. Don't wait for Monday."
|
||||
primaryButton={{ text: "Claim My Free Trial", href: "https://wa.me/923466222228" }}
|
||||
secondaryButton={{ text: "Call Now", href: "tel:03466222228" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterSimpleMedia
|
||||
brand="Reshape Fitness"
|
||||
columns={[
|
||||
{ title: "Gym", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Location", href: "#map" }, { label: "WhatsApp", href: "https://wa.me/923466222228" }] }
|
||||
]}
|
||||
copyright="© 2024 Reshape Gym, Multan. All rights reserved."
|
||||
links={[{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/minimal-style-abstract-branding-icon-template-collection_1017-51604.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterSimpleMedia
|
||||
brand="Reshape Fitness"
|
||||
columns={[
|
||||
{ title: "Gym", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Location", href: "#map" }, { label: "WhatsApp", href: "https://wa.me/923466222228" }] }
|
||||
]}
|
||||
copyright="© 2024 Reshape Gym, Multan. All rights reserved."
|
||||
links={[{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/minimal-style-abstract-branding-icon-template-collection_1017-51604.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user