Merge version_1 into main #1
472
src/app/page.tsx
472
src/app/page.tsx
@@ -17,349 +17,157 @@ import { Award, Flame, Leaf } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
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: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "expertise",
|
||||
},
|
||||
{
|
||||
name: "Dishes",
|
||||
id: "dishes",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Portfolio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Expertise", id: "expertise" },
|
||||
{ name: "Dishes", id: "dishes" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chef Portfolio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Excellence in Every Plate"
|
||||
description="Crafting culinary experiences through precision, creativity, and premium ingredients."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/head-chef-professional-kitchen-uses-laptop-refine-recipes_482257-129838.jpg"
|
||||
imageAlt="professional chef plating elegant meal"
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#dishes",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Excellence in Every Plate"
|
||||
description="Crafting culinary experiences through precision, creativity, and premium ingredients."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/head-chef-professional-kitchen-uses-laptop-refine-recipes_482257-129838.jpg"
|
||||
imageAlt="professional chef plating elegant meal"
|
||||
buttons={[{ text: "View My Work", href: "#dishes" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Events Served",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
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="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Events Served" },
|
||||
{ value: "20+", 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">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Flame,
|
||||
title: "High-Heat Techniques",
|
||||
description: "Precision temperature control for perfect searing and flavor development.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Farm-to-Table Focus",
|
||||
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="expertise" data-section="expertise">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Flame, title: "High-Heat Techniques", description: "Precision temperature control for perfect searing and flavor development." },
|
||||
{ icon: Leaf, title: "Farm-to-Table Focus", 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">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
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: "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",
|
||||
},
|
||||
{
|
||||
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="dishes" data-section="dishes">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ 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">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Grand Palais Dining",
|
||||
"Le Jardin Fine Food",
|
||||
"Summit Catering Services",
|
||||
"Oceanic Gourmet",
|
||||
"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="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={["Grand Palais Dining", "Le Jardin Fine Food", "Summit Catering Services", "Oceanic Gourmet", "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">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
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: "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",
|
||||
},
|
||||
{
|
||||
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="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ 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">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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: "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="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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: "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">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Collaborate"
|
||||
title="Start Your Culinary Journey"
|
||||
description="Whether it's a private dinner or professional partnership, let's create something exceptional together."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Collaborate"
|
||||
title="Start Your Culinary Journey"
|
||||
description="Whether it's a private dinner or professional partnership, let's create something exceptional together."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { 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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user