Merge version_1 into main #2
362
src/app/page.tsx
362
src/app/page.tsx
@@ -16,258 +16,132 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Portfolio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chef Portfolio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Culinary Excellence in Your Home"
|
||||
description="Elevate your dining experience with custom, gourmet meals prepared by a master private chef in the comfort of your kitchen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Chef",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/culinary-expert-chef-uniform-prepares-freshly-cut-vegetables-dish_482257-121130.jpg"
|
||||
imageAlt="private chef plating gourmet food"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg",
|
||||
alt: "Guest at a private dinner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187239.jpg",
|
||||
alt: "Happy dinner guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-with-food_23-2149152941.jpg",
|
||||
alt: "Client enjoying gourmet meal",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg",
|
||||
alt: "Fine dining event attendee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-clinking-glasses_23-2149152924.jpg",
|
||||
alt: "Satisfied client clinking glasses",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 50+ discerning food enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin-Trained Expertise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Menu Planning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full-Service Cleanup",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Culinary Flavors",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Culinary Excellence in Your Home"
|
||||
description="Elevate your dining experience with custom, gourmet meals prepared by a master private chef in the comfort of your kitchen."
|
||||
buttons={[{ text: "Book Your Chef", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/culinary-expert-chef-uniform-prepares-freshly-cut-vegetables-dish_482257-121130.jpg"
|
||||
imageAlt="private chef plating gourmet food"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg", alt: "Guest at a private dinner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187239.jpg", alt: "Happy dinner guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-with-food_23-2149152941.jpg", alt: "Client enjoying gourmet meal" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg", alt: "Fine dining event attendee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-women-clinking-glasses_23-2149152924.jpg", alt: "Satisfied client clinking glasses" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ discerning food enthusiasts"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Michelin-Trained Expertise" },
|
||||
{ type: "text", text: "Sustainable Ingredients" },
|
||||
{ type: "text", text: "Bespoke Menu Planning" },
|
||||
{ type: "text", text: "Full-Service Cleanup" },
|
||||
{ type: "text", text: "Global Culinary Flavors" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Passion for Perfection"
|
||||
description="With over 15 years in fine dining, I transform fresh, seasonal ingredients into unforgettable culinary experiences tailored to your tastes."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Custom Menus",
|
||||
description: "Crafted exclusively for your dietary needs and event theme.",
|
||||
},
|
||||
{
|
||||
title: "Farm to Table",
|
||||
description: "Sourced from the best local organic producers.",
|
||||
},
|
||||
{
|
||||
title: "Seamless Cleanup",
|
||||
description: "I leave your kitchen spotless after every event.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="private chef in elegant kitchen"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Passion for Perfection"
|
||||
description="With over 15 years in fine dining, I transform fresh, seasonal ingredients into unforgettable culinary experiences tailored to your tastes."
|
||||
bulletPoints={[
|
||||
{ title: "Custom Menus", description: "Crafted exclusively for your dietary needs and event theme." },
|
||||
{ title: "Farm to Table", description: "Sourced from the best local organic producers." },
|
||||
{ title: "Seamless Cleanup", description: "I leave your kitchen spotless after every event." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="private chef in elegant kitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Seared Scallops",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ham-slices-with-vegetables-plate_140725-2137.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Truffle Risotto",
|
||||
price: "$38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-salad-round-shape-salt_23-2148748877.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dark Chocolate Ganache",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-plate_23-2151973717.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Roasted Duck Breast",
|
||||
price: "$52",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-grilled-chicken-peas-pan_23-2148682804.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Seasonal Garden Salad",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-with-radish-tomato-cucumber-feta-cheese-cubes-arugula_140725-470.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Chilled Lobster Bisque",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89993.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Tasting Menus"
|
||||
description="Discover a selection of curated tasting experiences crafted to awaken your senses."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Seared Scallops", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/ham-slices-with-vegetables-plate_140725-2137.jpg" },
|
||||
{ id: "2", name: "Truffle Risotto", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-salad-round-shape-salt_23-2148748877.jpg" },
|
||||
{ id: "3", name: "Dark Chocolate Ganache", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-plate_23-2151973717.jpg" },
|
||||
{ id: "4", name: "Roasted Duck Breast", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-grilled-chicken-peas-pan_23-2148682804.jpg" },
|
||||
{ id: "5", name: "Seasonal Garden Salad", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-with-radish-tomato-cucumber-feta-cheese-cubes-arugula_140725-470.jpg" },
|
||||
{ id: "6", name: "Chilled Lobster Bisque", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89993.jpg" },
|
||||
]}
|
||||
title="Signature Tasting Menus"
|
||||
description="Discover a selection of curated tasting experiences crafted to awaken your senses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="An incredible experience. The food was restaurant-quality and the service was seamless. Truly a memorable night."
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-young-people-having-dinner-together_23-2148454169.jpg",
|
||||
alt: "Sarah Jenkins",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street-funny-positive-woman-sunglasses_158538-1662.jpg",
|
||||
alt: "Client review 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891035.jpg",
|
||||
alt: "Client review 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891048.jpg",
|
||||
alt: "Client review 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg",
|
||||
alt: "Client review 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="An incredible experience. The food was restaurant-quality and the service was seamless. Truly a memorable night."
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-young-people-having-dinner-together_23-2148454169.jpg", alt: "Sarah Jenkins" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-trendy-girl-sitting-bench-street-funny-positive-woman-sunglasses_158538-1662.jpg", alt: "Client review 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891035.jpg", alt: "Client review 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891048.jpg", alt: "Client review 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg", alt: "Client review 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquiry"
|
||||
title="Reserve Your Private Experience"
|
||||
description="Let's discuss your next dinner party. Complete the form to check availability."
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg?_wi=2"
|
||||
imageAlt="Chef preparation scene"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquiry"
|
||||
title="Reserve Your Private Experience"
|
||||
description="Let's discuss your next dinner party. Complete the form to check availability."
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727991.jpg"
|
||||
imageAlt="Chef preparation scene"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Chef Portfolio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Chef Portfolio"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user