Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -10,8 +10,8 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Metrics", id: "metrics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="NutriFit"
|
||||
/>
|
||||
@@ -55,104 +47,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Health, Simply Tracked."
|
||||
description="Upload a photo to see your calories instantly and get personalized workout plans tailored to your goals. Build your streak today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "This app changed the way I see food. Simply scan and go!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-49843.jpg?_wi=1",
|
||||
imageAlt: "healthy food scanning app",
|
||||
},
|
||||
name: "Alex R.", handle: "@alex", testimonial: "This app changed the way I see food. Simply scan and go!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-49843.jpg", imageAlt: "healthy food scanning app"},
|
||||
{
|
||||
name: "Jamie L.",
|
||||
handle: "@jamie",
|
||||
testimonial: "The workout plans are perfectly tailored to my pace.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-with-healthy-stuff-line_23-2148135583.jpg",
|
||||
imageAlt: "healthy food scanning app",
|
||||
},
|
||||
name: "Jamie L.", handle: "@jamie", testimonial: "The workout plans are perfectly tailored to my pace.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-with-healthy-stuff-line_23-2148135583.jpg", imageAlt: "healthy food scanning app"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Finally, a tracker that makes consistency easy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-vegan-icon-vectors_53876-66785.jpg?_wi=1",
|
||||
imageAlt: "healthy food scanning app",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "Finally, a tracker that makes consistency easy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-vegan-icon-vectors_53876-66785.jpg", imageAlt: "healthy food scanning app"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "The AI accuracy is impressive, really helpful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-holding-clipboard-with-blank-pages-writing-looking-confident-standing-orange-wall_141793-48863.jpg?_wi=1",
|
||||
imageAlt: "healthy food scanning app",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "The AI accuracy is impressive, really helpful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-holding-clipboard-with-blank-pages-writing-looking-confident-standing-orange-wall_141793-48863.jpg", imageAlt: "healthy food scanning app"},
|
||||
{
|
||||
name: "Julie P.",
|
||||
handle: "@juliep",
|
||||
testimonial: "My fitness journey has never been more organized.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wellness-diet-plan-healthy-living-icon_53876-121315.jpg?_wi=1",
|
||||
imageAlt: "healthy food scanning app",
|
||||
},
|
||||
name: "Julie P.", handle: "@juliep", testimonial: "My fitness journey has never been more organized.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wellness-diet-plan-healthy-living-icon_53876-121315.jpg", imageAlt: "healthy food scanning app"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-49843.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-49843.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-50145.jpg",
|
||||
alt: "A woman uses a smartphone in the kitchen while preparing a vegetable salad",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-50145.jpg", alt: "A woman uses a smartphone in the kitchen while preparing a vegetable salad"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-taking-photo-salad_23-2148256111.jpg",
|
||||
alt: "Person taking a photo of salad",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-taking-photo-salad_23-2148256111.jpg", alt: "Person taking a photo of salad"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-diet-male-hands-holding-smartphone-keeping-track-calories-his-food-with-fitness-app_662251-2229.jpg",
|
||||
alt: "Healthy diet. Male hands holding a smartphone and keeping track of the calories of his food with a fitness app",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-diet-male-hands-holding-smartphone-keeping-track-calories-his-food-with-fitness-app_662251-2229.jpg", alt: "Healthy diet. Male hands holding a smartphone and keeping track of the calories of his food with a fitness app"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-takes-photo-vegetables-smartphone_169016-39522.jpg",
|
||||
alt: "A woman takes a photo of vegetables on a smartphone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-takes-photo-vegetables-smartphone_169016-39522.jpg", alt: "A woman takes a photo of vegetables on a smartphone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-49843.jpg",
|
||||
alt: "healthy food scanning app",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-49843.jpg", alt: "healthy food scanning app"},
|
||||
]}
|
||||
avatarText="Join 100k+ healthy users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Powered",
|
||||
},
|
||||
type: "text", text: "AI Powered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Plans",
|
||||
},
|
||||
type: "text", text: "Personalized Plans"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Streaks",
|
||||
},
|
||||
type: "text", text: "Daily Streaks"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Metrics",
|
||||
},
|
||||
type: "text", text: "Real-time Metrics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Health First",
|
||||
},
|
||||
type: "text", text: "Health First"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,24 +106,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Technology meets ",
|
||||
},
|
||||
type: "text", content: "Technology meets "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tablet-with-healthy-stuff-line_23-2148135583.jpg",
|
||||
alt: "Tracking dashboard",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-tablet-with-healthy-stuff-line_23-2148135583.jpg", alt: "Tracking dashboard"},
|
||||
{
|
||||
type: "text",
|
||||
content: " holistic fitness.",
|
||||
},
|
||||
type: "text", content: " holistic fitness."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#metrics",
|
||||
},
|
||||
text: "Learn More", href: "#metrics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -191,20 +126,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Image Recognition",
|
||||
description: "Snap a photo and get precise calorie counts instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-vegan-icon-vectors_53876-66785.jpg?_wi=2",
|
||||
},
|
||||
title: "AI Image Recognition", description: "Snap a photo and get precise calorie counts instantly.", imageSrc: "http://img.b2bpic.net/free-vector/collection-vegan-icon-vectors_53876-66785.jpg"},
|
||||
{
|
||||
title: "Personalized Workouts",
|
||||
description: "Plans built for your height, weight, and fitness level.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-holding-clipboard-with-blank-pages-writing-looking-confident-standing-orange-wall_141793-48863.jpg?_wi=2",
|
||||
},
|
||||
title: "Personalized Workouts", description: "Plans built for your height, weight, and fitness level.", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-holding-clipboard-with-blank-pages-writing-looking-confident-standing-orange-wall_141793-48863.jpg"},
|
||||
{
|
||||
title: "Gamified Streaks",
|
||||
description: "Stay motivated with daily rewards and streak tracking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wellness-diet-plan-healthy-living-icon_53876-121315.jpg?_wi=2",
|
||||
},
|
||||
title: "Gamified Streaks", description: "Stay motivated with daily rewards and streak tracking.", imageSrc: "http://img.b2bpic.net/free-photo/wellness-diet-plan-healthy-living-icon_53876-121315.jpg"},
|
||||
]}
|
||||
title="Built for Results"
|
||||
description="Everything you need to reach your health goals in one simple, powerful app."
|
||||
@@ -218,31 +144,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100k+",
|
||||
title: "Daily Scans",
|
||||
items: [
|
||||
"Accurate AI scanning",
|
||||
"Real-time updates",
|
||||
],
|
||||
id: "m1", value: "100k+", title: "Daily Scans", items: [
|
||||
"Accurate AI scanning", "Real-time updates"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Goal Success",
|
||||
items: [
|
||||
"Personalized workouts",
|
||||
"Proven tracking",
|
||||
],
|
||||
id: "m2", value: "95%", title: "Goal Success", items: [
|
||||
"Personalized workouts", "Proven tracking"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5M+",
|
||||
title: "Workouts Completed",
|
||||
items: [
|
||||
"Tailored routines",
|
||||
"Streak focus",
|
||||
],
|
||||
id: "m3", value: "5M+", title: "Workouts Completed", items: [
|
||||
"Tailored routines", "Streak focus"],
|
||||
},
|
||||
]}
|
||||
title="Measurable Impact"
|
||||
@@ -257,32 +168,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Basic",
|
||||
price: "$0",
|
||||
buttons: [
|
||||
id: "p1", name: "Basic", price: "$0", buttons: [
|
||||
{
|
||||
text: "Join Free",
|
||||
},
|
||||
text: "Join Free"},
|
||||
],
|
||||
features: [
|
||||
"Basic calorie tracking",
|
||||
"Streak rewards",
|
||||
],
|
||||
"Basic calorie tracking", "Streak rewards"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro",
|
||||
price: "$19/mo",
|
||||
buttons: [
|
||||
id: "p2", name: "Pro", price: "$19/mo", buttons: [
|
||||
{
|
||||
text: "Get Pro",
|
||||
},
|
||||
text: "Get Pro"},
|
||||
],
|
||||
features: [
|
||||
"AI Photo Scanning",
|
||||
"Custom Workout Plans",
|
||||
],
|
||||
"AI Photo Scanning", "Custom Workout Plans"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -294,48 +193,24 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "User",
|
||||
company: "Fitness Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270294.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "User", company: "Fitness Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270294.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
role: "User",
|
||||
company: "Healthy Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael K.", role: "User", company: "Healthy Living", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
role: "User",
|
||||
company: "Daily Goals",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shapely-lady-sport-uniform-posing-near-cinder-track-interested-blonde-girl-chilling-stadium-morning_197531-9612.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily P.", role: "User", company: "Daily Goals", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shapely-lady-sport-uniform-posing-near-cinder-track-interested-blonde-girl-chilling-stadium-morning_197531-9612.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David T.",
|
||||
role: "User",
|
||||
company: "Gym Squad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-blue-jacket_23-2148264217.jpg",
|
||||
},
|
||||
id: "t4", name: "David T.", role: "User", company: "Gym Squad", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-blue-jacket_23-2148264217.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Olivia W.",
|
||||
role: "User",
|
||||
company: "Mindful Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-young-man-using-cell-phone-gym_329181-20642.jpg",
|
||||
},
|
||||
id: "t5", name: "Olivia W.", role: "User", company: "Mindful Life", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-young-man-using-cell-phone-gym_329181-20642.jpg"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Our community is reaching new heights every single day."
|
||||
@@ -348,20 +223,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does the calorie scanning work?",
|
||||
content: "Just take a clear photo of your food, and our AI analyzes it.",
|
||||
},
|
||||
id: "q1", title: "How does the calorie scanning work?", content: "Just take a clear photo of your food, and our AI analyzes it."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are workout plans personalized?",
|
||||
content: "Yes, we use your height, weight, and age to craft unique plans.",
|
||||
},
|
||||
id: "q2", title: "Are workout plans personalized?", content: "Yes, we use your height, weight, and age to craft unique plans."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are daily streaks?",
|
||||
content: "They track your consistency. Finish daily tasks to keep the streak alive.",
|
||||
},
|
||||
id: "q3", title: "What are daily streaks?", content: "They track your consistency. Finish daily tasks to keep the streak alive."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about NutriFit."
|
||||
@@ -373,8 +239,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Join Now"
|
||||
title="Start your streak today."
|
||||
description="Join thousands of users changing their lives."
|
||||
@@ -388,29 +253,19 @@ export default function LandingPage() {
|
||||
logoText="NutriFit"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user