309 lines
18 KiB
TypeScript
309 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Award, Leaf, Shield, Sparkles, Star, Utensils, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Savoria"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reservations", id: "reservations" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book a Table", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Culinary Excellence Awaits"
|
|
description="Experience fine dining at its finest. Award-winning cuisine crafted with passion, served in an atmosphere of refined elegance. Join us for an unforgettable gastronomic journey."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Premium Dining Destination"
|
|
tagIcon="Chef"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Make a Reservation", href: "#contact" },
|
|
{ text: "View Our Menu", href: "#menu" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83766.jpg", imageAlt: "Fine dining restaurant interior ambiance"
|
|
}
|
|
]}
|
|
ariaLabel="Hero section showcasing Savoria restaurant"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Where Passion Meets Palate" },
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg", alt: "Elegant restaurant interior"
|
|
}
|
|
]}
|
|
buttons={[{ text: "Learn Our Story", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Savoria restaurant section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
title="Culinary Mastery"
|
|
description="Our chef-led kitchen combines traditional techniques with modern innovation. Each dish is a testament to our commitment to excellence and quality ingredients sourced from trusted local suppliers."
|
|
tag="Chef's Selection"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Explore Menu", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="split"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "signature-dishes", title: "Signature Dishes", description: "Handcrafted masterpieces that define our restaurant's character and excellence", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_482257-10348.jpg", imageAlt: "Chef preparing signature dish"
|
|
},
|
|
items: [
|
|
{ icon: Star, text: "Award-winning presentation" },
|
|
{ icon: Sparkles, text: "Artistic plating" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "seasonal-menu", title: "Seasonal Ingredients", description: "Fresh, locally-sourced ingredients that change with the seasons for maximum flavor and sustainability", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/assorted-food-near-oils_23-2147930122.jpg", imageAlt: "Fresh seasonal ingredients"
|
|
},
|
|
items: [
|
|
{ icon: Leaf, text: "Farm-to-table sourcing" },
|
|
{ icon: Zap, text: "Maximum freshness" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "wine-pairing", title: "Curated Wine Selection", description: "Our sommelier's handpicked collection pairs perfectly with every dish, enhancing your dining experience", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006604.jpg", imageAlt: "Premium wine selection"
|
|
},
|
|
items: [
|
|
{ icon: Award, text: "Expert sommelier selection" },
|
|
{ icon: Shield, text: "Premium varietals" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Dining Experiences"
|
|
description="Choose the perfect experience for your occasion. From intimate dinners to grand celebrations, we offer curated packages for every preference."
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "light-bites", tag: "Casual", tagIcon: Utensils,
|
|
price: "$25", period: "per person", description: "Perfect for lunch or casual dining with our curated selection of appetizers and light entrees", button: { text: "Reserve Now", href: "#contact" },
|
|
featuresTitle: "Includes", features: [
|
|
"Appetizer selection", "Choice of entree", "House beverage", "Dessert option"
|
|
]
|
|
},
|
|
{
|
|
id: "classic-tasting", tag: "Popular", tagIcon: Star,
|
|
price: "$65", period: "per person", description: "Our signature multi-course tasting menu showcasing the chef's finest creations and wine pairings", button: { text: "Reserve Now", href: "#contact" },
|
|
featuresTitle: "Includes", features: [
|
|
"5-course tasting menu", "Wine pairings", "Amuse-bouche", "Coffee & petit fours", "Sommelier guidance"
|
|
]
|
|
},
|
|
{
|
|
id: "grand-experience", tag: "Premium", tagIcon: "Crown",
|
|
price: "$125", period: "per person", description: "An extraordinary culinary journey with our chef's most exclusive dishes and premium wine selections", button: { text: "Reserve Now", href: "#contact" },
|
|
featuresTitle: "Includes", features: [
|
|
"8-course exclusive menu", "Premium wine selection", "Champagne reception", "Private chef interaction", "Personalized menu", "After-dinner digestif"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Guest Reviews"
|
|
description="Hear what our valued guests have to say about their dining experiences at Savoria"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showRating={true}
|
|
carouselMode="buttons"
|
|
animationType="blur-reveal"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Margaret Chen", handle: "@margaret_dines", testimonial: "An absolutely unforgettable evening. The chef's attention to detail is remarkable, and every course was a masterpiece. The wine pairings elevated the entire experience. I'll be returning for special occasions.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg", imageAlt: "Margaret Chen portrait", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "James Rodriguez", handle: "@james_foodie", testimonial: "The ambiance combined with exceptional cuisine makes Savoria truly special. Our server was knowledgeable and attentive, and the tasting menu was innovative without being pretentious. Highly recommended.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg", imageAlt: "James Rodriguez portrait", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Patricia Williams", handle: "@patricia_explores", testimonial: "This is how fine dining should be done. Fresh ingredients, impeccable presentation, and a team that genuinely cares about your experience. The sommelier's recommendations were spot-on.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-bearded-man-looking-excited_176420-17937.jpg", imageAlt: "Patricia Williams portrait", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "David Thompson", handle: "@david_culinary", testimonial: "We celebrated our anniversary here and it was perfect. The private table, personalized menu, and exceptional service made it truly memorable. Every detail was thoughtfully executed.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg", imageAlt: "David Thompson portrait", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Linda Garcia", handle: "@linda_gourmet", testimonial: "The attention to ingredient quality and culinary technique is evident in every bite. This is real fine dining - sophisticated without being stuffy. Worth every penny.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-female-photographer-taking-pictures-with-professional-camera-tripod_613910-2234.jpg", imageAlt: "Linda Garcia portrait", icon: Star
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "Robert Chen", handle: "@robert_tastes", testimonial: "A hidden gem for those who appreciate culinary artistry. The chef takes risks but executes flawlessly. The wine cellar is exceptional and the sommelier's knowledge is impressive.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-wearing-coat_171337-17061.jpg", imageAlt: "Robert Chen portrait", icon: Star
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Recognized Excellence"
|
|
description="Award-winning restaurant trusted by food lovers and culinary experts worldwide"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names=[
|
|
"Michelin Guide Featured", "James Beard Foundation", "Local Restaurant Association", "Culinary Excellence Award", "Sustainable Dining Certified", "Fine Dining Alliance", "Chef's Circle Member"
|
|
]
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/restaurant-labels-set_1085-354.jpg", "http://img.b2bpic.net/free-vector/watercolor-medals-set_23-2147539676.jpg", "http://img.b2bpic.net/free-vector/autumn-label-collection_23-2147685978.jpg", "http://img.b2bpic.net/free-vector/badges-collection_1261-1.jpg", "http://img.b2bpic.net/free-vector/quality-badges_23-2147516098.jpg", "http://img.b2bpic.net/free-vector/flat-design-compostable-labels-stamps_23-2149412990.jpg", "http://img.b2bpic.net/free-vector/nine-vintage-labels_1045-221.jpg"
|
|
]}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about dining at Savoria"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="blur-reveal"
|
|
animationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How far in advance should I make a reservation?", content: "We recommend booking at least 2-3 weeks in advance for dinner service, especially for weekends and special occasions. However, we do accept walk-ins for lunch service based on availability. For larger groups (8+ guests), please contact us directly to discuss your needs."
|
|
},
|
|
{
|
|
id: "faq-2", title: "Do you accommodate dietary restrictions?", content: "Absolutely. We take dietary needs seriously and can accommodate vegetarian, vegan, gluten-free, and other dietary requirements. Please mention any restrictions when making your reservation, and our chef will create a personalized menu for you."
|
|
},
|
|
{
|
|
id: "faq-3", title: "What is your dress code?", content: "Business casual to formal attire is recommended. Jackets are preferred but not required for men. We want everyone to feel comfortable while maintaining the refined atmosphere of our dining room."
|
|
},
|
|
{
|
|
id: "faq-4", title: "Do you offer private dining options?", content: "Yes, we have a private dining room available for groups of 10-20 guests. We offer customized menus and dedicated service. Please contact us at least 4 weeks in advance to arrange your private event."
|
|
},
|
|
{
|
|
id: "faq-5", title: "Can I bring my own wine?", content: "We have a carefully curated wine collection, but we understand personal preferences. BYOB is permitted with a modest corkage fee. However, we encourage you to explore our sommelier's recommendations."
|
|
},
|
|
{
|
|
id: "faq-6", title: "What is your cancellation policy?", content: "We require 48 hours notice for cancellations or modifications to your reservation. Cancellations with less notice may incur a charge. We understand that plans change, so please contact us as soon as possible."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
title="Reserve Your Table Today"
|
|
description="Book your dining experience with us. Our team is ready to accommodate your preferences and ensure an exceptional evening."
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email for reservations"
|
|
buttonText="Request Reservation"
|
|
termsText="By submitting, you agree to our reservation terms and privacy policy."
|
|
ariaLabel="Contact and reservation form"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/wine-glass_1203-2779.jpg"
|
|
imageAlt="Elegant dining setting"
|
|
logoText="Savoria"
|
|
copyrightText="© 2025 Savoria Restaurant. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Dining", items: [
|
|
{ label: "Make a Reservation", href: "#contact" },
|
|
{ label: "View Menu", href: "#menu" },
|
|
{ label: "Private Events", href: "#" },
|
|
{ label: "Catering Services", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Chef's Background", href: "#" },
|
|
{ label: "Sustainability", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Facebook", href: "#" },
|
|
{ label: "Email", href: "mailto:info@savoria.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
{ label: "Allergen Information", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |