Merge version_1 into main #2
329
src/app/page.tsx
329
src/app/page.tsx
@@ -26,237 +26,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menus",
|
||||
id: "menus",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Persona"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menus", id: "menus" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chef Persona"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Chef Persona"
|
||||
description="Bespoke fine dining experiences, brought directly to your home by an award-winning private chef."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Chef",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-s-preparing-food-frying-pan_23-2147863748.jpg",
|
||||
imageAlt: "Chef plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-ice-cream-jam-mint-side-view_141793-4403.jpg",
|
||||
imageAlt: "Gourmet plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-parmesan-cheese-from-cheese-plate_140725-10808.jpg",
|
||||
imageAlt: "Chef preparing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cook-putting-boiled-egg-plate-with-salad_23-2148040234.jpg",
|
||||
imageAlt: "Chef serving",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-white-surface-fruit-pie-cookies-sweet-biscuit-cake_140725-118217.jpg",
|
||||
imageAlt: "Plated course",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frontview-fresh-salad-foreground-glass-with-white-wine_8353-10591.jpg",
|
||||
imageAlt: "Kitchen scene",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Chef Persona"
|
||||
description="Bespoke fine dining experiences, brought directly to your home by an award-winning private chef."
|
||||
buttons={[{ text: "Book Your Chef", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-chef-s-preparing-food-frying-pan_23-2147863748.jpg", imageAlt: "Chef plating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-ice-cream-jam-mint-side-view_141793-4403.jpg", imageAlt: "Gourmet plating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-parmesan-cheese-from-cheese-plate_140725-10808.jpg", imageAlt: "Chef preparing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cook-putting-boiled-egg-plate-with-salad_23-2148040234.jpg", imageAlt: "Chef serving" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-white-surface-fruit-pie-cookies-sweet-biscuit-cake_140725-118217.jpg", imageAlt: "Plated course" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/frontview-fresh-salad-foreground-glass-with-white-wine_8353-10591.jpg", imageAlt: "Kitchen scene" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Culinary Vision"
|
||||
description="With over 15 years in Michelin-starred kitchens, I now focus on intimate, high-end dining experiences. My philosophy centers on fresh, locally sourced ingredients transformed into modern culinary masterpieces."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728027.jpg"
|
||||
imageAlt="Professional Portrait"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Culinary Vision"
|
||||
description="With over 15 years in Michelin-starred kitchens, I now focus on intimate, high-end dining experiences. My philosophy centers on fresh, locally sourced ingredients transformed into modern culinary masterpieces."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728027.jpg"
|
||||
imageAlt="Professional Portrait"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menus" data-section="menus">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Coastal Seasonal Tasting",
|
||||
price: "From $250/pp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg",
|
||||
imageAlt: "Seafood tasting",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Land & Harvest Prime",
|
||||
price: "From $300/pp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg",
|
||||
imageAlt: "Beef course",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Artisan Dessert Journey",
|
||||
price: "From $150/pp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-piece-chocolate-cheesecake-with-raspberry-nuts_140725-1477.jpg",
|
||||
imageAlt: "Dessert course",
|
||||
},
|
||||
]}
|
||||
title="Signature Experiences"
|
||||
description="Choose from our carefully curated tasting menus, designed to delight and surprise your guests."
|
||||
/>
|
||||
</div>
|
||||
<div id="menus" data-section="menus">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "m1", name: "Coastal Seasonal Tasting", price: "From $250/pp", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg", imageAlt: "Seafood tasting" },
|
||||
{ id: "m2", name: "Land & Harvest Prime", price: "From $300/pp", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg", imageAlt: "Beef course" },
|
||||
{ id: "m3", name: "Artisan Dessert Journey", price: "From $150/pp", imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-piece-chocolate-cheesecake-with-raspberry-nuts_140725-1477.jpg", imageAlt: "Dessert course" },
|
||||
]}
|
||||
title="Signature Experiences"
|
||||
description="Choose from our carefully curated tasting menus, designed to delight and surprise your guests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Host",
|
||||
company: "Anniversary Dinner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julian Thorne",
|
||||
role: "Professional",
|
||||
company: "Corporate Gala",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-friends-having-wine-dinner_23-2148454085.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
role: "Host",
|
||||
company: "Private Soiree",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-talking-phone_329181-15805.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Chen",
|
||||
role: "Guest",
|
||||
company: "Birthday Celebration",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-having-romantic-dinner-together_23-2148435808.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Laurent",
|
||||
role: "Host",
|
||||
company: "Summer Gathering",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Events Hosted",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Seasonal Menus",
|
||||
},
|
||||
]}
|
||||
title="Guest Reflections"
|
||||
description="What our clients say about their private dining experiences."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena Rodriguez", role: "Host", company: "Anniversary Dinner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg" },
|
||||
{ id: "2", name: "Julian Thorne", role: "Professional", company: "Corporate Gala", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-young-friends-having-wine-dinner_23-2148454085.jpg" },
|
||||
{ id: "3", name: "Sarah Miller", role: "Host", company: "Private Soiree", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-talking-phone_329181-15805.jpg" },
|
||||
{ id: "4", name: "Marcus Chen", role: "Guest", company: "Birthday Celebration", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-having-romantic-dinner-together_23-2148435808.jpg" },
|
||||
{ id: "5", name: "Sophie Laurent", role: "Host", company: "Summer Gathering", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "150+", label: "Events Hosted" },
|
||||
{ value: "100%", label: "Satisfaction Rate" },
|
||||
{ value: "50+", label: "Seasonal Menus" },
|
||||
]}
|
||||
title="Guest Reflections"
|
||||
description="What our clients say about their private dining experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you handle the grocery shopping?",
|
||||
content: "Yes, I source all ingredients from premium local suppliers for your specific event.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Is clean-up included?",
|
||||
content: "Absolutely. I leave your kitchen cleaner than I found it, providing a seamless experience.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can you cater for dietary restrictions?",
|
||||
content: "I customize all menus to suit your guests' specific dietary needs or allergies.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727972.jpg"
|
||||
mediaAnimation="opacity"
|
||||
title="Frequently Asked"
|
||||
description="How the private chef process works, from planning to clean-up."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "faq1", title: "Do you handle the grocery shopping?", content: "Yes, I source all ingredients from premium local suppliers for your specific event." },
|
||||
{ id: "faq2", title: "Is clean-up included?", content: "Absolutely. I leave your kitchen cleaner than I found it, providing a seamless experience." },
|
||||
{ id: "faq3", title: "Can you cater for dietary restrictions?", content: "I customize all menus to suit your guests' specific dietary needs or allergies." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727972.jpg"
|
||||
mediaAnimation="opacity"
|
||||
title="Frequently Asked"
|
||||
description="How the private chef process works, from planning to clean-up."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Reserve Your Date"
|
||||
description="Send a message today to start planning your bespoke culinary event."
|
||||
buttonText="Send Inquiry"
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Reserve Your Date"
|
||||
description="Send a message today to start planning your bespoke culinary event."
|
||||
buttonText="Send Inquiry"
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Chef Persona"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Chef Persona"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user