413 lines
15 KiB
TypeScript
413 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
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",
|
|
},
|
|
]}
|
|
brandName="HidalGo Bistro"
|
|
button={{
|
|
text: "Reserve Your Table",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="HidalGo Bistro"
|
|
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: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg?_wi=1",
|
|
imageAlt: "Elegant restaurant interior with dim lighting and set tables",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-rolls-served-with-greens-tomatoes-walnuts-sesame-seeds_141793-604.jpg",
|
|
imageAlt: "Gourmet dish beautifully plated with intricate details",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl_1157-4459.jpg",
|
|
imageAlt: "Sommelier pouring red wine into a glass at a fine dining table",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
|
|
imageAlt: "Exterior of HidalGo Bistro at night, warmly lit",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dessert-topped-with-cream-cherries_141793-658.jpg",
|
|
imageAlt: "Decadent chocolate dessert with fresh berries",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg",
|
|
imageAlt: "Chefs meticulously preparing dishes in a bustling kitchen",
|
|
},
|
|
]}
|
|
autoplayDelay={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
tagIcon={Utensils}
|
|
title="A Culinary Journey of Passion and Perfection"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Heritage",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
tag: "Ambiance",
|
|
title: "Intimate & Elegant Setting",
|
|
subtitle: "A sanctuary for the senses.",
|
|
description: "Our bistro offers a sophisticated atmosphere, perfect for romantic dinners, celebratory gatherings, or private business affairs.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/steak-with-creamy-mushroom-sauce-rice_140725-2206.jpg",
|
|
imageAlt: "Elegant and intimate dining room at HidalGo Bistro",
|
|
},
|
|
{
|
|
tag: "Cuisine",
|
|
title: "Exquisite Culinary Creations",
|
|
subtitle: "Taste the artistry.",
|
|
description: "Our award-winning chefs blend traditional recipes with innovative techniques, creating dishes that are both familiar and exciting.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-meat-with-green-sauce-tomato_140725-9526.jpg",
|
|
imageAlt: "Exquisite gourmet dish with detailed plating",
|
|
},
|
|
{
|
|
tag: "Service",
|
|
title: "Impeccable & Attentive Service",
|
|
subtitle: "Every detail perfected.",
|
|
description: "From the moment you arrive, our dedicated team ensures a seamless and memorable dining experience tailored to your needs.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-waiter-using-touchpad-while-serving-customers-cafe-taking-their-orders_637285-3973.jpg",
|
|
imageAlt: "Professional waiter serving a dish at a fine dining restaurant",
|
|
},
|
|
]}
|
|
title="Unparalleled Dining Experiences"
|
|
description="Discover what makes HidalGo Bistro a distinguished destination for discerning palates."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Pan-Seared Scallops",
|
|
price: "$38",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-exotic-seafood-cooked-dinner_651396-1439.jpg",
|
|
imageAlt: "Pan-seared scallops with a light sauce and herbs",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Filet Mignon",
|
|
price: "$58",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-table_140725-2402.jpg",
|
|
imageAlt: "Perfectly cooked filet mignon with asparagus and potato puree",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Truffle Pasta",
|
|
price: "$42",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/truffles-pasta-arrangement_23-2149525100.jpg",
|
|
imageAlt: "Handmade pasta with black truffle shavings",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Roasted Duck Breast",
|
|
price: "$45",
|
|
imageAlt: "Roasted duck breast with a rich cherry reduction",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/homemade-baked-porchetta-rolls-with-several-herbs-pepper-garlic_127032-2793.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Chocolate Lava Cake",
|
|
price: "$18",
|
|
imageAlt: "Warm chocolate lava cake with a scoop of vanilla ice cream",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake-with-someone-cup-tea_140725-4505.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Artisanal Cheese Board",
|
|
price: "$29",
|
|
imageAlt: "Selection of artisanal cheeses, fruits, and crackers",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-putting-melt-cheese-food_23-2149606360.jpg",
|
|
},
|
|
]}
|
|
title="Our Signature Culinary Creations"
|
|
description="A glimpse into our seasonal menu, where fresh ingredients meet artistic presentation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
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",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg?_wi=2",
|
|
imageAlt: "portrait of male head chef smiling",
|
|
},
|
|
]}
|
|
title="Meet Our Dedicated Culinary Artisans"
|
|
description="The passionate individuals behind every exquisite dish and memorable dining moment at HidalGo Bistro."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
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 for dinner service from Tuesday to Saturday, 5:00 PM to 10:00 PM. We are closed on Sundays and Mondays.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common inquiries about reservations, dining, and our special events."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Reservations"
|
|
title="Secure Your Table at HidalGo Bistro"
|
|
description="Experience an unforgettable evening of culinary excellence. Book your reservation now and join us for an exquisite dining journey."
|
|
buttons={[
|
|
{
|
|
text: "Reserve Your Table Now",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</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",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 HidalGo Bistro | All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|