Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -31,23 +31,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "contact",
|
||||
},
|
||||
name: "FAQ", id: "contact"},
|
||||
]}
|
||||
brandName="NutriTrack"
|
||||
button={{
|
||||
text: "Sign Up", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,102 +50,57 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Master Your Nutrition with Precision"
|
||||
description="Track macros, scan meals with AI, and hit your fitness goals effortlessly. Your pocket health coach."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "This app changed how I track protein. Simple and effective.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mixed-race-woman-man-take-selfie-portrait-smile-positively-dressed-sport-clothes-have-active-workout-isolated-purple-studio-wall_273609-32464.jpg?_wi=1",
|
||||
},
|
||||
name: "Alex R.", handle: "@alex", testimonial: "This app changed how I track protein. Simple and effective.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mixed-race-woman-man-take-selfie-portrait-smile-positively-dressed-sport-clothes-have-active-workout-isolated-purple-studio-wall_273609-32464.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah",
|
||||
testimonial: "The AI scanner is incredibly accurate. Saved me so much time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1086.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarah", testimonial: "The AI scanner is incredibly accurate. Saved me so much time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1086.jpg"},
|
||||
{
|
||||
name: "Mike J.",
|
||||
handle: "@mikej",
|
||||
testimonial: "Finally, a UI that doesn't feel like a spreadsheet.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-eating-salad_23-2148173242.jpg?_wi=1",
|
||||
},
|
||||
name: "Mike J.", handle: "@mikej", testimonial: "Finally, a UI that doesn't feel like a spreadsheet.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-eating-salad_23-2148173242.jpg"},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elena",
|
||||
testimonial: "Hit my weight loss goal thanks to the macro breakdowns.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-wellbeing-young-sportswoman-park-listen-music-smiling-workout-outdoors-jogging_1258-203594.jpg?_wi=1",
|
||||
},
|
||||
name: "Elena P.", handle: "@elena", testimonial: "Hit my weight loss goal thanks to the macro breakdowns.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-wellbeing-young-sportswoman-park-listen-music-smiling-workout-outdoors-jogging_1258-203594.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davew",
|
||||
testimonial: "The integration with my gym tracker is flawless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-exercise-with-dumbbell-weight-plates-chest_1150-16519.jpg?_wi=1",
|
||||
},
|
||||
name: "David W.", handle: "@davew", testimonial: "The integration with my gym tracker is flawless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-exercise-with-dumbbell-weight-plates-chest_1150-16519.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-smartphone-with-sport-essentials_23-2148523248.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mixed-race-woman-man-take-selfie-portrait-smile-positively-dressed-sport-clothes-have-active-workout-isolated-purple-studio-wall_273609-32464.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mixed-race-woman-man-take-selfie-portrait-smile-positively-dressed-sport-clothes-have-active-workout-isolated-purple-studio-wall_273609-32464.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1086.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1086.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-eating-salad_23-2148173242.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-eating-salad_23-2148173242.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sport-wellbeing-young-sportswoman-park-listen-music-smiling-workout-outdoors-jogging_1258-203594.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sport-wellbeing-young-sportswoman-park-listen-music-smiling-workout-outdoors-jogging_1258-203594.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-exercise-with-dumbbell-weight-plates-chest_1150-16519.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/women-exercise-with-dumbbell-weight-plates-chest_1150-16519.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Powered",
|
||||
},
|
||||
type: "text", text: "AI Powered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Macro Tracking",
|
||||
},
|
||||
type: "text", text: "Macro Tracking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calorie Insight",
|
||||
},
|
||||
type: "text", text: "Calorie Insight"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Goal Analytics",
|
||||
},
|
||||
type: "text", text: "Goal Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Weight Watch",
|
||||
},
|
||||
type: "text", text: "Weight Watch"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,9 +110,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Data-Driven Health"
|
||||
description={[
|
||||
"NutriTrack empowers users by simplifying complex nutritional data. We combine cutting-edge AI technology with user-centric design to ensure your fitness journey is based on facts, not guesswork.",
|
||||
"Our mission is to make health tracking intuitive, accessible, and motivating for everyone.",
|
||||
]}
|
||||
"NutriTrack empowers users by simplifying complex nutritional data. We combine cutting-edge AI technology with user-centric design to ensure your fitness journey is based on facts, not guesswork.", "Our mission is to make health tracking intuitive, accessible, and motivating for everyone."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,23 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AI Meal Scanning",
|
||||
description: "Scan your plate and get instant macros.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blogger-taking-photo-croissants_23-2148538726.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "AI Meal Scanning", description: "Scan your plate and get instant macros.", imageSrc: "http://img.b2bpic.net/free-photo/blogger-taking-photo-croissants_23-2148538726.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Macro Analytics",
|
||||
description: "Detailed insights into your daily protein, carbs, and fat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blogger-taking-photo-croissants_23-2148538726.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Macro Analytics", description: "Detailed insights into your daily protein, carbs, and fat.", imageSrc: "http://img.b2bpic.net/free-photo/blogger-taking-photo-croissants_23-2148538726.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Goal Setting",
|
||||
description: "Customizable targets for your lifestyle needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blogger-taking-photo-croissants_23-2148538726.jpg?_wi=3",
|
||||
},
|
||||
id: "f3", title: "Goal Setting", description: "Customizable targets for your lifestyle needs.", imageSrc: "http://img.b2bpic.net/free-photo/blogger-taking-photo-croissants_23-2148538726.jpg"},
|
||||
]}
|
||||
title="Built for Results"
|
||||
description="Powerful tools to keep you on top of your daily nutrition."
|
||||
@@ -204,23 +140,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Flame,
|
||||
title: "Calories Burned",
|
||||
value: "12,400+",
|
||||
},
|
||||
id: "m1", icon: Flame,
|
||||
title: "Calories Burned", value: "12,400+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Target,
|
||||
title: "Goals Hit",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m2", icon: Target,
|
||||
title: "Goals Hit", value: "98%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: TrendingUp,
|
||||
title: "Protein Goal",
|
||||
value: "200g/day",
|
||||
},
|
||||
id: "m3", icon: TrendingUp,
|
||||
title: "Protein Goal", value: "200g/day"},
|
||||
]}
|
||||
title="Personal Progress"
|
||||
description="Visualize your health success with detailed metrics."
|
||||
@@ -234,40 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Fantastic app for bodybuilding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mixed-race-woman-man-take-selfie-portrait-smile-positively-dressed-sport-clothes-have-active-workout-isolated-purple-studio-wall_273609-32464.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "John Doe", handle: "@johndoe", testimonial: "Fantastic app for bodybuilding.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mixed-race-woman-man-take-selfie-portrait-smile-positively-dressed-sport-clothes-have-active-workout-isolated-purple-studio-wall_273609-32464.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "The best tracking tool I've used.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1086.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Jane Smith", handle: "@janesmith", testimonial: "The best tracking tool I've used.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1086.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Intuitive and powerful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-eating-salad_23-2148173242.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Mark Wilson", handle: "@mwilson", testimonial: "Intuitive and powerful.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-eating-salad_23-2148173242.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Brown",
|
||||
handle: "@aliceb",
|
||||
testimonial: "Helped me hit my PRs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-wellbeing-young-sportswoman-park-listen-music-smiling-workout-outdoors-jogging_1258-203594.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Alice Brown", handle: "@aliceb", testimonial: "Helped me hit my PRs.", imageSrc: "http://img.b2bpic.net/free-photo/sport-wellbeing-young-sportswoman-park-listen-music-smiling-workout-outdoors-jogging_1258-203594.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Davis",
|
||||
handle: "@tdavis",
|
||||
testimonial: "Absolutely love the AI scanner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-exercise-with-dumbbell-weight-plates-chest_1150-16519.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Tom Davis", handle: "@tdavis", testimonial: "Absolutely love the AI scanner.", imageSrc: "http://img.b2bpic.net/free-photo/women-exercise-with-dumbbell-weight-plates-chest_1150-16519.jpg"},
|
||||
]}
|
||||
title="Loved by Athletes"
|
||||
description="Trusted by health enthusiasts and professional athletes alike."
|
||||
@@ -280,26 +182,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Is the app free?",
|
||||
content: "Yes, we have a generous free tier for everyone.",
|
||||
},
|
||||
id: "faq1", title: "Is the app free?", content: "Yes, we have a generous free tier for everyone."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I connect to wearables?",
|
||||
content: "Yes, we integrate with Apple Health and Google Fit.",
|
||||
},
|
||||
id: "faq2", title: "Can I connect to wearables?", content: "Yes, we integrate with Apple Health and Google Fit."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "How does AI scanning work?",
|
||||
content: "It analyzes images to estimate nutrition content accurately.",
|
||||
},
|
||||
id: "faq3", title: "How does AI scanning work?", content: "It analyzes images to estimate nutrition content accurately."},
|
||||
]}
|
||||
ctaTitle="Ready to Start?"
|
||||
ctaDescription="Join thousands of users hitting their goals today."
|
||||
ctaButton={{
|
||||
text: "Contact Support",
|
||||
}}
|
||||
text: "Contact Support"}}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
@@ -308,13 +200,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="NutriTrack"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user