187 lines
17 KiB
TypeScript
187 lines
17 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import { Utensils } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="medium"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="HidalGo Bistro"
|
||
logoClassName="text-2xl sm:text-3xl font-extrabold text-primary-cta drop-shadow-sm"
|
||
navItems={[
|
||
{ name: "Home", id: "#hero" },
|
||
{ name: "About", id: "#about" },
|
||
{ name: "Menu", id: "#menu" },
|
||
{ name: "Team", id: "#team" },
|
||
{ name: "Reviews", id: "#testimonials" },
|
||
{ name: "FAQ", id: "#faq" },
|
||
{ name: "Contact", id: "#contact" }
|
||
]}
|
||
button={{ text: "Reserve Your Table", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="HidalGo Bistro"
|
||
logoClassName="text-4xl sm:text-5xl lg:text-6xl font-extrabold text-primary-cta drop-shadow-md"
|
||
description="Experience refined cuisine in an intimate setting where culinary artistry meets sophisticated ambiance. HidalGo Bistro invites you to discover exceptional flavors and impeccable service."
|
||
buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
|
||
slides={[
|
||
{ imageSrc: "https://images.unsplash.com/photo-1549488344-ec24d6781681?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Elegant restaurant interior with dim lighting and set tables" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1563273188-0ad562b70f03?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Gourmet steak dish beautifully plated with vegetables" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1600325035787-c102b37861bf?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Sommelier pouring red wine into a glass at a fine dining table" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1577219491135-f62dc9670f59?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Professional chef preparing food in a gourmet kitchen" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1621947844111-a8df0b555776?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Delicious truffle pasta dish with fresh herbs" },
|
||
{ imageSrc: "https://images.unsplash.com/photo-1587391789793-195b09819777?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Decadent chocolate dessert with fresh berries" }
|
||
]}
|
||
autoplayDelay={4000}
|
||
/>
|
||
</div>
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
title="A Culinary Journey of Passion and Perfection"
|
||
useInvertedBackground={false}
|
||
tag="Our Story"
|
||
tagIcon={Utensils}
|
||
buttons={[{ text: "Explore Our Heritage", href: "#menu" }]}
|
||
/>
|
||
</div>
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNineteen
|
||
title="Experience the Essence of HidalGo Bistro"
|
||
description="More than just a meal, HidalGo Bistro offers a complete sensory journey. Explore the pillars of our distinguished dining experience."
|
||
features={[
|
||
{ tag: "Ambiance", title: "Intimate & Elegant Setting", subtitle: "A sanctuary for the senses.", description: "Step into an oasis of calm and elegance. Our meticulously designed interiors, soft lighting, and curated decor create a sophisticated atmosphere, perfect for romantic evenings, intimate gatherings, and special celebrations. We ensure every visit is a sensory delight.", imageSrc: "https://images.unsplash.com/photo-1544025166-57777708ee3b?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Elegant and intimate dining room at HidalGo Bistro" },
|
||
{ tag: "Cuisine", title: "Exquisite Culinary Creations", subtitle: "Taste the artistry.", description: "Led by acclaimed Chef Julian Herrera, our kitchen crafts a dynamic menu of Modern European cuisine with a focus on seasonal, locally sourced ingredients. Expect artfully presented dishes that tantalize the palate, from delicate appetizers to robust main courses and decadent desserts.", imageSrc: "https://images.unsplash.com/photo-1616424564557-5509e53ceb56?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Exquisite gourmet dish with detailed plating" },
|
||
{ tag: "Service", title: "Impeccable & Attentive Service", subtitle: "Every detail perfected.", description: "At HidalGo Bistro, service is an art form. Our highly trained and intuitive staff are dedicated to anticipating your needs, offering expert recommendations on wine pairings, and ensuring every aspect of your visit is flawless and personalized, allowing you to relax and savor the moment.", imageSrc: "https://images.unsplash.com/photo-1578351508218-c26639d6ec99?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Professional waiter serving a dish at a fine dining restaurant" }
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
title="Our Signature Culinary Creations"
|
||
description="A glimpse into our seasonal menu, where fresh ingredients meet artistic presentation."
|
||
products={[
|
||
{ id: "p1", name: "Pan-Seared Scallops", price: "$38", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780434953426-odr600dl.jpg", imageAlt: "Pan-seared scallops with a light sauce and herbs", onProductClick: () => alert("Product Pan-Seared Scallops clicked!") },
|
||
{ id: "p2", name: "Filet Mignon", price: "$58", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780434953426-f1k7d3xb.jpg", imageAlt: "Perfectly cooked filet mignon with asparagus and potato puree", onProductClick: () => alert("Product Filet Mignon clicked!") },
|
||
{ id: "p3", name: "Truffle Pasta", price: "$42", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780434953426-a6oqwr85.jpg", imageAlt: "Handmade pasta with black truffle shavings", onProductClick: () => alert("Product Truffle Pasta clicked!") },
|
||
{ id: "p4", name: "Roasted Duck Breast", price: "$45", imageAlt: "Roasted duck breast with a rich cherry reduction", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780434953426-4lgrgtyb.jpg", onProductClick: () => alert("Product Roasted Duck Breast clicked!") },
|
||
{ id: "p5", name: "Chocolate Lava Cake", price: "$18", imageAlt: "Warm chocolate lava cake with a scoop of vanilla ice cream", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780434953426-72lyuavb.jpg?_wi=1", onProductClick: () => alert("Product Chocolate Lava Cake clicked!") },
|
||
{ id: "p6", name: "Artisanal Cheese Board", price: "$29", imageAlt: "Selection of artisanal cheeses, fruits, and crackers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780434953426-72lyuavb.jpg?_wi=2", onProductClick: () => alert("Product Artisanal Cheese Board clicked!") },
|
||
{ id: "p7", name: "Gourmet Risotto", price: "$34", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309434-ga5f63rn.jpg", imageAlt: "Creamy gourmet risotto with fresh herbs", onProductClick: () => alert("Product Gourmet Risotto clicked!") },
|
||
{ id: "p8", name: "Grilled Lamb Chops", price: "$49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309435-izbj6hwp.jpg", imageAlt: "Grilled lamb chops with roasted vegetables", onProductClick: () => alert("Product Grilled Lamb Chops clicked!") },
|
||
{ id: "p9", name: "Seafood Paella", price: "$46", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309435-212p7n05.jpg", imageAlt: "Authentic seafood paella with saffron rice", onProductClick: () => alert("Product Seafood Paella clicked!") },
|
||
{ id: "p10", name: "Vegetarian Lasagna", price: "$28", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309435-eei03cik.jpg", imageAlt: "Layers of rich vegetarian lasagna", onProductClick: () => alert("Product Vegetarian Lasagna clicked!") },
|
||
{ id: "p11", name: "Crème Brûlée", price: "$16", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309435-9ts9z2h3.jpg", imageAlt: "Classic crème brûlée with a caramelized sugar crust", onProductClick: () => alert("Product Crème Brûlée clicked!") },
|
||
{ id: "p12", name: "Gourmet Burger", price: "$25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435452649-884g0yzh.jpg", imageAlt: "Gourmet burger with all the fixings", onProductClick: () => alert("Product Gourmet Burger clicked!") }
|
||
]}
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="team" data-section="team">
|
||
<TeamCardEleven
|
||
title="Meet Our Dedicated Culinary Artisans"
|
||
description="The passionate individuals behind every exquisite dish and memorable dining moment at HidalGo Bistro."
|
||
groups={[
|
||
{ id: "chef", groupTitle: "Culinary Leadership", members: [
|
||
{ id: "t1", title: "Chef Julian Herrera", subtitle: "Executive Head Chef", detail: "With over two decades of experience in Michelin-starred establishments, Chef Julian leads our kitchen with innovative vision and a commitment to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-cook-chef-uniform-cap-looking-camera-stretching-out-frying-pan-towards-camera-isolated-olive-green-wall_141793-113737.jpg", imageAlt: "Portrait of Chef Julian Herrera" },
|
||
{ id: "t2", title: "Chef Elise Dubois", subtitle: "Head Pastry Chef", detail: "A master of delicate flavors and stunning presentations, Chef Elise crafts our exquisite desserts that are a feast for both the eyes and the palate.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sieve-flower-into-bowl-making-cake_140725-5269.jpg", imageAlt: "Portrait of Chef Elise Dubois" },
|
||
{ id: "t3", title: "Jean-Luc Picard", subtitle: "Head Sommelier", detail: `Jean-Luc curates our extensive wine list, offering expert pairings to complement every dish and enhance your dining experience.`, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-man-dinner_23-2148060592.jpg", imageAlt: "Portrait of Jean-Luc Picard, the sommelier" }
|
||
]}
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial={'"HidalGo Bistro delivered an evening of pure culinary bliss. Every course was a masterpiece, and the service was simply impeccable. A truly unforgettable experience!"'}
|
||
rating={5}
|
||
author="Isabella Rossi"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling-communicating-with-her-partners-young-attractive-smiling-woman-speaking-cell-phone-city_549566-549.jpg", alt: "Avatar of Isabella Rossi" },
|
||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-black-jacket_613910-2534.jpg", alt: "Avatar of David Miller" },
|
||
{ src: "http://img.b2bpic.net/free-photo/content-businessman-smiling_74855-3248.jpg", alt: "Avatar of Emily Chang" },
|
||
{ src: "http://img.b2bpic.net/free-photo/picture-happy-mature-man-feeling-overjoyed-excited-after-he-won-lottery-exclaiming-cheerfully-clenching-fists-people-luck-success-excitement-winning-victory-good-fortune_343059-1750.jpg", alt: "Avatar of Robert Johnson" },
|
||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg", alt: "Avatar of Sarah Williams" }
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
title="Frequently Asked Questions"
|
||
description="Find answers to common inquiries about reservations, dining, and our special events."
|
||
faqs={[
|
||
{ id: "faq1", title: "What is the dress code at HidalGo Bistro?", content: "Our dress code is smart casual. We encourage elegant attire to complement the sophisticated dining experience." },
|
||
{ id: "faq2", title: "How do I make a reservation?", content: "Reservations can be made directly through our website via the 'Reserve Your Table' button, or by calling us during operating hours." },
|
||
{ id: "faq3", title: "Do you accommodate dietary restrictions?", content: "Yes, we strive to accommodate all dietary needs. Please inform us of any restrictions or allergies when making your reservation." },
|
||
{ id: "faq4", title: "Is HidalGo Bistro available for private events?", content: "We offer exclusive private dining options for special occasions. Please contact our events team for more information and availability." },
|
||
{ id: "faq5", title: "Do you have a bar or lounge area?", content: "Yes, our elegant bar and lounge offers a curated selection of cocktails, wines, and spirits, perfect for pre-dinner drinks or a relaxed evening." },
|
||
{ id: "faq6", title: "What are your operating hours?", content: "HidalGo Bistro is open: Monday 9 AM–9 PM, Tuesday 9 AM–9 PM, Wednesday 9 AM–9 PM, Thursday 9 AM–9 PM, Friday 9 AM–9 PM, Saturday 9 AM–9 PM, and Sunday 9 AM–6 PM."
|
||
}
|
||
]}
|
||
faqsAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
tag="Reservations"
|
||
title="Secure Your Table at HidalGo Bistro"
|
||
description="Experience an unforgettable evening of culinary excellence at HidalGo Bistro. Book your reservation now, or get directions to our exquisite location. Visit us at 962 S Santa Fe Ave, Vista, CA 92084. Call us: +17605761943."
|
||
buttons={[
|
||
{ text: "Reserve Your Table Now", href: "#contact" },
|
||
{ text: "Get Directions", href: "https://www.google.com/maps/search/?api=1&query=962+S+Santa+Fe+Ave,+Vista,+CA+92084" }
|
||
]}
|
||
background={{ variant: "radial-gradient" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="HidalGo Bistro"
|
||
columns={[
|
||
{ title: "Discover", items: [{ label: "Our Story", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Team", href: "#team" }] },
|
||
{ title: "Visit", items: [{ label: "Reservations", href: "#contact" }, { label: "Private Events", href: "#" }, { label: "Contact Us", href: "#contact" }, { label: "Call Us: +17605761943", href: "tel:+17605761943" }] },
|
||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||
]}
|
||
copyrightText="© 2024 HidalGo Bistro | All rights reserved."
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|