Merge version_2 into main #2
459
src/app/page.tsx
459
src/app/page.tsx
@@ -6,12 +6,13 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import { ChefHat, Calendar, Users, Star, MessageCircle, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,353 +29,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Chef Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Exquisite Culinary Experiences, Curated for You."
|
||||
description="Experience professional gourmet service in the comfort of your own space. From private dinners to elegant events, I bring the restaurant to your table."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chef-holding-food-plate_23-2148510819.jpg?_wi=1",
|
||||
imageAlt: "Gourmet dish presentation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-tuna-fish-meat-salad-with-avocado-mango_1203-9044.jpg?_wi=1",
|
||||
imageAlt: "Chef in kitchen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720770.jpg",
|
||||
imageAlt: "Dinner service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-food-decoration-restaurant-kitchen-cook-doing-great-job_482257-10351.jpg",
|
||||
imageAlt: "Professional food decoration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-holding-plate-steak_23-2149720771.jpg",
|
||||
imageAlt: "Female chef with steak",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroPersonalLinks
|
||||
title="Curating Private Culinary Artistry"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
linkCards={[
|
||||
{ title: "Book Private Dining", description: "Exclusive multi-course tasting menus", icon: Calendar, button: { text: "View Availability", href: "#pricing" } },
|
||||
{ title: "Corporate Events", description: "High-end catering for your team", icon: Users, button: { text: "Request Quote", href: "#contact" } },
|
||||
{ title: "Masterclasses", description: "Hands-on culinary techniques", icon: ChefHat, button: { text: "View Classes", href: "#services" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Meet the Chef"
|
||||
description={[
|
||||
"With over 15 years in fine dining, I specialize in creating personalized culinary journeys. Every plate is crafted with seasonal ingredients and attention to the smallest details.",
|
||||
"My goal is to transcend simple dinner service, transforming your meal into a memorable story that delights all the senses.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Meet Your Private Chef"
|
||||
description="With 15 years in fine dining, I transform your kitchen into a world-class restaurant. Every ingredient is sourced at the peak of freshness, ensuring an unforgettable sensory experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-chef-holding-food-plate_23-2148510819.jpg?_wi=1"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Private Dining",
|
||||
descriptions: [
|
||||
"Exclusive multi-course tasting menus tailored to your taste profile.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-cook-white-cook-suit-white-head-cap-posing-smiling_140725-15538.jpg",
|
||||
imageAlt: "portrait professional chef smiling",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Corporate Events",
|
||||
descriptions: [
|
||||
"Professional culinary solutions for high-level meetings and galas.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chef-holding-food-plate_23-2148510819.jpg?_wi=2",
|
||||
imageAlt: "portrait professional chef smiling",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Cooking Masterclasses",
|
||||
descriptions: [
|
||||
"Hands-on workshops learning the fundamentals of French and modern techniques.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-tuna-fish-meat-salad-with-avocado-mango_1203-9044.jpg?_wi=2",
|
||||
imageAlt: "portrait professional chef smiling",
|
||||
},
|
||||
]}
|
||||
title="My Culinary Services"
|
||||
description="Customized dining experiences designed to elevate your special occasions."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Elevated Culinary Services"
|
||||
description="From intimate dinners to large-scale events, every service is tailored to exceed your highest expectations."
|
||||
features={[
|
||||
{ id: "1", title: "Private Chef Service", descriptions: ["Full menu curation for private homes"], imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-tuna-fish-meat-salad-with-avocado-mango_1203-9044.jpg?_wi=2" },
|
||||
{ id: "2", title: "Event Catering", descriptions: ["Premium service for corporate and social events"], imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720770.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Truffle Infused Scallops",
|
||||
price: "$45",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Heirloom Beet Carpaccio",
|
||||
price: "$38",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-tuna-meat-with-sesame-salad_74190-5983.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Herb-Crusted Wagyu",
|
||||
price: "$125",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Saffron Poached Pear",
|
||||
price: "$28",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-dessert-with-tangerines-candies-white-background-cream-dessert-biscuit-cake-fruit_140725-96241.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pan-Seared Halibut",
|
||||
price: "$85",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Wild Mushroom Risotto",
|
||||
price: "$42",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-caprese-with-pesto-sauce_140725-833.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Menu Selections"
|
||||
description="A glimpse into the seasonal artistry currently gracing my menus."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
title="Seasonal Menu Inspirations"
|
||||
description="A selection of my current signature dishes focused on seasonal local produce."
|
||||
products={[
|
||||
{ id: "m1", name: "Truffle Scallops", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg" },
|
||||
{ id: "m2", name: "Wagyu Steak", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "lite",
|
||||
tag: "Casual",
|
||||
price: "$250",
|
||||
period: "/person",
|
||||
description: "Perfect for intimate gatherings.",
|
||||
button: {
|
||||
text: "Book Session",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"3-Course Menu",
|
||||
"Fresh Ingredients",
|
||||
"Service included",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Signature",
|
||||
price: "$450",
|
||||
period: "/person",
|
||||
description: "The ultimate fine dining experience.",
|
||||
button: {
|
||||
text: "Book Experience",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"7-Course Tasting",
|
||||
"Wine Pairing",
|
||||
"Exclusive Q&A",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Gala",
|
||||
price: "Custom",
|
||||
period: "/event",
|
||||
description: "Designed for large celebrations and events.",
|
||||
button: {
|
||||
text: "Request Quote",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Customized Planning",
|
||||
"Full Staffing",
|
||||
"Detailed Consultation",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Investment in Quality"
|
||||
description="Choose the perfect tier for your upcoming event."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Pricing Tiers"
|
||||
description="Choose the culinary experience that best fits your vision."
|
||||
plans={[
|
||||
{ id: "basic", badge: "Essential", price: "$250/p", subtitle: "Perfect for intimate dining", features: ["3-Course Menu", "Local Ingredients", "Full Service"], buttons: [{ text: "Select" }] },
|
||||
{ id: "pro", badge: "Signature", price: "$450/p", subtitle: "The full gourmet experience", features: ["7-Course Tasting", "Premium Wine Pairing", "Chef Q&A"], buttons: [{ text: "Book Now" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alexandra P.",
|
||||
role: "Host",
|
||||
testimonial: "An absolute master of flavors. My birthday dinner was seamless and unforgettable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael S.",
|
||||
role: "Event Planner",
|
||||
testimonial: "Reliable, creative, and professional. The highest caliber of culinary skill.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891048.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julie M.",
|
||||
role: "Dinner Party Guest",
|
||||
testimonial: "I have never tasted anything like the truffle scallops. Perfection on a plate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-pastry-arugula-white-plate_140725-2958.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Chef made our anniversary night incredibly special with personalized dishes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-male-gardener-wearing-gardening-hat-holds-tomatoes_141793-71272.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah J.",
|
||||
role: "Event Coordinator",
|
||||
testimonial: "Stunning presentation and incredible depth of flavor in every course.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6819.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Reflections"
|
||||
description="Hear what my clients have to say about their private dining experiences."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Client Highlights"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alexandra P.", role: "Host", company: "Private Client", rating: 5, testimonial: "Unmatched culinary mastery and service." }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How far in advance should I book?",
|
||||
content: "I recommend booking at least 4-6 weeks in advance to ensure availability.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you handle allergies?",
|
||||
content: "Yes, I curate menus around dietary requirements and allergies after a detailed consultation.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide equipment?",
|
||||
content: "I bring all necessary tools for preparation; I just require a standard kitchen setup.",
|
||||
},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about booking and planning."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your private dinner."
|
||||
faqs={[
|
||||
{ id: "f1", title: "How far in advance to book?", content: "Minimum 4 weeks for weekend bookings." },
|
||||
{ id: "f2", title: "Do you handle allergies?", content: "Yes, I take all dietary restrictions seriously." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to book your private experience?"
|
||||
description="Start the conversation for your next special event. I look forward to working with you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Message the Chef",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Inquire Now"
|
||||
title="Start Your Culinary Journey"
|
||||
description="I am accepting bookings for upcoming seasons. Let's discuss your perfect event."
|
||||
buttons={[{ text: "Send an Inquiry", href: "mailto:chef@chefstudio.com" }]}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-beige-tube-container-with-lid_9975-133617.jpg"
|
||||
logoText="Chef Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Chef Studio"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Instagram", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user