bender/99cd3d6c-a97a-4583-95b5-bfaff4ecfd85
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1

1 Commits
version_2 ... version_1

Author SHA1 Message Date
bender
c9ad4b205e Update src/app/page.tsx 2026-04-18 06:00:06 +00:00
1 changed files with 140 additions and 332 deletions
Expand all files Collapse all files

472
src/app/page.tsx
View File

@@ -17,349 +17,157 @@ import { Award, Flame, Leaf } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-bubble" defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "About", id: "about" },
name: "About", { name: "Expertise", id: "expertise" },
id: "about", { name: "Dishes", id: "dishes" },
}, { name: "Contact", id: "contact" },
{ ]}
name: "Expertise", brandName="Chef Portfolio"
id: "expertise", />
}, </div>
{
name: "Dishes",
id: "dishes",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Chef Portfolio"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Excellence in Every Plate"
}} description="Crafting culinary experiences through precision, creativity, and premium ingredients."
title="Excellence in Every Plate" imageSrc="http://img.b2bpic.net/free-photo/head-chef-professional-kitchen-uses-laptop-refine-recipes_482257-129838.jpg"
description="Crafting culinary experiences through precision, creativity, and premium ingredients." imageAlt="professional chef plating elegant meal"
imageSrc="http://img.b2bpic.net/free-photo/head-chef-professional-kitchen-uses-laptop-refine-recipes_482257-129838.jpg" buttons={[{ text: "View My Work", href: "#dishes" }]}
imageAlt="professional chef plating elegant meal" />
buttons={[ </div>
{
text: "View My Work",
href: "#dishes",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="A Life Devoted to Flavor" title="A Life Devoted to Flavor"
description="With over 15 years in fine dining, I blend traditional techniques with modern innovation to create unforgettable culinary moments." description="With over 15 years in fine dining, I blend traditional techniques with modern innovation to create unforgettable culinary moments."
metrics={[ metrics={[
{ { value: "15+", title: "Years Experience" },
value: "15+", { value: "500+", title: "Events Served" },
title: "Years Experience", { value: "20+", title: "Michelin Partners" },
}, ]}
{ imageSrc="http://img.b2bpic.net/free-photo/smiling-young-man-standing-kitchen-showing-thumb-up-sign_23-2147863560.jpg"
value: "500+", imageAlt="chef portrait professional kitchen"
title: "Events Served", mediaAnimation="slide-up"
}, metricsAnimation="slide-up"
{ />
value: "20+", </div>
title: "Michelin Partners",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-man-standing-kitchen-showing-thumb-up-sign_23-2147863560.jpg"
imageAlt="chef portrait professional kitchen"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="expertise" data-section="expertise"> <div id="expertise" data-section="expertise">
<FeatureHoverPattern <FeatureHoverPattern
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { icon: Flame, title: "High-Heat Techniques", description: "Precision temperature control for perfect searing and flavor development." },
icon: Flame, { icon: Leaf, title: "Farm-to-Table Focus", description: "Sourcing local, sustainable ingredients to create vibrant seasonal menus." },
title: "High-Heat Techniques", { icon: Award, title: "Fine Dining Plating", description: "Artful presentation that transforms every dish into a visual masterpiece." },
description: "Precision temperature control for perfect searing and flavor development.", ]}
}, title="Culinary Specializations"
{ description="Mastering the art of complex flavors and precise culinary techniques."
icon: Leaf, />
title: "Farm-to-Table Focus", </div>
description: "Sourcing local, sustainable ingredients to create vibrant seasonal menus.",
},
{
icon: Award,
title: "Fine Dining Plating",
description: "Artful presentation that transforms every dish into a visual masterpiece.",
},
]}
title="Culinary Specializations"
description="Mastering the art of complex flavors and precise culinary techniques."
/>
</div>
<div id="dishes" data-section="dishes"> <div id="dishes" data-section="dishes">
<ProductCardTwo <ProductCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "d1", brand: "Signature", name: "Saffron Risotto", price: "POA", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg" },
id: "d1", { id: "d2", brand: "Signature", name: "Pan-Seared Scallops", price: "POA", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-salad-with-seasonings-dark-background-health-diet-salad-vegetable-lunch_140725-96862.jpg" },
brand: "Signature", { id: "d3", brand: "Seasonal", name: "Truffle Infused Duck", price: "POA", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-smelling-dish-after-cooking_329181-16139.jpg" },
name: "Saffron Risotto", { id: "d4", brand: "Seasonal", name: "Herb-Crusted Lamb", price: "POA", rating: 4, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/male-cook-cuts-orange-into-pieces-marble-table_2831-7988.jpg" },
price: "POA", { id: "d5", brand: "Artisanal", name: "Velvet Chocolate Tart", price: "POA", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/slice-tasty-tuna-meal-with-glass-white-wine-restaurant_8353-10588.jpg" },
rating: 5, { id: "d6", brand: "Artisanal", name: "Yuzu Meringue", price: "POA", rating: 5, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg" },
reviewCount: "120", ]}
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg", title="Signature Creations"
}, description="A glimpse into my current featured culinary specialties."
{ />
id: "d2", </div>
brand: "Signature",
name: "Pan-Seared Scallops",
price: "POA",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-salad-with-seasonings-dark-background-health-diet-salad-vegetable-lunch_140725-96862.jpg",
},
{
id: "d3",
brand: "Seasonal",
name: "Truffle Infused Duck",
price: "POA",
rating: 5,
reviewCount: "88",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-smelling-dish-after-cooking_329181-16139.jpg",
},
{
id: "d4",
brand: "Seasonal",
name: "Herb-Crusted Lamb",
price: "POA",
rating: 4,
reviewCount: "72",
imageSrc: "http://img.b2bpic.net/free-photo/male-cook-cuts-orange-into-pieces-marble-table_2831-7988.jpg",
},
{
id: "d5",
brand: "Artisanal",
name: "Velvet Chocolate Tart",
price: "POA",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/slice-tasty-tuna-meal-with-glass-white-wine-restaurant_8353-10588.jpg",
},
{
id: "d6",
brand: "Artisanal",
name: "Yuzu Meringue",
price: "POA",
rating: 5,
reviewCount: "64",
imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg",
},
]}
title="Signature Creations"
description="A glimpse into my current featured culinary specialties."
/>
</div>
<div id="socialProof" data-section="socialProof"> <div id="socialProof" data-section="socialProof">
<SocialProofOne <SocialProofOne
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["Grand Palais Dining", "Le Jardin Fine Food", "Summit Catering Services", "Oceanic Gourmet", "Velvet Plate Group", "Alpine Culinary Institute", "Metro Gastronomy"]}
"Grand Palais Dining", title="Culinary Partnerships"
"Le Jardin Fine Food", description="Proud to collaborate with prestigious venues and food enthusiasts worldwide."
"Summit Catering Services", />
"Oceanic Gourmet", </div>
"Velvet Plate Group",
"Alpine Culinary Institute",
"Metro Gastronomy",
]}
title="Culinary Partnerships"
description="Proud to collaborate with prestigious venues and food enthusiasts worldwide."
/>
</div>
<div id="testimonial" data-section="testimonial"> <div id="testimonial" data-section="testimonial">
<TestimonialCardOne <TestimonialCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah Jenkins", role: "Food Critic", company: "Gourmet Magazine", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-couple-love-having-great-time-together-their-dating-attractive-couple-enjoying-each-other-young-woman-feeding-her-man-restaurant_613910-18761.jpg" },
id: "1", { id: "2", name: "Michael Thorne", role: "Event Planner", company: "Elite Events", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg" },
name: "Sarah Jenkins", { id: "3", name: "Emily Chen", role: "Food Blogger", company: "ChefTalks", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517409.jpg" },
role: "Food Critic", { id: "4", name: "David Miller", role: "Restaurant Owner", company: "Palace Dining", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-woman-eating-snacks_1262-1761.jpg" },
company: "Gourmet Magazine", { id: "5", name: "Alice Wong", role: "Culinary Consultant", company: "Food Trends Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg" },
rating: 5, ]}
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-couple-love-having-great-time-together-their-dating-attractive-couple-enjoying-each-other-young-woman-feeding-her-man-restaurant_613910-18761.jpg", title="Client Experiences"
}, description="What my guests and collaborators have to say about their dining experience."
{ />
id: "2", </div>
name: "Michael Thorne",
role: "Event Planner",
company: "Elite Events",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
},
{
id: "3",
name: "Emily Chen",
role: "Food Blogger",
company: "ChefTalks",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517409.jpg",
},
{
id: "4",
name: "David Miller",
role: "Restaurant Owner",
company: "Palace Dining",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-woman-eating-snacks_1262-1761.jpg",
},
{
id: "5",
name: "Alice Wong",
role: "Culinary Consultant",
company: "Food Trends Inc",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg",
},
]}
title="Client Experiences"
description="What my guests and collaborators have to say about their dining experience."
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardEleven <MetricCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "1,200", title: "Hours Plating", description: "Dedicated hours perfecting presentation techniques.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-with-black-gloves-holding-raw-fish-wood-board-pepper-grinder-flour-bowl-pomegranate-seeds-bowl-kitchen-table_179666-46862.jpg" },
id: "m1", { id: "m2", value: "5k", title: "Local Ingredients", description: "Sourced organic components for seasonal menus.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-roasted-chicken-tomatoes-wood-board-quail-eggs-viol-table_140725-148212.jpg" },
value: "1,200", { id: "m3", value: "80", title: "Events Managed", description: "Seamless execution for high-pressure kitchen environments.", imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208272.jpg" },
title: "Hours Plating", ]}
description: "Dedicated hours perfecting presentation techniques.", title="Commitment to Perfection"
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-with-black-gloves-holding-raw-fish-wood-board-pepper-grinder-flour-bowl-pomegranate-seeds-bowl-kitchen-table_179666-46862.jpg", description="Key stats that define my daily workflow and professional standard."
}, />
{ </div>
id: "m2",
value: "5k",
title: "Local Ingredients",
description: "Sourced organic components for seasonal menus.",
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-roasted-chicken-tomatoes-wood-board-quail-eggs-viol-table_140725-148212.jpg",
},
{
id: "m3",
value: "80",
title: "Events Managed",
description: "Seamless execution for high-pressure kitchen environments.",
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208272.jpg",
},
]}
title="Commitment to Perfection"
description="Key stats that define my daily workflow and professional standard."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain", tag="Let's Collaborate"
}} title="Start Your Culinary Journey"
tag="Let's Collaborate" description="Whether it's a private dinner or professional partnership, let's create something exceptional together."
title="Start Your Culinary Journey" />
description="Whether it's a private dinner or professional partnership, let's create something exceptional together." </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Expertise", href: "#expertise" }, { label: "Dishes", href: "#dishes" }, { label: "Contact", href: "#contact" }] },
title: "Navigation", { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
items: [ { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "Contact", href: "#contact" }] },
{ ]}
label: "About", bottomLeftText="© 2024 Chef Portfolio. All rights reserved."
href: "#about", bottomRightText="Crafted with Passion"
}, />
{ </div>
label: "Expertise",
href: "#expertise",
},
{
label: "Dishes",
href: "#dishes",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
bottomLeftText="© 2024 Chef Portfolio. All rights reserved."
bottomRightText="Crafted with Passion"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }