Update src/app/page.tsx

This commit is contained in:
2026-06-10 11:41:01 +00:00
parent e4bfbf726b
commit 951aad1381

View File

@@ -34,112 +34,69 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Features", name: "Features", id: "#features"},
id: "#features",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Team", name: "Team", id: "#team"},
id: "#team",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-photo/balance-healthcare-healthy-life-meditation_53876-120645.jpg" logoSrc="http://img.b2bpic.net/free-photo/balance-healthcare-healthy-life-meditation_53876-120645.jpg"
logoAlt="Body Strong Gym Logo" logoAlt="Body Strong Gym Logo"
brandName="Body Strong Gym" brandName="Body Strong Gym"
button={{ button={{
text: "Join Now", text: "Join Now", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
background={{ background={{
variant: "downward-rays-static-grid", variant: "downward-rays-static-grid"}}
}}
title="Unleash Your Strength at Body Strong Gym" title="Unleash Your Strength at Body Strong Gym"
description="Your journey to a healthier, stronger you starts here. Experience state-of-the-art facilities, expert trainers, and a supportive community." description="Your journey to a healthier, stronger you starts here. Experience state-of-the-art facilities, expert trainers, and a supportive community."
buttons={[ buttons={[
{ {
text: "Join Now", text: "Join Now", href: "#contact"},
href: "#contact",
},
{ {
text: "View Membership", text: "View Membership", href: "#pricing"},
href: "#pricing",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/cyprus-flag-handsome-young-muscular-man-black-background_559531-10824.jpg" imageSrc="http://img.b2bpic.net/free-photo/cyprus-flag-handsome-young-muscular-man-black-background_559531-10824.jpg"
imageAlt="Dynamic gym interior with weights and strong lighting" imageAlt="Dynamic gym interior with weights and strong lighting"
mediaAnimation="opacity" mediaAnimation="opacity"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/bearded-man-lifting-barbell-near-rack_23-2147687613.jpg", src: "http://img.b2bpic.net/free-photo/bearded-man-lifting-barbell-near-rack_23-2147687613.jpg", alt: "Strong gym member"},
alt: "Strong gym member",
},
{ {
src: "http://img.b2bpic.net/free-photo/photo-young-smiling-afro-american-sports-man-with-towel-holding-phone-listen-music_171337-9245.jpg", src: "http://img.b2bpic.net/free-photo/photo-young-smiling-afro-american-sports-man-with-towel-holding-phone-listen-music_171337-9245.jpg", alt: "Happy gym member"},
alt: "Happy gym member",
},
{ {
src: "http://img.b2bpic.net/free-photo/athletic-shaved-head-tattooed-male-doing-shoulder-workout-with-kettlebell_613910-14178.jpg", src: "http://img.b2bpic.net/free-photo/athletic-shaved-head-tattooed-male-doing-shoulder-workout-with-kettlebell_613910-14178.jpg", alt: "Focused gym member"},
alt: "Focused gym member",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-sports-lady-standing-black-wall_171337-15212.jpg", src: "http://img.b2bpic.net/free-photo/young-sports-lady-standing-black-wall_171337-15212.jpg", alt: "Energetic gym member"},
alt: "Energetic gym member",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-with-her-boyfriend-training-gym_1157-14284.jpg", src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-with-her-boyfriend-training-gym_1157-14284.jpg", alt: "Couples training in gym"},
alt: "Couples training in gym",
},
]} ]}
avatarText="Join our 500+ happy members!" avatarText="Join our 500+ happy members!"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Strength Training"},
text: "Strength Training",
},
{ {
type: "text", type: "text", text: "Group Classes"},
text: "Group Classes",
},
{ {
type: "text", type: "text", text: "Personal Coaching"},
text: "Personal Coaching",
},
{ {
type: "text", type: "text", text: "Nutrition Guidance"},
text: "Nutrition Guidance",
},
{ {
type: "text", type: "text", text: "Wellness Workshops"},
text: "Wellness Workshops",
},
]} ]}
/> />
</div> </div>
@@ -149,17 +106,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ {
type: "text", type: "text", content: "Your Path to Fitness Excellence"},
content: "Your Path to Fitness Excellence", {
}, type: "text", content: "Body Strong Gym is dedicated to empowering individuals on their fitness journey. We offer a holistic approach to health, combining cutting-edge equipment with personalized coaching and a vibrant atmosphere. Our mission is to help you build strength, improve endurance, and achieve your personal best in a facility designed for success. Join a community that motivates and supports you every step of the way."
}
]} ]}
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "#features"},
href: "#features",
},
]} ]}
body="Body Strong Gym is dedicated to empowering individuals on their fitness journey. We offer a holistic approach to health, combining cutting-edge equipment with personalized coaching and a vibrant atmosphere. Our mission is to help you build strength, improve endurance, and achieve your personal best in a facility designed for success. Join a community that motivates and supports you every step of the way."
imageSrc="http://img.b2bpic.net/free-photo/panoramic-spa-lounge-minimalist-relaxation-modern-resort_169016-68893.jpg" imageSrc="http://img.b2bpic.net/free-photo/panoramic-spa-lounge-minimalist-relaxation-modern-resort_169016-68893.jpg"
imageAlt="Diverse group exercising in gym" imageAlt="Diverse group exercising in gym"
/> />
@@ -172,65 +127,29 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "personal-training", id: "personal-training", title: "Personal Training", tags: [
title: "Personal Training", "One-on-one", "Customized"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-gym-coach-holding-clipboard_23-2148795174.jpg", imageAlt: "Personal trainer guiding a client"},
"One-on-one",
"Customized",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-gym-coach-holding-clipboard_23-2148795174.jpg",
imageAlt: "Personal trainer guiding a client",
},
{ {
id: "group-classes", id: "group-classes", title: "Group Classes", tags: [
title: "Group Classes", "Energetic", "Community"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270249.jpg", imageAlt: "People attending a group fitness class"},
"Energetic",
"Community",
],
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270249.jpg",
imageAlt: "People attending a group fitness class",
},
{ {
id: "cardio-zone", id: "cardio-zone", title: "Cardio Zone", tags: [
title: "Cardio Zone", "Modern", "Spacious"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/stationary-bike_23-2148017333.jpg", imageAlt: "Treadmills and cardio machines"},
"Modern",
"Spacious",
],
imageSrc: "http://img.b2bpic.net/free-photo/stationary-bike_23-2148017333.jpg",
imageAlt: "Treadmills and cardio machines",
},
{ {
id: "strength-training", id: "strength-training", title: "Strength Training", tags: [
title: "Strength Training", "Heavy weights", "Free weights"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-weight-plates-fitness-strap-white-wooden-textured-background_23-2147924619.jpg", imageAlt: "Dumbbells and barbells in a gym"},
"Heavy weights",
"Free weights",
],
imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-weight-plates-fitness-strap-white-wooden-textured-background_23-2147924619.jpg",
imageAlt: "Dumbbells and barbells in a gym",
},
{ {
id: "nutrition-guidance", id: "nutrition-guidance", title: "Nutrition Guidance", tags: [
title: "Nutrition Guidance", "Holistic", "Balanced"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fruits-kitchen_23-2148018396.jpg", imageAlt: "Healthy food and a nutrition plan"},
"Holistic",
"Balanced",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fruits-kitchen_23-2148018396.jpg",
imageAlt: "Healthy food and a nutrition plan",
},
{ {
id: "wellness-workshops", id: "wellness-workshops", title: "Wellness Workshops", tags: [
title: "Wellness Workshops", "Mind-body", "Seminars"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/puzzled-serious-businesswoman-concerned-about-project-statistics-group-meeting_1163-3898.jpg", imageAlt: "Group participating in a wellness workshop"},
"Mind-body",
"Seminars",
],
imageSrc: "http://img.b2bpic.net/free-photo/puzzled-serious-businesswoman-concerned-about-project-statistics-group-meeting_1163-3898.jpg",
imageAlt: "Group participating in a wellness workshop",
},
]} ]}
title="Our Premium Fitness Offerings" title="Our Premium Fitness Offerings"
description="Discover a wide range of services designed to help you achieve your fitness goals. From personalized coaching to invigorating group classes, we have something for everyone." description="Discover a wide range of services designed to help you achieve your fitness goals. From personalized coaching to invigorating group classes, we have something for everyone."
@@ -244,59 +163,25 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "basic", id: "basic", tag: "Starter", tagIcon: Sparkles,
tag: "Starter", price: "3000", period: "/month", description: "Perfect for beginners getting started on their fitness journey. Includes full gym access.", button: {
tagIcon: Sparkles, text: "Choose Basic", href: "#contact"},
price: "3000", featuresTitle: "Includes:", features: [
period: "/month", "Full Gym Access (Mon-Sat, 6 AM - 11:59 AM)", "Basic Equipment Usage", "Locker Room Access"],
description: "Perfect for beginners getting started on their fitness journey. Includes full gym access.",
button: {
text: "Choose Basic",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Full Gym Access (Mon-Sat, 6 AM - 11:59 AM)",
"Basic Equipment Usage",
"Locker Room Access",
],
}, },
{ {
id: "standard", id: "standard", tag: "Popular", tagIcon: Zap,
tag: "Popular", price: "4500", period: "/month", description: "Our most popular plan, offering more classes and support for consistent progress.", button: {
tagIcon: Zap, text: "Choose Standard", href: "#contact"},
price: "4500", featuresTitle: "Includes:", features: [
period: "/month", "All Basic Features", "Access to Group Classes (3/week)", "Monthly Fitness Assessment"],
description: "Our most popular plan, offering more classes and support for consistent progress.",
button: {
text: "Choose Standard",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"All Basic Features",
"Access to Group Classes (3/week)",
"Monthly Fitness Assessment",
],
}, },
{ {
id: "premium", id: "premium", tag: "Elite", tagIcon: Award,
tag: "Elite", price: "6000", period: "/month", description: "The ultimate fitness experience with personalized training and priority support.", button: {
tagIcon: Award, text: "Choose Premium", href: "#contact"},
price: "6000", featuresTitle: "Includes:", features: [
period: "/month", "All Standard Features", "Personal Trainer Sessions (2/month)", "Nutrition Consultation", "Priority Booking"],
description: "The ultimate fitness experience with personalized training and priority support.",
button: {
text: "Choose Premium",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"All Standard Features",
"Personal Trainer Sessions (2/month)",
"Nutrition Consultation",
"Priority Booking",
],
}, },
]} ]}
title="Membership Plans" title="Membership Plans"
@@ -312,25 +197,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "happy-members", id: "happy-members", value: "500+", description: "Happy Members"},
value: "500+",
description: "Happy Members",
},
{ {
id: "certified-trainers", id: "certified-trainers", value: "10+", description: "Certified Trainers"},
value: "10+",
description: "Certified Trainers",
},
{ {
id: "star-rating", id: "star-rating", value: "5-Star", description: "Overall Rating"},
value: "5-Star",
description: "Overall Rating",
},
{ {
id: "flexible-access", id: "flexible-access", value: "Mon-Sat", description: "Flexible Access"},
value: "Mon-Sat",
description: "Flexible Access",
},
]} ]}
title="Our Impact & Achievements" title="Our Impact & Achievements"
description="Proudly serving our community with excellence and dedication." description="Proudly serving our community with excellence and dedication."
@@ -345,29 +218,13 @@ export default function LandingPage() {
membersAnimation="slide-up" membersAnimation="slide-up"
members={[ members={[
{ {
id: "trainer-1", id: "trainer-1", name: "Ali Khan", imageSrc: "http://img.b2bpic.net/free-photo/smiling-muscular-man_23-2147687633.jpg", imageAlt: "Male personal trainer Ali Khan"},
name: "Ali Khan",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-muscular-man_23-2147687633.jpg",
imageAlt: "Male personal trainer Ali Khan",
},
{ {
id: "trainer-2", id: "trainer-2", name: "Sara Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-fitness-training-leg-extension-push-machine_23-2147827871.jpg", imageAlt: "Female personal trainer Sara Ahmed"},
name: "Sara Ahmed",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-fitness-training-leg-extension-push-machine_23-2147827871.jpg",
imageAlt: "Female personal trainer Sara Ahmed",
},
{ {
id: "trainer-3", id: "trainer-3", name: "Usman Malik", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg", imageAlt: "Male personal trainer Usman Malik"},
name: "Usman Malik",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg",
imageAlt: "Male personal trainer Usman Malik",
},
{ {
id: "trainer-4", id: "trainer-4", name: "Fatima Zafar", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg", imageAlt: "Female personal trainer Fatima Zafar"},
name: "Fatima Zafar",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg",
imageAlt: "Female personal trainer Fatima Zafar",
},
]} ]}
memberVariant="card" memberVariant="card"
/> />
@@ -381,50 +238,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Ahmed Raza", role: "Entrepreneur", company: "Tech Solutions", rating: 5,
name: "Ahmed Raza", imageSrc: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-1082.jpg", imageAlt: "Ahmed Raza, happy gym member"},
role: "Entrepreneur",
company: "Tech Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-1082.jpg",
imageAlt: "Ahmed Raza, happy gym member",
},
{ {
id: "2", id: "2", name: "Maria Iqbal", role: "Graphic Designer", company: "Creative Hub", rating: 5,
name: "Maria Iqbal", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-phone_23-2148889622.jpg", imageAlt: "Maria Iqbal, satisfied gym member"},
role: "Graphic Designer",
company: "Creative Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-phone_23-2148889622.jpg",
imageAlt: "Maria Iqbal, satisfied gym member",
},
{ {
id: "3", id: "3", name: "Zain Ali", role: "Student", company: "University of Lahore", rating: 5,
name: "Zain Ali", imageSrc: "http://img.b2bpic.net/free-photo/smiling-fit-senior-man-exercising_23-2147859865.jpg", imageAlt: "Zain Ali, young gym member"},
role: "Student",
company: "University of Lahore",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-fit-senior-man-exercising_23-2147859865.jpg",
imageAlt: "Zain Ali, young gym member",
},
{ {
id: "4", id: "4", name: "Aisha Nadeem", role: "Doctor", company: "City Hospital", rating: 5,
name: "Aisha Nadeem", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wear-boxing-gloves-doing-exercises-working-hard-gym-enjoying-her-training-process_627829-8736.jpg", imageAlt: "Aisha Nadeem, professional gym member"},
role: "Doctor",
company: "City Hospital",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wear-boxing-gloves-doing-exercises-working-hard-gym-enjoying-her-training-process_627829-8736.jpg",
imageAlt: "Aisha Nadeem, professional gym member",
},
{ {
id: "5", id: "5", name: "Hassan Javed", role: "Engineer", company: "Innovate Engineering", rating: 5,
name: "Hassan Javed", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg", imageAlt: "Hassan Javed, dedicated gym member"},
role: "Engineer",
company: "Innovate Engineering",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg",
imageAlt: "Hassan Javed, dedicated gym member",
},
]} ]}
title="What Our Members Say" title="What Our Members Say"
description="Hear from our satisfied members about their incredible fitness transformations and experiences at Body Strong Gym." description="Hear from our satisfied members about their incredible fitness transformations and experiences at Body Strong Gym."
@@ -437,30 +264,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "What are your gym timings?", content: "Our gym operates from Monday to Saturday, 6:00 AM to 11:59 AM. We are closed on Sundays."},
title: "What are your gym timings?",
content: "Our gym operates from Monday to Saturday, 6:00 AM to 11:59 AM. We are closed on Sundays.",
},
{ {
id: "q2", id: "q2", title: "What is the admission and registration fee?", content: "There is a one-time Admission Fee of PKR 3000 and a Registration Fee of PKR 6000 for all new members."},
title: "What is the admission and registration fee?",
content: "There is a one-time Admission Fee of PKR 3000 and a Registration Fee of PKR 6000 for all new members.",
},
{ {
id: "q3", id: "q3", title: "Do you offer personal training?", content: "Yes, we offer personalized one-on-one training sessions tailored to your fitness goals. These are included in our Premium plan and can be added to other plans."},
title: "Do you offer personal training?",
content: "Yes, we offer personalized one-on-one training sessions tailored to your fitness goals. These are included in our Premium plan and can be added to other plans.",
},
{ {
id: "q4", id: "q4", title: "What kind of classes do you have?", content: "We offer a variety of group classes including HIIT, Yoga, Pilates, and Spinning. Check our schedule for more details."},
title: "What kind of classes do you have?",
content: "We offer a variety of group classes including HIIT, Yoga, Pilates, and Spinning. Check our schedule for more details.",
},
{ {
id: "q5", id: "q5", title: "Can I get a trial membership?", content: "Please contact us directly via WhatsApp or the contact form to inquire about trial membership options."},
title: "Can I get a trial membership?",
content: "Please contact us directly via WhatsApp or the contact form to inquire about trial membership options.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/women-gym-talking_23-2148503086.jpg" imageSrc="http://img.b2bpic.net/free-photo/women-gym-talking_23-2148503086.jpg"
imageAlt="Person pondering a question at a gym" imageAlt="Person pondering a question at a gym"
@@ -479,27 +291,16 @@ export default function LandingPage() {
description="Have questions about our club, memberships, or classes? Reach out to us, and we'll be happy to assist you. You can also find us at F51 Punjab Co Operative Housing Society Lahore or WhatsApp us at +92 321 4350781. Our timings are Mon-Sat, 6:00 AM 11:59 AM." description="Have questions about our club, memberships, or classes? Reach out to us, and we'll be happy to assist you. You can also find us at F51 Punjab Co Operative Housing Society Lahore or WhatsApp us at +92 321 4350781. Our timings are Mon-Sat, 6:00 AM 11:59 AM."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email", required: true,
type: "email",
placeholder: "Your Email",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
type: "tel",
placeholder: "Your Phone Number (Optional)",
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Your Message", rows: 4,
placeholder: "Your Message",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/fitness-woman-using-mobile-phone_23-2148207376.jpg" imageSrc="http://img.b2bpic.net/free-photo/fitness-woman-using-mobile-phone_23-2148207376.jpg"
@@ -516,13 +317,9 @@ export default function LandingPage() {
logoAlt="Body Strong Gym Logo" logoAlt="Body Strong Gym Logo"
logoText="Body Strong Gym" logoText="Body Strong Gym"
leftLink={{ leftLink={{
text: "F51 Punjab Co Operative Housing Society Lahore", text: "F51 Punjab Co Operative Housing Society Lahore", href: "https://maps.google.com/?q=F51+Punjab+Co+Operative+Housing+Society+Lahore"}}
href: "https://maps.google.com/?q=F51+Punjab+Co+Operative+Housing+Society+Lahore",
}}
rightLink={{ rightLink={{
text: "WhatsApp: +92 321 4350781", text: "WhatsApp: +92 321 4350781", href: "https://wa.me/923214350781"}}
href: "https://wa.me/923214350781",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>