244 lines
13 KiB
TypeScript
244 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import { Flame, Star, Leaf, Heart, Phone } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{ name: "Menu", id: "menu" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Specials", id: "specials" },
|
||
{ name: "Contact", id: "contact" },
|
||
{ name: "Reservations", id: "reservations" }
|
||
]}
|
||
button={{ text: "Reserve Table", href: "reservations" }}
|
||
brandName="El Sabor"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
title="Taste Authentic Mexico"
|
||
description="Experience the vibrant flavors of traditional Mexican cuisine crafted with the finest ingredients and family recipes passed down through generations."
|
||
background={{ variant: "radial-gradient" }}
|
||
tag="Since 1998"
|
||
tagIcon={Flame}
|
||
tagAnimation="slide-up"
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg", imageAlt: "Authentic Mexican tacos"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-nacho-chips-salsa-dip-bowl_2829-14500.jpg", imageAlt: "Fresh salsa and guacamole"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-view-fried-churros-sugar_23-2148379675.jpg", imageAlt: "Delicious churros with cinnamon sugar"
|
||
}
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "View Menu", href: "menu" },
|
||
{ text: "Make Reservation", href: "reservations" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
ariaLabel="Hero section showcasing Mexican restaurant"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
heading={[
|
||
{ type: "text", content: "A Family Tradition of" },
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg", alt: "El Sabor family restaurant"
|
||
},
|
||
{ type: "text", content: "Authentic Flavors" }
|
||
]}
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{ text: "Our Story", href: "#about" },
|
||
{ text: "Visit Us Today", href: "#contact" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
ariaLabel="About El Sabor restaurant"
|
||
/>
|
||
</div>
|
||
|
||
<div id="specials" data-section="specials">
|
||
<ProductCardFour
|
||
products={[
|
||
{
|
||
id: "1", name: "Chile Relleno Oaxaca", price: "$16.99", variant: "Poblano Pepper, Cheese, Ranchero Sauce", imageSrc: "http://img.b2bpic.net/free-photo/turkish-stuffed-eggplants-with-ground-beef-vegetables-baked-with-tomato-sauce_2829-10999.jpg", imageAlt: "Chile relleno Oaxaca style"
|
||
},
|
||
{
|
||
id: "2", name: "Mole Negro Tradicional", price: "$18.99", variant: "Chicken, Complex Spice Blend, Sesame Seeds", imageSrc: "http://img.b2bpic.net/free-photo/green-chimichurri-sauce-isolated-white-background_123827-29729.jpg", imageAlt: "Traditional black mole"
|
||
},
|
||
{
|
||
id: "3", name: "Enchiladas Verdes", price: "$14.99", variant: "Three Rolled Tortillas, Green Salsa, Sour Cream", imageSrc: "http://img.b2bpic.net/free-photo/spring-roll_74190-4964.jpg", imageAlt: "Green enchiladas"
|
||
},
|
||
{
|
||
id: "4", name: "Fajitas de Camarón", price: "$19.99", variant: "Shrimp, Peppers, Onions, Warm Tortillas", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-stir-fried-lamb-with-colorful-bell-peppers-served-with-flatbread_140725-2683.jpg", imageAlt: "Sizzling shrimp fajitas"
|
||
}
|
||
]}
|
||
title="Featured Specialties"
|
||
description="Discover our most celebrated dishes, expertly prepared by our award-winning culinary team"
|
||
tag="Chef's Favorites"
|
||
tagIcon={Star}
|
||
tagAnimation="slide-up"
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{ text: "View Full Menu", href: "menu" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
ariaLabel="Featured specialty dishes"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<FeatureCardTwentyFour
|
||
features={[
|
||
{
|
||
id: "1", title: "Carne Asada al Carbón", author: "Chef's Signature", description: "Slow-grilled beef marinated in citrus and spices, served with charred onions, cilantro, and warm corn tortillas for an authentic street-food experience.", tags: ["Grilled", "Authentic"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/appetizing-grilled-fresh-steak-medium-roasted-white-plate-surrounded-by-green-grass_132075-13627.jpg", imageAlt: "Chargrilled carne asada"
|
||
},
|
||
{
|
||
id: "2", title: "Tamales Oaxaqueños", author: "Family Recipe", description: "Handmade masa wrapped in corn husks with chicken, rajas, or cheese fillings. Steam-cooked to perfection and served with salsa verde and crema Mexicana.", tags: ["Handmade", "Traditional"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pickled-peppers-stuffed-with-sauerkraut-wooden-plate_114579-57672.jpg", imageAlt: "Steamed traditional tamales"
|
||
}
|
||
]}
|
||
animationType="slide-up"
|
||
title="Menu Highlights"
|
||
description="Explore our curated selection of traditional and modern Mexican cuisine"
|
||
tag="Seasonal"
|
||
tagIcon={Leaf}
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{ text: "Complete Menu", href: "#menu" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
ariaLabel="Menu highlights and specialties"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "An Unforgettable Evening", quote: "The ambiance, the service, and most importantly the food – everything was absolutely perfect. The carne asada melted in my mouth, and the salsa was incredibly fresh. We're coming back next week!", name: "Maria García", role: "Family Dining", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", imageAlt: "Maria García"
|
||
},
|
||
{
|
||
id: "2", title: "Authentic Tastes of Home", quote: "This restaurant brought back memories of eating at my abuela's kitchen. Every dish is prepared with such care and authentic techniques. The mole is exactly as it should be.", name: "Juan López", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=1", imageAlt: "Juan López"
|
||
},
|
||
{
|
||
id: "3", title: "Perfect for Celebrations", quote: "We celebrated our anniversary here and had an exceptional experience. The waitstaff was attentive, the food came out perfectly timed, and the flavors were outstanding. Highly recommended!", name: "Sofia Mendez", role: "Special Occasions", imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg", imageAlt: "Sofia Mendez"
|
||
},
|
||
{
|
||
id: "4", title: "Worth Every Visit", quote: "The freshness of ingredients really shines through. From the tortillas made daily to the prepared salsas, you can taste the quality and tradition in every bite. Simply magnificent!", name: "Carlos Rivas", role: "Food Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=2", imageAlt: "Carlos Rivas"
|
||
}
|
||
]}
|
||
title="What Our Guests Say"
|
||
description="Real experiences from families and friends who've discovered authentic Mexican flavors at El Sabor"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
tag="Guest Reviews"
|
||
tagIcon={Heart}
|
||
tagAnimation="slide-up"
|
||
ariaLabel="Customer testimonials and reviews"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
faqs={[
|
||
{
|
||
id: "1", title: "What are your hours of operation?", content: "We are open Tuesday through Thursday 5:00 PM - 10:00 PM, Friday and Saturday 5:00 PM - 11:00 PM, and Sunday 12:00 PM - 9:00 PM. We are closed Mondays for staff training and preparation."
|
||
},
|
||
{
|
||
id: "2", title: "Do you offer dietary accommodations?", content: "Yes! We can accommodate vegetarian, vegan, gluten-free, and other dietary needs. Our chefs are experienced in modifying dishes to meet your requirements. Please inform your server of any allergies or restrictions."
|
||
},
|
||
{
|
||
id: "3", title: "Can I make a large group reservation?", content: "Absolutely! For groups of 8 or more, we recommend calling ahead at (555) 123-4567 to ensure we have the perfect seating arrangement and can prepare accordingly."
|
||
},
|
||
{
|
||
id: "4", title: "Do you have a private dining room?", content: "Yes, we have a beautiful private dining room perfect for celebrations, corporate events, and special occasions. Contact us for availability and pricing details."
|
||
}
|
||
]}
|
||
ctaTitle="Ready to Experience El Sabor?"
|
||
ctaDescription="Reserve your table today and join us for an unforgettable Mexican culinary experience"
|
||
ctaButton={{ text: "Reserve Now", href: "#reservations" }}
|
||
ctaIcon={Phone}
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
accordionAnimationType="smooth"
|
||
showCard={true}
|
||
ariaLabel="Contact and frequently asked questions"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/mexican-style_1321-486.jpg"
|
||
imageAlt="El Sabor restaurant warm ambiance"
|
||
logoText="El Sabor"
|
||
copyrightText="© 2025 El Sabor Mexican Restaurant. All rights reserved."
|
||
columns={[
|
||
{
|
||
title: "Restaurant", items: [
|
||
{ label: "Menu", href: "#menu" },
|
||
{ label: "About Us", href: "#about" },
|
||
{ label: "Specials", href: "#specials" },
|
||
{ label: "Catering", href: "#contact" }
|
||
]
|
||
},
|
||
{
|
||
title: "Visit", items: [
|
||
{ label: "Make a Reservation", href: "#reservations" },
|
||
{ label: "Call (555) 123-4567", href: "tel:+15551234567" },
|
||
{ label: "123 Mission Street", href: "#" },
|
||
{ label: "Hours", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Follow", items: [
|
||
{ label: "Instagram", href: "https://instagram.com" },
|
||
{ label: "Facebook", href: "https://facebook.com" },
|
||
{ label: "Contact", href: "#contact" },
|
||
{ label: "Privacy Policy", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
ariaLabel="El Sabor restaurant footer"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|