Update src/app/page.tsx

This commit is contained in:
2026-05-30 15:05:19 +00:00
parent 108302aeb2
commit 019534c52f

View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
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: "Why Choose Us",
id: "#why-choose-us",
},
name: "Why Choose Us", id: "#why-choose-us"},
{
name: "Membership",
id: "#membership",
},
name: "Membership", id: "#membership"},
{
name: "Stories",
id: "#success-stories",
},
name: "Stories", id: "#success-stories"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/weight-plate_187299-45943.jpg"
logoAlt="Apex Fitness Logo"
@@ -76,53 +60,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Transform Your Body. Unlock Your Potential."
description="Experience exclusive training programs designed by elite coaches to help you achieve faster, more effective, and lasting results. Personalized coaching and innovative methods ensure your fitness journey is truly transformative."
tagAnimation="slide-up"
buttons={[
{
text: "Join Now",
href: "#membership",
},
text: "Join Now", href: "#membership"},
{
text: "Book a Free Consultation",
href: "#contact",
},
text: "Book a Free Consultation", href: "#contact"},
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-young-man-working-out_329181-16563.jpg",
imageAlt: "Man lifting weights in a dark gym",
},
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-young-man-working-out_329181-16563.jpg", imageAlt: "Man lifting weights in a dark gym"},
{
id: "carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-fitness-exercise-routine-blond-sporty-female-stretching-room-with-loft-interior_613910-7742.jpg",
imageAlt: "Woman doing a yoga stretch in a modern studio",
},
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-fitness-exercise-routine-blond-sporty-female-stretching-room-with-loft-interior_613910-7742.jpg", imageAlt: "Woman doing a yoga stretch in a modern studio"},
{
id: "carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-training_23-2149049756.jpg",
imageAlt: "Athlete running on a track",
},
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-fit-woman-training_23-2149049756.jpg", imageAlt: "Athlete running on a track"},
{
id: "carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg",
imageAlt: "Modern gym interior with various equipment",
},
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg", imageAlt: "Modern gym interior with various equipment"},
{
id: "carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-138086.jpg",
imageAlt: "Person doing a kettlebell workout",
},
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-138086.jpg", imageAlt: "Person doing a kettlebell workout"},
{
id: "carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197746.jpg",
imageAlt: "Female boxer training in a dark gym",
},
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197746.jpg", imageAlt: "Female boxer training in a dark gym"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -143,70 +104,25 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "program-1",
title: "Weight Loss Transformation",
author: "Duration: 12 Weeks",
description: "A comprehensive program combining targeted workouts and nutritional guidance to achieve sustainable weight loss and a healthier lifestyle. Expect significant fat reduction and improved metabolic health.",
tags: [
"Fat Loss",
"Metabolic Boost",
"Nutrition",
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sporty-girl-kitchen-with-vegetables_1157-41864.jpg",
imageAlt: "Person showing before and after weight loss transformation",
},
id: "program-1", title: "Weight Loss Transformation", author: "Duration: 12 Weeks", description: "A comprehensive program combining targeted workouts and nutritional guidance to achieve sustainable weight loss and a healthier lifestyle. Expect significant fat reduction and improved metabolic health.", tags: [
"Fat Loss", "Metabolic Boost", "Nutrition"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sporty-girl-kitchen-with-vegetables_1157-41864.jpg", imageAlt: "Person showing before and after weight loss transformation"},
{
id: "program-2",
title: "Muscle Building Mastery",
author: "Duration: 16 Weeks",
description: "Scientifically designed protocols for maximum hypertrophy and strength gains. Our coaches guide you through advanced techniques to build lean muscle mass and redefine your physique.",
tags: [
"Strength",
"Hypertrophy",
"Form",
],
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-athlete-doing-exercise-with-barbell_58466-11089.jpg",
imageAlt: "Man lifting heavy weights for muscle building",
},
id: "program-2", title: "Muscle Building Mastery", author: "Duration: 16 Weeks", description: "Scientifically designed protocols for maximum hypertrophy and strength gains. Our coaches guide you through advanced techniques to build lean muscle mass and redefine your physique.", tags: [
"Strength", "Hypertrophy", "Form"],
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-athlete-doing-exercise-with-barbell_58466-11089.jpg", imageAlt: "Man lifting heavy weights for muscle building"},
{
id: "program-3",
title: "Athlete Performance Edge",
author: "Duration: 8 Weeks",
description: "Optimize your athletic capabilities with specialized training focusing on speed, agility, power, and endurance. Tailored for athletes seeking a competitive advantage in their sport.",
tags: [
"Speed",
"Agility",
"Power",
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-training-kids_23-2149742080.jpg",
imageAlt: "Athlete running on a track during performance training",
},
id: "program-3", title: "Athlete Performance Edge", author: "Duration: 8 Weeks", description: "Optimize your athletic capabilities with specialized training focusing on speed, agility, power, and endurance. Tailored for athletes seeking a competitive advantage in their sport.", tags: [
"Speed", "Agility", "Power"],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-training-kids_23-2149742080.jpg", imageAlt: "Athlete running on a track during performance training"},
{
id: "program-4",
title: "Personal Coaching Excellence",
author: "Flexible Duration",
description: "One-on-one tailored coaching experience, where every aspect of your fitness journey is customized. Receive undivided attention and expert guidance to fast-track your goals.",
tags: [
"Custom Plan",
"Accountability",
"Expert Guidance",
],
imageSrc: "http://img.b2bpic.net/free-photo/people-chatting-gym-full-shot_23-2149744651.jpg",
imageAlt: "Personal trainer coaching a client",
},
id: "program-4", title: "Personal Coaching Excellence", author: "Flexible Duration", description: "One-on-one tailored coaching experience, where every aspect of your fitness journey is customized. Receive undivided attention and expert guidance to fast-track your goals.", tags: [
"Custom Plan", "Accountability", "Expert Guidance"],
imageSrc: "http://img.b2bpic.net/free-photo/people-chatting-gym-full-shot_23-2149744651.jpg", imageAlt: "Personal trainer coaching a client"},
{
id: "program-5",
title: "Nutrition & Lifestyle Reset",
author: "Duration: 6 Weeks",
description: "Beyond the gym, this program focuses on building sustainable healthy eating habits and lifestyle adjustments that complement your training, ensuring holistic well-being and long-term results.",
tags: [
"Diet Plan",
"Wellness",
"Habit Coaching",
],
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-ingredients-salad_23-2147953652.jpg",
imageAlt: "Healthy food and nutrition plan",
},
id: "program-5", title: "Nutrition & Lifestyle Reset", author: "Duration: 6 Weeks", description: "Beyond the gym, this program focuses on building sustainable healthy eating habits and lifestyle adjustments that complement your training, ensuring holistic well-being and long-term results.", tags: [
"Diet Plan", "Wellness", "Habit Coaching"],
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-ingredients-salad_23-2147953652.jpg", imageAlt: "Healthy food and nutrition plan"},
]}
title="Our Exclusive Programs"
description="Discover personalized pathways to success with our meticulously crafted training programs, each designed to deliver exceptional results and cater to your unique fitness aspirations."
@@ -221,46 +137,22 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "metric-1",
value: "Certified Trainers",
title: "Elite Expertise",
description: "Our team consists of highly qualified and experienced trainers dedicated to your success.",
icon: Shield,
id: "metric-1", value: "Certified Trainers", title: "Elite Expertise", description: "Our team consists of highly qualified and experienced trainers dedicated to your success.", icon: Shield,
},
{
id: "metric-2",
value: "Custom Plans",
title: "Tailored Workouts",
description: "Every member receives a personalized workout plan meticulously designed for their goals.",
icon: Settings,
id: "metric-2", value: "Custom Plans", title: "Tailored Workouts", description: "Every member receives a personalized workout plan meticulously designed for their goals.", icon: Settings,
},
{
id: "metric-3",
value: "Nutrition Guidance",
title: "Holistic Approach",
description: "Achieve optimal results with our expert nutritional advice and meal planning support.",
icon: ListChecks,
id: "metric-3", value: "Nutrition Guidance", title: "Holistic Approach", description: "Achieve optimal results with our expert nutritional advice and meal planning support.", icon: ListChecks,
},
{
id: "metric-4",
value: "Progress Tracking",
title: "Measurable Results",
description: "We rigorously track your progress, adjusting plans as needed to ensure continuous improvement.",
icon: Activity,
id: "metric-4", value: "Progress Tracking", title: "Measurable Results", description: "We rigorously track your progress, adjusting plans as needed to ensure continuous improvement.", icon: Activity,
},
{
id: "metric-5",
value: "Supportive Community",
title: "Grow Together",
description: "Join a thriving community of like-minded individuals who motivate and inspire each other.",
icon: Users,
id: "metric-5", value: "Supportive Community", title: "Grow Together", description: "Join a thriving community of like-minded individuals who motivate and inspire each other.", icon: Users,
},
{
id: "metric-6",
value: "Modern Equipment",
title: "Cutting-Edge Tech",
description: "Train with the latest and most advanced fitness equipment for superior performance.",
icon: Flame,
id: "metric-6", value: "Modern Equipment", title: "Cutting-Edge Tech", description: "Train with the latest and most advanced fitness equipment for superior performance.", icon: Flame,
},
]}
title="Why Choose Apex Fitness?"
@@ -272,65 +164,33 @@ export default function LandingPage() {
<PricingCardEight
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
plans={[
{
id: "basic",
badge: "Start Strong",
price: "$99/month",
subtitle: "Essential access for dedicated members",
buttons: [
id: "basic", badge: "Start Strong", price: "$99/month", subtitle: "Essential access for dedicated members", buttons: [
{
text: "Select Basic",
href: "#contact",
},
text: "Select Basic", href: "#contact"},
],
features: [
"Full Gym Access (Peak Hours)",
"Group Classes (Limited)",
"Basic Fitness Assessment",
"Access to Online Community",
],
"Full Gym Access (Peak Hours)", "Group Classes (Limited)", "Basic Fitness Assessment", "Access to Online Community"],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Star,
price: "$199/month",
subtitle: "Elevate your training with enhanced benefits",
buttons: [
id: "pro", badge: "Most Popular", badgeIcon: Star,
price: "$199/month", subtitle: "Elevate your training with enhanced benefits", buttons: [
{
text: "Select Pro",
href: "#contact",
},
text: "Select Pro", href: "#contact"},
],
features: [
"24/7 Gym Access",
"Unlimited Group Classes",
"Personalized Training Session (1/month)",
"Advanced Fitness Assessment",
"Nutrition Workshop Access",
],
"24/7 Gym Access", "Unlimited Group Classes", "Personalized Training Session (1/month)", "Advanced Fitness Assessment", "Nutrition Workshop Access"],
},
{
id: "elite",
badge: "Unleash Potential",
badgeIcon: Zap,
price: "$349/month",
subtitle: "The ultimate experience for peak performance",
buttons: [
id: "elite", badge: "Unleash Potential", badgeIcon: Zap,
price: "$349/month", subtitle: "The ultimate experience for peak performance", buttons: [
{
text: "Select Elite",
href: "#contact",
},
text: "Select Elite", href: "#contact"},
],
features: [
"24/7 Gym Access & Priority Booking",
"Unlimited Premium Group Classes",
"Personalized Training Sessions (4/month)",
"Comprehensive Body Composition Analysis",
"Dedicated Nutrition Coaching",
"Exclusive Member Events",
],
"24/7 Gym Access & Priority Booking", "Unlimited Premium Group Classes", "Personalized Training Sessions (4/month)", "Comprehensive Body Composition Analysis", "Dedicated Nutrition Coaching", "Exclusive Member Events"],
},
]}
title="Choose Your Path to Greatness"
@@ -344,50 +204,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "testimonial-1",
title: "Life-Changing Results",
quote: "Joining Apex Fitness was the best decision I've ever made. The personalized plan and constant support helped me shed 50 pounds and gain incredible strength. I feel more confident than ever!",
name: "Sarah J.",
role: "Weight Loss Program Member",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-hispanic-woman-doing-bicep-curls-gym-smiling_662251-1124.jpg",
imageAlt: "Portrait of Sarah J.",
},
id: "testimonial-1", title: "Life-Changing Results", quote: "Joining Apex Fitness was the best decision I've ever made. The personalized plan and constant support helped me shed 50 pounds and gain incredible strength. I feel more confident than ever!", name: "Sarah J.", role: "Weight Loss Program Member", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-hispanic-woman-doing-bicep-curls-gym-smiling_662251-1124.jpg", imageAlt: "Portrait of Sarah J."},
{
id: "testimonial-2",
title: "Unmatched Expertise",
quote: "The coaches at Apex Fitness are truly world-class. Their knowledge of muscle building and dedication to form helped me achieve gains I never thought possible. My physique has completely transformed.",
name: "Mark T.",
role: "Muscle Building Program Member",
imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg",
imageAlt: "Portrait of Mark T.",
},
id: "testimonial-2", title: "Unmatched Expertise", quote: "The coaches at Apex Fitness are truly world-class. Their knowledge of muscle building and dedication to form helped me achieve gains I never thought possible. My physique has completely transformed.", name: "Mark T.", role: "Muscle Building Program Member", imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg", imageAlt: "Portrait of Mark T."},
{
id: "testimonial-3",
title: "Exceeded Expectations",
quote: "As an amateur athlete, I needed a gym that understood performance. Apex Fitness delivered, helping me improve my speed and endurance dramatically. I'm hitting new personal bests thanks to them!",
name: "Emily R.",
role: "Athlete Performance Program Member",
imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-sports-woman_171337-13974.jpg",
imageAlt: "Portrait of Emily R.",
},
id: "testimonial-3", title: "Exceeded Expectations", quote: "As an amateur athlete, I needed a gym that understood performance. Apex Fitness delivered, helping me improve my speed and endurance dramatically. I'm hitting new personal bests thanks to them!", name: "Emily R.", role: "Athlete Performance Program Member", imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-sports-woman_171337-13974.jpg", imageAlt: "Portrait of Emily R."},
{
id: "testimonial-4",
title: "Beyond Just Training",
quote: "The holistic approach at Apex Fitness, combining training with nutrition guidance, changed my entire lifestyle. It's more than a gym; it's a community that genuinely cares about your well-being.",
name: "David K.",
role: "Personal Coaching Member",
imageSrc: "http://img.b2bpic.net/free-photo/men-cheering-sport-together_53876-13666.jpg",
imageAlt: "Portrait of David K.",
},
id: "testimonial-4", title: "Beyond Just Training", quote: "The holistic approach at Apex Fitness, combining training with nutrition guidance, changed my entire lifestyle. It's more than a gym; it's a community that genuinely cares about your well-being.", name: "David K.", role: "Personal Coaching Member", imageSrc: "http://img.b2bpic.net/free-photo/men-cheering-sport-together_53876-13666.jpg", imageAlt: "Portrait of David K."},
{
id: "testimonial-5",
title: "Empowering & Motivating",
quote: "Every session at Apex Fitness is a step forward. The motivating environment and expert trainers push you to be your best self. I've found strength and confidence I didn't know I had.",
name: "Jessica L.",
role: "Elite Membership Holder",
imageSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-laughing-multi-ethnic-group-fitness-yoga-cl_1163-4980.jpg",
imageAlt: "Portrait of Jessica L.",
},
id: "testimonial-5", title: "Empowering & Motivating", quote: "Every session at Apex Fitness is a step forward. The motivating environment and expert trainers push you to be your best self. I've found strength and confidence I didn't know I had.", name: "Jessica L.", role: "Elite Membership Holder", imageSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-laughing-multi-ethnic-group-fitness-yoga-cl_1163-4980.jpg", imageAlt: "Portrait of Jessica L."},
]}
title="Hear From Our Champions"
description="Real stories from members who transformed their bodies and lives at Apex Fitness. Their success is our greatest achievement."
@@ -400,35 +225,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What makes Apex Fitness programs exclusive?",
content: "Our programs are exclusive because they are designed by elite coaches, feature personalized coaching, and integrate cutting-edge training methodologies, ensuring results that surpass conventional gym offerings.",
},
id: "faq-1", title: "What makes Apex Fitness programs exclusive?", content: "Our programs are exclusive because they are designed by elite coaches, feature personalized coaching, and integrate cutting-edge training methodologies, ensuring results that surpass conventional gym offerings."},
{
id: "faq-2",
title: "Do you offer personalized training?",
content: "Yes, personalized coaching is a cornerstone of Apex Fitness. All our membership plans include some level of personalized guidance, with the Elite plan offering dedicated one-on-one sessions.",
},
id: "faq-2", title: "Do you offer personalized training?", content: "Yes, personalized coaching is a cornerstone of Apex Fitness. All our membership plans include some level of personalized guidance, with the Elite plan offering dedicated one-on-one sessions."},
{
id: "faq-3",
title: "What kind of equipment do you have?",
content: "Apex Fitness is equipped with state-of-the-art, modern fitness equipment from leading brands, catering to all types of training from strength and cardio to functional and athletic performance.",
},
id: "faq-3", title: "What kind of equipment do you have?", content: "Apex Fitness is equipped with state-of-the-art, modern fitness equipment from leading brands, catering to all types of training from strength and cardio to functional and athletic performance."},
{
id: "faq-4",
title: "Can I try the gym before joining?",
content: "Absolutely! We offer a free consultation and a trial session so you can experience our premium facilities and meet our coaches before committing to a membership. Book yours through our contact section.",
},
id: "faq-4", title: "Can I try the gym before joining?", content: "Absolutely! We offer a free consultation and a trial session so you can experience our premium facilities and meet our coaches before committing to a membership. Book yours through our contact section."},
{
id: "faq-5",
title: "What if I'm new to fitness?",
content: "Our programs are designed to accommodate all fitness levels, from beginners to advanced athletes. Our coaches will assess your current condition and tailor a plan that's safe, effective, and progressive for you.",
},
id: "faq-5", title: "What if I'm new to fitness?", content: "Our programs are designed to accommodate all fitness levels, from beginners to advanced athletes. Our coaches will assess your current condition and tailor a plan that's safe, effective, and progressive for you."},
{
id: "faq-6",
title: "Are there any long-term contracts?",
content: "We offer flexible membership options, including monthly and annual plans, with varying commitment levels. Our team can help you find the plan that best suits your needs and preferences during your consultation.",
},
id: "faq-6", title: "Are there any long-term contracts?", content: "We offer flexible membership options, including monthly and annual plans, with varying commitment levels. Our team can help you find the plan that best suits your needs and preferences during your consultation."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our gym, exclusive programs, and membership options."
@@ -443,27 +250,16 @@ export default function LandingPage() {
description="Ready to start your transformation? Reach out to us today to book a free consultation or inquire about our exclusive programs and memberships. Our team is here to guide you."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
},
name: "phone", type: "tel", placeholder: "Your Phone Number"},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024360.jpg"
@@ -481,66 +277,39 @@ export default function LandingPage() {
logoText="Apex Fitness"
columns={[
{
title: "Programs",
items: [
title: "Programs", items: [
{
label: "Weight Loss",
href: "#programs",
},
label: "Weight Loss", href: "#programs"},
{
label: "Muscle Building",
href: "#programs",
},
label: "Muscle Building", href: "#programs"},
{
label: "Athlete Performance",
href: "#programs",
},
label: "Athlete Performance", href: "#programs"},
{
label: "Personal Coaching",
href: "#programs",
},
label: "Personal Coaching", href: "#programs"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Membership",
href: "#membership",
},
label: "Membership", href: "#membership"},
{
label: "Success Stories",
href: "#success-stories",
},
label: "Success Stories", href: "#success-stories"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
],
},
]}