294 lines
17 KiB
TypeScript
294 lines
17 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, Calendar, CheckCircle, Globe, Heart, Music, Sparkles, Wine, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Mom's Kitchen"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Experience", id: "experience" },
|
|
{ name: "Reviews", id: "reviews" }
|
|
]}
|
|
button={{ text: "Reserve Table", href: "#contact" }}
|
|
className="backdrop-blur-md bg-opacity-80"
|
|
buttonClassName="px-6 py-2 rounded-full font-semibold"
|
|
buttonTextClassName="text-sm font-medium"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Mom's Kitchen"
|
|
description="Experience the art of fine dining with our signature culinary creations. Where passion for cooking meets impeccable hospitality."
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-chicken-pieces-blue-ceramic-plate-with-salad_114579-1995.jpg", imageAlt: "Exquisitely plated gourmet dish with fresh herbs"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg", imageAlt: "Luxury restaurant dining table setting"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-delicious-fish-close-up_23-2148516906.jpg", imageAlt: "Chef carefully preparing and plating fine dining cuisine"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Reserve Your Table", href: "#contact" },
|
|
{ text: "View Our Menu", href: "#experience" }
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
containerClassName="h-screen"
|
|
logoClassName="text-4xl md:text-5xl font-extrabold tracking-tight"
|
|
descriptionClassName="text-lg md:text-xl font-light tracking-wide"
|
|
buttonClassName="px-8 py-3 rounded-full font-semibold transition-all duration-300"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="The Mom's Kitchen Story"
|
|
description={[
|
|
"Founded on the belief that every meal tells a story, Mom's Kitchen brings together time-honored culinary traditions with innovative modern techniques.", "Our chef-driven menu celebrates seasonal ingredients sourced from the finest local producers. Each dish is crafted with meticulous attention to detail, transforming simple ingredients into extraordinary experiences.", "We're not just a restaurant—we're a gathering place where memories are made, celebrations unfold, and culinary excellence becomes part of your story."
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={false}
|
|
buttons={[
|
|
{ text: "Learn More About Our Philosophy", href: "#experience" }
|
|
]}
|
|
titleClassName="text-3xl md:text-4xl font-extrabold tracking-tight"
|
|
descriptionClassName="text-base md:text-lg font-light leading-relaxed"
|
|
buttonClassName="px-6 py-3 rounded-full font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
title="What Makes Us Exceptional"
|
|
description="Discover the elements that define the Mom's Kitchen experience"
|
|
tag="Our Excellence"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="split"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "ingredients", title: "Premium Ingredients", description: "Carefully sourced from trusted local and international suppliers", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-cabbage-carrot-pie-cabbage-carrots-eggs-flour-milk-butter-spices-white-background_127032-2681.jpg", imageAlt: "Fresh organic vegetables and premium cooking ingredients"
|
|
},
|
|
items: [
|
|
{ icon: Sparkles, text: "Farm-fresh seasonal produce" },
|
|
{ icon: CheckCircle, text: "Ethically sourced proteins" },
|
|
{ icon: Award, text: "Imported specialty items" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "pairing", title: "Curated Wine Selection", description: "Expert pairings to complement every dish on our menu", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-frankenstein-holding-wine-glass_23-2149636944.jpg", imageAlt: "Wine glasses with fine dining presentation"
|
|
},
|
|
items: [
|
|
{ icon: Wine, text: "Expert sommelier recommendations" },
|
|
{ icon: Globe, text: "International wine collection" },
|
|
{ icon: Zap, text: "Perfect meal pairings" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "ambiance", title: "Sophisticated Ambiance", description: "An elegant setting designed for unforgettable moments", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-candles-restaurant_8353-9527.jpg", imageAlt: "Luxury restaurant interior with ambient lighting"
|
|
},
|
|
items: [
|
|
{ icon: Sparkles, text: "Intimate elegant atmosphere" },
|
|
{ icon: Music, text: "Curated dining soundtrack" },
|
|
{ icon: Heart, text: "Warm hospitality service" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
containerClassName="py-16 md:py-24"
|
|
textBoxTitleClassName="text-2xl md:text-3xl font-extrabold"
|
|
textBoxDescriptionClassName="text-base font-light"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Recognized Excellence"
|
|
description="Celebrated by leading culinary authorities and fine dining enthusiasts"
|
|
names={[
|
|
"Michelin Guide", "Best Restaurant Awards", "Chef's Table Selection", "Food & Wine Excellence", "Dining Critics Choice", "Culinary Heritage Award", "Global Taste Makers", "Premium Dining Network"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
speed={50}
|
|
containerClassName="py-12 md:py-16"
|
|
textBoxTitleClassName="text-2xl md:text-3xl font-extrabold"
|
|
textBoxDescriptionClassName="text-base font-light"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Guest Stories"
|
|
description="Hear from those who have experienced Mom's Kitchen"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", title: "A Culinary Masterpiece", quote: "Every course was a revelation. The attention to detail and flavor profiles were absolutely extraordinary. Mom's Kitchen has set a new standard for fine dining in our city.", name: "Sarah Mitchell", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg?_wi=1"
|
|
},
|
|
{
|
|
id: "testimonial-2", title: "Unforgettable Evening", quote: "From the moment we arrived to the last perfectly executed dessert, we felt truly welcomed. The service was impeccable and the food was simply transcendent.", name: "James Chen", role: "Restaurant Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "testimonial-3", title: "Pure Culinary Excellence", quote: "The chef's creativity combined with technical precision makes every visit an event. We've brought business clients and family—everyone is consistently impressed.", name: "Elena Rodriguez", role: "Hospitality Director", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg?_wi=3"
|
|
},
|
|
{
|
|
id: "testimonial-4", title: "Worth Every Moment", quote: "The tasting menu showcased incredible skill and passion. This is the kind of restaurant you tell your friends about. Absolutely phenomenal experience.", name: "David Park", role: "Culinary Traveler", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232162.jpg"
|
|
},
|
|
{
|
|
id: "testimonial-5", title: "The Perfect Celebration", quote: "We celebrated our anniversary here and it was perfect. The personalized touches, the exquisite plating, and the genuine hospitality made it truly special.", name: "Margaret Thompson", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg?_wi=4"
|
|
},
|
|
{
|
|
id: "testimonial-6", title: "Exceeds Expectations", quote: "Coming back for the third time, and it keeps getting better. The menu evolves beautifully with the seasons, and the quality is consistently outstanding.", name: "Robert Williams", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg?_wi=5"
|
|
}
|
|
]}
|
|
containerClassName="py-16 md:py-24"
|
|
textBoxTitleClassName="text-2xl md:text-3xl font-extrabold"
|
|
textBoxDescriptionClassName="text-base font-light"
|
|
quoteCardClassName="bg-opacity-50 backdrop-blur-sm"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about dining at Mom's Kitchen"
|
|
textboxLayout="default"
|
|
faqsAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-friends-having-lunch_23-2150598340.jpg"
|
|
imageAlt="Restaurant reservation and dining information"
|
|
mediaAnimation="slide-up"
|
|
animationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How do I make a reservation?", content: "Reservations can be made online through our website, by calling our restaurant directly, or through select reservation platforms. We recommend booking at least 2-3 weeks in advance for weekend dining."
|
|
},
|
|
{
|
|
id: "faq-2", title: "What is your dress code?", content: "We maintain a smart casual to elegant dress code. Jackets are appreciated but not required. We ask that guests dress respectfully to maintain our upscale dining atmosphere."
|
|
},
|
|
{
|
|
id: "faq-3", title: "Do you accommodate dietary restrictions?", content: "Absolutely. Please inform us of any allergies, dietary preferences, or restrictions when making your reservation. Our chef is happy to create customized dishes to accommodate all dietary needs."
|
|
},
|
|
{
|
|
id: "faq-4", title: "What is your cancellation policy?", content: "Cancellations must be made at least 48 hours in advance to avoid a cancellation fee. We understand that plans change, and we're happy to work with you to reschedule."
|
|
},
|
|
{
|
|
id: "faq-5", title: "Do you offer private dining?", content: "Yes, we offer private dining spaces perfect for special events, business meetings, and intimate celebrations. Contact us directly to discuss your event requirements and customize your experience."
|
|
},
|
|
{
|
|
id: "faq-6", title: "What is your average dining duration?", content: "Our tasting menu experience typically lasts 2.5 to 3.5 hours. À la carte dining usually takes 1.5 to 2 hours. We never rush your experience—dining at Mom's Kitchen is meant to be savored."
|
|
}
|
|
]}
|
|
containerClassName="py-16 md:py-24"
|
|
textBoxTitleClassName="text-2xl md:text-3xl font-extrabold"
|
|
accordionClassName="space-y-4"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Reserve Your Experience"
|
|
title="Make Your Reservation"
|
|
description="Join us for an unforgettable culinary journey. Secure your table and prepare for an evening of exceptional dining."
|
|
tagIcon={Calendar}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Reserve Now"
|
|
termsText="By reserving, you agree to our Terms and Conditions and privacy policy."
|
|
containerClassName="py-16 md:py-24"
|
|
titleClassName="text-2xl md:text-3xl font-extrabold"
|
|
descriptionClassName="text-base font-light"
|
|
inputClassName="px-4 py-3 rounded-full bg-white text-foreground border border-accent"
|
|
buttonClassName="px-8 py-3 rounded-full font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "The Chef", href: "#experience" },
|
|
{ label: "Culinary Philosophy", href: "#experience" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Dining", items: [
|
|
{ label: "Menu", href: "#" },
|
|
{ label: "Wine List", href: "#" },
|
|
{ label: "Reservations", href: "#contact" },
|
|
{ label: "Private Events", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone", href: "tel:+1-555-0123" },
|
|
{ label: "Email", href: "mailto:reservations@momskitchen.com" },
|
|
{ label: "Address", href: "#" },
|
|
{ label: "Hours", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Facebook", href: "#" },
|
|
{ label: "Twitter", href: "#" },
|
|
{ label: "Newsletter", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Mom's Kitchen. All rights reserved. Culinary Excellence Since Day One."
|
|
containerClassName="py-12 md:py-16 border-t border-accent border-opacity-20"
|
|
columnTitleClassName="text-lg font-extrabold mb-4"
|
|
columnItemClassName="text-sm font-light hover:text-primary-cta transition-colors"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |