bender/c648f30d-cabf-4437-ba6f-6179447902b9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 08:44:10 +00:00
parent 2c99d8dd5c
commit 01af3d0ba9
1 changed files with 60 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -32,51 +32,34 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Training",
id: "#features",
},
name: "Training", id: "#features"},
{
name: "Programs",
id: "#programs",
},
name: "Programs", id: "#programs"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
]}
brandName="Fitverse"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Redefine Your Limits with Fitverse"
description="Unlock a new version of yourself through data-driven training, personalized nutrition, and a community built to push you further."
tag="Start your journey"
buttons={[
{
text: "Start Free Trial",
href: "#pricing",
},
text: "Start Free Trial", href: "#pricing"},
{
text: "View Programs",
href: "#programs",
},
text: "View Programs", href: "#programs"},
]}
imageSrc="http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-58843.jpg?_wi=1"
imageAlt="Professional fitness athlete"
@@ -90,23 +73,14 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Zap,
title: "Active Sessions",
value: "12,400+",
},
id: "m1", icon: Zap,
title: "Active Sessions", value: "12,400+"},
{
id: "m2",
icon: Award,
title: "Successful Goals",
value: "8,200+",
},
id: "m2", icon: Award,
title: "Successful Goals", value: "8,200+"},
{
id: "m3",
icon: Users,
title: "Community Members",
value: "5,000+",
},
id: "m3", icon: Users,
title: "Community Members", value: "5,000+"},
]}
title="Achieve Real Progress"
description="Numbers speak louder than motivation. Track your performance consistently."
@@ -120,23 +94,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Biometric Tracking",
description: "Monitor every movement with precision tech.",
imageSrc: "http://img.b2bpic.net/free-photo/unknown-sporty-woman-checks-pulse-neck-focused-smartwatch-dressed-beige-sportsclothes-poses-outdoors_273609-55496.jpg?_wi=1",
imageAlt: "fitness tracking tech",
},
title: "Biometric Tracking", description: "Monitor every movement with precision tech.", imageSrc: "http://img.b2bpic.net/free-photo/unknown-sporty-woman-checks-pulse-neck-focused-smartwatch-dressed-beige-sportsclothes-poses-outdoors_273609-55496.jpg?_wi=1", imageAlt: "fitness tracking tech"},
{
title: "Nutritional Guidance",
description: "Fuel your workouts with perfect macro-balancing.",
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-meal-prep-containers-with-eggs-brussel-sprouts-green-beans-tomato-dinner-lunch-box-top-view-flat-lay_2829-17469.jpg",
imageAlt: "healthy meal prep food",
},
title: "Nutritional Guidance", description: "Fuel your workouts with perfect macro-balancing.", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-meal-prep-containers-with-eggs-brussel-sprouts-green-beans-tomato-dinner-lunch-box-top-view-flat-lay_2829-17469.jpg", imageAlt: "healthy meal prep food"},
{
title: "Holistic Wellness",
description: "Balance intensity with restorative yoga sessions.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725239.jpg",
imageAlt: "yoga class group",
},
title: "Holistic Wellness", description: "Balance intensity with restorative yoga sessions.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725239.jpg", imageAlt: "yoga class group"},
]}
title="Training Methodology"
description="Three pillars of fitness that ensure results and longevity."
@@ -151,65 +113,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Strength",
name: "Powerlifting Pro",
price: "$49",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/towel-shorts-near-fruits_23-2147750738.jpg",
imageAlt: "athletic sportswear clothing",
},
id: "p1", brand: "Strength", name: "Powerlifting Pro", price: "$49", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/towel-shorts-near-fruits_23-2147750738.jpg", imageAlt: "athletic sportswear clothing"},
{
id: "p2",
brand: "Cardio",
name: "Marathon Master",
price: "$39",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipments-wooden-floor_23-2147827952.jpg",
imageAlt: "weightlifting equipment set",
},
id: "p2", brand: "Cardio", name: "Marathon Master", price: "$39", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipments-wooden-floor_23-2147827952.jpg", imageAlt: "weightlifting equipment set"},
{
id: "p3",
brand: "Zen",
name: "Yoga Flow",
price: "$29",
rating: 4,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-around-blackboard_23-2147735035.jpg",
imageAlt: "yoga mat and blocks",
},
id: "p3", brand: "Zen", name: "Yoga Flow", price: "$29", rating: 4,
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-around-blackboard_23-2147735035.jpg", imageAlt: "yoga mat and blocks"},
{
id: "p4",
brand: "Strength",
name: "Hiit Intensity",
price: "$59",
rating: 5,
reviewCount: "340",
imageSrc: "http://img.b2bpic.net/free-photo/happy-fit-woman-holding-blue-fitness-ball_329181-3804.jpg",
imageAlt: "personal trainer session",
},
id: "p4", brand: "Strength", name: "Hiit Intensity", price: "$59", rating: 5,
reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/happy-fit-woman-holding-blue-fitness-ball_329181-3804.jpg", imageAlt: "personal trainer session"},
{
id: "p5",
brand: "Recovery",
name: "Mobility Fix",
price: "$19",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/indoors-mature-woman-doing-cardio-exercises-long-shot_23-2148827623.jpg",
imageAlt: "resistance bands kit",
},
id: "p5", brand: "Recovery", name: "Mobility Fix", price: "$19", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/indoors-mature-woman-doing-cardio-exercises-long-shot_23-2148827623.jpg", imageAlt: "resistance bands kit"},
{
id: "p6",
brand: "Agility",
name: "Speed Specialist",
price: "$45",
rating: 5,
reviewCount: "115",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-doing-sport_23-2147995879.jpg",
imageAlt: "running shoes professional",
},
id: "p6", brand: "Agility", name: "Speed Specialist", price: "$45", rating: 5,
reviewCount: "115", imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-doing-sport_23-2147995879.jpg", imageAlt: "running shoes professional"},
]}
title="Core Training Programs"
description="Choose a path that aligns with your specific goals."
@@ -223,56 +143,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
title: "Starter",
price: "$29",
period: "/mo",
features: [
"App access",
"Community feed",
"Basic workouts",
],
id: "basic", title: "Starter", price: "$29", period: "/mo", features: [
"App access", "Community feed", "Basic workouts"],
button: {
text: "Join Now",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-with-broken-leg-bandage-doing-biceps-workout-with-barbell_613910-7802.jpg",
imageAlt: "Bodybuilder with broken leg in bandage doing biceps workout with barbell.",
},
text: "Join Now", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-with-broken-leg-bandage-doing-biceps-workout-with-barbell_613910-7802.jpg", imageAlt: "Bodybuilder with broken leg in bandage doing biceps workout with barbell."},
{
id: "pro",
title: "Performance",
price: "$69",
period: "/mo",
features: [
"App access",
"Nutrition guide",
"Priority training",
],
id: "pro", title: "Performance", price: "$69", period: "/mo", features: [
"App access", "Nutrition guide", "Priority training"],
button: {
text: "Join Now",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-58843.jpg?_wi=2",
imageAlt: "Bodybuilder with broken leg in bandage doing biceps workout with barbell.",
},
text: "Join Now", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-58843.jpg?_wi=2", imageAlt: "Bodybuilder with broken leg in bandage doing biceps workout with barbell."},
{
id: "elite",
title: "Elite",
price: "$149",
period: "/mo",
features: [
"1-on-1 coaching",
"All performance features",
"Custom nutrition plan",
],
id: "elite", title: "Elite", price: "$149", period: "/mo", features: [
"1-on-1 coaching", "All performance features", "Custom nutrition plan"],
button: {
text: "Join Now",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/unknown-sporty-woman-checks-pulse-neck-focused-smartwatch-dressed-beige-sportsclothes-poses-outdoors_273609-55496.jpg?_wi=2",
imageAlt: "Bodybuilder with broken leg in bandage doing biceps workout with barbell.",
},
text: "Join Now", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/unknown-sporty-woman-checks-pulse-neck-focused-smartwatch-dressed-beige-sportsclothes-poses-outdoors_273609-55496.jpg?_wi=2", imageAlt: "Bodybuilder with broken leg in bandage doing biceps workout with barbell."},
]}
title="Membership Plans"
description="Choose a membership that fits your lifestyle."
@@ -286,40 +173,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarahfit",
testimonial: "Fitverse completely changed my approach to fitness. The metrics don't lie!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-curly-hair-doing-sports-sunny-day-chubby-woman-grey-top-with-tattoos-looking-sideways-sport-body-positive-concept_74855-21334.jpg",
},
id: "1", name: "Sarah J.", handle: "@sarahfit", testimonial: "Fitverse completely changed my approach to fitness. The metrics don't lie!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-curly-hair-doing-sports-sunny-day-chubby-woman-grey-top-with-tattoos-looking-sideways-sport-body-positive-concept_74855-21334.jpg"},
{
id: "2",
name: "Mike T.",
handle: "@miketrains",
testimonial: "I've hit PRs I never thought possible since joining the Elite program.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
},
id: "2", name: "Mike T.", handle: "@miketrains", testimonial: "I've hit PRs I never thought possible since joining the Elite program.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg"},
{
id: "3",
name: "Emma L.",
handle: "@emmalifts",
testimonial: "Supportive community, great guidance. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg",
},
id: "3", name: "Emma L.", handle: "@emmalifts", testimonial: "Supportive community, great guidance. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/headshot-african-american-man-runner-resting-after-intensive-outdoor-training-workout_273609-1178.jpg"},
{
id: "4",
name: "David K.",
handle: "@dk_lifts",
testimonial: "The nutrition guide integrated perfectly with my busy lifestyle.",
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg",
},
id: "4", name: "David K.", handle: "@dk_lifts", testimonial: "The nutrition guide integrated perfectly with my busy lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg"},
{
id: "5",
name: "Chloe R.",
handle: "@chloeruns",
testimonial: "I feel stronger and more energetic every single week.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-holding-rolled-up-exercise-mat-isolated-white-background_23-2148047453.jpg",
},
id: "5", name: "Chloe R.", handle: "@chloeruns", testimonial: "I feel stronger and more energetic every single week.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-holding-rolled-up-exercise-mat-isolated-white-background_23-2148047453.jpg"},
]}
title="Member Success Stories"
description="Join thousands of members who achieved their goals."
@@ -332,20 +194,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Can I cancel anytime?",
content: "Yes, all our plans are month-to-month, so you can cancel at any time.",
},
id: "f1", title: "Can I cancel anytime?", content: "Yes, all our plans are month-to-month, so you can cancel at any time."},
{
id: "f2",
title: "Do I need equipment?",
content: "Our basic workouts are designed to be equipment-free, but advanced levels might require gym access.",
},
id: "f2", title: "Do I need equipment?", content: "Our basic workouts are designed to be equipment-free, but advanced levels might require gym access."},
{
id: "f3",
title: "Is nutrition coaching included?",
content: "Nutritional guidance is available starting from our Performance plan.",
},
id: "f3", title: "Is nutrition coaching included?", content: "Nutritional guidance is available starting from our Performance plan."},
]}
title="Frequently Asked Questions"
description="Have questions? We have answers."
@@ -360,42 +213,27 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Programs",
items: [
title: "Programs", items: [
{
label: "Strength",
href: "#",
},
label: "Strength", href: "#"},
{
label: "Cardio",
href: "#",
},
label: "Cardio", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact",
href: "#",
},
label: "Contact", href: "#"},
{
label: "Help",
href: "#",
},
label: "Help", href: "#"},
],
},
]}
@@ -406,4 +244,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}