Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c9ad4b205e |
234
src/app/page.tsx
234
src/app/page.tsx
@@ -6,107 +6,167 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { Award, Flame, Leaf, Utensils, HeartPulse } from "lucide-react";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Flame, Leaf } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
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: "Recipes", id: "recipes" },
|
||||
{ name: "Health Advice", id: "health" },
|
||||
{ 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="Professional Chef Services"
|
||||
description="Elevating kitchens with expert recipe development and personalized nutrition guidance."
|
||||
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: "Explore Services", href: "#recipes" }]}
|
||||
/>
|
||||
</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="recipes" data-section="recipes">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Utensils, title: "Recipe Sharing", description: "Exclusive access to professional-grade recipes for your home or business kitchen." },
|
||||
{ icon: Flame, title: "Culinary Techniques", description: "Detailed guides on advanced cooking methods, searing, and flavor balance." },
|
||||
]}
|
||||
title="Professional Recipes"
|
||||
description="I share my curated library of tested, professional-grade recipes to help you excel in the kitchen."
|
||||
/>
|
||||
</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="health" data-section="health">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: HeartPulse, title: "Nutritional Balance", description: "Tailored advice to integrate health-conscious choices without compromising gourmet flavor." },
|
||||
{ icon: Leaf, title: "Wellness Consultations", description: "Consultations focusing on sustainable, whole-food dietary patterns that nourish the body." },
|
||||
]}
|
||||
title="Healthy Diet Advice"
|
||||
description="Bridging the gap between professional gastronomy and optimal wellness through scientific nutrition advice."
|
||||
/>
|
||||
</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="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professional Background"
|
||||
description="With over 15 years in fine dining, I combine high-end culinary arts with professional dietary wellness insights."
|
||||
metrics={[{ value: "15+", title: "Years Experience" }, { value: "500+", title: "Healthy Menus" }, { value: "20+", title: "Consulting Projects" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-man-standing-kitchen-showing-thumb-up-sign_23-2147863560.jpg"
|
||||
imageAlt="chef portrait professional kitchen"
|
||||
/>
|
||||
</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="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Book a Consultation"
|
||||
description="Ready to discuss recipe development or health-focused menu planning? Reach out today."
|
||||
/>
|
||||
</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="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Recipes", href: "#recipes" }, { label: "Health Advice", href: "#health" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Chef Portfolio. All rights reserved."
|
||||
bottomRightText="Designed for Excellence"
|
||||
/>
|
||||
</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="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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user