Merge version_1 into main #2
327
src/app/page.tsx
327
src/app/page.tsx
@@ -17,244 +17,111 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Artisan"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Chef Artisan"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Culinary Excellence at Your Table"
|
||||
description="Experience fine dining in the comfort of your home. Curated menus, seasonal ingredients, and unmatched service tailored to your events."
|
||||
tag="Personalized Catering"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720769.jpg",
|
||||
imageAlt: "Plating signature dishes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-restaurant-interior-with-flat-design_23-2147906096.jpg",
|
||||
imageAlt: "Kitchen preparation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-fish-with-shrimp-lemon-wedges_140725-3209.jpg",
|
||||
imageAlt: "Gourmet meal presentation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145585.jpg",
|
||||
imageAlt: "Chef at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-tasty-kebab-bowl-red-onions-spices-small-bowls-wooden-spoon-mushrooms-dark-table-copy-place_140725-148265.jpg",
|
||||
imageAlt: "Ingredients detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg",
|
||||
imageAlt: "Table setup",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Culinary Excellence at Your Table"
|
||||
description="Experience fine dining in the comfort of your home. Curated menus, seasonal ingredients, and unmatched service tailored to your events."
|
||||
tag="Personalized Catering"
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720769.jpg", imageAlt: "Plating signature dishes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/elegant-restaurant-interior-with-flat-design_23-2147906096.jpg", imageAlt: "Kitchen preparation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/baked-fish-with-shrimp-lemon-wedges_140725-3209.jpg", imageAlt: "Gourmet meal presentation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145585.jpg", imageAlt: "Chef at work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-tasty-kebab-bowl-red-onions-spices-small-bowls-wooden-spoon-mushrooms-dark-table-copy-place_140725-148265.jpg", imageAlt: "Ingredients detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg", imageAlt: "Table setup" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="The Chef"
|
||||
title="Chef Marco Rossi"
|
||||
description="With over 15 years of experience in Michelin-starred kitchens, I bring professional expertise, creative passion, and a dedication to seasonal perfection to every private event I host."
|
||||
subdescription="Whether an intimate dinner or a grand celebration, I craft menus that leave lasting memories."
|
||||
icon={Flame}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-middle-aged-male-cook-chef-uniform-put-hands-hip-yellow-wall-with-copy-space_141793-36377.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="The Chef"
|
||||
title="Chef Marco Rossi"
|
||||
description="With over 15 years of experience in Michelin-starred kitchens, I bring professional expertise, creative passion, and a dedication to seasonal perfection to every private event I host."
|
||||
subdescription="Whether an intimate dinner or a grand celebration, I craft menus that leave lasting memories."
|
||||
icon={Flame}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-middle-aged-male-cook-chef-uniform-put-hands-hip-yellow-wall-with-copy-space_141793-36377.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "intimate",
|
||||
badge: "Signature",
|
||||
price: "$500",
|
||||
subtitle: "Perfect for small family gatherings",
|
||||
features: [
|
||||
"3-Course Menu",
|
||||
"Fresh Ingredients",
|
||||
"Clean-up Service",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Experience",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "events",
|
||||
badge: "Elite",
|
||||
price: "$1200",
|
||||
subtitle: "Tailored for special events",
|
||||
features: [
|
||||
"6-Course Tasting",
|
||||
"Wine Pairing",
|
||||
"Full Service Crew",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Experience",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "corporate",
|
||||
badge: "Professional",
|
||||
price: "$2000",
|
||||
subtitle: "For luxury corporate gatherings",
|
||||
features: [
|
||||
"Customized Buffet/Plated",
|
||||
"Full Coordination",
|
||||
"Premium Bar",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Experience",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Select the perfect culinary journey for your next occasion."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "intimate", badge: "Signature", price: "$500", subtitle: "Perfect for small family gatherings", features: ["3-Course Menu", "Fresh Ingredients", "Clean-up Service"], buttons: [{ text: "Book Experience", href: "#contact" }] },
|
||||
{ id: "events", badge: "Elite", price: "$1200", subtitle: "Tailored for special events", features: ["6-Course Tasting", "Wine Pairing", "Full Service Crew"], buttons: [{ text: "Book Experience", href: "#contact" }] },
|
||||
{ id: "corporate", badge: "Professional", price: "$2000", subtitle: "For luxury corporate gatherings", features: ["Customized Buffet/Plated", "Full Coordination", "Premium Bar"], buttons: [{ text: "Book Experience", href: "#contact" }] }
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Select the perfect culinary journey for your next occasion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena V.",
|
||||
role: "Corporate Event Host",
|
||||
testimonial: "Chef Marco completely elevated our annual dinner event. Absolutely flawless experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-hands-with-her-lover_23-2148060335.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David L.",
|
||||
role: "Family Celebration",
|
||||
testimonial: "The best dinner party we've ever had. Truly professional and exquisite taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173266.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah M.",
|
||||
role: "Birthday Host",
|
||||
testimonial: "Exceptional ingredients and beautiful presentation. Will hire again!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-champaigne_1303-9740.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James K.",
|
||||
role: "Anniversary Guest",
|
||||
testimonial: "Unforgettable service and culinary artistry. Highly recommend to everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia R.",
|
||||
role: "Dinner Party Guest",
|
||||
testimonial: "The flavors were unmatched. A truly personal and elegant touch to our evening.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-hands-with-her-lover_23-2148060335.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Stories from the Table"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena V.", role: "Corporate Event Host", testimonial: "Chef Marco completely elevated our annual dinner event. Absolutely flawless experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-hands-with-her-lover_23-2148060335.jpg" },
|
||||
{ id: "2", name: "David L.", role: "Family Celebration", testimonial: "The best dinner party we've ever had. Truly professional and exquisite taste.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173266.jpg" },
|
||||
{ id: "3", name: "Sarah M.", role: "Birthday Host", testimonial: "Exceptional ingredients and beautiful presentation. Will hire again!", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-champaigne_1303-9740.jpg" },
|
||||
{ id: "4", name: "James K.", role: "Anniversary Guest", testimonial: "Unforgettable service and culinary artistry. Highly recommend to everyone.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg" },
|
||||
{ id: "5", name: "Sophia R.", role: "Dinner Party Guest", testimonial: "The flavors were unmatched. A truly personal and elegant touch to our evening.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-hands-with-her-lover_23-2148060335.jpg" }
|
||||
]}
|
||||
title="Stories from the Table"
|
||||
description="Hear from our satisfied guests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Ready to Plan Your Event?"
|
||||
description="Reach out to discuss your menu and booking requirements."
|
||||
inputPlaceholder="Enter your email for a consultation"
|
||||
buttonText="Request Booking"
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ready to Plan Your Event?"
|
||||
description="Reach out to discuss your menu and booking requirements."
|
||||
inputPlaceholder="Enter your email for a consultation"
|
||||
buttonText="Request Booking"
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Artisan Chef",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Chef Artisan. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Artisan Chef", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "Privacy Policy", href: "#" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Chef Artisan. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user