Merge version_1 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -29,17 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Get Started",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="KitchenAlchemy"
|
||||
/>
|
||||
@@ -48,41 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Turn Ingredients into Culinary Masterpieces"
|
||||
description="Enter what's in your pantry, and let our AI suggest the perfect recipe—with a few extra ingredients to unlock restaurant-quality results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Cooking",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Cooking", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/a-high-tech-digital-kitchen-interface-wi-1774780844526-e1375db1.png?_wi=1",
|
||||
imageAlt: "AI Recipe Discovery",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/a-high-tech-digital-kitchen-interface-wi-1774780844526-e1375db1.png", imageAlt: "AI Recipe Discovery"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-of-fresh-colorful-vegetables-an-1774780850131-5d02c672.png?_wi=1",
|
||||
imageAlt: "Fresh Produce",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-of-fresh-colorful-vegetables-an-1774780850131-5d02c672.png", imageAlt: "Fresh Produce"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/spices-herbs-and-oils-in-professional-ki-1774780850040-061fb157.png?_wi=1",
|
||||
imageAlt: "Spices and Herbs",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/spices-herbs-and-oils-in-professional-ki-1774780850040-061fb157.png", imageAlt: "Spices and Herbs"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/modern-kitchen-appliance-with-digital-di-1774780846437-c01e34e0.png?_wi=1",
|
||||
imageAlt: "Digital Kitchen Tech",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/modern-kitchen-appliance-with-digital-di-1774780846437-c01e34e0.png", imageAlt: "Digital Kitchen Tech"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/a-high-tech-digital-kitchen-interface-wi-1774780844526-e1375db1.png?_wi=2",
|
||||
imageAlt: "AI Recipe Discovery",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/a-high-tech-digital-kitchen-interface-wi-1774780844526-e1375db1.png", imageAlt: "AI Recipe Discovery"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-of-fresh-colorful-vegetables-an-1774780850131-5d02c672.png?_wi=2",
|
||||
imageAlt: "Fresh Produce",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-of-fresh-colorful-vegetables-an-1774780850131-5d02c672.png", imageAlt: "Fresh Produce"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -96,49 +79,25 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Log Your Inventory",
|
||||
description: "Type in the ingredients you currently have in your kitchen.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-of-fresh-colorful-vegetables-an-1774780850131-5d02c672.png?_wi=3",
|
||||
imageAlt: "Ingredient Input",
|
||||
},
|
||||
title: "Log Your Inventory", description: "Type in the ingredients you currently have in your kitchen.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-of-fresh-colorful-vegetables-an-1774780850131-5d02c672.png", imageAlt: "Ingredient Input"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-of-fresh-colorful-vegetables-an-1774780850131-5d02c672.png?_wi=4",
|
||||
imageAlt: "Inventory App",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/a-high-tech-digital-kitchen-interface-wi-1774780844526-e1375db1.png?_wi=3",
|
||||
imageAlt: "A high-tech digital kitchen interface with floating holographic ingredients and recipe cards. The sc",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-of-fresh-colorful-vegetables-an-1774780850131-5d02c672.png", imageAlt: "Inventory App"}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Instant AI Analysis",
|
||||
description: "Our engine finds the perfect recipe and identifies gaps.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/spices-herbs-and-oils-in-professional-ki-1774780850040-061fb157.png?_wi=2",
|
||||
imageAlt: "Recipe Engine",
|
||||
},
|
||||
title: "Instant AI Analysis", description: "Our engine finds the perfect recipe and identifies gaps.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/spices-herbs-and-oils-in-professional-ki-1774780850040-061fb157.png", imageAlt: "Recipe Engine"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/spices-herbs-and-oils-in-professional-ki-1774780850040-061fb157.png?_wi=3",
|
||||
imageAlt: "Analysis",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-of-fresh-colorful-vegetables-an-1774780850131-5d02c672.png?_wi=5",
|
||||
imageAlt: "Close-up of fresh colorful vegetables and ingredients neatly arranged on a dark stone surface, studi",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/spices-herbs-and-oils-in-professional-ki-1774780850040-061fb157.png", imageAlt: "Analysis"}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Complete Your Dish",
|
||||
description: "Get curated shopping list suggestions to make your meal perfect.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/modern-kitchen-appliance-with-digital-di-1774780846437-c01e34e0.png?_wi=2",
|
||||
imageAlt: "Grocery Suggestion",
|
||||
},
|
||||
title: "Complete Your Dish", description: "Get curated shopping list suggestions to make your meal perfect.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/modern-kitchen-appliance-with-digital-di-1774780846437-c01e34e0.png", imageAlt: "Grocery Suggestion"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/modern-kitchen-appliance-with-digital-di-1774780846437-c01e34e0.png?_wi=3",
|
||||
imageAlt: "Perfect Meal",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/spices-herbs-and-oils-in-professional-ki-1774780850040-061fb157.png?_wi=4",
|
||||
imageAlt: "Spices, herbs, and oils in professional kitchen layout, cinematic lighting, dark background, high co",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/modern-kitchen-appliance-with-digital-di-1774780846437-c01e34e0.png", imageAlt: "Perfect Meal"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Simple 3-Step Process"
|
||||
@@ -153,81 +112,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Busy Mom",
|
||||
company: "HomeChef",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/professional-portrait-of-a-happy-home-co-1774780841462-d6c04b4f.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Alice M.", role: "Busy Mom", company: "HomeChef", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/professional-portrait-of-a-happy-home-co-1774780841462-d6c04b4f.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
role: "Tech Professional",
|
||||
company: "DevCook",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-shot-of-a-busy-food-enthusiast--1774780857639-02891661.png",
|
||||
},
|
||||
id: "2", name: "Bob D.", role: "Tech Professional", company: "DevCook", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/close-up-shot-of-a-busy-food-enthusiast--1774780857639-02891661.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carla F.",
|
||||
role: "Foodie",
|
||||
company: "GourmetLab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/professional-culinary-artist-looking-sat-1774780846478-09e7eeeb.png",
|
||||
},
|
||||
id: "3", name: "Carla F.", role: "Foodie", company: "GourmetLab", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/professional-culinary-artist-looking-sat-1774780846478-09e7eeeb.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Student",
|
||||
company: "StudyEats",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/young-professional-enjoying-the-simplici-1774780841784-7f2122e0.png",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Student", company: "StudyEats", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/young-professional-enjoying-the-simplici-1774780841784-7f2122e0.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
role: "Chef",
|
||||
company: "FineDine",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/professional-portrait-of-a-happy-home-co-1774780841462-d6c04b4f.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Elena R.", role: "Chef", company: "FineDine", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/professional-portrait-of-a-happy-home-co-1774780841462-d6c04b4f.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Recipes Found",
|
||||
},
|
||||
value: "50k+", label: "Recipes Found"},
|
||||
{
|
||||
value: "12k",
|
||||
label: "Active Cooks",
|
||||
},
|
||||
value: "12k", label: "Active Cooks"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9", label: "Rating"},
|
||||
]}
|
||||
title="Kitchen-Tested Praise"
|
||||
description="See why food lovers are switching to intelligent cooking."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Ready to Start?"
|
||||
title="Get Our Meal Suggestion App"
|
||||
description="Join thousands of users optimizing their kitchen workflow."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/modern-kitchen-appliance-with-digital-di-1774780846437-c01e34e0.png?_wi=4"
|
||||
inputPlaceholder="Enter your email to get early access"
|
||||
buttonText="Get Access"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
@@ -237,71 +149,53 @@ export default function LandingPage() {
|
||||
description="Flexible plans designed to fit your cooking lifestyle."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Free",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
description: "Perfect for casual home cooks.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Basic Features",
|
||||
features: [
|
||||
"Daily recipe suggestions",
|
||||
"Ingredient inventory tracker",
|
||||
"Community access",
|
||||
],
|
||||
id: "basic", tag: "Free", price: "$0", period: "/mo", description: "Perfect for casual home cooks.", button: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
featuresTitle: "Basic Features", features: [
|
||||
"Daily recipe suggestions", "Ingredient inventory tracker", "Community access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro",
|
||||
price: "$9.99",
|
||||
period: "/mo",
|
||||
description: "For enthusiasts who love to experiment.",
|
||||
button: {
|
||||
text: "Upgrade to Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Pro Benefits",
|
||||
features: [
|
||||
"Unlimited AI analysis",
|
||||
"Advanced nutritional data",
|
||||
"Priority recipe priority",
|
||||
"Ad-free experience",
|
||||
],
|
||||
id: "pro", tag: "Pro", price: "$9.99", period: "/mo", description: "For enthusiasts who love to experiment.", button: {
|
||||
text: "Upgrade to Pro", href: "#contact"},
|
||||
featuresTitle: "Pro Benefits", features: [
|
||||
"Unlimited AI analysis", "Advanced nutritional data", "Priority recipe priority", "Ad-free experience"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
tag="Ready to Start?"
|
||||
title="Get Our Meal Suggestion App"
|
||||
description="Join thousands of users optimizing their kitchen workflow."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc4IJ3dEiDuQepzBAYpep8ykpR/modern-kitchen-appliance-with-digital-di-1774780846437-c01e34e0.png"
|
||||
inputPlaceholder="Enter your email to get early access"
|
||||
buttonText="Get Access"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "How it Works",
|
||||
href: "#features",
|
||||
},
|
||||
label: "How it Works", href: "#features"},
|
||||
{
|
||||
label: "Success Stories",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Success Stories", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user