Merge version_1 into main #2
290
src/app/page.tsx
290
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Recipes",
|
||||
id: "recipes",
|
||||
},
|
||||
name: "Recipes", id: "recipes"},
|
||||
{
|
||||
name: "Nutrition",
|
||||
id: "nutrition",
|
||||
},
|
||||
name: "Nutrition", id: "nutrition"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CulinaryHealth"
|
||||
/>
|
||||
@@ -57,35 +49,21 @@ export default function LandingPage() {
|
||||
description="Unlock a world of delicious, nutritious recipes. Track your calories effortlessly and visualize your healthy choices daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Recipes",
|
||||
href: "#recipes",
|
||||
},
|
||||
text: "Browse Recipes", href: "#recipes"},
|
||||
{
|
||||
text: "Track Nutrition",
|
||||
href: "#nutrition",
|
||||
},
|
||||
text: "Track Nutrition", href: "#nutrition"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg?_wi=1",
|
||||
imageAlt: "Healthy Salad Recipe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg", imageAlt: "Healthy Salad Recipe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg?_wi=2",
|
||||
imageAlt: "Fresh Healthy Bowl",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg", imageAlt: "Fresh Healthy Bowl"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg?_wi=3",
|
||||
imageAlt: "Nutritious Ingredients",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg", imageAlt: "Nutritious Ingredients"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg?_wi=4",
|
||||
imageAlt: "Balanced Meal Presentation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg", imageAlt: "Balanced Meal Presentation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg?_wi=5",
|
||||
imageAlt: "Culinary Health Inspiration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg", imageAlt: "Culinary Health Inspiration"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,50 +75,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Calorie Tracking",
|
||||
tags: [
|
||||
"Simple",
|
||||
"Precise",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-home_23-2150652904.jpg",
|
||||
},
|
||||
id: "1", title: "Calorie Tracking", tags: [
|
||||
"Simple", "Precise"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-home_23-2150652904.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Healthy Selections",
|
||||
tags: [
|
||||
"Nutritious",
|
||||
"Balanced",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-white-plate_1150-13491.jpg",
|
||||
},
|
||||
id: "2", title: "Healthy Selections", tags: [
|
||||
"Nutritious", "Balanced"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-white-plate_1150-13491.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Recipe Variety",
|
||||
tags: [
|
||||
"Diverse",
|
||||
"Tasty",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-orange-detox-coctails-stands-white-table-with-fruits-vegetables_1304-3507.jpg",
|
||||
},
|
||||
id: "3", title: "Recipe Variety", tags: [
|
||||
"Diverse", "Tasty"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-orange-detox-coctails-stands-white-table-with-fruits-vegetables_1304-3507.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Meal Planning",
|
||||
tags: [
|
||||
"Weekly",
|
||||
"Efficient",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-ingredients-kitchen_23-2148882486.jpg?_wi=1",
|
||||
},
|
||||
id: "4", title: "Meal Planning", tags: [
|
||||
"Weekly", "Efficient"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-ingredients-kitchen_23-2148882486.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Nutrition Insights",
|
||||
tags: [
|
||||
"Detailed",
|
||||
"Insightful",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-health-day-celebration-with-healthy-food_23-2151244717.jpg",
|
||||
},
|
||||
id: "5", title: "Nutrition Insights", tags: [
|
||||
"Detailed", "Insightful"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-health-day-celebration-with-healthy-food_23-2151244717.jpg"},
|
||||
]}
|
||||
title="Smart Eating, Better Living"
|
||||
description="Our platform helps you make informed choices with clear visualizations."
|
||||
@@ -154,54 +107,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
title: "Healthy Choices",
|
||||
items: [
|
||||
"High protein",
|
||||
"Low saturated fat",
|
||||
"Fiber rich",
|
||||
],
|
||||
id: "m1", value: "85%", title: "Healthy Choices", items: [
|
||||
"High protein", "Low saturated fat", "Fiber rich"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1200",
|
||||
title: "Weekly Calories",
|
||||
items: [
|
||||
"Avg daily intake",
|
||||
"Within target",
|
||||
"Healthy burn",
|
||||
],
|
||||
id: "m2", value: "1200", title: "Weekly Calories", items: [
|
||||
"Avg daily intake", "Within target", "Healthy burn"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Weekly Recipes",
|
||||
items: [
|
||||
"New discoveries",
|
||||
"Balanced diet",
|
||||
"Nutrient dense",
|
||||
],
|
||||
id: "m3", value: "15+", title: "Weekly Recipes", items: [
|
||||
"New discoveries", "Balanced diet", "Nutrient dense"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "92%",
|
||||
title: "Goal Completion",
|
||||
items: [
|
||||
"Daily consistency",
|
||||
"Weekly trends",
|
||||
"Milestones met",
|
||||
],
|
||||
id: "m4", value: "92%", title: "Goal Completion", items: [
|
||||
"Daily consistency", "Weekly trends", "Milestones met"],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "10k",
|
||||
title: "Community Members",
|
||||
items: [
|
||||
"Global reach",
|
||||
"Shared goals",
|
||||
"Support network",
|
||||
],
|
||||
id: "m5", value: "10k", title: "Community Members", items: [
|
||||
"Global reach", "Shared goals", "Support network"],
|
||||
},
|
||||
]}
|
||||
title="Your Nutritional Dashboard"
|
||||
@@ -212,45 +135,22 @@ export default function LandingPage() {
|
||||
<div id="recipes" data-section="recipes">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Avocado Toast",
|
||||
price: "350 kcal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-bread-fried-egg-avocado_23-2148601061.jpg",
|
||||
},
|
||||
id: "p1", name: "Avocado Toast", price: "350 kcal", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-bread-fried-egg-avocado_23-2148601061.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Quinoa Salad",
|
||||
price: "420 kcal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-ingredients-kitchen_23-2148882486.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Quinoa Salad", price: "420 kcal", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-ingredients-kitchen_23-2148882486.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Grilled Salmon",
|
||||
price: "580 kcal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-grilled-lemon-delicious-fillet_1203-3881.jpg",
|
||||
},
|
||||
id: "p3", name: "Grilled Salmon", price: "580 kcal", imageSrc: "http://img.b2bpic.net/free-photo/salmon-grilled-lemon-delicious-fillet_1203-3881.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Berry Parfait",
|
||||
price: "290 kcal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-ramekins-with-chocolate-mousse-with-blueberries-blackberries-fresh-mint-rusty-iron-background-vertical_127032-3110.jpg",
|
||||
},
|
||||
id: "p4", name: "Berry Parfait", price: "290 kcal", imageSrc: "http://img.b2bpic.net/free-photo/three-ramekins-with-chocolate-mousse-with-blueberries-blackberries-fresh-mint-rusty-iron-background-vertical_127032-3110.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Stuffed Peppers",
|
||||
price: "450 kcal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-with-ground-meat-grey-surface-food-beef-dolma-vegetables-meal_140725-74595.jpg",
|
||||
},
|
||||
id: "p5", name: "Stuffed Peppers", price: "450 kcal", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-bell-peppers-with-ground-meat-grey-surface-food-beef-dolma-vegetables-meal_140725-74595.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Zucchini Noodles",
|
||||
price: "210 kcal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-keto-diet-food-small-bowl-with-spinach_23-2149260315.jpg",
|
||||
},
|
||||
id: "p6", name: "Zucchini Noodles", price: "210 kcal", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-keto-diet-food-small-bowl-with-spinach_23-2149260315.jpg"},
|
||||
]}
|
||||
title="Our Featured Recipes"
|
||||
description="Discover healthy and delicious meals tailored for you."
|
||||
@@ -264,45 +164,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_health",
|
||||
testimonial: "The calorie tracking made it so simple!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-ethnic-woman-looks-with-toothy-smile-has-happy-mood-chuckles-hilarious-joke-dressed-fashionable-outfit-feels-carefree-isolated-pink-wall_273609-37639.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_health", testimonial: "The calorie tracking made it so simple!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-ethnic-woman-looks-with-toothy-smile-has-happy-mood-chuckles-hilarious-joke-dressed-fashionable-outfit-feels-carefree-isolated-pink-wall_273609-37639.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@fitmike",
|
||||
testimonial: "Healthy recipes that actually taste great.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fit-young-woman-sitting-floor-gym_23-2147949625.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", handle: "@fitmike", testimonial: "Healthy recipes that actually taste great.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fit-young-woman-sitting-floor-gym_23-2147949625.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyfit",
|
||||
testimonial: "I love how I can visualize my choices.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-adult-caucasian-male-gardener-wearing-gardening-hat-through-fingers-isolated-pink-wall-with-copy-space_141793-129799.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emilyfit", testimonial: "I love how I can visualize my choices.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-adult-caucasian-male-gardener-wearing-gardening-hat-through-fingers-isolated-pink-wall-with-copy-space_141793-129799.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@david_eatwell",
|
||||
testimonial: "The best recipe app I have found.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-field-yellow-flowers_23-2151983171.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@david_eatwell", testimonial: "The best recipe app I have found.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-field-yellow-flowers_23-2151983171.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice M.",
|
||||
handle: "@alicewell",
|
||||
testimonial: "So many diverse and tasty options.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-rubber-mat-standing-lawn-looking-confident-fitness_1258-198662.jpg",
|
||||
},
|
||||
id: "5", name: "Alice M.", handle: "@alicewell", testimonial: "So many diverse and tasty options.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-with-rubber-mat-standing-lawn-looking-confident-fitness_1258-198662.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Success Stories"
|
||||
@@ -315,30 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is calorie count determined?",
|
||||
content: "We use verified nutritional data based on standard portion sizes for each ingredient.",
|
||||
},
|
||||
id: "q1", title: "How is calorie count determined?", content: "We use verified nutritional data based on standard portion sizes for each ingredient."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I save my favorites?",
|
||||
content: "Absolutely! Just tap the favorite icon on any recipe card to save it.",
|
||||
},
|
||||
id: "q2", title: "Can I save my favorites?", content: "Absolutely! Just tap the favorite icon on any recipe card to save it."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the app free to use?",
|
||||
content: "Basic features are free, with premium recipe collections available.",
|
||||
},
|
||||
id: "q3", title: "Is the app free to use?", content: "Basic features are free, with premium recipe collections available."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Can I track custom ingredients?",
|
||||
content: "Yes, our custom database allows you to add ingredients not in our standard list.",
|
||||
},
|
||||
id: "q4", title: "Can I track custom ingredients?", content: "Yes, our custom database allows you to add ingredients not in our standard list."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "How do I sync health devices?",
|
||||
content: "You can connect your fitness trackers via the Settings -> Integrations menu.",
|
||||
},
|
||||
id: "q5", title: "How do I sync health devices?", content: "You can connect your fitness trackers via the Settings -> Integrations menu."},
|
||||
]}
|
||||
sideTitle="Questions? We've Got Answers"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -352,17 +212,11 @@ export default function LandingPage() {
|
||||
description="Have questions or recipe suggestions? Let us know!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-caesar-salad-plates-with-shrimps-chicken-slices_141793-484.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -371,29 +225,19 @@ export default function LandingPage() {
|
||||
logoText="CulinaryHealth"
|
||||
columns={[
|
||||
{
|
||||
title: "App",
|
||||
items: [
|
||||
title: "App", items: [
|
||||
{
|
||||
label: "Download",
|
||||
href: "#",
|
||||
},
|
||||
label: "Download", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
label: "Features", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user