Update src/app/page.tsx

This commit is contained in:
2026-05-27 15:52:00 +00:00
parent 6567816be2
commit 2b0b41b455

View File

@@ -13,7 +13,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Activity, Award, Crown, Gauge, GraduationCap, Headphones, LeafyGreen, Lightbulb, LineChart, Sparkles, Target, Trophy, Users } from "lucide-react";
import { Activity, Award, Crown, Gauge, GraduationCap, Headphones, LeafyGreen, Lightbulb, LineChart, Sparkles, Target, Trophy, Users, Joystick, BarChart3, Robot, BookUser } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,41 +34,23 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Memberships",
id: "#memberships",
},
name: "Memberships", id: "#memberships"},
{
name: "Results",
id: "#metrics",
},
name: "Results", id: "#metrics"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="3D Gym"
/>
@@ -78,114 +60,64 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Future of Fitness: Experience Our 3D Gym"
description="Step into an immersive world where virtual reality meets personalized training. Achieve your fitness goals with cutting-edge technology and expert guidance."
testimonials={[
{
name: "Alex Johnson",
handle: "@alexfit",
testimonial: "The 3D Gym experience is revolutionary! I've never been more motivated.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors_23-2148613033.jpg?_wi=1",
imageAlt: "Alex Johnson",
},
name: "Alex Johnson", handle: "@alexfit", testimonial: "The 3D Gym experience is revolutionary! I've never been more motivated.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors_23-2148613033.jpg", imageAlt: "Alex Johnson"},
{
name: "Maria Rodriguez",
handle: "@mariaruns",
testimonial: "Immersive workouts make time fly. My fitness journey transformed!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg?_wi=1",
imageAlt: "Maria Rodriguez",
},
name: "Maria Rodriguez", handle: "@mariaruns", testimonial: "Immersive workouts make time fly. My fitness journey transformed!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg", imageAlt: "Maria Rodriguez"},
{
name: "David Lee",
handle: "@davidlifts",
testimonial: "Personalized AI coaching pushed my limits. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-looking-confident-smiling-with-arms-crossed-standing-orange-wall_141793-55561.jpg",
imageAlt: "David Lee",
},
name: "David Lee", handle: "@davidlifts", testimonial: "Personalized AI coaching pushed my limits. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-looking-confident-smiling-with-arms-crossed-standing-orange-wall_141793-55561.jpg", imageAlt: "David Lee"},
{
name: "Sophia Chen",
handle: "@sophiahealth",
testimonial: "Beyond traditional gyms. The interactive environment is a game-changer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-smile-nature_23-2147824515.jpg",
imageAlt: "Sophia Chen",
},
name: "Sophia Chen", handle: "@sophiahealth", testimonial: "Beyond traditional gyms. The interactive environment is a game-changer.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-smile-nature_23-2147824515.jpg", imageAlt: "Sophia Chen"},
{
name: "Ben Carter",
handle: "@bencross",
testimonial: "Engaging, effective, and fun. It's the future of working out.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-brunet-young-dark-skinned-man-sport-black-t-shirt-looks-straight_197531-23723.jpg",
imageAlt: "Ben Carter",
},
name: "Ben Carter", handle: "@bencross", testimonial: "Engaging, effective, and fun. It's the future of working out.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-brunet-young-dark-skinned-man-sport-black-t-shirt-looks-straight_197531-23723.jpg", imageAlt: "Ben Carter"},
]}
tag="Next-Gen Fitness"
buttons={[
{
text: "Start Your Free Trial",
href: "#contact",
},
text: "Start Your Free Trial", href: "#contact"},
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/sportive-man-listening-music-wearing-earphones_176420-4384.jpg",
alt: "Alex",
},
src: "http://img.b2bpic.net/free-photo/sportive-man-listening-music-wearing-earphones_176420-4384.jpg", alt: "Alex"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
alt: "Maria",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Maria"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-sportswear-beach_273609-5375.jpg",
alt: "David",
},
src: "http://img.b2bpic.net/free-photo/young-woman-sportswear-beach_273609-5375.jpg", alt: "David"},
{
src: "http://img.b2bpic.net/free-photo/expressive-senior-man-posing-outdoor_344912-754.jpg",
alt: "Sophia",
},
src: "http://img.b2bpic.net/free-photo/expressive-senior-man-posing-outdoor_344912-754.jpg", alt: "Sophia"},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors_23-2148613033.jpg",
alt: "Ben",
},
src: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors_23-2148613033.jpg", alt: "Ben"},
]}
avatarText="Join our growing community!"
imageSrc="http://img.b2bpic.net/free-photo/medical-mask-gym-equipment-with-weights_23-2148766073.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/medical-mask-gym-equipment-with-weights_23-2148766073.jpg"
imageAlt="3D immersive gym environment"
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Virtual Reality",
icon: Headphones,
type: "text-icon", text: "Virtual Reality", icon: Headphones,
},
{
type: "text-icon",
text: "AI Coaching",
icon: Lightbulb,
type: "text-icon", text: "AI Coaching", icon: Lightbulb,
},
{
type: "text-icon",
text: "Global Community",
icon: Users,
type: "text-icon", text: "Global Community", icon: Users,
},
{
type: "text-icon",
text: "Personalized Plans",
icon: Trophy,
type: "text-icon", text: "Personalized Plans", icon: Trophy,
},
{
type: "text-icon",
text: "Real-time Tracking",
icon: Activity,
type: "text-icon", text: "Real-time Tracking", icon: Activity,
},
]}
/>
@@ -200,25 +132,17 @@ export default function LandingPage() {
tag="Our Philosophy"
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
bulletPoints={[
{
title: "Immersive Environments",
description: "Explore stunning virtual worlds while you exercise, from mountain trails to futuristic cities.",
icon: Target,
title: "Immersive Environments", description: "Explore stunning virtual worlds while you exercise, from mountain trails to futuristic cities.", icon: Target,
},
{
title: "AI-Powered Coaching",
description: "Receive real-time feedback and customized routines from your personal AI fitness assistant.",
icon: Lightbulb,
title: "AI-Powered Coaching", description: "Receive real-time feedback and customized routines from your personal AI fitness assistant.", icon: Lightbulb,
},
{
title: "Holistic Health Tracking",
description: "Monitor vital stats, progress, and performance with integrated biometric feedback systems.",
icon: Activity,
title: "Holistic Health Tracking", description: "Monitor vital stats, progress, and performance with integrated biometric feedback systems.", icon: Activity,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/adult-doing-fitness-through-virtual-reality_23-2151469228.jpg"
@@ -234,79 +158,52 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Virtual Reality Cardio",
description: "Run, cycle, and climb through breathtaking virtual landscapes with our state-of-the-art VR cardio machines.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-fitness-through-virtual-reality_23-2151469231.jpg",
imageAlt: "Person running on a treadmill in a VR environment",
},
title: "Virtual Reality Cardio", description: "Run, cycle, and climb through breathtaking virtual landscapes with our state-of-the-art VR cardio machines.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-fitness-through-virtual-reality_23-2151469231.jpg", imageAlt: "Person running on a treadmill in a VR environment"},
items: [
{
icon: Joystick,
text: "Interactive Environments",
},
text: "Interactive Environments"},
{
icon: LeafyGreen,
text: "Stress-Free Workouts",
},
text: "Stress-Free Workouts"},
{
icon: BarChart3,
text: "Progress Tracking",
},
text: "Progress Tracking"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/medical-mask-gym-equipment-with-weights_23-2148766073.jpg?_wi=2",
imageAlt: "person running on treadmill VR",
},
{
title: "AI Personal Trainer",
description: "Get real-time form correction, personalized workout plans, and adaptive challenges from your virtual AI coach.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-laptop-home_23-2149249504.jpg",
imageAlt: "Holographic AI personal trainer",
},
title: "AI Personal Trainer", description: "Get real-time form correction, personalized workout plans, and adaptive challenges from your virtual AI coach.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-laptop-home_23-2149249504.jpg", imageAlt: "Holographic AI personal trainer"},
items: [
{
icon: Robot,
text: "Intelligent Guidance",
},
text: "Intelligent Guidance"},
{
icon: BookUser,
text: "Customized Plans",
},
text: "Customized Plans"},
{
icon: GraduationCap,
text: "Expert Knowledge",
},
text: "Expert Knowledge"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors_23-2148613033.jpg?_wi=2",
imageAlt: "person running on treadmill VR",
},
{
title: "Advanced Performance Tracking",
description: "Monitor every aspect of your workout, from heart rate zones to calorie burn and muscle activation, with integrated sensors.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-running-outdoors_23-2150040516.jpg",
imageAlt: "Fitness dashboard showing real-time metrics",
},
title: "Advanced Performance Tracking", description: "Monitor every aspect of your workout, from heart rate zones to calorie burn and muscle activation, with integrated sensors.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-running-outdoors_23-2150040516.jpg", imageAlt: "Fitness dashboard showing real-time metrics"},
items: [
{
icon: Activity,
text: "Biometric Feedback",
},
text: "Biometric Feedback"},
{
icon: LineChart,
text: "Detailed Analytics",
},
text: "Detailed Analytics"},
{
icon: Gauge,
text: "Goal Achievement",
},
text: "Goal Achievement"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg?_wi=2",
imageAlt: "person running on treadmill VR",
},
]}
title="Next-Level Training Features"
@@ -322,63 +219,31 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Starter",
badgeIcon: Sparkles,
price: "$49/month",
name: "VR Explorer",
buttons: [
id: "basic", badge: "Starter", badgeIcon: Sparkles,
price: "$49/month", name: "VR Explorer", buttons: [
{
text: "Sign Up Now",
href: "#contact",
},
text: "Sign Up Now", href: "#contact"},
],
features: [
"Access to VR Cardio & Strength",
"Standard Virtual Environments",
"Basic Progress Tracking",
"Community Support",
],
"Access to VR Cardio & Strength", "Standard Virtual Environments", "Basic Progress Tracking", "Community Support"],
},
{
id: "pro",
badge: "Popular",
badgeIcon: Award,
price: "$79/month",
name: "AI Pro Trainer",
buttons: [
id: "pro", badge: "Popular", badgeIcon: Award,
price: "$79/month", name: "AI Pro Trainer", buttons: [
{
text: "Go Pro Today",
href: "#contact",
},
text: "Go Pro Today", href: "#contact"},
],
features: [
"All Explorer features",
"AI Personal Coaching",
"Advanced Analytics & Reports",
"Premium VR Environments",
"Priority Support",
],
"All Explorer features", "AI Personal Coaching", "Advanced Analytics & Reports", "Premium VR Environments", "Priority Support"],
},
{
id: "ultimate",
badge: "Ultimate",
badgeIcon: Crown,
price: "$129/month",
name: "Total Immersion",
buttons: [
id: "ultimate", badge: "Ultimate", badgeIcon: Crown,
price: "$129/month", name: "Total Immersion", buttons: [
{
text: "Unlock Elite",
href: "#contact",
},
text: "Unlock Elite", href: "#contact"},
],
features: [
"All Pro Trainer features",
"Customized 3D Workouts",
"Biometric Integration (hardware extra)",
"Exclusive Early Access to Betas",
"Dedicated Concierge Support",
],
"All Pro Trainer features", "Customized 3D Workouts", "Biometric Integration (hardware extra)", "Exclusive Early Access to Betas", "Dedicated Concierge Support"],
},
]}
title="Choose Your Immersive Membership"
@@ -393,25 +258,13 @@ export default function LandingPage() {
tag="Achieve More"
metrics={[
{
id: "1",
value: "95%",
description: "User Satisfaction Rate",
},
id: "1", value: "95%", description: "User Satisfaction Rate"},
{
id: "2",
value: "100K+",
description: "Virtual Miles Logged",
},
id: "2", value: "100K+", description: "Virtual Miles Logged"},
{
id: "3",
value: "3X",
description: "Increased Motivation",
},
id: "3", value: "3X", description: "Increased Motivation"},
{
id: "4",
value: "5000+",
description: "Active Members",
},
id: "4", value: "5000+", description: "Active Members"},
]}
metricsAnimation="blur-reveal"
/>
@@ -424,33 +277,13 @@ export default function LandingPage() {
useInvertedBackground={true}
team={[
{
id: "1",
name: "Dr. Evelyn Reed",
role: "Chief Fitness Architect",
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg",
imageAlt: "Dr. Evelyn Reed, Chief Fitness Architect",
},
id: "1", name: "Dr. Evelyn Reed", role: "Chief Fitness Architect", imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg", imageAlt: "Dr. Evelyn Reed, Chief Fitness Architect"},
{
id: "2",
name: "Marcus Thorne",
role: "Lead VR Experience Designer",
imageSrc: "http://img.b2bpic.net/free-photo/sportive-man-training-with-dumbbells_176420-4351.jpg",
imageAlt: "Marcus Thorne, Lead VR Experience Designer",
},
id: "2", name: "Marcus Thorne", role: "Lead VR Experience Designer", imageSrc: "http://img.b2bpic.net/free-photo/sportive-man-training-with-dumbbells_176420-4351.jpg", imageAlt: "Marcus Thorne, Lead VR Experience Designer"},
{
id: "3",
name: "Sophia Vance",
role: "Head AI Performance Coach",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-posing-vegetables_23-2148332168.jpg",
imageAlt: "Sophia Vance, Head AI Performance Coach",
},
id: "3", name: "Sophia Vance", role: "Head AI Performance Coach", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-posing-vegetables_23-2148332168.jpg", imageAlt: "Sophia Vance, Head AI Performance Coach"},
{
id: "4",
name: "Javier Garcia",
role: "Community Engagement Manager",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2150289981.jpg",
imageAlt: "Javier Garcia, Community Engagement Manager",
},
id: "4", name: "Javier Garcia", role: "Community Engagement Manager", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2150289981.jpg", imageAlt: "Javier Garcia, Community Engagement Manager"},
]}
title="Meet Our Visionaries & Coaches"
description="Our team of fitness experts, VR specialists, and AI innovators are dedicated to pushing the boundaries of what's possible in health and wellness."
@@ -465,29 +298,17 @@ export default function LandingPage() {
author="Jessica L., VR Enthusiast"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-holding-green-apple-isolated-white-background_1258-105073.jpg",
alt: "Jessica L.",
},
src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-holding-green-apple-isolated-white-background_1258-105073.jpg", alt: "Jessica L."},
{
src: "http://img.b2bpic.net/free-photo/impressed-middle-aged-man-wearing-white-t-shirt-with-tie-showing-thumb-up-points-side-isolated-orange-wall_141793-103275.jpg",
alt: "Mark T.",
},
src: "http://img.b2bpic.net/free-photo/impressed-middle-aged-man-wearing-white-t-shirt-with-tie-showing-thumb-up-points-side-isolated-orange-wall_141793-103275.jpg", alt: "Mark T."},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
alt: "Chloe K.",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", alt: "Chloe K."},
{
src: "http://img.b2bpic.net/free-photo/fit-woman-training-indoors_23-2151717227.jpg",
alt: "Daniel M.",
},
src: "http://img.b2bpic.net/free-photo/fit-woman-training-indoors_23-2151717227.jpg", alt: "Daniel M."},
{
src: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-feeling-motivated-while-running-beach-copy-space_637285-1933.jpg",
alt: "Emily R.",
},
src: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-feeling-motivated-while-running-beach-copy-space_637285-1933.jpg", alt: "Emily R."},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251746.jpg",
alt: "Chris B.",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251746.jpg", alt: "Chris B."},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -499,38 +320,21 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What kind of VR equipment do I need?",
content: "Our platform is compatible with most major VR headsets. We recommend a headset with good tracking and a comfortable fit for active use. Specific recommendations can be found in our setup guide.",
},
id: "1", title: "What kind of VR equipment do I need?", content: "Our platform is compatible with most major VR headsets. We recommend a headset with good tracking and a comfortable fit for active use. Specific recommendations can be found in our setup guide."},
{
id: "2",
title: "Can I use the 3D Gym at home?",
content: "Yes! The 3D Gym is designed for both home and dedicated VR fitness centers. All you need is your VR headset, a stable internet connection, and enough space to move safely.",
},
id: "2", title: "Can I use the 3D Gym at home?", content: "Yes! The 3D Gym is designed for both home and dedicated VR fitness centers. All you need is your VR headset, a stable internet connection, and enough space to move safely."},
{
id: "3",
title: "How does the AI personal trainer work?",
content: "Our AI trainer analyzes your performance in real-time, offering feedback on form, intensity, and progress. It adapts workouts to your current fitness level and goals, ensuring you get the most effective training.",
},
id: "3", title: "How does the AI personal trainer work?", content: "Our AI trainer analyzes your performance in real-time, offering feedback on form, intensity, and progress. It adapts workouts to your current fitness level and goals, ensuring you get the most effective training."},
{
id: "4",
title: "Are there real-life trainers available?",
content: "While our AI provides comprehensive coaching, premium members can opt for personalized sessions with certified human trainers for additional support and specialized programs.",
},
id: "4", title: "Are there real-life trainers available?", content: "While our AI provides comprehensive coaching, premium members can opt for personalized sessions with certified human trainers for additional support and specialized programs."},
{
id: "5",
title: "What types of workouts are available?",
content: "We offer a wide range including cardio (running, cycling, boxing), strength training, yoga, and interactive games, all within immersive 3D environments. New workouts are added regularly.",
},
id: "5", title: "What types of workouts are available?", content: "We offer a wide range including cardio (running, cycling, boxing), strength training, yoga, and interactive games, all within immersive 3D environments. New workouts are added regularly."},
]}
sideTitle="Your Questions, Answered."
sideDescription="Find quick answers to the most common questions about our 3D Gym, memberships, and virtual reality workouts."
buttons={[
{
text: "Still Have Questions?",
href: "#contact",
},
text: "Still Have Questions?", href: "#contact"},
]}
faqsAnimation="slide-up"
/>
@@ -540,20 +344,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Join the Future"
title="Ready to Transform Your Fitness?"
description="Sign up for our free trial or reach out to learn more about how 3D Gym can elevate your workout experience."
buttons={[
{
text: "Get Started Today",
href: "#",
},
text: "Get Started Today", href: "#"},
{
text: "Contact Sales",
href: "#",
},
text: "Contact Sales", href: "#"},
]}
/>
</div>
@@ -562,13 +361,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="3D Gym"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>