Update src/app/page.tsx
This commit is contained in:
305
src/app/page.tsx
305
src/app/page.tsx
@@ -32,87 +32,54 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Chef AI"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Get Started", href: "#pricing"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Your Kitchen with AI Precision"
|
||||
description="Unlock professional-grade meals with the world's most advanced AI-powered culinary companion. Personalized recipes, smart shopping, and perfect execution, every time."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cafe-restaurants-coffee-shop-owners-retail-concept-closeup-shot-cheerful-smiling-barista_1258-59994.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cafe-restaurants-coffee-shop-owners-retail-concept-closeup-shot-cheerful-smiling-barista_1258-59994.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grandma-is-cooking-women-are-using-tablet_23-2148384752.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/grandma-is-cooking-women-are-using-tablet_23-2148384752.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ home chefs"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Meals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Meals", href: "#products"},
|
||||
{
|
||||
text: "View Plans",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Plans", href: "#pricing"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Powered",
|
||||
},
|
||||
type: "text", text: "AI Powered"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cooking",
|
||||
},
|
||||
type: "text", text: "Precision Cooking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Healthy Living",
|
||||
},
|
||||
type: "text", text: "Healthy Living"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Pantry",
|
||||
},
|
||||
type: "text", text: "Smart Pantry"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Results",
|
||||
},
|
||||
type: "text", text: "Gourmet Results"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,9 +91,7 @@ export default function LandingPage() {
|
||||
title="Culinary Intelligence at Your Fingertips"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,38 +103,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision AI Metrics",
|
||||
author: "Nutrition Labs",
|
||||
description: "Get exact macro and micro-nutrient data for every meal you cook using our advanced AI scanner.",
|
||||
tags: [
|
||||
"AI",
|
||||
"Health",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-recipe_1098-19891.jpg",
|
||||
},
|
||||
id: "f1", title: "Precision AI Metrics", author: "Nutrition Labs", description: "Get exact macro and micro-nutrient data for every meal you cook using our advanced AI scanner.", tags: [
|
||||
"AI", "Health"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-recipe_1098-19891.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Smart Recipe Suggestions",
|
||||
author: "Executive Chef AI",
|
||||
description: "Receive personalized recipe recommendations based on your unique taste profile and available ingredients.",
|
||||
tags: [
|
||||
"Personalized",
|
||||
"AI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutrition-facts-fresh-vegetable-digital-tablet_53876-46995.jpg",
|
||||
},
|
||||
id: "f2", title: "Smart Recipe Suggestions", author: "Executive Chef AI", description: "Receive personalized recipe recommendations based on your unique taste profile and available ingredients.", tags: [
|
||||
"Personalized", "AI"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutrition-facts-fresh-vegetable-digital-tablet_53876-46995.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Automated Inventory Sync",
|
||||
author: "Pantry AI",
|
||||
description: "Never run out of essential ingredients again with our automated grocery list and inventory tracking.",
|
||||
tags: [
|
||||
"Efficiency",
|
||||
"Smart Home",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-kitchen_23-2147782466.jpg",
|
||||
},
|
||||
id: "f3", title: "Automated Inventory Sync", author: "Pantry AI", description: "Never run out of essential ingredients again with our automated grocery list and inventory tracking.", tags: [
|
||||
"Efficiency", "Smart Home"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-kitchen_23-2147782466.jpg"},
|
||||
]}
|
||||
title="Smart Features for Modern Cooking"
|
||||
description="Powerful tools designed to streamline your meal preparation, from automated inventory tracking to AI-driven recipe generation."
|
||||
@@ -184,41 +128,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gourmet Salmon",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-plate-with-vegetable-salad-with-red-fish-with-greens_141793-4670.jpg",
|
||||
},
|
||||
id: "p1", name: "Gourmet Salmon", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-plate-with-vegetable-salad-with-red-fish-with-greens_141793-4670.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mediterranean Medley",
|
||||
price: "$9.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-originally-served-salad-stands-dark-wooden-t_1304-4651.jpg",
|
||||
},
|
||||
id: "p2", name: "Mediterranean Medley", price: "$9.49", imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-originally-served-salad-stands-dark-wooden-t_1304-4651.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Herb Crusted Steak",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg",
|
||||
},
|
||||
id: "p3", name: "Herb Crusted Steak", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Roasted Harvest Veggies",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-asparagus-white-plate-isolated-white-background_123827-29138.jpg",
|
||||
},
|
||||
id: "p4", name: "Roasted Harvest Veggies", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-asparagus-white-plate-isolated-white-background_123827-29138.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Artisan Berry Tart",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meringue-roll-concept-tasty-delicious-food_185193-165506.jpg",
|
||||
},
|
||||
id: "p5", name: "Artisan Berry Tart", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/meringue-roll-concept-tasty-delicious-food_185193-165506.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seared Scallop Platter",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-white-apron-sprinkled-salt-onto-fresh-fish-pomegranate-seeds-bowl-table_179666-44297.jpg",
|
||||
},
|
||||
id: "p6", name: "Seared Scallop Platter", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-white-apron-sprinkled-salt-onto-fresh-fish-pomegranate-seeds-bowl-table_179666-44297.jpg"},
|
||||
]}
|
||||
title="Curated Meal Collections"
|
||||
description="Explore our chef-curated recipe collections, optimized for health, flavor, and time efficiency."
|
||||
@@ -232,54 +152,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-basic",
|
||||
badge: "Essential",
|
||||
price: "$19/mo",
|
||||
subtitle: "Basic AI recipe generation",
|
||||
buttons: [
|
||||
id: "plan-basic", badge: "Essential", price: "$19/mo", subtitle: "Basic AI recipe generation", buttons: [
|
||||
{
|
||||
text: "Select Basic",
|
||||
},
|
||||
text: "Select Basic"},
|
||||
],
|
||||
features: [
|
||||
"10 AI Recipes/mo",
|
||||
"Basic Nutrition Data",
|
||||
"Email Support",
|
||||
],
|
||||
"10 AI Recipes/mo", "Basic Nutrition Data", "Email Support"],
|
||||
},
|
||||
{
|
||||
id: "plan-pro",
|
||||
badge: "Popular",
|
||||
price: "$49/mo",
|
||||
subtitle: "Advanced tools for chefs",
|
||||
buttons: [
|
||||
id: "plan-pro", badge: "Popular", price: "$49/mo", subtitle: "Advanced tools for chefs", buttons: [
|
||||
{
|
||||
text: "Select Pro",
|
||||
},
|
||||
text: "Select Pro"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI Recipes",
|
||||
"Macro tracking",
|
||||
"Inventory Sync",
|
||||
"Priority support",
|
||||
],
|
||||
"Unlimited AI Recipes", "Macro tracking", "Inventory Sync", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "plan-pro-plus",
|
||||
badge: "Elite",
|
||||
price: "$99/mo",
|
||||
subtitle: "Full culinary suite",
|
||||
buttons: [
|
||||
id: "plan-pro-plus", badge: "Elite", price: "$99/mo", subtitle: "Full culinary suite", buttons: [
|
||||
{
|
||||
text: "Select Elite",
|
||||
},
|
||||
text: "Select Elite"},
|
||||
],
|
||||
features: [
|
||||
"All Pro Features",
|
||||
"Expert Coaching",
|
||||
"Weekly Meal Plans",
|
||||
"Grocery Automation",
|
||||
],
|
||||
"All Pro Features", "Expert Coaching", "Weekly Meal Plans", "Grocery Automation"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Culinary Plan"
|
||||
@@ -294,26 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500K+",
|
||||
title: "Meals Prepared",
|
||||
description: "Satisfied meals optimized by our engine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-intelligent-software-placed-table-kitchen-with-nobody_482257-8724.jpg",
|
||||
},
|
||||
id: "m1", value: "500K+", title: "Meals Prepared", description: "Satisfied meals optimized by our engine.", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-intelligent-software-placed-table-kitchen-with-nobody_482257-8724.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Health Score",
|
||||
description: "Average increase in daily nutrient intake.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet-with-lighting-control-application-turning-lights-sitting-kitchen-house_482257-2744.jpg",
|
||||
},
|
||||
id: "m2", value: "98%", title: "Health Score", description: "Average increase in daily nutrient intake.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-tablet-with-lighting-control-application-turning-lights-sitting-kitchen-house_482257-2744.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40hrs",
|
||||
title: "Time Saved",
|
||||
description: "Average cooking preparation time saved yearly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-pack_23-2149177823.jpg",
|
||||
},
|
||||
id: "m3", value: "40hrs", title: "Time Saved", description: "Average cooking preparation time saved yearly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-pack_23-2149177823.jpg"},
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Our community is revolutionizing the way they eat, cook, and plan their daily nourishment."
|
||||
@@ -327,59 +206,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Food Blogger",
|
||||
company: "EatWell",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-pretty-cook-chef-uniform-raising-fists-isolated-green-wall_141793-101626.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller - 'My cooking has never been this precise! Effortless success.'", role: "Food Blogger", company: "EatWell", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-pretty-cook-chef-uniform-raising-fists-isolated-green-wall_141793-101626.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
role: "Software Engineer",
|
||||
company: "CodeCook",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-kitchen_23-2148173222.jpg",
|
||||
},
|
||||
id: "t2", name: "David Chen - 'Chef AI saved me hours of planning weekly.'", role: "Software Engineer", company: "CodeCook", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-kitchen_23-2148173222.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Designer",
|
||||
company: "CreativePlate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-eating-sushi-working-medium-shot_23-2149870700.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez - 'Finally, meals that actually taste like fine dining.'", role: "Designer", company: "CreativePlate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-eating-sushi-working-medium-shot_23-2149870700.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Wilson",
|
||||
role: "Family Man",
|
||||
company: "HomeBase",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-hispanic-mother-teaches-her-cute-little-daughter-prepare-pizza-kitchen_613910-19797.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Wilson - 'Making healthy family dinners is now a joy.'", role: "Family Man", company: "HomeBase", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-hispanic-mother-teaches-her-cute-little-daughter-prepare-pizza-kitchen_613910-19797.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Johnson",
|
||||
role: "Head Chef",
|
||||
company: "CulinaryAI",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-excited-male-chef-standing-kitchen-table-kitchen_140725-114075.jpg",
|
||||
},
|
||||
id: "t5", name: "Alice Johnson - 'Indispensable tool for my culinary career.'", role: "Head Chef", company: "CulinaryAI", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-excited-male-chef-standing-kitchen-table-kitchen_140725-114075.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "100K+",
|
||||
label: "Community Members",
|
||||
},
|
||||
value: "100K+", label: "Community Members"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
value: "95%", label: "Client Retention"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear from our dedicated home chefs who have transformed their kitchens with AI."
|
||||
@@ -390,20 +238,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Transform Your Kitchen?"
|
||||
description="Join thousands of home chefs who are already optimizing their culinary experiences."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Free Trial", href: "#pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -414,33 +257,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -450,4 +281,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user