Update src/app/page.tsx

This commit is contained in:
2026-06-03 09:51:18 +00:00
parent 87b589ca72
commit 68cfb7a0e3

View File

@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/set-vintage-fitness-badges_23-2147795916.jpg"
logoAlt="Alpha Fitness Club Logo"
@@ -64,17 +52,14 @@ export default function LandingPage() {
bottomLeftText="Train like an Alpha"
bottomRightText="info@alphafitness.com"
button={{
text: "Join Now",
href: "#contact",
}}
text: "Join Now", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
title="Unleash Your Inner Alpha"
description="Transform your body and mind at Alpha Fitness Club. Experience world-class equipment, expert trainers, and a supportive community."
tag="Train Hard, Live Strong"
@@ -82,13 +67,9 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Explore Memberships",
href: "#pricing",
},
text: "Explore Memberships", href: "#pricing"},
{
text: "Start Your Free Trial",
href: "#contact",
},
text: "Start Your Free Trial", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/young-women-having-fun-zumba_23-2149047635.jpg"
@@ -101,15 +82,10 @@ export default function LandingPage() {
useInvertedBackground={true}
title="About Alpha Fitness Club"
description={[
"Alpha Fitness Club is more than just a gym; it's a community dedicated to helping you achieve your full potential. We provide a state-of-the-art facility, expert guidance, and a motivating environment where every member feels empowered.",
"Our mission is to inspire healthier lifestyles through personalized fitness plans, diverse group classes, and cutting-edge equipment. We believe in building a strong foundation for a lifetime of health and wellness, starting with you.",
"Join us and discover a fitness journey tailored to your goals. Whether you're a seasoned athlete or just beginning, Alpha Fitness Club is your partner in strength, endurance, and well-being.",
]}
"Alpha Fitness Club is more than just a gym; it's a community dedicated to helping you achieve your full potential. We provide a state-of-the-art facility, expert guidance, and a motivating environment where every member feels empowered.", "Our mission is to inspire healthier lifestyles through personalized fitness plans, diverse group classes, and cutting-edge equipment. We believe in building a strong foundation for a lifetime of health and wellness, starting with you.", "Join us and discover a fitness journey tailored to your goals. Whether you're a seasoned athlete or just beginning, Alpha Fitness Club is your partner in strength, endurance, and well-being."]}
buttons={[
{
text: "Our Story",
href: "#",
},
text: "Our Story", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -122,37 +98,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "personal-training",
title: "Personal Training",
description: "Achieve your goals faster with tailored workouts and one-on-one coaching from our certified personal trainers.",
tag: "Expert Guidance",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-training-together-with-dumbbells_23-2149391997.jpg",
imageAlt: "Personal trainer assisting a client with weights",
},
id: "personal-training", title: "Personal Training", description: "Achieve your goals faster with tailored workouts and one-on-one coaching from our certified personal trainers.", tag: "Expert Guidance", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-training-together-with-dumbbells_23-2149391997.jpg", imageAlt: "Personal trainer assisting a client with weights"},
{
id: "group-classes",
title: "Dynamic Group Classes",
description: "Boost your energy in our high-energy group classes, from HIIT and Yoga to Spinning and Zumba, led by motivating instructors.",
tag: "Community Energy",
imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061446.jpg",
imageAlt: "Group of people participating in a high-energy fitness class",
},
id: "group-classes", title: "Dynamic Group Classes", description: "Boost your energy in our high-energy group classes, from HIIT and Yoga to Spinning and Zumba, led by motivating instructors.", tag: "Community Energy", imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061446.jpg", imageAlt: "Group of people participating in a high-energy fitness class"},
{
id: "state-of-art-equipment",
title: "State-of-the-Art Equipment",
description: "Train on the latest and most advanced fitness machinery, ensuring an effective and safe workout every time.",
tag: "Modern Facility",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-running-treadmill_158595-1913.jpg",
imageAlt: "Modern gym interior with a variety of state-of-the-art equipment",
},
id: "state-of-art-equipment", title: "State-of-the-Art Equipment", description: "Train on the latest and most advanced fitness machinery, ensuring an effective and safe workout every time.", tag: "Modern Facility", imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-running-treadmill_158595-1913.jpg", imageAlt: "Modern gym interior with a variety of state-of-the-art equipment"},
{
id: "nutrition-guidance",
title: "Nutrition Guidance",
description: "Complement your training with expert nutritional advice and meal planning to optimize your results and overall health.",
tag: "Holistic Approach",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-meal-planning-notebook_23-2149099897.jpg",
imageAlt: "Healthy meal with fresh ingredients, representing nutrition guidance",
},
id: "nutrition-guidance", title: "Nutrition Guidance", description: "Complement your training with expert nutritional advice and meal planning to optimize your results and overall health.\n", tag: "Holistic Approach", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-meal-planning-notebook_23-2149099897.jpg", imageAlt: "Healthy meal with fresh ingredients, representing nutrition guidance"},
]}
title="Our Premium Fitness Services"
description="Unlock your potential with our comprehensive range of services designed to support every aspect of your fitness journey."
@@ -168,37 +120,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "members",
value: "5000+",
title: "Active Members",
description: "A thriving community passionate about fitness and healthy living.",
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-thumbs-up-beige-tank-top-looking-joyful-front-view_176474-46231.jpg",
imageAlt: "Happy gym members",
},
id: "members", value: "5000+", title: "Active Members", description: "A thriving community passionate about fitness and healthy living.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-thumbs-up-beige-tank-top-looking-joyful-front-view_176474-46231.jpg", imageAlt: "Happy gym members"},
{
id: "classes",
value: "100+",
title: "Weekly Classes",
description: "Diverse range of classes to keep your workouts exciting and effective.",
imageSrc: "http://img.b2bpic.net/free-photo/illustration-people-jogging_23-2151859224.jpg",
imageAlt: "Various fitness class icons",
},
id: "classes", value: "100+", title: "Weekly Classes", description: "Diverse range of classes to keep your workouts exciting and effective.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-people-jogging_23-2151859224.jpg", imageAlt: "Various fitness class icons"},
{
id: "results",
value: "95%",
title: "Success Rate",
description: "Members who achieve their fitness goals with our dedicated support.",
imageSrc: "http://img.b2bpic.net/free-photo/muscular-couple-showing-six-pack-abs-isolated-white-background_1150-2949.jpg",
imageAlt: "Before and after fitness transformation",
},
id: "results", value: "95%", title: "Success Rate", description: "Members who achieve their fitness goals with our dedicated support.", imageSrc: "http://img.b2bpic.net/free-photo/muscular-couple-showing-six-pack-abs-isolated-white-background_1150-2949.jpg", imageAlt: "Before and after fitness transformation"},
{
id: "trainers",
value: "20+",
title: "Certified Trainers",
description: "Experienced and passionate trainers ready to guide your journey.",
imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-sitting-morning-gym_1157-32166.jpg",
imageAlt: "Group of certified personal trainers",
},
id: "trainers", value: "20+", title: "Certified Trainers", description: "Experienced and passionate trainers ready to guide your journey.", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-sitting-morning-gym_1157-32166.jpg", imageAlt: "Group of certified personal trainers"},
]}
title="Our Impact & Achievements"
description="Discover the numbers that reflect our commitment to excellence and the success of our fitness community."
@@ -215,33 +143,13 @@ export default function LandingPage() {
carouselMode="buttons"
members={[
{
id: "john-doe",
name: "John Doe",
role: "Head Trainer, Strength & Conditioning",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg",
imageAlt: "Portrait of John Doe, Head Trainer",
},
id: "john-doe", name: "John Doe", role: "Head Trainer, Strength & Conditioning", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21910.jpg", imageAlt: "Portrait of John Doe, Head Trainer"},
{
id: "jane-smith",
name: "Jane Smith",
role: "Certified Personal Trainer, Yoga & Pilates",
imageSrc: "http://img.b2bpic.net/free-photo/photo-active-sporty-curly-haired-woman-leans-aside-keeps-arm-raised-up-dressed-activewear-poses-fitness-mat-against-urban-background-being-good-physical-shape-does-bend-exercise_273609-56903.jpg",
imageAlt: "Portrait of Jane Smith, Yoga Instructor",
},
id: "jane-smith", name: "Jane Smith", role: "Certified Personal Trainer, Yoga & Pilates", imageSrc: "http://img.b2bpic.net/free-photo/photo-active-sporty-curly-haired-woman-leans-aside-keeps-arm-raised-up-dressed-activewear-poses-fitness-mat-against-urban-background-being-good-physical-shape-does-bend-exercise_273609-56903.jpg", imageAlt: "Portrait of Jane Smith, Yoga Instructor"},
{
id: "mike-johnson",
name: "Mike Johnson",
role: "Group Fitness Instructor, HIIT & Cardio",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-boxer-wrapping-his-hands-before-training-boxing-ring_23-2148759639.jpg",
imageAlt: "Portrait of Mike Johnson, Group Fitness Instructor",
},
id: "mike-johnson", name: "Mike Johnson", role: "Group Fitness Instructor, HIIT & Cardio", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-boxer-wrapping-his-hands-before-training-boxing-ring_23-2148759639.jpg", imageAlt: "Portrait of Mike Johnson, Group Fitness Instructor"},
{
id: "sarah-williams",
name: "Sarah Williams",
role: "Nutrition Specialist, Wellness Coach",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-dumbbell_23-2149177943.jpg",
imageAlt: "Portrait of Sarah Williams, Nutrition Specialist",
},
id: "sarah-williams", name: "Sarah Williams", role: "Nutrition Specialist, Wellness Coach", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-dumbbell_23-2149177943.jpg", imageAlt: "Portrait of Sarah Williams, Nutrition Specialist"},
]}
title="Meet Our Elite Coaching Team"
description="Our passionate and highly qualified trainers are here to inspire, guide, and support you every step of the way."
@@ -257,61 +165,31 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Start Strong",
badgeIcon: Sparkles,
price: "$39/month",
subtitle: "Access to all gym facilities",
buttons: [
id: "basic", badge: "Start Strong", badgeIcon: Sparkles,
price: "$39/month", subtitle: "Access to all gym facilities", buttons: [
{
text: "Choose Basic",
href: "#contact",
},
text: "Choose Basic", href: "#contact"},
],
features: [
"Full gym access",
"Locker room facilities",
"Free Wi-Fi",
"Basic fitness assessment",
],
"Full gym access", "Locker room facilities", "Free Wi-Fi", "Basic fitness assessment"],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Star,
price: "$59/month",
subtitle: "Basic + All Group Classes",
buttons: [
id: "pro", badge: "Most Popular", badgeIcon: Star,
price: "$59/month", subtitle: "Basic + All Group Classes", buttons: [
{
text: "Choose Pro",
href: "#contact",
},
text: "Choose Pro", href: "#contact"},
],
features: [
"Everything in Basic",
"Unlimited group classes",
"Priority class booking",
"Guest passes (2/month)",
],
"Everything in Basic", "Unlimited group classes", "Priority class booking", "Guest passes (2/month)"],
},
{
id: "elite",
badge: "Ultimate Alpha",
badgeIcon: Shield,
price: "$99/month",
subtitle: "Pro + Personal Training & Nutrition",
buttons: [
id: "elite", badge: "Ultimate Alpha", badgeIcon: Shield,
price: "$99/month", subtitle: "Pro + Personal Training & Nutrition", buttons: [
{
text: "Choose Elite",
href: "#contact",
},
text: "Choose Elite", href: "#contact"},
],
features: [
"Everything in Pro",
"2 personal training sessions/month",
"Customized nutrition plan",
"Towel service",
],
"Everything in Pro", "2 personal training sessions/month", "Customized nutrition plan", "Towel service"],
},
]}
title="Choose Your Path to Fitness"
@@ -328,50 +206,20 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "1",
name: "Mark R.",
handle: "@MarkFit",
testimonial: "Alpha Fitness changed my entire perspective on health. The trainers are incredible, and the community keeps me motivated every single day!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sportsman-doing-arm-warmup-gym-sport-lifestyle_169016-58063.jpg",
imageAlt: "Portrait of Mark R.",
},
id: "1", name: "Mark R.", handle: "@MarkFit", testimonial: "Alpha Fitness changed my entire perspective on health. The trainers are incredible, and the community keeps me motivated every single day!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sportsman-doing-arm-warmup-gym-sport-lifestyle_169016-58063.jpg", imageAlt: "Portrait of Mark R."},
{
id: "2",
name: "Sarah J.",
handle: "@SarahMoves",
testimonial: "I've never felt stronger or more confident. The variety of classes is fantastic, and the facility is always clean and well-maintained.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32124.jpg",
imageAlt: "Portrait of Sarah J.",
},
id: "2", name: "Sarah J.", handle: "@SarahMoves", testimonial: "I've never felt stronger or more confident. The variety of classes is fantastic, and the facility is always clean and well-maintained.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32124.jpg", imageAlt: "Portrait of Sarah J."},
{
id: "3",
name: "David L.",
handle: "@DavidLift",
testimonial: "The personal training sessions are a game-changer. My trainer created a custom plan that got me results I never thought possible!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-with-injured-leg-bandage-holds-barbell-near-cross-fit-stand-gym-club_613910-7826.jpg",
imageAlt: "Portrait of David L.",
},
id: "3", name: "David L.", handle: "@DavidLift", testimonial: "The personal training sessions are a game-changer. My trainer created a custom plan that got me results I never thought possible!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-with-injured-leg-bandage-holds-barbell-near-cross-fit-stand-gym-club_613910-7826.jpg", imageAlt: "Portrait of David L."},
{
id: "4",
name: "Emily C.",
handle: "@EmilyActive",
testimonial: "As someone new to fitness, Alpha Fitness made me feel so welcome. The staff is supportive, and the environment is truly inspiring.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blonde-woman-posing-with-her-bicycle_23-2148731215.jpg",
imageAlt: "Portrait of Emily C.",
},
id: "4", name: "Emily C.", handle: "@EmilyActive", testimonial: "As someone new to fitness, Alpha Fitness made me feel so welcome. The staff is supportive, and the environment is truly inspiring.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blonde-woman-posing-with-her-bicycle_23-2148731215.jpg", imageAlt: "Portrait of Emily C."},
{
id: "5",
name: "Chris B.",
handle: "@ChrisZen",
testimonial: "The yoga and meditation classes are my favorite! It's the perfect balance to my intense workouts, helping me stay centered and strong.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/urdhva-mukha-shvanasana-pose_1163-3589.jpg",
imageAlt: "Portrait of Chris B.",
},
id: "5", name: "Chris B.", handle: "@ChrisZen", testimonial: "The yoga and meditation classes are my favorite! It's the perfect balance to my intense workouts, helping me stay centered and strong.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/urdhva-mukha-shvanasana-pose_1163-3589.jpg", imageAlt: "Portrait of Chris B."},
]}
showRating={true}
title="Hear From Our Happy Members"
@@ -386,26 +234,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What are your operating hours?",
content: "Alpha Fitness Club is open Monday to Friday from 5 AM to 11 PM, and on weekends from 7 AM to 9 PM.",
},
id: "faq-1", title: "What are your operating hours?", content: "Alpha Fitness Club is open Monday to Friday from 5 AM to 11 PM, and on weekends from 7 AM to 9 PM."},
{
id: "faq-2",
title: "Do you offer a free trial?",
content: "Yes, we offer a complimentary 7-day free trial for all new members. Visit our club or sign up online to get started!",
},
"faq-3",
id: "faq-2", title: "Do you offer a free trial?", content: "Yes, we offer a complimentary 7-day free trial for all new members. Visit our club or sign up online to get started!"},
{
id: "faq-3",
title: "What types of classes do you offer?",
content: "We offer a wide range of classes including HIIT, Yoga, Pilates, Spinning, Zumba, Boot Camp, and more. Check our schedule for full details.",
},
id: "faq-3", title: "What types of classes do you offer?", content: "We offer a wide range of classes including HIIT, Yoga, Pilates, Spinning, Zumba, Boot Camp, and more. Check our schedule for full details."},
{
id: "faq-4",
title: "Can I bring a guest?",
content: "Pro and Elite members receive guest passes as part of their membership package. Guests can also purchase a day pass at the front desk.",
},
id: "faq-4", title: "Can I bring a guest?", content: "Pro and Elite members receive guest passes as part of their membership package. Guests can also purchase a day pass at the front desk."},
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about Alpha Fitness Club, our memberships, and services."
@@ -418,8 +253,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
tag="Join the Alpha Pack"
title="Ready to Start Your Transformation?"
description="Sign up for a free trial or learn more about our memberships. Our team is here to help you achieve your fitness goals."
@@ -440,58 +274,35 @@ export default function LandingPage() {
logoText="Alpha Fitness Club"
columns={[
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Personal Training",
href: "#services",
},
label: "Personal Training", href: "#services"},
{
label: "Group Classes",
href: "#services",
},
label: "Group Classes", href: "#services"},
{
label: "Memberships",
href: "#pricing",
},
label: "Memberships", href: "#pricing"},
{
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: "Facebook",
href: "https://facebook.com",
},
label: "Facebook", href: "https://facebook.com"},
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
],
},
]}