Merge version_1 into main #4
288
src/app/page.tsx
288
src/app/page.tsx
@@ -29,159 +29,159 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Philosophy", id: "about" },
|
||||
{ name: "Specialties", id: "features" },
|
||||
{ name: "Dishes", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ChefPortfolio"
|
||||
button={{ text: "Reserve Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Philosophy", id: "about" },
|
||||
{ name: "Specialties", id: "features" },
|
||||
{ name: "Dishes", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ChefPortfolio"
|
||||
button={{ text: "Reserve Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Chef Alessandro"
|
||||
description="Crafting exquisite culinary experiences that celebrate art, technique, and the finest seasonal ingredients. Bringing fine dining to your table."
|
||||
buttons={[
|
||||
{ text: "View My Portfolio", href: "#products" },
|
||||
{ text: "Book a Consultation", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg"
|
||||
imageAlt="professional chef plated food"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Chef Alessandro"
|
||||
description="Crafting exquisite culinary experiences that celebrate art, technique, and the finest seasonal ingredients. Bringing fine dining to your table."
|
||||
buttons={[
|
||||
{ text: "View My Portfolio", href: "#products" },
|
||||
{ text: "Book a Consultation", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg"
|
||||
imageAlt="professional chef plated food"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="My Culinary Philosophy"
|
||||
title="Passion on Every Plate"
|
||||
description="With over 15 years in Michelin-starred kitchens across the globe, I believe food is a universal language of emotion. I marry classic French technique with modern seasonal produce to create unforgettable dining memories."
|
||||
subdescription="Whether an intimate private dinner or a large-scale celebration, my goal is the same: to exceed expectations and tell a story with every ingredient."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-baker-holding-handful-wheat-grain-baked-bread_23-2147883453.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="professional chef portrait"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="My Culinary Philosophy"
|
||||
title="Passion on Every Plate"
|
||||
description="With over 15 years in Michelin-starred kitchens across the globe, I believe food is a universal language of emotion. I marry classic French technique with modern seasonal produce to create unforgettable dining memories."
|
||||
subdescription="Whether an intimate private dinner or a large-scale celebration, my goal is the same: to exceed expectations and tell a story with every ingredient."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-baker-holding-handful-wheat-grain-baked-bread_23-2147883453.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="professional chef portrait"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Private Dining", description: "Intimate in-home dining experiences.", buttonIcon: Utensils, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", imageAlt: "happy diner restaurant" },
|
||||
{ title: "Event Catering", description: "Sophisticated menus for special events.", buttonIcon: PartyPopper, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg", imageAlt: "happy diner restaurant" },
|
||||
{ title: "Culinary Workshops", description: "Hands-on learning and technique training.", buttonIcon: BookOpen, imageSrc: "http://img.b2bpic.net/free-photo/male-baker-holding-handful-wheat-grain-baked-bread_23-2147883453.jpg", imageAlt: "happy diner restaurant" },
|
||||
{ title: "Recipe Consulting", description: "Menu development for boutique restaurants.", buttonIcon: FileText, imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg", imageAlt: "happy diner restaurant" },
|
||||
]}
|
||||
title="What I Offer"
|
||||
description="Tailored culinary experiences designed for the most discerning palates."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Private Dining", description: "Intimate in-home dining experiences.", buttonIcon: Utensils, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", imageAlt: "happy diner restaurant" },
|
||||
{ title: "Event Catering", description: "Sophisticated menus for special events.", buttonIcon: PartyPopper, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg", imageAlt: "happy diner restaurant" },
|
||||
{ title: "Culinary Workshops", description: "Hands-on learning and technique training.", buttonIcon: BookOpen, imageSrc: "http://img.b2bpic.net/free-photo/male-baker-holding-handful-wheat-grain-baked-bread_23-2147883453.jpg", imageAlt: "happy diner restaurant" },
|
||||
{ title: "Recipe Consulting", description: "Menu development for boutique restaurants.", buttonIcon: FileText, imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg", imageAlt: "happy diner restaurant" },
|
||||
]}
|
||||
title="What I Offer"
|
||||
description="Tailored culinary experiences designed for the most discerning palates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "d1", name: "Truffle Infused Risotto", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg" },
|
||||
{ id: "d2", name: "Seared Scallops", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2436.jpg" },
|
||||
{ id: "d3", name: "Herb Crusted Rack of Lamb", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-paint-container_23-2148577644.jpg" },
|
||||
{ id: "d4", name: "Deconstructed Lemon Tart", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/salad-put-jelly-roll-served-white-plate_1304-4656.jpg" },
|
||||
{ id: "d5", name: "Wild Mushroom Velouté", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/cook-smelling-salad-with-meat-plate_23-2148040175.jpg" },
|
||||
{ id: "d6", name: "Aged Beef Tartare", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/slice-tasty-tuna-meal-with-glass-white-wine-restaurant_8353-10588.jpg" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="A curated selection of my most celebrated culinary creations, reflecting a journey through flavor and landscape."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "d1", name: "Truffle Infused Risotto", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg" },
|
||||
{ id: "d2", name: "Seared Scallops", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2436.jpg" },
|
||||
{ id: "d3", name: "Herb Crusted Rack of Lamb", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-paint-container_23-2148577644.jpg" },
|
||||
{ id: "d4", name: "Deconstructed Lemon Tart", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/salad-put-jelly-roll-served-white-plate_1304-4656.jpg" },
|
||||
{ id: "d5", name: "Wild Mushroom Velouté", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/cook-smelling-salad-with-meat-plate_23-2148040175.jpg" },
|
||||
{ id: "d6", name: "Aged Beef Tartare", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/slice-tasty-tuna-meal-with-glass-white-wine-restaurant_8353-10588.jpg" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="A curated selection of my most celebrated culinary creations, reflecting a journey through flavor and landscape."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years Experience" },
|
||||
{ id: "m2", value: "500+", description: "Private Dinners" },
|
||||
{ id: "m3", value: "20+", description: "Countries Visited" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="A career dedicated to precision, artistry, and culinary excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years Experience" },
|
||||
{ id: "m2", value: "500+", description: "Private Dinners" },
|
||||
{ id: "m3", value: "20+", description: "Countries Visited" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="A career dedicated to precision, artistry, and culinary excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The culinary journey Chef Alessandro provided for our wedding was beyond words. Every dish was a work of art."
|
||||
rating={5}
|
||||
author="Sarah & James"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-girl-with-beret-hat-keeping-fists-purple_141793-92998.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-dark-skinned-female-with-curly-bushy-afro-hairstyle-rests-cafe_273609-2873.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-blonde-hair-smiling_23-2148911877.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/headshot-beautiful-dark-skinned-female-with-happy-expression-has-afro-hairstyle-demonstrates-perfect-white-even-teeth-has-pleased-smile-stylish-young-african-american-woman-rests-indoor_273609-2384.jpg", alt: "Diner 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The culinary journey Chef Alessandro provided for our wedding was beyond words. Every dish was a work of art."
|
||||
rating={5}
|
||||
author="Sarah & James"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-girl-with-beret-hat-keeping-fists-purple_141793-92998.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-dark-skinned-female-with-curly-bushy-afro-hairstyle-rests-cafe_273609-2873.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-blonde-hair-smiling_23-2148911877.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/headshot-beautiful-dark-skinned-female-with-happy-expression-has-afro-hairstyle-demonstrates-perfect-white-even-teeth-has-pleased-smile-stylish-young-african-american-woman-rests-indoor_273609-2384.jpg", alt: "Diner 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How far in advance should I book?", content: "I recommend booking at least 3 months in advance for peak seasons." },
|
||||
{ id: "f2", title: "Can you accommodate allergies?", content: "Absolutely. All menus are customized to your specific dietary requirements." },
|
||||
{ id: "f3", title: "Do you offer wine pairing?", content: "Yes, I curate wine pairings tailored to your menu and preferences." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about booking and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How far in advance should I book?", content: "I recommend booking at least 3 months in advance for peak seasons." },
|
||||
{ id: "f2", title: "Can you accommodate allergies?", content: "Absolutely. All menus are customized to your specific dietary requirements." },
|
||||
{ id: "f3", title: "Do you offer wine pairing?", content: "Yes, I curate wine pairings tailored to your menu and preferences." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about booking and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to craft your next unforgettable dining memory? Let’s create a bespoke menu together."
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "mailto:hello@chefalessandro.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to craft your next unforgettable dining memory? Let’s create a bespoke menu together."
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "mailto:hello@chefalessandro.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Chef Alessandro"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Portfolio", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Chef Alessandro"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Portfolio", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user