Merge version_1 into main #1
498
src/app/page.tsx
498
src/app/page.tsx
@@ -29,377 +29,151 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Artisan"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Packages", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chef Artisan"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unforgettable Dining Experiences at Home"
|
||||
description="Bring the elegance and artistry of a fine-dining kitchen to your table. Personal chef services tailored to your unique tastes."
|
||||
tag="Personal Private Chef"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Chef",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727958.jpg",
|
||||
imageAlt: "Chef preparing dish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-food-decoration-restaurant-kitchen-cook-doing-great-job_482257-10351.jpg",
|
||||
imageAlt: "Chef preparing dish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720769.jpg",
|
||||
imageAlt: "Chef preparing dish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-cooking-tasty-fine-dining-meals-restaurant-kitchen_482257-121179.jpg",
|
||||
imageAlt: "Chef preparing dish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-uniform-leans-stovetop-tasting-delicious-dish_482257-121112.jpg",
|
||||
imageAlt: "Chef preparing dish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-garnishing-dish_23-2148763143.jpg",
|
||||
imageAlt: "Chef preparing dish",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unforgettable Dining Experiences at Home"
|
||||
description="Bring the elegance and artistry of a fine-dining kitchen to your table. Personal chef services tailored to your unique tastes."
|
||||
tag="Personal Private Chef"
|
||||
buttons={[{ text: "Book Your Chef", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727958.jpg", imageAlt: "Chef preparing dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-food-decoration-restaurant-kitchen-cook-doing-great-job_482257-10351.jpg", imageAlt: "Chef preparing dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720769.jpg", imageAlt: "Chef preparing dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-chef-cooking-tasty-fine-dining-meals-restaurant-kitchen_482257-121179.jpg", imageAlt: "Chef preparing dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-chef-uniform-leans-stovetop-tasting-delicious-dish_482257-121112.jpg", imageAlt: "Chef preparing dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-chef-garnishing-dish_23-2148763143.jpg", imageAlt: "Chef preparing dish" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Culinary Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clients Served",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Events Catered",
|
||||
value: "200+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Culinary Excellence"
|
||||
metrics={[
|
||||
{ icon: Flame, label: "Years Experience", value: "15+" },
|
||||
{ icon: Users, label: "Clients Served", value: "500+" },
|
||||
{ icon: Award, label: "Events Catered", value: "200+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pan-Seared Scallops",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Garden Herb Salad",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Grilled Wild Salmon",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dark Chocolate Ganache",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Truffle Arancini",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-kinds-colorful-sandwiches-chopping-board_23-2147922312.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lobster Bisque",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-winter-squash-soup-bowl-with-copy-space-spoons_23-2148706319.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Exquisite dishes crafted with fresh, seasonal ingredients for your delight."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Pan-Seared Scallops", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg" },
|
||||
{ id: "2", name: "Garden Herb Salad", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg" },
|
||||
{ id: "3", name: "Grilled Wild Salmon", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-3743.jpg" },
|
||||
{ id: "4", name: "Dark Chocolate Ganache", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg" },
|
||||
{ id: "5", name: "Truffle Arancini", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/different-kinds-colorful-sandwiches-chopping-board_23-2147922312.jpg" },
|
||||
{ id: "6", name: "Lobster Bisque", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-winter-squash-soup-bowl-with-copy-space-spoons_23-2148706319.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Exquisite dishes crafted with fresh, seasonal ingredients for your delight."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Private Dinner",
|
||||
price: "$300",
|
||||
features: [
|
||||
"3-course meal",
|
||||
"Wine pairing",
|
||||
"Private service",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Executive Chef",
|
||||
price: "$600",
|
||||
features: [
|
||||
"5-course tasting",
|
||||
"Customized menu",
|
||||
"On-site cleanup",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gourmet Event",
|
||||
price: "$1200",
|
||||
features: [
|
||||
"Full service buffet",
|
||||
"Kitchen support",
|
||||
"Menu planning",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Personalized Packages"
|
||||
description="Choose the perfect culinary journey for your next special event."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "p1", name: "Private Dinner", price: "$300", features: ["3-course meal", "Wine pairing", "Private service"], buttons: [{ text: "Select" }] },
|
||||
{ id: "p2", name: "Executive Chef", price: "$600", features: ["5-course tasting", "Customized menu", "On-site cleanup"], buttons: [{ text: "Select" }] },
|
||||
{ id: "p3", name: "Gourmet Event", price: "$1200", features: ["Full service buffet", "Kitchen support", "Menu planning"], buttons: [{ text: "Select" }] },
|
||||
]}
|
||||
title="Personalized Packages"
|
||||
description="Choose the perfect culinary journey for your next special event."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Fresh Ingredients",
|
||||
description: "Sourced locally every morning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865305.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Flexible Planning",
|
||||
description: "Designing menus around your schedule.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-cooking_114579-8725.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5-Star",
|
||||
title: "Service Standards",
|
||||
description: "Excellence in hospitality and service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg",
|
||||
},
|
||||
]}
|
||||
title="Quality Assured"
|
||||
description="Professional standards for every kitchen visit."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Fresh Ingredients", description: "Sourced locally every morning.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865305.jpg" },
|
||||
{ id: "m2", value: "24/7", title: "Flexible Planning", description: "Designing menus around your schedule.", imageSrc: "http://img.b2bpic.net/free-photo/food-cooking_114579-8725.jpg" },
|
||||
{ id: "m3", value: "5-Star", title: "Service Standards", description: "Excellence in hospitality and service.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg" },
|
||||
]}
|
||||
title="Quality Assured"
|
||||
description="Professional standards for every kitchen visit."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Host",
|
||||
testimonial: "Exceptional service and flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517448.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Party Planner",
|
||||
testimonial: "Chef made our event perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert Fox",
|
||||
role: "Guest",
|
||||
testimonial: "The best meal I have ever had.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Alice Green",
|
||||
role: "Client",
|
||||
testimonial: "Attention to detail was incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517409.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark Hill",
|
||||
role: "Host",
|
||||
testimonial: "Highly recommended chef experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10579.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why our clients choose us for their dining events."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", role: "Host", testimonial: "Exceptional service and flavor.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517448.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", role: "Party Planner", testimonial: "Chef made our event perfect.", imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg" },
|
||||
{ id: "t3", name: "Robert Fox", role: "Guest", testimonial: "The best meal I have ever had.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg" },
|
||||
{ id: "t4", name: "Alice Green", role: "Client", testimonial: "Attention to detail was incredible.", imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517409.jpg" },
|
||||
{ id: "t5", name: "Mark Hill", role: "Host", testimonial: "Highly recommended chef experience.", imageSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10579.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why our clients choose us for their dining events."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is everything provided?",
|
||||
content: "Yes, we handle all groceries and setup.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer dietary options?",
|
||||
content: "Absolutely, we cater to all requirements.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request specific cuisines?",
|
||||
content: "Definitely, we specialize in diverse menus.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is everything provided?", content: "Yes, we handle all groceries and setup." },
|
||||
{ id: "f2", title: "Do you offer dietary options?", content: "Absolutely, we cater to all requirements." },
|
||||
{ id: "f3", title: "Can I request specific cuisines?", content: "Definitely, we specialize in diverse menus." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready for a Gourmet Experience?"
|
||||
description="Send us your event details and let's start planning your menu."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready for a Gourmet Experience?"
|
||||
description="Send us your event details and let's start planning your menu."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Chef Artisan"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Private Chef",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Chef Artisan"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
|
||||
{ title: "Services", items: [{ label: "Private Chef", href: "#" }, { label: "Catering", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user