236 lines
13 KiB
TypeScript
236 lines
13 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 MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { ChefHat, Flame, Gift, Leaf, Sparkles, Star, Utensils, UtensilsCrossed, Wine } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Tasterie"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Ambiance", id: "ambiance" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Reserve a Table", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Culinary Excellence Awaits"
|
|
description="Experience world-class dining in an atmosphere of warmth and elegance. Discover our chef-crafted menu featuring locally-sourced ingredients and timeless culinary traditions."
|
|
tag="Fine Dining"
|
|
tagIcon={UtensilsCrossed}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Reserve Your Table", href: "#contact" },
|
|
{ text: "View Menu", href: "#menu" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass-table-setting_74190-4678.jpg", imageAlt: "Elegant restaurant interior with warm lighting"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sliced-sausages-with-tomato-cucumber_140725-6344.jpg", imageAlt: "Beautifully plated gourmet main course"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-soup-with-mean-piece-lemon-slice_114579-2130.jpg", imageAlt: "Premium restaurant dish with artistic presentation"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-slice-with-raspberry-syrup-white-plate_114579-15311.jpg", imageAlt: "Elegant fine dining dessert plate"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/slices-bread-with-mixed-topping_140725-6420.jpg", imageAlt: "Luxurious restaurant appetizer"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/jar-with-fruity-drink-desk_23-2148667954.jpg", imageAlt: "Signature craft cocktail presentation"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={ChefHat}
|
|
title="Passion for Authentic Cuisine"
|
|
description="Founded in 2015, Tasterie has been the destination for discerning diners seeking an exceptional culinary journey. Our head chef brings 20 years of international experience, crafting menus that celebrate seasonal ingredients and time-honored techniques. Every dish tells a story of dedication, creativity, and our unwavering commitment to excellence."
|
|
metrics={[
|
|
{ value: "20+", title: "Years of Culinary Experience" },
|
|
{ value: "500+", title: "Happy Guests Monthly" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727978.jpg"
|
|
imageAlt="Professional restaurant kitchen with open concept design"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
title="Signature Dishes"
|
|
description="Discover our carefully curated selection of culinary masterpieces, each prepared with the finest ingredients and impeccable technique."
|
|
tag="Menu Highlights"
|
|
tagIcon={Utensils}
|
|
products={[
|
|
{
|
|
id: "1", name: "Pan-Seared Diver Scallops", price: "$32", variant: "Seasonal Vegetables, Brown Butter", imageSrc: "http://img.b2bpic.net/free-photo/fish-fillet-salad-with-white-sauce-herbs-black-plate_114579-3379.jpg", imageAlt: "Pan-seared diver scallops with vegetables"
|
|
},
|
|
{
|
|
id: "2", name: "Heritage Bone Marrow Steak", price: "$48", variant: "Truffle Jus, Roasted Root Vegetables", imageSrc: "http://img.b2bpic.net/free-photo/baked-fish-with-shrimp-lemon-wedges_140725-3209.jpg", imageAlt: "Heritage bone marrow steak with truffle jus"
|
|
},
|
|
{
|
|
id: "3", name: "Garden Harvest Plate", price: "$26", variant: "Seasonal Greens, Herb Oil, Edible Flowers", imageSrc: "http://img.b2bpic.net/free-photo/traditional-dish-three-sisters-dolma-bell-pepper-tomato-eggplant-filled-by-minced-meat-side-view_141793-4225.jpg", imageAlt: "Garden harvest plate with seasonal vegetables"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="ambiance" data-section="ambiance">
|
|
<FeatureBento
|
|
title="Unforgettable Dining Experiences"
|
|
description="From intimate dinners to grand celebrations, our thoughtfully designed spaces offer the perfect setting for every occasion."
|
|
tag="Atmosphere"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
title: "Main Dining Room", description: "Elegant and refined atmosphere with warm ambient lighting", bentoComponent: "media-stack", items: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decorated-table-with-pine-leaf_8353-10194.jpg", imageAlt: "Main dining room elegant interior"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crystal-glass-with-white-cocktail-garnished-with-lemon-zest_140725-8527.jpg", imageAlt: "Restaurant bar area"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-with-coffee-sitting-cafe_23-2147775894.jpg", imageAlt: "Outdoor patio seating"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Private Celebrations", description: "Dedicated spaces for your special events and intimate gatherings", bentoComponent: "reveal-icon", icon: Gift
|
|
},
|
|
{
|
|
title: "Tasting Progression", description: "Experience our seven-course journey through contemporary cuisine", bentoComponent: "3d-task-list", items: [
|
|
{ icon: Leaf, label: "Seasonal Amuse", time: "Moment" },
|
|
{ icon: Flame, label: "Chef's Selection", time: "30 min" },
|
|
{ icon: Wine, label: "Paired Finale", time: "Final" }
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTen
|
|
title="Loved by Our Guests"
|
|
description="Hear what our diners have to say about their experiences at Tasterie."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "An Evening to Remember", quote: "The flavors were extraordinary, and every plate was a work of art. Our server's attention to detail made it truly special.", name: "Sarah Mitchell", role: "Event Host", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", imageAlt: "Portrait of satisfied diner"
|
|
},
|
|
{
|
|
id: "2", title: "Culinary Perfection", quote: "This is fine dining at its finest. The chef's tasting menu was an unforgettable journey through flavors and textures.", name: "James Chen", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg", imageAlt: "Portrait of guest"
|
|
},
|
|
{
|
|
id: "3", title: "Exceptional Service", quote: "From the moment we walked in, we felt welcomed. Every course was perfectly timed, and the wine pairings were inspired.", name: "Emma Richardson", role: "Sommelier", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-barista-girl_23-2148436110.jpg", imageAlt: "Portrait of wine professional"
|
|
},
|
|
{
|
|
id: "4", title: "Worth Every Visit", quote: "We've been back five times and the experience never disappoints. The menu rotates seasonally with fresh, incredible ingredients.", name: "Michael Torres", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-holding-binoculars_107420-9646.jpg", imageAlt: "Portrait of loyal customer"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience culinary excellence? Reserve your table today and join us for an unforgettable evening of fine dining."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Reserve a Table", href: "tel:+1-555-123-4567" },
|
|
{ text: "View Hours", href: "#hours" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Tasterie"
|
|
columns={[
|
|
{
|
|
title: "Hours", items: [
|
|
{ label: "Monday - Thursday", href: "#" },
|
|
{ label: "5:00 PM - 10:00 PM", href: "#" },
|
|
{ label: "Friday - Saturday", href: "#" },
|
|
{ label: "5:00 PM - 11:00 PM", href: "#" },
|
|
{ label: "Sunday", href: "#" },
|
|
{ label: "5:00 PM - 9:00 PM", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Location", items: [
|
|
{ label: "456 Culinary Lane", href: "https://maps.google.com" },
|
|
{ label: "Downtown District", href: "#" },
|
|
{ label: "Phone: (555) 123-4567", href: "tel:+1-555-123-4567" },
|
|
{ label: "Email: reservations@tasterie.com", href: "mailto:reservations@tasterie.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Dining", items: [
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Private Events", href: "#" },
|
|
{ label: "Chef's Table", href: "#" },
|
|
{ label: "Catering", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Tasterie. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |