bender/be9322da-5991-4d3a-8c82-a7b291470a45
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-13 20:10:59 +00:00
parent 46608424fd
commit 48edb070be
1 changed files with 154 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files

444
src/pages/HomePage.tsx
View File

@@ -13,313 +13,177 @@ 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">
<HeroBillboard
tag="Flex Your Potential"
title="Stronger Every Day"
description="Build strength, improve fitness, and achieve your goals with expert guidance and a supportive training environment."
primaryButton={{
text: "Join Today",
href: "#contact",
}}
secondaryButton={{
text: "Book Free Consultation",
href: "#contact",
}}
videoSrc="http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg?_wi=1"
/>
</SectionErrorBoundary>
</div>
tag="Flex Your Potential"
title="Stronger Every Day"
description="Build strength, improve fitness, and achieve your goals with expert guidance and a supportive training environment."
primaryButton={{
text: "Join Today", href: "#contact"}}
secondaryButton={{
text: "Book Free Consultation", href: "#contact"}}
videoSrc="http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutText
title="Helping individuals achieve better health, greater confidence, and lasting fitness results through personalized support and professional training."
/>
</SectionErrorBoundary>
</div>
title="Helping individuals achieve better health, greater confidence, and lasting fitness results through personalized support and professional training."
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBento
tag="Our Expertise"
title="Why Choose Metro Flex Gym"
description="We offer more than just a workout—we provide a community and a path to your best self."
features={[
{
title: "Personal Training",
description: "Customized programs for your goals.",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: Dumbbell,
label: "Coaching",
value: "Expert",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-gym-room_74190-5097.jpg",
imageAlt: "Abstract blur gym room",
},
{
title: "Indoor Cycling",
description: "High-intensity cardio sessions.",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: Bike,
label: "Cardio",
value: "High",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-running-machine_1203-456.jpg?_wi=3",
imageAlt: "Abstract blur gym room",
},
{
title: "Nutrition Guidance",
description: "Professional dietary strategies.",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: Apple,
label: "Diet",
value: "Smart",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room-interior_74190-5887.jpg?_wi=1",
imageAlt: "Abstract blur gym room",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Expertise"
title="Why Choose Metro Flex Gym"
description="We offer more than just a workout—we provide a community and a path to your best self."
features={[
{
title: "Personal Training", description: "Customized programs for your goals.", bentoComponent: "info-card-marquee", infoCards: [
{
icon: "Dumbbell", label: "Coaching", value: "Expert"},
],
},
{
title: "Indoor Cycling", description: "High-intensity cardio sessions.", bentoComponent: "info-card-marquee", infoCards: [
{
icon: "Bike", label: "Cardio", value: "High"},
],
},
{
title: "Nutrition Guidance", description: "Professional dietary strategies.", bentoComponent: "info-card-marquee", infoCards: [
{
icon: "Apple", label: "Diet", value: "Smart"},
],
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesRevealCardsBento
tag="Our Programs"
title="Services & Programs"
description="Comprehensive fitness solutions tailored to every member."
items={[
{
title: "Strength Training",
description: "Build muscle and improve form.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/dumbbell-weight-training-equipment-icon_53876-74640.jpg",
},
{
title: "Aerobics Classes",
description: "Energetic group workouts.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-vector/cycle-sports-logo-template-bicycle-illustration-minimal-design-vector_53876-151334.jpg",
},
{
title: "Indoor Cycling",
description: "High-intensity fat loss.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/fit-cartoon-character-training_23-2151149037.jpg",
},
{
title: "Nutrition Consulting",
description: "Dietary support for health.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-healthy-apple-icon-couch_53876-56024.jpg",
},
{
title: "Modern Equipment",
description: "State-of-the-art gym machines.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-vector/construction-graphic-advertising_24877-52525.jpg",
},
{
title: "Community Support",
description: "A truly friendly environment.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-strong-mans-muscles-arm-wrestling-fight_181624-39409.jpg",
},
{
title: "4.4 Rating",
description: "Proven success for members.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-vector/flat-father-s-day-badge-collection_23-2148943020.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Programs"
title="Services & Programs"
description="Comprehensive fitness solutions tailored to every member."
items={[
{
title: "Strength Training", description: "Build muscle and improve form.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell-weight-training-equipment-icon_53876-74640.jpg"},
{
title: "Aerobics Classes", description: "Energetic group workouts.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-vector/cycle-sports-logo-template-bicycle-illustration-minimal-design-vector_53876-151334.jpg"},
{
title: "Indoor Cycling", description: "High-intensity fat loss.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/fit-cartoon-character-training_23-2151149037.jpg"},
{
title: "Nutrition Consulting", description: "Dietary support for health.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-healthy-apple-icon-couch_53876-56024.jpg"},
{
title: "Modern Equipment", description: "State-of-the-art gym machines.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-vector/construction-graphic-advertising_24877-52525.jpg"},
{
title: "Community Support", description: "A truly friendly environment.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-strong-mans-muscles-arm-wrestling-fight_181624-39409.jpg"},
{
title: "4.4 Rating", description: "Proven success for members.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-vector/flat-father-s-day-badge-collection_23-2148943020.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingSplitCards
tag="Membership"
title="Choose Your Plan"
description="Transparent, affordable-premium memberships designed for your lifestyle."
plans={[
{
tag: "Essential",
price: "Cheap",
period: "Monthly",
description: "Gym access and lockers.",
primaryButton: {
text: "Join",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Full Gym Access",
"Lockers",
],
},
{
tag: "Standard",
price: "Affordable",
period: "Monthly",
description: "Full access plus classes.",
primaryButton: {
text: "Join",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Full Gym Access",
"All Group Classes",
"Fitness Assessment",
],
},
{
tag: "Premium",
price: "Top Value",
period: "Monthly",
description: "Complete personal fitness support.",
primaryButton: {
text: "Join",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Personal Training",
"Nutrition Consult",
"Progress Reviews",
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Membership"
title="Choose Your Plan"
description="Transparent, affordable-premium memberships designed for your lifestyle."
plans={[
{
tag: "Essential", price: "Cheap", period: "Monthly", description: "Gym access and lockers.", primaryButton: { text: "Join", href: "#contact" },
featuresTitle: "Includes:", features: ["Full Gym Access", "Lockers"],
},
{
tag: "Standard", price: "Affordable", period: "Monthly", description: "Full access plus classes.", primaryButton: { text: "Join", href: "#contact" },
featuresTitle: "Includes:", features: ["Full Gym Access", "All Group Classes", "Fitness Assessment"],
},
{
tag: "Premium", price: "Top Value", period: "Monthly", description: "Complete personal fitness support.", primaryButton: { text: "Join", href: "#contact" },
featuresTitle: "Includes:", features: ["Personal Training", "Nutrition Consult", "Progress Reviews"],
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="Our Growth"
title="Proven Results"
description="Achievements within our Metro Flex community."
metrics={[
{
value: "100+",
description: "Members Served",
},
{
value: "500+",
description: "Sessions Completed",
},
{
value: "95%",
description: "Client Satisfaction",
},
{
value: "7+",
description: "Happy Reviews",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Growth"
title="Proven Results"
description="Achievements within our Metro Flex community."
metrics={[
{ value: "100+", description: "Members Served" },
{ value: "500+", description: "Sessions Completed" },
{ value: "95%", description: "Client Satisfaction" },
{ value: "7+", description: "Happy Reviews" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamGlassCards
tag="The Coaches"
title="Meet Our Trainers"
description="Dedicated professionals here to help you reach your maximum potential."
members={[
{
name: "Coach Ahmed",
role: "Head Trainer",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beanie_23-2147617976.jpg",
},
{
name: "Coach Sana",
role: "Aerobics Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-headphones_23-2149177937.jpg",
},
{
name: "Coach Khalid",
role: "Strength Expert",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="The Coaches"
title="Meet Our Trainers"
description="Dedicated professionals here to help you reach your maximum potential."
members={[
{
name: "Coach Ahmed", role: "Head Trainer", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beanie_23-2147617976.jpg"},
{
name: "Coach Sana", role: "Aerobics Specialist", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-headphones_23-2149177937.jpg"},
{
name: "Coach Khalid", role: "Strength Expert", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialColumnMarqueeCards
tag="Feedback"
title="Success Stories"
description="What our members are saying about their journey at Metro Flex."
testimonials={[
{
name: "Sara Khan",
role: "Member",
quote: "Great atmosphere, friendly trainers, and personalized attention.",
imageSrc: "http://img.b2bpic.net/free-photo/female-nutritionist-giving-consultation-patient-making-diet-plan-weight-loss-clinic_657921-308.jpg",
},
{
name: "Usman Ali",
role: "Member",
quote: "Perfect place to start your fitness journey and get results.",
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661005.jpg",
},
{
name: "Zoya Ahmed",
role: "Member",
quote: "Love the classes, the energy is always positive here.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-man-headphones-smiling-stretching-hand_176420-12652.jpg",
},
{
name: "Bilal Butt",
role: "Member",
quote: "Knowledgeable coaches who genuinely care about our progress.",
imageSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22866.jpg",
},
{
name: "Hina Rauf",
role: "Member",
quote: "The community here makes every workout session enjoyable.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-training-gym_23-2147915523.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Feedback"
title="Success Stories"
description="What our members are saying about their journey at Metro Flex."
testimonials={[
{
name: "Sara Khan", role: "Member", quote: "Great atmosphere, friendly trainers, and personalized attention.", imageSrc: "http://img.b2bpic.net/free-photo/female-nutritionist-giving-consultation-patient-making-diet-plan-weight-loss-clinic_657921-308.jpg"},
{
name: "Usman Ali", role: "Member", quote: "Perfect place to start your fitness journey and get results.", imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661005.jpg"},
{
name: "Zoya Ahmed", role: "Member", quote: "Love the classes, the energy is always positive here.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-man-headphones-smiling-stretching-hand_176420-12652.jpg"},
{
name: "Bilal Butt", role: "Member", quote: "Knowledgeable coaches who genuinely care about our progress.", imageSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22866.jpg"},
{
name: "Hina Rauf", role: "Member", quote: "The community here makes every workout session enjoyable.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-training-gym_23-2147915523.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Join Now"
text="Start your journey today with a free consultation and personalized training plan."
primaryButton={{
text: "Book My Free Consultation",
href: "https://wa.me/923018718774",
}}
secondaryButton={{
text: "Call 0301-8718774",
href: "tel:+923018718774",
}}
/>
</SectionErrorBoundary>
</div>
tag="Join Now"
text="Start your journey today with a free consultation and personalized training plan."
primaryButton={{
text: "Book My Free Consultation", href: "https://wa.me/923018718774"}}
secondaryButton={{
text: "Call 0301-8718774", href: "tel:+923018718774"}}
/>
</SectionErrorBoundary>
</div>
</>
);
}