Merge version_1 into main #2
161
src/app/page.tsx
161
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "programs",
|
||||
},
|
||||
name: "Programs", id: "programs"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="FitVision AI"
|
||||
/>
|
||||
@@ -54,56 +46,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your AI-Powered Personal Trainer"
|
||||
description="Experience gym-quality coaching at home. Using real-time pose estimation and adaptive AI programs to help you reach your goals 3x faster."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexfit",
|
||||
testimonial: "The pose correction is a game changer! It's like having a PT in my living room.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777463044-f2e7dc55.png?_wi=1",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexfit", testimonial: "The pose correction is a game changer! It's like having a PT in my living room.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777463044-f2e7dc55.png"},
|
||||
{
|
||||
name: "Maria K.",
|
||||
handle: "@marifitness",
|
||||
testimonial: "Finally achieved my weight loss goals with the 3-month program.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777461806-e4054628.png",
|
||||
},
|
||||
name: "Maria K.", handle: "@marifitness", testimonial: "Finally achieved my weight loss goals with the 3-month program.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777461806-e4054628.png"},
|
||||
{
|
||||
name: "Sam L.",
|
||||
handle: "@samlifts",
|
||||
testimonial: "The AI skeleton tracking is incredibly accurate.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777461962-3e035807.png",
|
||||
},
|
||||
name: "Sam L.", handle: "@samlifts", testimonial: "The AI skeleton tracking is incredibly accurate.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777461962-3e035807.png"},
|
||||
{
|
||||
name: "Jamie D.",
|
||||
handle: "@jamiediet",
|
||||
testimonial: "Best fitness app I've ever used. The progress dashboard is clean and helpful.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777461787-fbf021c7.png",
|
||||
},
|
||||
name: "Jamie D.", handle: "@jamiediet", testimonial: "Best fitness app I've ever used. The progress dashboard is clean and helpful.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777461787-fbf021c7.png"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordan_fit",
|
||||
testimonial: "I love the real-time feedback; it has completely transformed my form during squats.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777463044-f2e7dc55.png?_wi=2",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jordan_fit", testimonial: "I love the real-time feedback; it has completely transformed my form during squats.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/professional-portrait-of-a-diverse-athle-1774777463044-f2e7dc55.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/a-professional-sleek-fitness-app-ui-on-a-1774777462737-1026c286.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -118,24 +85,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Camera,
|
||||
title: "Real-Time AI Trainer",
|
||||
description: "Live pose estimation with instant posture correction and rep counting.",
|
||||
},
|
||||
title: "Real-Time AI Trainer", description: "Live pose estimation with instant posture correction and rep counting."},
|
||||
{
|
||||
icon: CalendarDays,
|
||||
title: "12-Week Programs",
|
||||
description: "Structured plans for weight loss, strength, or core defined by your goals.",
|
||||
},
|
||||
title: "12-Week Programs", description: "Structured plans for weight loss, strength, or core defined by your goals."},
|
||||
{
|
||||
icon: Activity,
|
||||
title: "Advanced Analytics",
|
||||
description: "Track weight, body metrics, and workout history in a beautiful dashboard.",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Track weight, body metrics, and workout history in a beautiful dashboard."},
|
||||
{
|
||||
icon: Trophy,
|
||||
title: "Gamified Rewards",
|
||||
description: "Daily streaks and achievement badges to keep you consistently motivated.",
|
||||
},
|
||||
title: "Gamified Rewards", description: "Daily streaks and achievement badges to keep you consistently motivated."},
|
||||
]}
|
||||
title="Why Choose FitVision AI?"
|
||||
description="Premium features engineered to optimize your workout routine and guarantee progress."
|
||||
@@ -157,37 +116,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="programs" data-section="programs">
|
||||
<ProductCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Strength",
|
||||
name: "Muscle Gain (Bulking)",
|
||||
price: "12 weeks",
|
||||
rating: 5,
|
||||
reviewCount: "5k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/mobile-dashboard-screen-showing-a-12-wee-1774777462398-4a870cc2.png?_wi=1",
|
||||
},
|
||||
id: "p1", brand: "Strength", name: "Muscle Gain (Bulking)", price: "12 weeks", rating: 5,
|
||||
reviewCount: "5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/mobile-dashboard-screen-showing-a-12-wee-1774777462398-4a870cc2.png"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Cardio",
|
||||
name: "Weight Loss HIIT",
|
||||
price: "12 weeks",
|
||||
rating: 5,
|
||||
reviewCount: "8k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/mobile-dashboard-screen-showing-a-12-wee-1774777462398-4a870cc2.png?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "Cardio", name: "Weight Loss HIIT", price: "12 weeks", rating: 5,
|
||||
reviewCount: "8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/mobile-dashboard-screen-showing-a-12-wee-1774777462398-4a870cc2.png"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Core",
|
||||
name: "Six Pack Abs",
|
||||
price: "12 weeks",
|
||||
rating: 5,
|
||||
reviewCount: "6k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/mobile-dashboard-screen-showing-a-12-wee-1774777462398-4a870cc2.png?_wi=3",
|
||||
},
|
||||
id: "p3", brand: "Core", name: "Six Pack Abs", price: "12 weeks", rating: 5,
|
||||
reviewCount: "6k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc8mlo2jj5oRuESeDiK8LWeT3L/mobile-dashboard-screen-showing-a-12-wee-1774777462398-4a870cc2.png"},
|
||||
]}
|
||||
title="Explore Our Workout Categories"
|
||||
description="Choose from a wide range of specialized programs designed for home or gym training."
|
||||
@@ -196,31 +138,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
textboxLayout="default"
|
||||
animationType="depth-3d"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$9.99/mo",
|
||||
subtitle: "Core Features",
|
||||
features: [
|
||||
"AI Motion Tracking",
|
||||
"12-Week Programs",
|
||||
"Workout Dashboard",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$9.99/mo", subtitle: "Core Features", features: [
|
||||
"AI Motion Tracking", "12-Week Programs", "Workout Dashboard"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Best Value",
|
||||
price: "$19.99/mo",
|
||||
subtitle: "Complete Coaching",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Live Coaching Mode",
|
||||
"Personalized Diet Guidance",
|
||||
"Smartwatch Sync",
|
||||
],
|
||||
id: "pro", badge: "Best Value", price: "$19.99/mo", subtitle: "Complete Coaching", features: [
|
||||
"Everything in Basic", "Live Coaching Mode", "Personalized Diet Guidance", "Smartwatch Sync"],
|
||||
},
|
||||
]}
|
||||
title="Pick Your Plan"
|
||||
@@ -234,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Does this work without equipment?",
|
||||
content: "Absolutely! Most of our workout programs are designed to be effective at home without any equipment.",
|
||||
},
|
||||
id: "f1", title: "Does this work without equipment?", content: "Absolutely! Most of our workout programs are designed to be effective at home without any equipment."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How does AI tracking work?",
|
||||
content: "Using your smartphone's camera, our AI analyzes your movement to provide form corrections.",
|
||||
},
|
||||
id: "f2", title: "How does AI tracking work?", content: "Using your smartphone's camera, our AI analyzes your movement to provide form corrections."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I sync with my watch?",
|
||||
content: "Yes, our Pro plan includes full integration with major smartwatches.",
|
||||
},
|
||||
id: "f3", title: "Can I sync with my watch?", content: "Yes, our Pro plan includes full integration with major smartwatches."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about FitVision AI."
|
||||
@@ -262,14 +181,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user