Update src/app/page.tsx

This commit is contained in:
2026-06-11 13:41:21 +00:00
parent 540b6d9f97
commit d7503fef14

View File

@@ -35,41 +35,23 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s9g8ny"
logoAlt="Bikers GYM Logo"
@@ -77,28 +59,21 @@ export default function LandingPage() {
bottomLeftText="Ride Stronger Together"
bottomRightText="info@bikersgym.com"
button={{
text: "Join Now",
href: "#contact",
}}
text: "Join Now", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
logoText="Bikers GYM"
description="Ignite Your Ride. Forge Your Strength. The ultimate fitness destination for bikers, built on power, endurance, and community."
buttons={[
{
text: "Join Now",
href: "#contact",
},
text: "Join Now", href: "#contact"},
{
text: "Explore Programs",
href: "#features",
},
text: "Explore Programs", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574420.jpg"
imageAlt="Motorcyclist training in a gym"
@@ -113,17 +88,11 @@ export default function LandingPage() {
description="More than just a gym, we're a brotherhood and sisterhood united by the roar of engines and the pursuit of peak physical condition. Our state-of-the-art facility is designed for riders, by riders, focusing on strength, agility, and endurance specific to motorcycling. Join a community that pushes limits and rides harder."
metrics={[
{
value: "10+",
title: "Years of Experience",
},
value: "10+", title: "Years of Experience"},
{
value: "500+",
title: "Active Members",
},
value: "500+", title: "Active Members"},
{
value: "15+",
title: "Specialized Programs",
},
value: "15+", title: "Specialized Programs"},
]}
imageSrc="http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270234.jpg"
imageAlt="Modern gym interior with various fitness equipment"
@@ -139,35 +108,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "endurance",
title: "Endurance Training",
tags: [
"Cardio",
"Stamina",
],
imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-training-treadmill-home-home-workout-treadmill_169016-67647.jpg",
imageAlt: "Cyclist on stationary bike",
},
id: "endurance", title: "Endurance Training", tags: [
"Cardio", "Stamina"],
imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-training-treadmill-home-home-workout-treadmill_169016-67647.jpg", imageAlt: "Cyclist on stationary bike"},
{
id: "strength",
title: "Core Strength & Power",
tags: [
"Weightlifting",
"Explosive Power",
],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-training-summer-park_1157-20476.jpg",
imageAlt: "Man doing deadlifts with heavy weights",
},
id: "strength", title: "Core Strength & Power", tags: [
"Weightlifting", "Explosive Power"],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-training-summer-park_1157-20476.jpg", imageAlt: "Man doing deadlifts with heavy weights"},
{
id: "agility",
title: "Agility & Balance",
tags: [
"Flexibility",
"Control",
],
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-sporty-man-wearing-headband-wristbands-holding-stretching-out-water-bottles-isolated-green-wall-with-copy-space_141793-101167.jpg",
imageAlt: "Athlete doing agility ladder training",
},
id: "agility", title: "Agility & Balance", tags: [
"Flexibility", "Control"],
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-sporty-man-wearing-headband-wristbands-holding-stretching-out-water-bottles-isolated-green-wall-with-copy-space_141793-101167.jpg", imageAlt: "Athlete doing agility ladder training"},
]}
title="Forge Your Ride-Ready Body"
description="Our specialized programs and equipment are tailored to enhance every aspect of a biker's performance, from core strength for control to endurance for long hauls."
@@ -178,69 +129,27 @@ export default function LandingPage() {
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-items-equal"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "prod-1",
brand: "RideFuel",
name: "Performance Protein",
price: "$49.99",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-sportsgirl-woman-after-fitness-training-gives-you-water-bottle-stays-hydrated-after-workout_1258-184086.jpg",
imageAlt: "Performance protein supplement",
},
id: "prod-1", brand: "RideFuel", name: "Performance Protein", price: "$49.99", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/smiling-sportsgirl-woman-after-fitness-training-gives-you-water-bottle-stays-hydrated-after-workout_1258-184086.jpg", imageAlt: "Performance protein supplement"},
{
id: "prod-2",
brand: "IronGrip",
name: "Pro Riding Gloves",
price: "$59.99",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-boxer-taking-rest-from-workout_1098-18979.jpg",
imageAlt: "Pro riding gloves",
},
id: "prod-2", brand: "IronGrip", name: "Pro Riding Gloves", price: "$59.99", rating: 4,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-boxer-taking-rest-from-workout_1098-18979.jpg", imageAlt: "Pro riding gloves"},
{
id: "prod-3",
brand: "Bikers GYM",
name: "Signature T-Shirt",
price: "$29.99",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/african-woman-blue-tshirt-posed-indoor-together_627829-4407.jpg",
imageAlt: "Signature T-Shirt",
},
id: "prod-3", brand: "Bikers GYM", name: "Signature T-Shirt", price: "$29.99", rating: 5,
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/african-woman-blue-tshirt-posed-indoor-together_627829-4407.jpg", imageAlt: "Signature T-Shirt"},
{
id: "prod-4",
brand: "Vanguard",
name: "Full-Face Helmet",
price: "$299.00",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585656.jpg",
imageAlt: "Full-face helmet",
},
id: "prod-4", brand: "Vanguard", name: "Full-Face Helmet", price: "$299.00", rating: 5,
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585656.jpg", imageAlt: "Full-face helmet"},
{
id: "prod-5",
brand: "Defiance",
name: "Protective Riding Jacket",
price: "$189.00",
rating: 4,
reviewCount: "75",
imageSrc: "http://img.b2bpic.net/free-photo/sexy-fbi-female-agent-abadoned-place_627829-8682.jpg",
imageAlt: "Protective riding jacket",
},
id: "prod-5", brand: "Defiance", name: "Protective Riding Jacket", price: "$189.00", rating: 4,
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/sexy-fbi-female-agent-abadoned-place_627829-8682.jpg", imageAlt: "Protective riding jacket"},
{
id: "prod-6",
brand: "HydraMax",
name: "Insulated Water Bottle",
price: "$19.99",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-isolated-blue-surface_176420-11914.jpg",
imageAlt: "Insulated water bottle",
},
id: "prod-6", brand: "HydraMax", name: "Insulated Water Bottle", price: "$19.99", rating: 4,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-isolated-blue-surface_176420-11914.jpg", imageAlt: "Insulated water bottle"},
]}
title="Gear Up for Glory"
description="Discover our range of premium supplements, apparel, and accessories, carefully selected to support your training and lifestyle on and off the bike."
@@ -254,59 +163,25 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Casual Rider",
tagIcon: Activity,
price: "$59",
period: "/month",
description: "Access to all gym facilities during off-peak hours.",
button: {
text: "Start Basic",
},
featuresTitle: "Includes:",
features: [
"Gym Access (Off-Peak)",
"Standard Classes",
"Basic Locker Access",
],
id: "basic", tag: "Casual Rider", tagIcon: Activity,
price: "$59", period: "/month", description: "Access to all gym facilities during off-peak hours.", button: {
text: "Start Basic"},
featuresTitle: "Includes:", features: [
"Gym Access (Off-Peak)", "Standard Classes", "Basic Locker Access"],
},
{
id: "pro",
tag: "Dedicated Rider",
tagIcon: Zap,
price: "$99",
period: "/month",
description: "Full access to all facilities, classes, and exclusive workshops.",
button: {
text: "Go Pro",
},
featuresTitle: "Includes:",
features: [
"24/7 Gym Access",
"All Group Classes",
"Exclusive Workshops",
"Personalized Training Plan",
"Premium Locker Access",
],
id: "pro", tag: "Dedicated Rider", tagIcon: Zap,
price: "$99", period: "/month", description: "Full access to all facilities, classes, and exclusive workshops.", button: {
text: "Go Pro"},
featuresTitle: "Includes:", features: [
"24/7 Gym Access", "All Group Classes", "Exclusive Workshops", "Personalized Training Plan", "Premium Locker Access"],
},
{
id: "elite",
tag: "Elite Racer",
tagIcon: Crown,
price: "$149",
period: "/month",
description: "Everything in Pro, plus one-on-one coaching and event prep.",
button: {
text: "Join Elite",
},
featuresTitle: "Includes:",
features: [
"All Pro Benefits",
"1:1 Coaching Sessions",
"Race Day Prep",
"Nutritional Guidance",
"VIP Community Access",
],
id: "elite", tag: "Elite Racer", tagIcon: Crown,
price: "$149", period: "/month", description: "Everything in Pro, plus one-on-one coaching and event prep.", button: {
text: "Join Elite"},
featuresTitle: "Includes:", features: [
"All Pro Benefits", "1:1 Coaching Sessions", "Race Day Prep", "Nutritional Guidance", "VIP Community Access"],
},
]}
title="Unleash Your Potential"
@@ -321,34 +196,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "metric-1",
value: "95%",
title: "Member Satisfaction",
items: [
"High-quality facilities",
"Expert trainers",
"Supportive environment",
],
id: "metric-1", value: "95%", title: "Member Satisfaction", items: [
"High-quality facilities", "Expert trainers", "Supportive environment"],
},
{
id: "metric-2",
value: "70%",
title: "Improved Endurance",
items: [
"Longer rides",
"Reduced fatigue",
"Faster recovery",
],
id: "metric-2", value: "70%", title: "Improved Endurance", items: [
"Longer rides", "Reduced fatigue", "Faster recovery"],
},
{
id: "metric-3",
value: "2x",
title: "Strength Gains",
items: [
"Enhanced bike control",
"Increased lifting capacity",
"Greater confidence",
],
id: "metric-3", value: "2x", title: "Strength Gains", items: [
"Enhanced bike control", "Increased lifting capacity", "Greater confidence"],
},
]}
title="Our Impact, Your Victory"
@@ -360,30 +217,15 @@ export default function LandingPage() {
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-items-equal"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "member-1",
name: "Alex 'The Piston' Stone",
role: "Head Strength Coach",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg",
imageAlt: "Alex Stone, Head Strength Coach",
},
id: "member-1", name: "Alex 'The Piston' Stone", role: "Head Strength Coach", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg", imageAlt: "Alex Stone, Head Strength Coach"},
{
id: "member-2",
name: "Sarah 'Gearhead' Miller",
role: "Endurance Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fit-tired-woman_23-2149036389.jpg",
imageAlt: "Sarah Miller, Endurance Specialist",
},
id: "member-2", name: "Sarah 'Gearhead' Miller", role: "Endurance Specialist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fit-tired-woman_23-2149036389.jpg", imageAlt: "Sarah Miller, Endurance Specialist"},
{
id: "member-3",
name: "Mark 'The Mechanic' Davis",
role: "Agility & Core Trainer",
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-holding-hands-his-mouth-keeps-mouth-wide-opened-male-rejoice-unexpected-news-wearing-white-t-shirt-hairband_176532-11756.jpg",
imageAlt: "Mark Davis, Agility & Core Trainer",
},
id: "member-3", name: "Mark 'The Mechanic' Davis", role: "Agility & Core Trainer", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-holding-hands-his-mouth-keeps-mouth-wide-opened-male-rejoice-unexpected-news-wearing-white-t-shirt-hairband_176532-11756.jpg", imageAlt: "Mark Davis, Agility & Core Trainer"},
]}
title="Meet Your Coaches"
description="Our certified trainers are seasoned riders and fitness experts, dedicated to guiding you through every rep, every mile, and every victory."
@@ -398,25 +240,15 @@ export default function LandingPage() {
author="Jax 'Road King' Teller, Avid Rider"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg",
alt: "Biker Gym Member 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-stylish-redhead-biker-black-leather-jacket-holds-motorcycle-helmet-posing-studio-isolated-dark-background_613910-5351.jpg", alt: "Biker Gym Member 1"},
{
src: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5404.jpg",
alt: "Biker Gym Member 2",
},
src: "http://img.b2bpic.net/free-photo/pretty-woman-sportswear-beach_273609-5404.jpg", alt: "Biker Gym Member 2"},
{
src: "http://img.b2bpic.net/free-photo/athletic-person-exercising-working-out_23-2150989839.jpg",
alt: "Biker Gym Member 3",
},
src: "http://img.b2bpic.net/free-photo/athletic-person-exercising-working-out_23-2150989839.jpg", alt: "Biker Gym Member 3"},
{
src: "http://img.b2bpic.net/free-photo/athletic-woman-outdoors-exercising_23-2150393470.jpg",
alt: "Biker Gym Member 4",
},
src: "http://img.b2bpic.net/free-photo/athletic-woman-outdoors-exercising_23-2150393470.jpg", alt: "Biker Gym Member 4"},
{
src: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-1082.jpg",
alt: "Biker Gym Member 5",
},
src: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-1082.jpg", alt: "Biker Gym Member 5"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -429,20 +261,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What kind of classes do you offer?",
content: "We offer a wide range of classes including High-Intensity Interval Training (HIIT), strength & conditioning tailored for bikers, yoga for flexibility, and specialized endurance cycling sessions.",
},
id: "faq-1", title: "What kind of classes do you offer?", content: "We offer a wide range of classes including High-Intensity Interval Training (HIIT), strength & conditioning tailored for bikers, yoga for flexibility, and specialized endurance cycling sessions."},
{
id: "faq-2",
title: "Do I need to be a biker to join?",
content: "While our programs are biker-focused, anyone passionate about fitness and strength is welcome to join our community and benefit from our expert coaching and facilities.",
},
id: "faq-2", title: "Do I need to be a biker to join?", content: "While our programs are biker-focused, anyone passionate about fitness and strength is welcome to join our community and benefit from our expert coaching and facilities."},
{
id: "faq-3",
title: "What are your membership options?",
content: "We have flexible plans ranging from basic gym access to premium packages including personal training, nutritional guidance, and exclusive event participation. Visit our Pricing section for more details.",
},
id: "faq-3", title: "What are your membership options?", content: "We have flexible plans ranging from basic gym access to premium packages including personal training, nutritional guidance, and exclusive event participation. Visit our Pricing section for more details."},
]}
imageSrc="http://img.b2bpic.net/free-photo/faqs-customer-service-icon-concept_53876-123826.jpg"
imageAlt="Questions and Answers illustration"
@@ -457,16 +280,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Join Us"
title="Ready to Ride Stronger?"
description="Become part of the Bikers GYM family. Experience world-class training, exclusive events, and a community that shares your passion for the open road."
buttons={[
{
text: "Get Started Today",
href: "#contact",
},
text: "Get Started Today", href: "#contact"},
]}
/>
</div>
@@ -475,54 +295,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", 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: "Programs",
href: "#features",
},
label: "Programs", href: "#features"},
{
label: "Memberships",
href: "#pricing",
},
label: "Memberships", href: "#pricing"},
{
label: "Shop",
href: "#products",
},
label: "Shop", href: "#products"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}