420 lines
15 KiB
TypeScript
420 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="mediumLarge"
|
||
background="noise"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#home",
|
||
},
|
||
{
|
||
name: "Experience",
|
||
id: "#experience",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "#signature-dishes",
|
||
},
|
||
{
|
||
name: "Hospitality",
|
||
id: "#hospitality",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "#testimonials",
|
||
},
|
||
{
|
||
name: "Events",
|
||
id: "#private-events",
|
||
},
|
||
]}
|
||
brandName="Hacienda Real"
|
||
button={{
|
||
text: "Reserve a Table",
|
||
href: "#reservation",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardCarousel
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
title="Where Every Meal Becomes a Celebration"
|
||
description="Authentic flavor, exceptional service, and an elegant rustic atmosphere crafted for unforgettable moments."
|
||
tagAnimation="none"
|
||
buttons={[
|
||
{
|
||
text: "Reserve a Table",
|
||
href: "#reservation",
|
||
},
|
||
{
|
||
text: "View Menu",
|
||
href: "#signature-dishes",
|
||
},
|
||
]}
|
||
buttonAnimation="none"
|
||
mediaItems={[
|
||
{
|
||
videoSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg?_wi=1",
|
||
imageAlt: "Gourmet steak grilling on a flaming grill",
|
||
videoAriaLabel: "Chef grilling premium steak",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg?_wi=2",
|
||
},
|
||
{
|
||
videoSrc: "http://img.b2bpic.net/free-photo/cropped-photo-lovers-having-romantic-dinner-home_171337-19055.jpg?_wi=1",
|
||
imageAlt: "Elegant wine pouring into a glass",
|
||
videoAriaLabel: "Sommelier pouring red wine",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-lovers-having-romantic-dinner-home_171337-19055.jpg?_wi=2",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg",
|
||
imageAlt: "Elegant restaurant interior with warm lighting",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg",
|
||
imageAlt: "Guests celebrating with toasts at a luxurious restaurant",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg",
|
||
imageAlt: "Candlelit ambiance and warm golden lighting in a restaurant",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-tasty-grilled-tomatoes-marrows_651396-1449.jpg",
|
||
imageAlt: "Beautifully plated Guatemalan cuisine",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="experience" data-section="experience">
|
||
<FeatureCardNineteen
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
tag: "Culinary Excellence",
|
||
title: "Premium Steaks",
|
||
subtitle: "Masterfully Grilled",
|
||
description: "Indulge in our selection of the finest cuts, expertly grilled to perfection for an unforgettable taste.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meatball-with-topped-with-white-cheese-with-herbs_141793-1185.jpg",
|
||
imageAlt: "A perfectly grilled premium steak",
|
||
},
|
||
{
|
||
tag: "Dedicated Staff",
|
||
title: "Exceptional Hospitality",
|
||
subtitle: "Every Guest Valued",
|
||
description: "Experience service beyond expectation, where every detail is anticipated and catered to with genuine warmth.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-notebook-using-smartphone_23-2147793066.jpg",
|
||
imageAlt: "Attentive waiter serving a guest",
|
||
},
|
||
{
|
||
tag: "Authentic Flavors",
|
||
title: "Guatemalan Cuisine",
|
||
subtitle: "A Taste of Tradition",
|
||
description: "Savor authentic Guatemalan recipes, crafted with passion and fresh, local ingredients.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/salad-with-tomatoes-greens-pomegranate_140725-8044.jpg",
|
||
imageAlt: "Beautifully presented traditional Guatemalan dish",
|
||
},
|
||
{
|
||
tag: "Joyful Gatherings",
|
||
title: "Family Celebrations",
|
||
subtitle: "Moments to Cherish",
|
||
description: "Our elegant setting is the perfect backdrop for birthdays, anniversaries, and all your family's special moments.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/knocking-glasses-with-wine-group-friends-elegant-wear-have-luxury-dinner_146671-14449.jpg",
|
||
imageAlt: "A happy family celebrating at a restaurant",
|
||
},
|
||
{
|
||
tag: "Sophisticated Surroundings",
|
||
title: "Elegant Atmosphere",
|
||
subtitle: "Refined Rustic Luxury",
|
||
description: "Immerse yourself in our beautifully designed interiors, combining rustic charm with luxurious elegance.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-wedding-reception-with-sea-view-through-windows_637285-997.jpg",
|
||
imageAlt: "The elegant and rustic interior of Hacienda Real",
|
||
},
|
||
{
|
||
tag: "Signature Touches",
|
||
title: "Signature Service",
|
||
subtitle: "Unforgettable Gestures",
|
||
description: "From warm welcomes with complimentary consomé to refreshing hot towels, our service is truly memorable.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party-covid_23-2149316413.jpg",
|
||
imageAlt: "Waiter offering a hot towel to a guest",
|
||
},
|
||
]}
|
||
title="More Than a Restaurant — An Experience"
|
||
description="At Hacienda Real, we believe true luxury lies in exceptional service and attention to detail. From warm welcomes to personalized care, every moment is crafted to make you feel cherished."
|
||
tagAnimation="none"
|
||
buttonAnimation="none"
|
||
/>
|
||
</div>
|
||
|
||
<div id="signature-dishes" data-section="signature-dishes">
|
||
<ProductCardFour
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "dish-1",
|
||
name: "Lomo de Res",
|
||
price: "Market Price",
|
||
variant: "Premium Tenderloin",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg",
|
||
imageAlt: "Gourmet Lomo de Res dish",
|
||
},
|
||
{
|
||
id: "dish-2",
|
||
name: "Ceviche Mixto",
|
||
price: "$28",
|
||
variant: "Fresh Seafood Mix",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/chopped-various-vegetables-plate_114579-86418.jpg",
|
||
imageAlt: "Vibrant Ceviche Mixto",
|
||
},
|
||
{
|
||
id: "dish-3",
|
||
name: "Sopa de Tortilla",
|
||
price: "$16",
|
||
variant: "Rich & Creamy",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-appetizing-pozole-bowl_23-2149248567.jpg",
|
||
imageAlt: "Elegant Sopa de Tortilla",
|
||
},
|
||
{
|
||
id: "dish-4",
|
||
name: "Premium Grilled Cuts",
|
||
price: "From $45",
|
||
variant: "Assorted Selection",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-sliced-potatoes-rings-wooden-board_140725-3024.jpg",
|
||
imageAlt: "Platter of assorted premium grilled meats",
|
||
},
|
||
{
|
||
id: "dish-5",
|
||
name: "Artisan Garlic Bread",
|
||
price: "$12",
|
||
variant: "Freshly Baked",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/baked-cheese-camembert-with-rosemary-honey-tasty-food_2829-7098.jpg",
|
||
imageAlt: "Warm artisan garlic bread",
|
||
},
|
||
{
|
||
id: "dish-6",
|
||
name: "Cappuccino & Desserts",
|
||
price: "From $10",
|
||
variant: "Sweet Endings",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/eclairs-with-cup-tea_140725-3601.jpg",
|
||
imageAlt: "Gourmet cappuccino with a dessert",
|
||
},
|
||
]}
|
||
title="Signature Dishes"
|
||
description="Indulge in our exquisite menu, a culinary journey through authentic Guatemalan flavors and premium grilled meats, meticulously prepared to delight your palate."
|
||
tagAnimation="none"
|
||
buttonAnimation="none"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hospitality" data-section="hospitality">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={true}
|
||
heading={[
|
||
{
|
||
type: "text",
|
||
content: "Service That Guests Remember",
|
||
},
|
||
]}
|
||
buttonAnimation="none"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="depth-3d"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "test-1",
|
||
name: "Sofia G.",
|
||
handle: "@sofiagourmet",
|
||
testimonial: "Desde que entras eres recibido de una manera espectacular. Una experiencia completa que la comida deliciosa complementa perfectamente. ¡Volveremos siempre!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-pizza_23-2150307057.jpg",
|
||
imageAlt: "Portrait of a happy customer, Sofia G.",
|
||
},
|
||
{
|
||
id: "test-2",
|
||
name: "Carlos M.",
|
||
handle: "@carlos.foodie",
|
||
testimonial: "La comida es deliciosa, pero lo que realmente me cautivó fue el servicio tan profesional y atento. Pocos restaurantes ofrecen ese nivel de cuidado. ¡La carne súper deliciosa!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg",
|
||
imageAlt: "Portrait of a satisfied customer, Carlos M.",
|
||
},
|
||
{
|
||
id: "test-3",
|
||
name: "Elena R.",
|
||
handle: "@elenas_journey",
|
||
testimonial: "Una experiencia culinaria que va más allá del paladar. Cada detalle, desde la bienvenida hasta el postre, es una celebración. Hacienda Real es el lugar para momentos especiales.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018849.jpg",
|
||
imageAlt: "Portrait of a happy customer, Elena R.",
|
||
},
|
||
{
|
||
id: "test-4",
|
||
name: "Juan P.",
|
||
handle: "@juanp.eats",
|
||
testimonial: "Simplemente excepcional. La atención, el ambiente, y por supuesto, la comida. Se nota que cada platillo es preparado con amor. Altamente recomendado para cualquier celebración.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cooking_23-2150980286.jpg",
|
||
imageAlt: "Portrait of a satisfied customer, Juan P.",
|
||
},
|
||
{
|
||
id: "test-5",
|
||
name: "Laura S.",
|
||
handle: "@laurafine_dining",
|
||
testimonial: "Hacienda Real es mi destino favorito para cualquier ocasión. El ambiente te transporta, y el servicio te hace sentir como en casa, pero con un toque de lujo. La mejor carne de la ciudad.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-multigeneration-family-having-lunch-toasting-dining-table-focus-is-senior-man_637285-3219.jpg",
|
||
imageAlt: "Portrait of a happy customer, Laura S.",
|
||
},
|
||
]}
|
||
showRating={true}
|
||
title="Hear From Our Cherished Guests"
|
||
description="Discover why our patrons return again and again for the unforgettable dining experience at Hacienda Real."
|
||
tagAnimation="none"
|
||
buttonAnimation="none"
|
||
/>
|
||
</div>
|
||
|
||
<div id="private-events" data-section="private-events">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={true}
|
||
heading={[
|
||
{
|
||
type: "text",
|
||
content: "Celebrate Life’s Special Moments",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Reserve Your Celebration",
|
||
href: "#reservation",
|
||
},
|
||
]}
|
||
buttonAnimation="none"
|
||
/>
|
||
</div>
|
||
|
||
<div id="reservation" data-section="reservation">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
text="Ready to create unforgettable memories? Reserve your table at Hacienda Real today. We look forward to welcoming you to an evening of authentic flavor and exceptional service."
|
||
buttons={[
|
||
{
|
||
text: "Book Your Table Now",
|
||
href: "#",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Home",
|
||
href: "#home",
|
||
},
|
||
{
|
||
label: "Our Story",
|
||
href: "#experience",
|
||
},
|
||
{
|
||
label: "Menu",
|
||
href: "#signature-dishes",
|
||
},
|
||
{
|
||
label: "Private Events",
|
||
href: "#private-events",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Contact Us",
|
||
href: "#reservation",
|
||
},
|
||
{
|
||
label: "Reservations",
|
||
href: "#reservation",
|
||
},
|
||
{
|
||
label: "Location",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Hours",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Instagram",
|
||
href: "https://www.instagram.com/haciendareal",
|
||
},
|
||
{
|
||
label: "Facebook",
|
||
href: "https://www.facebook.com/haciendareal",
|
||
},
|
||
{
|
||
label: "Google Maps",
|
||
href: "https://www.google.com/maps/search/Hacienda+Real+restaurant",
|
||
},
|
||
{
|
||
label: "WhatsApp",
|
||
href: "https://wa.me/1234567890",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Hacienda Real"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|