bender/648432cc-ca90-4af7-afdc-e79092d230b9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-12 17:32:12 +00:00
Conversation 0 Commits 1 Files Changed 1 +88 -321
1 changed files with 88 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

409
src/app/page.tsx
View File

@@ -34,41 +34,23 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Programs",
id: "programs",
},
name: "Programs", id: "programs"},
{
name: "Memberships",
id: "memberships",
},
name: "Memberships", id: "memberships"},
{
name: "Results",
id: "results",
},
name: "Results", id: "results"},
{
name: "Team",
id: "team",
},
name: "Team", id: "team"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "Gallery",
id: "gallery",
},
name: "Gallery", id: "gallery"},
{
name: "Trial",
id: "contact",
},
name: "Trial", id: "contact"},
]}
brandName="The Oxygen Fitness Gym"
/>
@@ -77,38 +59,25 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
title="Fuel Your Body. Elevate Your Performance."
description="A premium fitness experience designed to help you achieve strength, endurance, and total wellness."
kpis={[
{
value: "4.7★",
label: "Rating",
},
value: "4.7★", label: "Rating"},
{
value: "55+",
label: "Reviews",
},
value: "55+", label: "Reviews"},
{
value: "DHA Karachi",
label: "Location",
},
value: "DHA Karachi", label: "Location"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Join Today",
href: "#memberships",
},
text: "Join Today", href: "#memberships"},
{
text: "Book Free Trial",
href: "#contact",
},
text: "Book Free Trial", href: "#contact"},
{
text: "Explore Memberships",
href: "#memberships",
},
text: "Explore Memberships", href: "#memberships"},
]}
videoSrc="http://img.b2bpic.net/free-photo/portrait-fitness-influencer_23-2151564782.jpg"
videoAriaLabel="Cinematic fitness video showcasing high-intensity workouts and personal training sessions at The Oxygen Fitness Gym"
@@ -117,52 +86,30 @@ export default function LandingPage() {
imageAlt="High-intensity training in a luxury gym setting"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-african-american-athlete-having-break_23-2149063657.jpg",
alt: "Satisfied member 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-african-american-athlete-having-break_23-2149063657.jpg", alt: "Satisfied member 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-sport-outfit_23-2149348446.jpg",
alt: "Satisfied member 2",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-sport-outfit_23-2149348446.jpg", alt: "Satisfied member 2"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-out_23-2149517343.jpg",
alt: "Satisfied member 3",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-out_23-2149517343.jpg", alt: "Satisfied member 3"},
{
src: "http://img.b2bpic.net/free-photo/smiling-fitness-girl_23-2148017347.jpg",
alt: "Satisfied member 4",
},
src: "http://img.b2bpic.net/free-photo/smiling-fitness-girl_23-2148017347.jpg", alt: "Satisfied member 4"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-handsome-african-sports-man-resting-after-workout_171337-9476.jpg",
alt: "Satisfied member 5",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-handsome-african-sports-man-resting-after-workout_171337-9476.jpg", alt: "Satisfied member 5"},
]}
avatarText="Join 1500+ Happy Members!"
marqueeItems={[
{
type: "text-icon",
text: "Elite Coaching",
icon: Users,
type: "text-icon", text: "Elite Coaching", icon: Users,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114187.jpg",
alt: "Strength training equipment",
type: "image", src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114187.jpg", alt: "Strength training equipment"},
{
type: "text", text: "Personalized Plans"},
{
type: "text-icon", text: "World-Class Facility", icon: Building,
},
{
type: "text",
text: "Personalized Plans",
},
{
type: "text-icon",
text: "World-Class Facility",
icon: Building,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/wet-woman-practicing-side-plank-exercise_7502-7074.jpg",
alt: "Group fitness class",
},
type: "image", src: "http://img.b2bpic.net/free-photo/wet-woman-practicing-side-plank-exercise_7502-7074.jpg", alt: "Group fitness class"},
]}
/>
</div>
@@ -172,14 +119,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Welcome to The Oxygen Fitness Gym"
description={[
"Located in DHA Karachi, The Oxygen Fitness Gym is a modern wellness destination committed to empowering individuals to unlock their highest potential through fitness, recovery, and sustainable healthy living.",
"We offer advanced training programs, professional coaching, body transformation, performance enhancement, and a holistic approach to lifestyle wellness. Experience a sleek, high-end aesthetic comparable to elite international fitness clubs.",
]}
"Located in DHA Karachi, The Oxygen Fitness Gym is a modern wellness destination committed to empowering individuals to unlock their highest potential through fitness, recovery, and sustainable healthy living.", "We offer advanced training programs, professional coaching, body transformation, performance enhancement, and a holistic approach to lifestyle wellness. Experience a sleek, high-end aesthetic comparable to elite international fitness clubs."]}
buttons={[
{
text: "Learn More About Us",
href: "#programs",
},
text: "Learn More About Us", href: "#programs"},
]}
/>
</div>
@@ -192,39 +135,25 @@ export default function LandingPage() {
features={[
{
icon: Coffee,
title: "Strength Training",
description: "Build muscle, power, and confidence with expertly designed routines.",
},
title: "Strength Training", description: "Build muscle, power, and confidence with expertly designed routines."},
{
icon: Scale,
title: "Weight Loss Transformation",
description: "Structured plans for sustainable fat loss and lasting body change.",
},
title: "Weight Loss Transformation", description: "Structured plans for sustainable fat loss and lasting body change."},
{
icon: Users,
title: "Personal Training",
description: "One-on-one coaching customized to your individual goals and needs.",
},
title: "Personal Training", description: "One-on-one coaching customized to your individual goals and needs."},
{
icon: Star,
title: "Functional Fitness",
description: "Improve athletic performance, mobility, and everyday movement efficiency.",
},
title: "Functional Fitness", description: "Improve athletic performance, mobility, and everyday movement efficiency."},
{
icon: Activity,
title: "Cardio Conditioning",
description: "Boost endurance, heart health, and overall cardiovascular fitness.",
},
title: "Cardio Conditioning", description: "Boost endurance, heart health, and overall cardiovascular fitness."},
{
icon: Users,
title: "Group Fitness Classes",
description: "Engaging and motivating community-based workouts for all levels.",
},
title: "Group Fitness Classes", description: "Engaging and motivating community-based workouts for all levels."},
{
icon: Leaf,
title: "Wellness Coaching",
description: "Holistic lifestyle, recovery, and health optimization programs.",
},
title: "Wellness Coaching", description: "Holistic lifestyle, recovery, and health optimization programs."},
]}
title="Advanced Training Programs"
description="Unlock your full potential with our comprehensive suite of training programs designed for every goal and fitness level."
@@ -238,44 +167,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "essential",
badge: "Starter",
badgeIcon: Sparkles,
price: "PKR 15,000/month",
subtitle: "Access to our state-of-the-art gym facilities.",
features: [
"Full Gym Access",
"Locker Facilities",
"Basic Fitness Assessment",
],
id: "essential", badge: "Starter", badgeIcon: Sparkles,
price: "PKR 15,000/month", subtitle: "Access to our state-of-the-art gym facilities.", features: [
"Full Gym Access", "Locker Facilities", "Basic Fitness Assessment"],
},
{
id: "premium",
badge: "Popular",
badgeIcon: Crown,
price: "PKR 25,000/month",
subtitle: "Elevate your training with group classes and progress tracking.",
features: [
"Full Gym Access",
"Unlimited Group Classes",
"Advanced Progress Tracking",
"Access to Wellness Workshops",
],
id: "premium", badge: "Popular", badgeIcon: Crown,
price: "PKR 25,000/month", subtitle: "Elevate your training with group classes and progress tracking.", features: [
"Full Gym Access", "Unlimited Group Classes", "Advanced Progress Tracking", "Access to Wellness Workshops"],
},
{
id: "elite",
badge: "Ultimate",
badgeIcon: Award,
price: "PKR 40,000/month",
subtitle: "Unleash your full potential with personalized coaching and nutrition.",
features: [
"Full Gym Access",
"Unlimited Group Classes",
"Dedicated Personal Trainer (4 sessions/month)",
"Customized Nutrition Plan",
"Priority Booking & Support",
"InBody Analysis (Quarterly)",
],
id: "elite", badge: "Ultimate", badgeIcon: Award,
price: "PKR 40,000/month", subtitle: "Unleash your full potential with personalized coaching and nutrition.", features: [
"Full Gym Access", "Unlimited Group Classes", "Dedicated Personal Trainer (4 sessions/month)", "Customized Nutrition Plan", "Priority Booking & Support", "InBody Analysis (Quarterly)"],
},
]}
title="Flexible Membership Plans"
@@ -287,66 +191,31 @@ export default function LandingPage() {
<MetricCardSeven
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "equipment",
value: "🏋️",
title: "Premium Equipment",
items: [
"State-of-the-art",
"Latest technology",
"World-class brands",
],
id: "equipment", value: "🏋️", title: "Premium Equipment", items: [
"State-of-the-art", "Latest technology", "World-class brands"],
},
{
id: "trainers",
value: "💪",
title: "Certified Trainers",
items: [
"Expert coaching",
"Personalized guidance",
"Passionate professionals",
],
id: "trainers", value: "💪", title: "Certified Trainers", items: [
"Expert coaching", "Personalized guidance", "Passionate professionals"],
},
{
id: "programs",
value: "⚡",
title: "Performance-Based Programs",
items: [
"Results-driven",
"Optimized for growth",
"Tailored methodologies",
],
id: "programs", value: "⚡", title: "Performance-Based Programs", items: [
"Results-driven", "Optimized for growth", "Tailored methodologies"],
},
{
id: "members-trained",
value: "1500+",
title: "Members Trained",
items: [
"Achieving goals",
"Building strength",
"Transforming lives",
],
id: "members-trained", value: "1500+", title: "Members Trained", items: [
"Achieving goals", "Building strength", "Transforming lives"],
},
{
id: "success-rate",
value: "95%",
title: "Transformation Success Rate",
items: [
"Proven methodologies",
"Dedicated support",
"Consistent progress",
],
id: "success-rate", value: "95%", title: "Transformation Success Rate", items: [
"Proven methodologies", "Dedicated support", "Consistent progress"],
},
{
id: "weight-lost",
value: "12,000kg+",
title: "Total Weight Lost",
items: [
"Collective achievement",
"Healthier lifestyles",
"Sustainable results",
],
id: "weight-lost", value: "12,000kg+", title: "Total Weight Lost", items: [
"Collective achievement", "Healthier lifestyles", "Sustainable results"],
},
]}
title="Why Choose Oxygen & Our Success"
@@ -362,26 +231,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "trainer-1",
name: "Ahmed Khan",
role: "Head Strength Coach",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg",
imageAlt: "Ahmed Khan, Head Strength Coach",
},
id: "trainer-1", name: "Ahmed Khan", role: "Head Strength Coach", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg", imageAlt: "Ahmed Khan, Head Strength Coach"},
{
id: "trainer-2",
name: "Sara Ali",
role: "Certified Personal Trainer",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sportswear-looking-mirror_169016-63965.jpg",
imageAlt: "Sara Ali, Certified Personal Trainer",
},
id: "trainer-2", name: "Sara Ali", role: "Certified Personal Trainer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sportswear-looking-mirror_169016-63965.jpg", imageAlt: "Sara Ali, Certified Personal Trainer"},
{
id: "trainer-3",
name: "Usman Tariq",
role: "Functional Fitness Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19244.jpg",
imageAlt: "Usman Tariq, Functional Fitness Specialist",
},
id: "trainer-3", name: "Usman Tariq", role: "Functional Fitness Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-19244.jpg", imageAlt: "Usman Tariq, Functional Fitness Specialist"},
]}
title="Meet Our Elite Trainers"
description="Our team of certified professionals is dedicated to guiding you on your fitness journey with expertise and passion."
@@ -393,47 +247,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Zainab Hassan",
imageSrc: "http://img.b2bpic.net/free-photo/thrilled-traveler-raises-his-arms-triumph-after-climbing-mountain-top_482257-117969.jpg",
imageAlt: "Zainab Hassan, Member",
text: "The Oxygen Fitness Gym has transformed my life! The trainers are incredibly knowledgeable, and the facilities are top-notch. I've achieved goals I never thought possible.",
},
id: "1", name: "Zainab Hassan", imageSrc: "http://img.b2bpic.net/free-photo/thrilled-traveler-raises-his-arms-triumph-after-climbing-mountain-top_482257-117969.jpg", imageAlt: "Zainab Hassan, Member", quote: "The Oxygen Fitness Gym has transformed my life! The trainers are incredibly knowledgeable, and the facilities are top-notch. I've achieved goals I never thought possible."},
{
id: "2",
name: "Fahad Rahman",
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-towel-shoulder-holding-smartphone-smiling-showing-thumbs-up-standing-white-wall_141793-50155.jpg",
imageAlt: "Fahad Rahman, Member",
text: "A truly premium experience. The programs are tailored, and the atmosphere is always motivating. Best gym in Karachi by far!",
},
id: "2", name: "Fahad Rahman", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-towel-shoulder-holding-smartphone-smiling-showing-thumbs-up-standing-white-wall_141793-50155.jpg", imageAlt: "Fahad Rahman, Member", quote: "A truly premium experience. The programs are tailored, and the atmosphere is always motivating. Best gym in Karachi by far!"},
{
id: "3",
name: "Aisha Khan",
imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg",
imageAlt: "Aisha Khan, Member",
text: "From functional fitness to personal coaching, Oxygen provides everything you need. The results speak for themselves, and I feel stronger and healthier every day.",
},
id: "3", name: "Aisha Khan", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg", imageAlt: "Aisha Khan, Member", quote: "From functional fitness to personal coaching, Oxygen provides everything you need. The results speak for themselves, and I feel stronger and healthier every day."},
{
id: "4",
name: "Omar Butt",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32118.jpg",
imageAlt: "Omar Butt, Member",
text: "The group classes are dynamic and fun, and the community is so supportive. It's more than just a gym; it's a wellness journey.",
},
id: "4", name: "Omar Butt", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32118.jpg", imageAlt: "Omar Butt, Member", quote: "The group classes are dynamic and fun, and the community is so supportive. It's more than just a gym; it's a wellness journey."},
{
id: "5",
name: "Meera Malik",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-sportsman-earphones-with-concentrated-face-doing-exercises_8353-6856.jpg",
imageAlt: "Meera Malik, Member",
text: "Impeccable equipment and expert guidance. I appreciate the holistic approach to wellness and the constant drive for improvement from the team.",
},
id: "5", name: "Meera Malik", imageSrc: "http://img.b2bpic.net/free-photo/handsome-sportsman-earphones-with-concentrated-face-doing-exercises_8353-6856.jpg", imageAlt: "Meera Malik, Member", quote: "Impeccable equipment and expert guidance. I appreciate the holistic approach to wellness and the constant drive for improvement from the team."},
{
id: "6",
name: "Ali Rizvi",
imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-takes-pictures-himself-standing-mountain-top_482257-117962.jpg",
imageAlt: "Ali Rizvi, Member",
text: "Absolutely love the energy and the trainers here. Every session is challenging yet rewarding. Highly recommend to anyone serious about fitness.",
},
id: "6", name: "Ali Rizvi", imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-takes-pictures-himself-standing-mountain-top_482257-117962.jpg", imageAlt: "Ali Rizvi, Member", quote: "Absolutely love the energy and the trainers here. Every session is challenging yet rewarding. Highly recommend to anyone serious about fitness."},
]}
cardTitle="What Our Members Say"
cardTag="4.7 ★ Rating - 55+ Reviews"
@@ -450,47 +274,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Modern Gym Interior",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-elliptical-cardio-machine_23-2147827880.jpg",
imageAlt: "Modern luxury gym interior with sleek design",
},
id: "1", name: "Modern Gym Interior", price: "", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-elliptical-cardio-machine_23-2147827880.jpg", imageAlt: "Modern luxury gym interior with sleek design"},
{
id: "2",
name: "Strength Training Zone",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-barbell-lifting-dumbbell_23-2147687562.jpg",
imageAlt: "Dedicated strength training zone with premium equipment",
},
id: "2", name: "Strength Training Zone", price: "", imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-barbell-lifting-dumbbell_23-2147687562.jpg", imageAlt: "Dedicated strength training zone with premium equipment"},
{
id: "3",
name: "Cardio Area",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/sportive-blonde-woman-working-out-exercise-bike-modern-fitness-center-fitness-lifestyle-sport-club_613910-5816.jpg",
imageAlt: "Sleek cardio machines in the cardio area",
},
id: "3", name: "Cardio Area", price: "", imageSrc: "http://img.b2bpic.net/free-photo/sportive-blonde-woman-working-out-exercise-bike-modern-fitness-center-fitness-lifestyle-sport-club_613910-5816.jpg", imageAlt: "Sleek cardio machines in the cardio area"},
{
id: "4",
name: "Group Fitness Class",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-exercising-with-kettlebells_23-2149358144.jpg",
imageAlt: "Dynamic group fitness class in session",
},
id: "4", name: "Group Fitness Class", price: "", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-exercising-with-kettlebells_23-2149358144.jpg", imageAlt: "Dynamic group fitness class in session"},
{
id: "5",
name: "Personal Training Session",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-gym_23-2150340843.jpg",
imageAlt: "Personal trainer guiding a client",
},
id: "5", name: "Personal Training Session", price: "", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-gym_23-2150340843.jpg", imageAlt: "Personal trainer guiding a client"},
{
id: "6",
name: "Member Achievements",
price: "",
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-running_1134-532.jpg",
imageAlt: "Gym member celebrating a fitness achievement",
},
id: "6", name: "Member Achievements", price: "", imageSrc: "http://img.b2bpic.net/free-photo/old-woman-running_1134-532.jpg", imageAlt: "Gym member celebrating a fitness achievement"},
]}
title="Our Luxury Fitness Gallery"
description="Explore the sophisticated design and energetic atmosphere of The Oxygen Fitness Gym."
@@ -501,21 +295,16 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "glowing-orb",
}}
variant: "sparkles-gradient"}}
tag="Limited Time Offer"
tagIcon={Gift}
title="Claim Your Free Fitness Consultation"
description="Experience The Oxygen Fitness Gym with a complimentary consultation, body analysis, and personalized goal planning."
buttons={[
{
text: "Book My Free Trial",
href: "tel:+923442522206",
},
text: "Book My Free Trial", href: "tel:+923442522206"},
{
text: "WhatsApp Us",
href: "https://wa.me/923442522206",
},
text: "WhatsApp Us", href: "https://wa.me/923442522206"},
]}
/>
</div>
@@ -528,61 +317,39 @@ export default function LandingPage() {
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Training Programs",
href: "#programs",
},
label: "Training Programs", href: "#programs"},
{
label: "Membership Plans",
href: "#memberships",
},
label: "Membership Plans", href: "#memberships"},
],
},
{
items: [
{
label: "Our Trainers",
href: "#team",
},
label: "Our Trainers", href: "#team"},
{
label: "Success Stories",
href: "#reviews",
},
label: "Success Stories", href: "#reviews"},
{
label: "Fitness Gallery",
href: "#gallery",
},
label: "Fitness Gallery", href: "#gallery"},
],
},
{
items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
items: [
{
label: "Location: DHA Karachi",
href: "https://maps.app.goo.gl/YourGoogleMapsLink",
},
label: "Location: DHA Karachi", href: "https://maps.app.goo.gl/YourGoogleMapsLink"},
{
label: "Call Us: 0344 2522206",
href: "tel:+923442522206",
},
label: "Call Us: 0344 2522206", href: "tel:+923442522206"},
],
},
]}