Update src/app/page.tsx
This commit is contained in:
282
src/app/page.tsx
282
src/app/page.tsx
@@ -32,51 +32,34 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Training",
|
name: "Training", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Programs",
|
name: "Programs", id: "#programs"},
|
||||||
id: "#programs",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "#pricing"},
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Fitverse"
|
brandName="Fitverse"
|
||||||
button={{
|
button={{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Redefine Your Limits with Fitverse"
|
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."
|
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"
|
tag="Start your journey"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Start Free Trial",
|
text: "Start Free Trial", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Programs",
|
text: "View Programs", href: "#programs"},
|
||||||
href: "#programs",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-58843.jpg?_wi=1"
|
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"
|
imageAlt="Professional fitness athlete"
|
||||||
@@ -90,23 +73,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", icon: Zap,
|
||||||
icon: Zap,
|
title: "Active Sessions", value: "12,400+"},
|
||||||
title: "Active Sessions",
|
|
||||||
value: "12,400+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", icon: Award,
|
||||||
icon: Award,
|
title: "Successful Goals", value: "8,200+"},
|
||||||
title: "Successful Goals",
|
|
||||||
value: "8,200+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", icon: Users,
|
||||||
icon: Users,
|
title: "Community Members", value: "5,000+"},
|
||||||
title: "Community Members",
|
|
||||||
value: "5,000+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Achieve Real Progress"
|
title="Achieve Real Progress"
|
||||||
description="Numbers speak louder than motivation. Track your performance consistently."
|
description="Numbers speak louder than motivation. Track your performance consistently."
|
||||||
@@ -120,23 +94,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Biometric Tracking",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Training Methodology"
|
||||||
description="Three pillars of fitness that ensure results and longevity."
|
description="Three pillars of fitness that ensure results and longevity."
|
||||||
@@ -151,65 +113,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Strength", name: "Powerlifting Pro", price: "$49", rating: 5,
|
||||||
brand: "Strength",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/towel-shorts-near-fruits_23-2147750738.jpg", imageAlt: "athletic sportswear clothing"},
|
||||||
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",
|
id: "p2", brand: "Cardio", name: "Marathon Master", price: "$39", rating: 5,
|
||||||
brand: "Cardio",
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipments-wooden-floor_23-2147827952.jpg", imageAlt: "weightlifting equipment set"},
|
||||||
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",
|
id: "p3", brand: "Zen", name: "Yoga Flow", price: "$29", rating: 4,
|
||||||
brand: "Zen",
|
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-around-blackboard_23-2147735035.jpg", imageAlt: "yoga mat and blocks"},
|
||||||
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",
|
id: "p4", brand: "Strength", name: "Hiit Intensity", price: "$59", rating: 5,
|
||||||
brand: "Strength",
|
reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/happy-fit-woman-holding-blue-fitness-ball_329181-3804.jpg", imageAlt: "personal trainer session"},
|
||||||
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",
|
id: "p5", brand: "Recovery", name: "Mobility Fix", price: "$19", rating: 5,
|
||||||
brand: "Recovery",
|
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/indoors-mature-woman-doing-cardio-exercises-long-shot_23-2148827623.jpg", imageAlt: "resistance bands kit"},
|
||||||
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",
|
id: "p6", brand: "Agility", name: "Speed Specialist", price: "$45", rating: 5,
|
||||||
brand: "Agility",
|
reviewCount: "115", imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-doing-sport_23-2147995879.jpg", imageAlt: "running shoes professional"},
|
||||||
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"
|
title="Core Training Programs"
|
||||||
description="Choose a path that aligns with your specific goals."
|
description="Choose a path that aligns with your specific goals."
|
||||||
@@ -223,56 +143,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", title: "Starter", price: "$29", period: "/mo", features: [
|
||||||
title: "Starter",
|
"App access", "Community feed", "Basic workouts"],
|
||||||
price: "$29",
|
|
||||||
period: "/mo",
|
|
||||||
features: [
|
|
||||||
"App access",
|
|
||||||
"Community feed",
|
|
||||||
"Basic workouts",
|
|
||||||
],
|
|
||||||
button: {
|
button: {
|
||||||
text: "Join Now",
|
text: "Join Now", href: "#"},
|
||||||
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."},
|
||||||
},
|
|
||||||
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",
|
id: "pro", title: "Performance", price: "$69", period: "/mo", features: [
|
||||||
title: "Performance",
|
"App access", "Nutrition guide", "Priority training"],
|
||||||
price: "$69",
|
|
||||||
period: "/mo",
|
|
||||||
features: [
|
|
||||||
"App access",
|
|
||||||
"Nutrition guide",
|
|
||||||
"Priority training",
|
|
||||||
],
|
|
||||||
button: {
|
button: {
|
||||||
text: "Join Now",
|
text: "Join Now", href: "#"},
|
||||||
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."},
|
||||||
},
|
|
||||||
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",
|
id: "elite", title: "Elite", price: "$149", period: "/mo", features: [
|
||||||
title: "Elite",
|
"1-on-1 coaching", "All performance features", "Custom nutrition plan"],
|
||||||
price: "$149",
|
|
||||||
period: "/mo",
|
|
||||||
features: [
|
|
||||||
"1-on-1 coaching",
|
|
||||||
"All performance features",
|
|
||||||
"Custom nutrition plan",
|
|
||||||
],
|
|
||||||
button: {
|
button: {
|
||||||
text: "Join Now",
|
text: "Join Now", href: "#"},
|
||||||
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."},
|
||||||
},
|
|
||||||
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"
|
title="Membership Plans"
|
||||||
description="Choose a membership that fits your lifestyle."
|
description="Choose a membership that fits your lifestyle."
|
||||||
@@ -286,40 +173,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Member Success Stories"
|
||||||
description="Join thousands of members who achieved their goals."
|
description="Join thousands of members who achieved their goals."
|
||||||
@@ -332,20 +194,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Can I cancel anytime?", content: "Yes, all our plans are month-to-month, so you can cancel at any time."},
|
||||||
title: "Can I cancel anytime?",
|
|
||||||
content: "Yes, all our plans are month-to-month, so you can cancel at any time.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Do I need equipment?", content: "Our basic workouts are designed to be equipment-free, but advanced levels might require gym access."},
|
||||||
title: "Do I need equipment?",
|
|
||||||
content: "Our basic workouts are designed to be equipment-free, but advanced levels might require gym access.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Is nutrition coaching included?", content: "Nutritional guidance is available starting from our Performance plan."},
|
||||||
title: "Is nutrition coaching included?",
|
|
||||||
content: "Nutritional guidance is available starting from our Performance plan.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Have questions? We have answers."
|
description="Have questions? We have answers."
|
||||||
@@ -360,42 +213,27 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Programs",
|
title: "Programs", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Strength",
|
label: "Strength", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Cardio",
|
label: "Cardio", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Help",
|
label: "Help", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -406,4 +244,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user