bender/8dfb5b41-d844-4d78-a295-0a7891a2ae1f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 07:34:47 +00:00
parent 5a02dbc2d7
commit f7be4b9cc2
1 changed files with 114 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

383
src/app/page.tsx
View File

@@ -16,283 +16,128 @@ export default function LandingPage() {
defaultButtonVariant="elastic-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">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Chef Artisan"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Chef Artisan"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Exceptional Culinary Experiences at Home"
description="Bringing professional, fine-dining excellence to your private events. Personalized menus crafted for your unique taste and occasions."
testimonials={[
{
name: "Alice M.",
handle: "@alicem",
testimonial: "Chef Artisan transformed our dinner party. Every dish was a masterpiece.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dinner-restaurant-closeup-salad-with-beetroot-cottage-cheese-people-eating-background_501050-81.jpg",
},
{
name: "Robert B.",
handle: "@robertb",
testimonial: "Exceptional service and flavor profiles. Will definitely book again.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-table-etiquette-dressing_23-2148914876.jpg",
},
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "A truly seamless experience. Everything was perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg",
},
{
name: "Mark D.",
handle: "@markd",
testimonial: "The best private dining I've had in years. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-flowers_23-2148966222.jpg",
},
{
name: "Elena V.",
handle: "@elenav",
testimonial: "Incredible attention to detail and flavor. Outstanding.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg?_wi=1",
},
]}
buttons={[
{
text: "Book a Consultation",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279480.jpg"
imageAlt="Gourmet meal plating"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg",
alt: "Guest 1",
},
{
src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg",
alt: "Guest 2",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg",
alt: "Guest 3",
},
{
src: "http://img.b2bpic.net/free-photo/woman-eating-poke-park_1268-22068.jpg",
alt: "Guest 4",
},
{
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081914.jpg",
alt: "Guest 5",
},
]}
avatarText="Trusted by 500+ happy guests"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Exceptional Culinary Experiences at Home"
description="Bringing professional, fine-dining excellence to your private events. Personalized menus crafted for your unique taste and occasions."
testimonials={[
{ name: "Alice M.", handle: "@alicem", testimonial: "Chef Artisan transformed our dinner party. Every dish was a masterpiece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dinner-restaurant-closeup-salad-with-beetroot-cottage-cheese-people-eating-background_501050-81.jpg" },
{ name: "Robert B.", handle: "@robertb", testimonial: "Exceptional service and flavor profiles. Will definitely book again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-table-etiquette-dressing_23-2148914876.jpg" },
{ name: "Sarah J.", handle: "@sarahj", testimonial: "A truly seamless experience. Everything was perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg" },
{ name: "Mark D.", handle: "@markd", testimonial: "The best private dining I've had in years. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-flowers_23-2148966222.jpg" },
{ name: "Elena V.", handle: "@elenav", testimonial: "Incredible attention to detail and flavor. Outstanding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg" },
]}
buttons={[{ text: "Book a Consultation", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279480.jpg"
imageAlt="Gourmet meal plating"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg", alt: "Guest 1" },
{ src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg", alt: "Guest 2" },
{ src: "http://img.b2bpic.net/free-photo/front-view-beautiful-girl-with-lemons_23-2148483076.jpg", alt: "Guest 3" },
{ src: "http://img.b2bpic.net/free-photo/woman-eating-poke-park_1268-22068.jpg", alt: "Guest 4" },
{ src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081914.jpg", alt: "Guest 5" },
]}
avatarText="Trusted by 500+ happy guests"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="A Legacy of Culinary Excellence"
description="With over 15 years in high-end hospitality, I focus on locally sourced, seasonal ingredients to create bespoke menus that leave a lasting impression."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "200+",
title: "Private Events",
},
{
value: "50+",
title: "Custom Menus",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/confident-female-barista-with-arms-crossed-cafe_1170-604.jpg"
imageAlt="Chef preparing dish"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="A Legacy of Culinary Excellence"
description="With over 15 years in high-end hospitality, I focus on locally sourced, seasonal ingredients to create bespoke menus that leave a lasting impression."
metrics={[
{ value: "15+", title: "Years Experience" },
{ value: "200+", title: "Private Events" },
{ value: "50+", title: "Custom Menus" },
]}
imageSrc="http://img.b2bpic.net/free-photo/confident-female-barista-with-arms-crossed-cafe_1170-604.jpg"
imageAlt="Chef preparing dish"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Private Dinner Parties",
descriptions: [
"Intimate dining for close friends.",
"Menu customization.",
],
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208277.jpg",
},
{
id: "2",
title: "Corporate Events",
descriptions: [
"Professional culinary solutions.",
"Impress your guests.",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-professional-chef_23-2151864172.jpg",
},
{
id: "3",
title: "Cooking Masterclasses",
descriptions: [
"Hands-on learning sessions.",
"Chef secrets revealed.",
],
imageSrc: "http://img.b2bpic.net/free-photo/one-cheerful-man-cooking-domestic-kitchen-generated-by-ai_188544-25325.jpg",
},
]}
title="Bespoke Culinary Services"
description="Offering tailored services for every event type."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "1", title: "Private Dinner Parties", descriptions: ["Intimate dining for close friends.", "Menu customization."], imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208277.jpg" },
{ id: "2", title: "Corporate Events", descriptions: ["Professional culinary solutions.", "Impress your guests."], imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-professional-chef_23-2151864172.jpg" },
{ id: "3", title: "Cooking Masterclasses", descriptions: ["Hands-on learning sessions.", "Chef secrets revealed."], imageSrc: "http://img.b2bpic.net/free-photo/one-cheerful-man-cooking-domestic-kitchen-generated-by-ai_188544-25325.jpg" },
]}
title="Bespoke Culinary Services"
description="Offering tailored services for every event type."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Host",
company: "Private Event",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg?_wi=2",
},
{
id: "2",
name: "Mark D.",
role: "CEO",
company: "Dinner Party",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-glass-champagne_23-2147931381.jpg",
},
{
id: "3",
name: "Elena V.",
role: "Socialite",
company: "Gallery Opening",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-elder-business-woman-having-dessert-while-working_23-2148661256.jpg",
},
{
id: "4",
name: "John P.",
role: "Attendee",
company: "Birthday Bash",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-toasting-with-her-friends-lunch-dining-table_637285-3223.jpg",
},
{
id: "5",
name: "Laura K.",
role: "Bride",
company: "Engagement",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25268.jpg",
},
]}
kpiItems={[
{
value: "100%",
label: "Client Satisfaction",
},
{
value: "4.9/5",
label: "Average Rating",
},
{
value: "500+",
label: "Happy Guests",
},
]}
title="What My Clients Say"
description="Providing memorable culinary journeys for discerning palates."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", role: "Host", company: "Private Event", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg" },
{ id: "2", name: "Mark D.", role: "CEO", company: "Dinner Party", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-holding-glass-champagne_23-2147931381.jpg" },
{ id: "3", name: "Elena V.", role: "Socialite", company: "Gallery Opening", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-elder-business-woman-having-dessert-while-working_23-2148661256.jpg" },
{ id: "4", name: "John P.", role: "Attendee", company: "Birthday Bash", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-toasting-with-her-friends-lunch-dining-table_637285-3223.jpg" },
{ id: "5", name: "Laura K.", role: "Bride", company: "Engagement", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25268.jpg" },
]}
kpiItems={[
{ value: "100%", label: "Client Satisfaction" },
{ value: "4.9/5", label: "Average Rating" },
{ value: "500+", label: "Happy Guests" },
]}
title="What My Clients Say"
description="Providing memorable culinary journeys for discerning palates."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Inquire About Availability"
description="Ready to elevate your event? Let's discuss your vision and menu requirements."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "date",
type: "date",
placeholder: "Preferred Date",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Event details and specific dietary needs...",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/thanksgiving-event-with-meal-ingredients_23-2148663957.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Inquire About Availability"
description="Ready to elevate your event? Let's discuss your vision and menu requirements."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "date", type: "date", placeholder: "Preferred Date", required: true },
]}
textarea={{ name: "message", placeholder: "Event details and specific dietary needs...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/thanksgiving-event-with-meal-ingredients_23-2148663957.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Chef Artisan"
copyrightText="© 2025 Chef Artisan. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Chef Artisan"
copyrightText="© 2025 Chef Artisan. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);