Update src/app/page.tsx
This commit is contained in:
454
src/app/page.tsx
454
src/app/page.tsx
@@ -26,344 +26,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Artisan"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Chef Artisan"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Exquisite Culinary Experiences at Home"
|
||||
description="Bringing professional, fine-dining artistry directly to your table with curated seasonal menus tailored to your tastes."
|
||||
tag="Private Chef Services"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Dinner",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-preparing-bruschetta-with-healthy-ingredients-kitchen_637285-3122.jpg?_wi=1",
|
||||
imageAlt: "Chef plating a gourmet dish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-fruits-cup-tea-white-surface-biscuit-biscuit-sweet-cookies-pie-cake_140725-118219.jpg?_wi=1",
|
||||
imageAlt: "Luxurious fine dining table setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720770.jpg?_wi=1",
|
||||
imageAlt: "Chef preparing steak in a modern kitchen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-adding-vegetables-into-seasonal-salad-side-view_176474-5526.jpg?_wi=1",
|
||||
imageAlt: "Fresh organic ingredients for a seasonal salad",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg?_wi=1",
|
||||
imageAlt: "Elegant private catering dinner atmosphere",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="100+ Five Star Dining Experiences"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Exquisite Culinary Experiences at Home"
|
||||
description="Bringing professional, fine-dining artistry directly to your table with curated seasonal menus tailored to your tastes."
|
||||
tag="Private Chef Services"
|
||||
buttons={[{ text: "Book Your Dinner", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-preparing-bruschetta-with-healthy-ingredients-kitchen_637285-3122.jpg", imageAlt: "Chef plating a gourmet dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-fruits-cup-tea-white-surface-biscuit-biscuit-sweet-cookies-pie-cake_140725-118219.jpg", imageAlt: "Luxurious fine dining table setting" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="100+ Five Star Dining Experiences"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion & Precision"
|
||||
description="With over a decade of experience in Michelin-starred kitchens, I bring restaurant-quality excellence to your private events, turning ingredients into memories."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Events Hosted",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
]}
|
||||
tag="About Me"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720770.jpg?_wi=2"
|
||||
imageAlt="Private chef portrait"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion & Precision"
|
||||
description="With over a decade of experience in Michelin-starred kitchens, I bring restaurant-quality excellence to your private events, turning ingredients into memories."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Events Hosted" },
|
||||
{ value: "100%", title: "Satisfaction Rate" },
|
||||
]}
|
||||
tag="About Me"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720770.jpg"
|
||||
imageAlt="Private chef portrait"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sourcing Excellence",
|
||||
description: "I hand-select only the freshest, seasonal, and organic ingredients from trusted local farms.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-adding-vegetables-into-seasonal-salad-side-view_176474-5526.jpg?_wi=2",
|
||||
imageAlt: "Fresh ingredients",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-adding-vegetables-into-seasonal-salad-side-view_176474-5526.jpg?_wi=3",
|
||||
imageAlt: "Fresh ingredients detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-preparing-bruschetta-with-healthy-ingredients-kitchen_637285-3122.jpg?_wi=2",
|
||||
imageAlt: "private chef gourmet plate presentation",
|
||||
},
|
||||
{
|
||||
title: "Curated Menu Design",
|
||||
description: "Bespoke menus developed specifically for your dietary preferences and event theme.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-menu-restaurant_1098-13294.jpg?_wi=1",
|
||||
imageAlt: "Menu planning",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-menu-restaurant_1098-13294.jpg?_wi=2",
|
||||
imageAlt: "Chef notes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-fruits-cup-tea-white-surface-biscuit-biscuit-sweet-cookies-pie-cake_140725-118219.jpg?_wi=2",
|
||||
imageAlt: "fine dining table setting luxury",
|
||||
},
|
||||
{
|
||||
title: "Professional Execution",
|
||||
description: "Full-service dinner parties where I handle everything from preparation to clean-up.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg?_wi=2",
|
||||
imageAlt: "Dining service",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg?_wi=3",
|
||||
imageAlt: "Guests dining",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720770.jpg?_wi=3",
|
||||
imageAlt: "professional private chef portrait modern kitchen",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="My Culinary Process"
|
||||
description="A seamless journey from fresh ingredients to the perfect final bite."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sourcing Excellence", description: "I hand-select only the freshest, seasonal, and organic ingredients from trusted local farms.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-adding-vegetables-into-seasonal-salad-side-view_176474-5526.jpg", imageAlt: "Fresh ingredients" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-adding-vegetables-into-seasonal-salad-side-view_176474-5526.jpg", imageAlt: "Fresh ingredients detail" }
|
||||
},
|
||||
{
|
||||
title: "Curated Menu Design", description: "Bespoke menus developed specifically for your dietary preferences and event theme.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/reading-menu-restaurant_1098-13294.jpg", imageAlt: "Menu planning" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/reading-menu-restaurant_1098-13294.jpg", imageAlt: "Chef notes" }
|
||||
},
|
||||
{
|
||||
title: "Professional Execution", description: "Full-service dinner parties where I handle everything from preparation to clean-up.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg", imageAlt: "Dining service" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/dining-room-beige-color-tones-interior-design_114579-2225.jpg", imageAlt: "Guests dining" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="My Culinary Process"
|
||||
description="A seamless journey from fresh ingredients to the perfect final bite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Oct 2023",
|
||||
title: "Fantastic Anniversary",
|
||||
quote: "The most incredible dining experience at home. Every course was a masterpiece.",
|
||||
tag: "Event",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-cheerful-woman-taking-selfie-smartphone-table_23-2148024542.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cheerful-woman-taking-selfie-smartphone-table_23-2148024542.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Wu",
|
||||
date: "Sep 2023",
|
||||
title: "Corporate Event",
|
||||
quote: "Seamless professionalism. The food was just as good as a five-star restaurant.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica L.",
|
||||
date: "Aug 2023",
|
||||
title: "Private Dinner",
|
||||
quote: "Exquisite flavors and impeccable presentation. Truly a world-class chef.",
|
||||
tag: "Private",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-taking-selfie_23-2149212129.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-taking-selfie_23-2149212129.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert B.",
|
||||
date: "Jul 2023",
|
||||
title: "Birthday Party",
|
||||
quote: "Unforgettable meal. My guests are still talking about the dessert course.",
|
||||
tag: "Event",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-kissing-hand_23-2148060605.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-kissing-hand_23-2148060605.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
date: "Jun 2023",
|
||||
title: "Weekend Brunch",
|
||||
quote: "Simply divine. The attention to detail made our weekend brunch feel so special.",
|
||||
tag: "Private",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
]}
|
||||
title="A Taste of Excellence"
|
||||
description="See what our clients say about their private dining experiences."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Fantastic Anniversary", quote: "The most incredible dining experience at home. Every course was a masterpiece.", tag: "Event", avatarSrc: "http://img.b2bpic.net/free-photo/man-cheerful-woman-taking-selfie-smartphone-table_23-2148024542.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-cheerful-woman-taking-selfie-smartphone-table_23-2148024542.jpg" },
|
||||
{ id: "2", name: "David Wu", date: "Sep 2023", title: "Corporate Event", quote: "Seamless professionalism. The food was just as good as a five-star restaurant.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081873.jpg" },
|
||||
{ id: "3", name: "Jessica L.", date: "Aug 2023", title: "Private Dinner", quote: "Exquisite flavors and impeccable presentation. Truly a world-class chef.", tag: "Private", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-taking-selfie_23-2149212129.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-taking-selfie_23-2149212129.jpg" },
|
||||
{ id: "4", name: "Robert B.", date: "Jul 2023", title: "Birthday Party", quote: "Unforgettable meal. My guests are still talking about the dessert course.", tag: "Event", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-kissing-hand_23-2148060605.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-kissing-hand_23-2148060605.jpg" },
|
||||
{ id: "5", name: "Elena R.", date: "Jun 2023", title: "Weekend Brunch", quote: "Simply divine. The attention to detail made our weekend brunch feel so special.", tag: "Private", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" }
|
||||
]}
|
||||
title="A Taste of Excellence"
|
||||
description="See what our clients say about their private dining experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Intimate",
|
||||
price: "$300",
|
||||
subtitle: "For 2-4 guests",
|
||||
features: [
|
||||
"3-Course Menu",
|
||||
"Fresh Sourcing",
|
||||
"Table Setup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Signature",
|
||||
price: "$600",
|
||||
subtitle: "For 6-10 guests",
|
||||
features: [
|
||||
"5-Course Menu",
|
||||
"Wine Pairing",
|
||||
"Full Service",
|
||||
"Clean Up",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Grand Event",
|
||||
price: "Custom",
|
||||
subtitle: "For large groups",
|
||||
features: [
|
||||
"Customized Buffet/Plated",
|
||||
"Full Hosting Staff",
|
||||
"Menu Personalization",
|
||||
"Event Decor",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Service Options"
|
||||
description="Choose the culinary tier that fits your special event."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Intimate", price: "$300", subtitle: "For 2-4 guests", features: ["3-Course Menu", "Fresh Sourcing", "Table Setup"] },
|
||||
{ id: "pro", badge: "Signature", price: "$600", subtitle: "For 6-10 guests", features: ["5-Course Menu", "Wine Pairing", "Full Service", "Clean Up"] },
|
||||
{ id: "enterprise", badge: "Grand Event", price: "Custom", subtitle: "For large groups", features: ["Customized Buffet/Plated", "Full Hosting Staff", "Menu Personalization", "Event Decor"] }
|
||||
]}
|
||||
title="Service Options"
|
||||
description="Choose the culinary tier that fits your special event."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Inquire About Your Date"
|
||||
description="Ready to bring the restaurant to your home? Let's discuss your vision and book your date."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Event Date",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your event...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cinematic-dark-style-dragon-fruit-pitahaya-still-life_23-2151566204.jpg"
|
||||
imageAlt="Artisan plating"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Inquire About Your Date"
|
||||
description="Ready to bring the restaurant to your home? Let's discuss your vision and book your date."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Event Date", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your event...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cinematic-dark-style-dragon-fruit-pitahaya-still-life_23-2151566204.jpg"
|
||||
imageAlt="Artisan plating"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Chef Artisan"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Dinner Parties",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Private Classes",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Me",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Chef Artisan. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Chef Artisan"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Dinner Parties", href: "#features" }, { label: "Private Classes", href: "#" }, { label: "Catering", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Me", href: "#about" }, { label: "FAQ", href: "#" }, { label: "Book Now", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Chef Artisan. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user