371 lines
13 KiB
TypeScript
371 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
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="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="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="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="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="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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|