From 7b9f8ba825b64312c420ffa64a0a2cc5b0bcb6f8 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 11:57:55 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 398 ++++++++++------------------------------------- 1 file changed, 84 insertions(+), 314 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f556ff6..82976ff 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -35,41 +35,23 @@ export default function LandingPage() { @@ -78,45 +60,28 @@ export default function LandingPage() {
@@ -129,19 +94,13 @@ export default function LandingPage() { metrics={[ { icon: Gauge, - label: "Years in Business", - value: "10+", - }, + label: "Years in Business", value: "10+"}, { icon: Award, - label: "Certified Trainers", - value: "25+", - }, + label: "Certified Trainers", value: "25+"}, { icon: Users, - label: "Happy Members", - value: "5000+", - }, + label: "Happy Members", value: "5000+"}, ]} metricsAnimation="slide-up" /> @@ -154,79 +113,52 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Expert Personal Training", - description: "Receive customized workout plans and one-on-one guidance from our certified personal trainers tailored to your specific goals.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg", - imageAlt: "Personal trainer helping a client lift weights", - }, + title: "Expert Personal Training", description: "Receive customized workout plans and one-on-one guidance from our certified personal trainers tailored to your specific goals.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg", imageAlt: "Personal trainer helping a client lift weights"}, items: [ { icon: Sparkles, - text: "Personalized programs", - }, + text: "Personalized programs"}, { icon: CheckCircle, - text: "Certified trainers", - }, + text: "Certified trainers"}, { icon: Shield, - text: "Constant support", - }, + text: "Constant support"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg?_wi=2", - imageAlt: "personal trainer helping client", }, { - title: "Diverse Group Classes", - description: "Join our energetic group classes including yoga, spinning, HIIT, and more. Find motivation in a supportive community setting.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-helping-her-client-looking-mirror_23-2148795223.jpg", - imageAlt: "Group of people participating in a fitness class", - }, + title: "Diverse Group Classes", description: "Join our energetic group classes including yoga, spinning, HIIT, and more. Find motivation in a supportive community setting.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-helping-her-client-looking-mirror_23-2148795223.jpg", imageAlt: "Group of people participating in a fitness class"}, items: [ { icon: Sparkles, - text: "Variety of classes", - }, + text: "Variety of classes"}, { icon: CheckCircle, - text: "Energizing atmosphere", - }, + text: "Energizing atmosphere"}, { icon: Shield, - text: "All fitness levels", - }, + text: "All fitness levels"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/group-yogi-people-warrior-two-pose_1163-4976.jpg?_wi=2", - imageAlt: "personal trainer helping client", }, { - title: "State-of-the-Art Equipment", - description: "Train with the latest and most advanced fitness equipment available, ensuring a safe, effective, and enjoyable workout experience.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg", - imageAlt: "Modern gym with various high-tech equipment", - }, + title: "State-of-the-Art Equipment", description: "Train with the latest and most advanced fitness equipment available, ensuring a safe, effective, and enjoyable workout experience.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg", imageAlt: "Modern gym with various high-tech equipment"}, items: [ { icon: Sparkles, - text: "Latest technology", - }, + text: "Latest technology"}, { icon: CheckCircle, - text: "Safe & effective", - }, + text: "Safe & effective"}, { icon: Shield, - text: "Premium brands", - }, + text: "Premium brands"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gym-fitnes_624325-2383.jpg?_wi=2", - imageAlt: "personal trainer helping client", }, ]} title="Unlock Your Full Potential" @@ -242,47 +174,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "program-1", - name: "Strength & Conditioning", - price: "Starts at $80/month", - imageSrc: "http://img.b2bpic.net/free-photo/workout-program-trainer-client-showing-clipboard_23-2148795231.jpg", - imageAlt: "Weights and dumbbells", - }, + id: "program-1", name: "Strength & Conditioning", price: "Starts at $80/month", imageSrc: "http://img.b2bpic.net/free-photo/workout-program-trainer-client-showing-clipboard_23-2148795231.jpg", imageAlt: "Weights and dumbbells"}, { - id: "program-2", - name: "Yoga & Pilates Fusion", - price: "Starts at $65/month", - imageSrc: "http://img.b2bpic.net/free-photo/blue-notebook-with-dumbbells_23-2148531494.jpg", - imageAlt: "Person doing yoga pose", - }, + id: "program-2", name: "Yoga & Pilates Fusion", price: "Starts at $65/month", imageSrc: "http://img.b2bpic.net/free-photo/blue-notebook-with-dumbbells_23-2148531494.jpg", imageAlt: "Person doing yoga pose"}, { - id: "program-3", - name: "HIIT & Cardio Blast", - price: "Starts at $70/month", - imageSrc: "http://img.b2bpic.net/free-vector/fitness-gym-template-design_23-2150060863.jpg", - imageAlt: "Person running on treadmill", - }, + id: "program-3", name: "HIIT & Cardio Blast", price: "Starts at $70/month", imageSrc: "http://img.b2bpic.net/free-vector/fitness-gym-template-design_23-2150060863.jpg", imageAlt: "Person running on treadmill"}, { - id: "program-4", - name: "Nutrition Coaching", - price: "Starts at $95/month", - imageSrc: "http://img.b2bpic.net/free-photo/kid-his-father-doing-sport-home_23-2148553581.jpg", - imageAlt: "Healthy food and measuring tape", - }, + id: "program-4", name: "Nutrition Coaching", price: "Starts at $95/month", imageSrc: "http://img.b2bpic.net/free-photo/kid-his-father-doing-sport-home_23-2148553581.jpg", imageAlt: "Healthy food and measuring tape"}, { - id: "program-5", - name: "Body Transformation", - price: "Starts at $120/month", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-training-with-white-coach_1157-32142.jpg", - imageAlt: "Before and after body transformation", - }, + id: "program-5", name: "Body Transformation", price: "Starts at $120/month", imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-training-with-white-coach_1157-32142.jpg", imageAlt: "Before and after body transformation"}, { - id: "program-6", - name: "Sports Specific Training", - price: "Starts at $100/month", - imageSrc: "http://img.b2bpic.net/free-photo/healthy-diet-notes-list-concept_53876-127595.jpg", - imageAlt: "Athlete training for sport", - }, + id: "program-6", name: "Sports Specific Training", price: "Starts at $100/month", imageSrc: "http://img.b2bpic.net/free-photo/healthy-diet-notes-list-concept_53876-127595.jpg", imageAlt: "Athlete training for sport"}, ]} title="Our Diverse Fitness Programs" description="Discover a variety of specialized fitness programs designed to cater to different goals and preferences, from strength to flexibility." @@ -296,60 +198,31 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - badge: "Starter", - badgeIcon: Sparkles, - price: "PKR 5,000/month", - name: "Essential Access", - buttons: [ + id: "basic", badge: "Starter", badgeIcon: Sparkles, + price: "PKR 5,000/month", name: "Essential Access", buttons: [ { - text: "Get Started", - href: "#contact", - }, + text: "Get Started", href: "#contact"}, ], features: [ - "Gym Access (6 AM - 10 PM)", - "Cardio & Weight Zones", - "Locker Room Access", - ], + "Gym Access (6 AM - 10 PM)", "Cardio & Weight Zones", "Locker Room Access"], }, { - id: "premium", - badge: "Popular", - badgeIcon: Star, - price: "PKR 8,000/month", - name: "Total Fitness", - buttons: [ + id: "premium", badge: "Popular", badgeIcon: Star, + price: "PKR 8,000/month", name: "Total Fitness", buttons: [ { - text: "Choose Plan", - href: "#contact", - }, + text: "Choose Plan", href: "#contact"}, ], features: [ - "24/7 Gym Access", - "All Essential Features", - "Unlimited Group Classes", - "1 Personal Training Session/Month", - ], + "24/7 Gym Access", "All Essential Features", "Unlimited Group Classes", "1 Personal Training Session/Month"], }, { - id: "elite", - badge: "Premium", - badgeIcon: Zap, - price: "PKR 12,000/month", - name: "Elite Performance", - buttons: [ + id: "elite", badge: "Premium", badgeIcon: Zap, + price: "PKR 12,000/month", name: "Elite Performance", buttons: [ { - text: "Contact Sales", - href: "#contact", - }, + text: "Contact Sales", href: "#contact"}, ], features: [ - "All Total Fitness Features", - "3 Personal Training Sessions/Month", - "Nutritional Guidance", - "Exclusive Member Workshops", - ], + "All Total Fitness Features", "3 Personal Training Sessions/Month", "Nutritional Guidance", "Exclusive Member Workshops"], }, ]} title="Flexible Membership Plans" @@ -362,27 +235,16 @@ export default function LandingPage() { textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} + animationType="slide-up" metrics={[ { - id: "m1", - value: "1000+", - description: "Active Members", - }, + id: "m1", value: "1000+", description: "Active Members"}, { - id: "m2", - value: "50+", - description: "Weekly Classes", - }, + id: "m2", value: "50+", description: "Weekly Classes"}, { - id: "m3", - value: "95%", - description: "Member Satisfaction", - }, + id: "m3", value: "95%", description: "Member Satisfaction"}, { - id: "m4", - value: "24/7", - description: "Access Available", - }, + id: "m4", value: "24/7", description: "Access Available"}, ]} title="Our Impact in Numbers" description="We are proud of the vibrant community we've built and the significant achievements our members have accomplished through dedication and support." @@ -397,33 +259,13 @@ export default function LandingPage() { useInvertedBackground={false} members={[ { - id: "t1", - name: "Ahmed Khan", - role: "Head Trainer & Strength Coach", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background-holds-dumbbell_613910-1862.jpg", - imageAlt: "Ahmed Khan, Head Trainer", - }, + id: "t1", name: "Ahmed Khan", role: "Head Trainer & Strength Coach", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background-holds-dumbbell_613910-1862.jpg", imageAlt: "Ahmed Khan, Head Trainer"}, { - id: "t2", - name: "Sara Ali", - role: "Yoga & Pilates Instructor", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-giving-training-mat-laughing-woman_171337-13965.jpg", - imageAlt: "Sara Ali, Yoga Instructor", - }, + id: "t2", name: "Sara Ali", role: "Yoga & Pilates Instructor", imageSrc: "http://img.b2bpic.net/free-photo/young-man-giving-training-mat-laughing-woman_171337-13965.jpg", imageAlt: "Sara Ali, Yoga Instructor"}, { - id: "t3", - name: "Faisal Butt", - role: "Weightlifting Specialist", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-exercising-gym-bodybuilding_23-2149552287.jpg", - imageAlt: "Faisal Butt, Weightlifting Specialist", - }, + id: "t3", name: "Faisal Butt", role: "Weightlifting Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-man-exercising-gym-bodybuilding_23-2149552287.jpg", imageAlt: "Faisal Butt, Weightlifting Specialist"}, { - id: "t4", - name: "Ayesha Tariq", - role: "Nutrition & Wellness Coach", - imageSrc: "http://img.b2bpic.net/free-photo/old-senior-asian-female-grey-hair-tattoo-with-glasses-wear-hospital-uniform-standing-with-confident-cheerful-expression-studio-shot-yellow-background_609648-3037.jpg", - imageAlt: "Ayesha Tariq, Nutrition Coach", - }, + id: "t4", name: "Ayesha Tariq", role: "Nutrition & Wellness Coach", imageSrc: "http://img.b2bpic.net/free-photo/old-senior-asian-female-grey-hair-tattoo-with-glasses-wear-hospital-uniform-standing-with-confident-cheerful-expression-studio-shot-yellow-background_609648-3037.jpg", imageAlt: "Ayesha Tariq, Nutrition Coach"}, ]} title="Meet Our Expert Trainers" description="Our certified professionals are dedicated to guiding you through every step of your fitness journey, providing motivation and personalized support." @@ -436,50 +278,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - title: "Life-Changing Experience!", - quote: "Joining Oxygen Gym was the best decision I ever made. The trainers are incredibly supportive, and the atmosphere is always motivating. I've seen amazing results!", - name: "Fatima S.", - role: "Long-term Member", - imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-holding-dumbbell-stretching-out-hand-towards-with-towel-around-neck-isolated-white-wall_141793-101723.jpg", - imageAlt: "Fatima S.", - }, + id: "1", title: "Life-Changing Experience!", quote: "Joining Oxygen Gym was the best decision I ever made. The trainers are incredibly supportive, and the atmosphere is always motivating. I've seen amazing results!", name: "Fatima S.", role: "Long-term Member", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-holding-dumbbell-stretching-out-hand-towards-with-towel-around-neck-isolated-white-wall_141793-101723.jpg", imageAlt: "Fatima S."}, { - id: "2", - title: "Professional and Encouraging", - quote: "The facilities are top-notch, and the staff is genuinely invested in your success. I appreciate the personalized attention and variety of classes.", - name: "Imran H.", - role: "Fitness Enthusiast", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-with-headphones-gym_23-2148419813.jpg", - imageAlt: "Imran H.", - }, + id: "2", title: "Professional and Encouraging", quote: "The facilities are top-notch, and the staff is genuinely invested in your success. I appreciate the personalized attention and variety of classes.", name: "Imran H.", role: "Fitness Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-with-headphones-gym_23-2148419813.jpg", imageAlt: "Imran H."}, { - id: "3", - title: "My Second Home!", - quote: "Oxygen Gym isn't just a gym, it's a community. I feel empowered and healthier than ever. Highly recommend it to anyone serious about their fitness.", - name: "Zainab K.", - role: "Dedicated Member", - imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-showing-thumb-up-park_1262-20240.jpg", - imageAlt: "Zainab K.", - }, + id: "3", title: "My Second Home!", quote: "Oxygen Gym isn't just a gym, it's a community. I feel empowered and healthier than ever. Highly recommend it to anyone serious about their fitness.", name: "Zainab K.", role: "Dedicated Member", imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-showing-thumb-up-park_1262-20240.jpg", imageAlt: "Zainab K."}, { - id: "4", - title: "Achieved My Goals", - quote: "With the help of my personal trainer at Oxygen Gym, I was able to hit my weight loss goals faster than I thought possible. Truly grateful!", - name: "Ali R.", - role: "Transformation Success", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174794.jpg", - imageAlt: "Ali R.", - }, + id: "4", title: "Achieved My Goals", quote: "With the help of my personal trainer at Oxygen Gym, I was able to hit my weight loss goals faster than I thought possible. Truly grateful!", name: "Ali R.", role: "Transformation Success", imageSrc: "http://img.b2bpic.net/free-photo/close-up-diversity-sport-woman-training_23-2149174794.jpg", imageAlt: "Ali R."}, { - id: "5", - title: "Excellent Environment", - quote: "The clean environment and friendly faces make every workout enjoyable. It's truly a fantastic place to push your limits and get fit.", - name: "Nida F.", - role: "Active Participant", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-active-menopause_23-2149193323.jpg", - imageAlt: "Nida F.", - }, + id: "5", title: "Excellent Environment", quote: "The clean environment and friendly faces make every workout enjoyable. It's truly a fantastic place to push your limits and get fit.", name: "Nida F.", role: "Active Participant", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-active-menopause_23-2149193323.jpg", imageAlt: "Nida F."}, ]} title="What Our Members Say" description="Hear inspiring stories from our community members who have transformed their lives and achieved their fitness goals at Oxygen Gym Karachi." @@ -492,35 +299,17 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq1", - title: "What are your operating hours?", - content: "Oxygen Gym Karachi is open 24 hours a day, 7 days a week, including public holidays, to accommodate all schedules.", - }, + id: "faq1", title: "What are your operating hours?", content: "Oxygen Gym Karachi is open 24 hours a day, 7 days a week, including public holidays, to accommodate all schedules."}, { - id: "faq2", - title: "Do you offer trial classes or guest passes?", - content: "Yes, we offer a complimentary day pass for first-time visitors so you can experience our facilities and classes before committing to a membership. Contact us to schedule.", - }, + id: "faq2", title: "Do you offer trial classes or guest passes?", content: "Yes, we offer a complimentary day pass for first-time visitors so you can experience our facilities and classes before committing to a membership. Contact us to schedule."}, { - id: "faq3", - title: "What types of memberships do you have?", - content: "We offer a range of membership plans including Essential Access, Total Fitness, and Elite Performance, with options for monthly, quarterly, and annual subscriptions.", - }, + id: "faq3", title: "What types of memberships do you have?", content: "We offer a range of membership plans including Essential Access, Total Fitness, and Elite Performance, with options for monthly, quarterly, and annual subscriptions."}, { - id: "faq4", - title: "Are personal trainers available?", - content: "Absolutely! Our certified personal trainers are available for one-on-one sessions and can create customized workout plans to help you achieve your specific goals.", - }, + id: "faq4", title: "Are personal trainers available?", content: "Absolutely! Our certified personal trainers are available for one-on-one sessions and can create customized workout plans to help you achieve your specific goals."}, { - id: "faq5", - title: "What kind of group classes do you offer?", - content: "Our schedule includes a wide variety of group classes such as Yoga, Pilates, Spinning, Zumba, HIIT, Body Pump, and many more, suitable for all fitness levels.", - }, + id: "faq5", title: "What kind of group classes do you offer?", content: "Our schedule includes a wide variety of group classes such as Yoga, Pilates, Spinning, Zumba, HIIT, Body Pump, and many more, suitable for all fitness levels."}, { - id: "faq6", - title: "Do you have parking available?", - content: "Yes, Oxygen Gym Karachi provides ample and secure parking facilities for all our members and guests.", - }, + id: "faq6", title: "Do you have parking available?", content: "Yes, Oxygen Gym Karachi provides ample and secure parking facilities for all our members and guests."}, ]} title="Frequently Asked Questions" description="Find answers to common questions about our gym, membership options, classes, and facilities to help you get started on your fitness journey." @@ -532,8 +321,7 @@ export default function LandingPage() {