Merge version_1 into main #1
426
src/app/page.tsx
426
src/app/page.tsx
@@ -17,308 +17,152 @@ import { Award } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chef Artisan"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chef Artisan"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Artisan Culinary"
|
||||
description="Elevating your dining experience with exquisite, personalized menus delivered right to your table."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Chef",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-professional-chef-working_23-2151232194.jpg"
|
||||
imageAlt="Professional private chef in a refined kitchen setting"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Artisan Culinary"
|
||||
description="Elevating your dining experience with exquisite, personalized menus delivered right to your table."
|
||||
buttons={[
|
||||
{ text: "Book Your Chef", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-professional-chef-working_23-2151232194.jpg"
|
||||
imageAlt="Professional private chef in a refined kitchen setting"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="My Philosophy"
|
||||
title="Crafting Memorable Dining"
|
||||
description="I believe that fine dining is more than just a meal; it's an experience that brings people together in their own homes."
|
||||
subdescription="With over 15 years of culinary expertise, I focus on seasonal ingredients and bespoke flavors tailored to your palate."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-elderly-man-recording-recipe-step-by-step-hoe-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14456.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Award}
|
||||
imageAlt="Chef portrait professional kitchen"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="My Philosophy"
|
||||
title="Crafting Memorable Dining"
|
||||
description="I believe that fine dining is more than just a meal; it's an experience that brings people together in their own homes."
|
||||
subdescription="With over 15 years of culinary expertise, I focus on seasonal ingredients and bespoke flavors tailored to your palate."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-elderly-man-recording-recipe-step-by-step-hoe-kitchen-retired-blogger-chef-influencer-using-internet-technology-communicating-shooting-blogging-social-media-with-digital-equipment_482257-14456.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Not a catering company",
|
||||
"Not fast food service",
|
||||
"Not pre-packaged meals",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Personalized menu curation",
|
||||
"Fresh seasonal sourcing",
|
||||
"Professional event service",
|
||||
"Custom wine pairing",
|
||||
],
|
||||
}}
|
||||
title="Culinary Services"
|
||||
description="We offer a range of specialized services to suit any occasion, from intimate dinners to larger events."
|
||||
tag="Expertise"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
negativeCard={{ items: ["Not a catering company", "Not fast food service", "Not pre-packaged meals"] }}
|
||||
positiveCard={{ items: ["Personalized menu curation", "Fresh seasonal sourcing", "Professional event service", "Custom wine pairing"] }}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Culinary Services"
|
||||
description="We offer a range of specialized services to suit any occasion, from intimate dinners to larger events."
|
||||
tag="Expertise"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Seared Scallops with Saffron Cream",
|
||||
price: "Gourmet",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-cheesecake-with-berries-plate_7502-7083.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vanilla Bean Panna Cotta",
|
||||
price: "Sweet",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-appetizing-cake-with-powdered-sugar-berries-chocolate-waffles_140725-71848.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fresh Herb Crusted Sea Bass",
|
||||
price: "Seafood",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooked-fish-with-sauce-tomatoes-white-plate_181624-36480.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Herb-Roasted Wagyu Filet",
|
||||
price: "Deluxe",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-ribs-with-potatoes-herbs_141793-4615.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hand-Pressed Truffle Tortellini",
|
||||
price: "Artisan",
|
||||
variant: "Pasta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vegetables_23-2148494042.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Heirloom Beet and Goat Cheese Salad",
|
||||
price: "Refresh",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg",
|
||||
},
|
||||
]}
|
||||
title="Sample Menu Selections"
|
||||
description="A glimpse into the refined flavors we can bring to your dining room."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
title="Sample Menu Selections"
|
||||
description="A glimpse into the refined flavors we can bring to your dining room."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Seared Scallops with Saffron Cream", price: "Gourmet", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/purple-cheesecake-with-berries-plate_7502-7083.jpg" },
|
||||
{ id: "2", name: "Vanilla Bean Panna Cotta", price: "Sweet", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-appetizing-cake-with-powdered-sugar-berries-chocolate-waffles_140725-71848.jpg" },
|
||||
{ id: "3", name: "Fresh Herb Crusted Sea Bass", price: "Seafood", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/cooked-fish-with-sauce-tomatoes-white-plate_181624-36480.jpg" },
|
||||
{ id: "4", name: "Herb-Roasted Wagyu Filet", price: "Deluxe", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-ribs-with-potatoes-herbs_141793-4615.jpg" },
|
||||
{ id: "5", name: "Hand-Pressed Truffle Tortellini", price: "Artisan", variant: "Pasta", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-vegetables_23-2148494042.jpg" },
|
||||
{ id: "6", name: "Heirloom Beet and Goat Cheese Salad", price: "Refresh", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Experience by the Numbers"
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Successful events catered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Years in culinary arts",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Sourced locally",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Experience by the Numbers"
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Successful events catered" },
|
||||
{ id: "m2", value: "15+", description: "Years in culinary arts" },
|
||||
{ id: "m3", value: "100%", description: "Sourced locally" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Client",
|
||||
company: "Private Event",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
role: "Foodie",
|
||||
company: "Birthday Celebration",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-enjoying-christmas-dinner-southern-hemisphere_23-2149172603.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
role: "Client",
|
||||
company: "Corporate Dinner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173249.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James Smith",
|
||||
role: "Host",
|
||||
company: "Dinner Party",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-conversation-while-eating-dining-table_637285-12575.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Brown",
|
||||
role: "Connoisseur",
|
||||
company: "Anniversary Gala",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",
|
||||
},
|
||||
]}
|
||||
title="Guest Testimonials"
|
||||
description="What my clients say about their bespoke dining experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
title="Guest Testimonials"
|
||||
description="What my clients say about their bespoke dining experience."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "Client", company: "Private Event", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg" },
|
||||
{ id: "t2", name: "John Doe", role: "Foodie", company: "Birthday Celebration", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-enjoying-christmas-dinner-southern-hemisphere_23-2149172603.jpg" },
|
||||
{ id: "t3", name: "Emily Watson", role: "Client", company: "Corporate Dinner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173249.jpg" },
|
||||
{ id: "t4", name: "James Smith", role: "Host", company: "Dinner Party", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-conversation-while-eating-dining-table_637285-12575.jpg" },
|
||||
{ id: "t5", name: "Alice Brown", role: "Connoisseur", company: "Anniversary Gala", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book a private chef?",
|
||||
content: "Simply reach out through our contact form with your event details, preferred date, and menu preferences.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "I serve the metropolitan area and surrounding suburbs within a 50-mile radius.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are dietary restrictions accommodated?",
|
||||
content: "Absolutely. Every menu is personalized and fully customizable to suit any dietary requirements or food allergies.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do I book a private chef?", content: "Simply reach out through our contact form with your event details, preferred date, and menu preferences." },
|
||||
{ id: "f2", title: "What areas do you serve?", content: "I serve the metropolitan area and surrounding suburbs within a 50-mile radius." },
|
||||
{ id: "f3", title: "Are dietary restrictions accommodated?", content: "Absolutely. Every menu is personalized and fully customizable to suit any dietary requirements or food allergies." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to transform your home into your favorite restaurant? Let's discuss your next event."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@artisanchef.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to transform your home into your favorite restaurant? Let's discuss your next event."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:hello@artisanchef.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Artisan Culinary"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Dinner Parties",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Private Events",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "hello@artisanchef.com",
|
||||
href: "mailto:hello@artisanchef.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Artisan Culinary. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Artisan Culinary"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Dinner Parties", href: "#services" }, { label: "Private Events", href: "#services" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQs", href: "#faq" }, { label: "Gallery", href: "#menu" }] },
|
||||
{ title: "Contact", items: [{ label: "hello@artisanchef.com", href: "mailto:hello@artisanchef.com" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Artisan Culinary. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user