Merge version_2 into main #4
196
src/app/page.tsx
196
src/app/page.tsx
@@ -3,16 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, CalendarDays, Leaf, Smile, Sparkles, Users, Utensils, Clipboard } from "lucide-react";
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, CalendarDays, Leaf, Smile, Sparkles, Users, Utensils, Clipboard, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,36 +32,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chef Table"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Exquisite Culinary Experiences, Brought to Your Home."
|
||||
description="Transform your dining table into a Michelin-starred experience with bespoke menus curated by Chef Alex."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-corn-nuts-prunes-tomatoes_140725-3518.jpg?_wi=1", imageAlt: "Chef plating gourmet dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727972.jpg", imageAlt: "Chef preparing high-end meal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-food-plate_52683-97337.jpg", imageAlt: "Culinary detail"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/salad-with-corn-nuts-prunes-tomatoes_140725-3518.jpg?_wi=1", imageAlt: "Chef plating gourmet dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727972.jpg", imageAlt: "Chef preparing high-end meal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-food-plate_52683-97337.jpg", imageAlt: "Culinary detail" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -72,15 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Over 15 Years of Culinary Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients", value: "500+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Events Catered", value: "1200+"},
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "500+" },
|
||||
{ icon: Award, label: "Events Catered", value: "1200+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -92,45 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm-to-Table Freshness", description: "We source ingredients from local, organic farms to guarantee the highest quality and freshness.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-haired-housewife-cooking-home-kitchen_1398-1127.jpg", imageAlt: "Fresh ingredients"},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Locally sourced"},
|
||||
{
|
||||
icon: CalendarDays,
|
||||
text: "Seasonal menu"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Bespoke Menu Design", description: "Every menu is uniquely designed around your preferences, dietary requirements, and the occasion's theme.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handmade-folder-with-cutlery-tag_23-2147709603.jpg", imageAlt: "Custom menu"},
|
||||
items: [
|
||||
{
|
||||
icon: Clipboard,
|
||||
text: "Custom recipes"},
|
||||
{
|
||||
icon: Smile,
|
||||
text: "Dietary friendly"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Seamless Event Catering", description: "From preparation to cleanup, we manage every detail so you can simply enjoy your company.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-having-nice-thanksgiving-dinner-together_23-2149082316.jpg", imageAlt: "Events"},
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Full service"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Flawless cleanup"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{ title: "Farm-to-Table Freshness", description: "We source ingredients from local, organic farms to guarantee the highest quality and freshness.", media: { imageSrc: "http://img.b2bpic.net/free-photo/long-haired-housewife-cooking-home-kitchen_1398-1127.jpg", imageAlt: "Fresh ingredients" }, items: [{ icon: Leaf, text: "Locally sourced" }, { icon: CalendarDays, text: "Seasonal menu" }], reverse: false },
|
||||
{ title: "Bespoke Menu Design", description: "Every menu is uniquely designed around your preferences, dietary requirements, and the occasion's theme.", media: { imageSrc: "http://img.b2bpic.net/free-photo/handmade-folder-with-cutlery-tag_23-2147709603.jpg", imageAlt: "Custom menu" }, items: [{ icon: Clipboard, text: "Custom recipes" }, { icon: Smile, text: "Dietary friendly" }], reverse: true },
|
||||
{ title: "Seamless Event Catering", description: "From preparation to cleanup, we manage every detail so you can simply enjoy your company.", media: { imageSrc: "http://img.b2bpic.net/free-photo/family-having-nice-thanksgiving-dinner-together_23-2149082316.jpg", imageAlt: "Events" }, items: [{ icon: Utensils, text: "Full service" }, { icon: Sparkles, text: "Flawless cleanup" }], reverse: false },
|
||||
]}
|
||||
title="Your Personalized Dining Journey"
|
||||
description="From sourcing the finest seasonal ingredients to meticulous plating, every detail is crafted for your delight."
|
||||
@@ -144,12 +92,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Artisanal Tasting Menu", price: "From $150/pp", imageSrc: "http://img.b2bpic.net/free-photo/people-table-enjoying-feast-first-day-passover-seder_23-2150247759.jpg"},
|
||||
{
|
||||
id: "p2", name: "Fresh Coastal Seafood", price: "From $180/pp", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83768.jpg"},
|
||||
{
|
||||
id: "p3", name: "Prime Cut Steak Night", price: "From $200/pp", imageSrc: "http://img.b2bpic.net/free-photo/delicious-steak-with-spicy-sauce_140725-951.jpg"},
|
||||
{ id: "p1", name: "Artisanal Tasting Menu", price: "From $150/pp", imageSrc: "http://img.b2bpic.net/free-photo/people-table-enjoying-feast-first-day-passover-seder_23-2150247759.jpg" },
|
||||
{ id: "p2", name: "Fresh Coastal Seafood", price: "From $180/pp", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83768.jpg" },
|
||||
{ id: "p3", name: "Prime Cut Steak Night", price: "From $200/pp", imageSrc: "http://img.b2bpic.net/free-photo/delicious-steak-with-spicy-sauce_140725-951.jpg" },
|
||||
]}
|
||||
title="Signature Culinary Offerings"
|
||||
description="Our most popular dining experiences and signature dish packages."
|
||||
@@ -162,18 +107,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard", title: "Intimate Dinner", price: "$500", period: "per event", features: [
|
||||
"Personalized menu", "3-course meal", "Professional plating"],
|
||||
button: {
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-135612.jpg", imageAlt: "chef profile portrait professional"},
|
||||
{
|
||||
id: "premium", title: "Dinner Party", price: "$1200", period: "per event", features: [
|
||||
"6-course tasting", "Wine pairing guidance", "Full service cleaning"],
|
||||
button: {
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-corn-nuts-prunes-tomatoes_140725-3518.jpg?_wi=2", imageAlt: "chef profile portrait professional"},
|
||||
{ id: "standard", title: "Intimate Dinner", price: "$500", period: "per event", features: ["Personalized menu", "3-course meal", "Professional plating"], button: { text: "Select", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-135612.jpg", imageAlt: "chef profile" },
|
||||
{ id: "premium", title: "Dinner Party", price: "$1200", period: "per event", features: ["6-course tasting", "Wine pairing guidance", "Full service cleaning"], button: { text: "Select", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/salad-with-corn-nuts-prunes-tomatoes_140725-3518.jpg?_wi=2", imageAlt: "chef profile" },
|
||||
]}
|
||||
title="Simple & Transparent Pricing"
|
||||
description="Choose the perfect package for your upcoming event."
|
||||
@@ -181,81 +116,54 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Incredible Birthday", quote: "Chef Alex made our anniversary unforgettable. Every course was a masterpiece.", name: "Sarah Miller", role: "Finance Exec", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19470.jpg"},
|
||||
{
|
||||
id: "t2", title: "Seamless Event", quote: "The cleanest, most professional private chef experience we've had. Highly recommend.", name: "Mark Johnson", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-smile-night_23-2148283880.jpg"},
|
||||
{
|
||||
id: "t3", title: "Bespoke Perfection", quote: "I love how the menu was tailored to our dietary restrictions without compromising flavor.", name: "Elena Rodriguez", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-celebrating-new-year-that-s-coming_23-2149144064.jpg"},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarahcooks", testimonial: "Chef Alex made our anniversary unforgettable. Every course was a masterpiece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19470.jpg" },
|
||||
{ id: "t2", name: "Mark Johnson", handle: "@markj", testimonial: "The cleanest, most professional private chef experience we've had. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-smile-night_23-2148283880.jpg" },
|
||||
]}
|
||||
title="Hear From Our Guests"
|
||||
description="Memories made around the table are our greatest motivation."
|
||||
title="Guest Reviews"
|
||||
description="What our clients are saying about our bespoke dining service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqSplitMedia
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-preparing-dish_23-2148737279.jpg"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1", title: "How far in advance should I book?", content: "I recommend booking at least 4-6 weeks in advance to ensure availability for your desired date."},
|
||||
{
|
||||
id: "faq2", title: "Do you accommodate allergies?", content: "Absolutely. During our consultation, we'll discuss all dietary requirements to create a safe, delicious menu."},
|
||||
{
|
||||
id: "faq3", title: "Does the pricing include groceries?", content: "Yes, our transparent pricing model includes all ingredients and grocery procurement."},
|
||||
{ id: "faq1", title: "How far in advance should I book?", content: "I recommend booking at least 4-6 weeks in advance to ensure availability for your desired date." },
|
||||
{ id: "faq2", title: "Do you accommodate allergies?", content: "Absolutely. During our consultation, we'll discuss all dietary requirements to create a safe, delicious menu." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our private chef services."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Inquire Today"
|
||||
title="Ready to Plan Your Perfect Menu?"
|
||||
description="Reach out today to discuss your next private event and get a personalized menu proposal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Inquiry", href: "#"},
|
||||
]}
|
||||
<ContactText
|
||||
text="Ready to secure your date? Let's discuss your perfect event."
|
||||
buttons={[{ text: "Inquire Now", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterBaseCard
|
||||
logoText="Chef Table"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user