313 lines
12 KiB
TypeScript
313 lines
12 KiB
TypeScript
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid';
|
|
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
|
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
import TeamListCards from '@/components/sections/team/TeamListCards';
|
|
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
|
import { Heart, Leaf, Utensils } from "lucide-react";
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroSplitVerticalMarquee
|
|
tag="Auténtico Sabor Mexicano"
|
|
title="La Cabana Latin Grill: Tu casa lejos de casa"
|
|
description="Experimenta el verdadero sazón de México en cada bocado. Ingredientes frescos, recetas familiares y mucho corazón."
|
|
primaryButton={{
|
|
text: "Reserva tu Mesa",
|
|
href: "#contact",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Ver Menú",
|
|
href: "#menu",
|
|
}}
|
|
leftItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nachos-near-guacamole-glass-bowl-napkin_23-2148132098.jpg?_wi=1",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-creamy-delicious-cakes-with-lemon-slices-white-surface-cake-biscuit-cookie-cream-tea-sweet_140725-101649.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tacos-frame-with-copy-space_23-2148629358.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-chicken-shawarma-flatbread-served-with-fries-sauces-yogurt-pickles_141793-2200.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mexican-nacho-chips-salsa-dip-bowl_2829-14500.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tortillas-tasty-mexican-food_23-2147740801.jpg",
|
|
},
|
|
]}
|
|
rightItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-reaching-fresh-tacos-wooden-board-candlelight_1308-189504.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-hot-guacamole-sauce-with-nachos-top-view_114579-7077.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/colourful-traditional-mexican-house_23-2151769229.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mexican-food-with-copy-space_23-2148614367.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/banner-delicious-tacos_23-2150831065.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/guacamole_23-2148024742.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutFeaturesSplit
|
|
tag="Nuestra Historia"
|
|
title="Pasión por México"
|
|
description="Fundado en la tradición, La Cabana Latin Grill celebra la riqueza de la gastronomía latina. Nos dedicamos a compartir el calor y el sabor de nuestra cultura con cada cliente que nos visita."
|
|
items={[
|
|
{
|
|
icon: Utensils,
|
|
title: "Cocina Auténtica",
|
|
description: "Recetas tradicionales transmitidas por generaciones.",
|
|
},
|
|
{
|
|
icon: Leaf,
|
|
title: "Ingredientes Frescos",
|
|
description: "Productos locales de la mejor calidad cada día.",
|
|
},
|
|
{
|
|
icon: Heart,
|
|
title: "Ambiente Familiar",
|
|
description: "Un lugar para disfrutar con los seres queridos.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508930.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<SectionErrorBoundary name="features">
|
|
<FeaturesBentoGrid
|
|
tag="Especialidades"
|
|
title="Nuestros Favoritos"
|
|
description="No puedes irte sin probar estas creaciones únicas de nuestra cocina."
|
|
features={[
|
|
{
|
|
title: "Tacos de Calle",
|
|
description: "Auténticos, sencillos y deliciosos.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blackboard-tortillas_23-2147740817.jpg",
|
|
},
|
|
{
|
|
title: "Enchiladas Verdes",
|
|
description: "Con nuestra salsa secreta especial.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mexican-lunchtime_23-2147640347.jpg",
|
|
},
|
|
{
|
|
title: "Churros Artesanales",
|
|
description: "El postre perfecto para compartir.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-churros-with-hot-chocolate-breakfast-wooden-table_123827-27250.jpg",
|
|
},
|
|
{
|
|
title: "Guacamole Fresco",
|
|
description: "Hecho al momento en tu mesa.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mexican-nachos-chips-carrot-with-celery-stem-tray-with-salsa-sauce-bowl_23-2148042439.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<SectionErrorBoundary name="menu">
|
|
<FeaturesRevealCardsBento
|
|
tag="Nuestro Menú"
|
|
title="Delicias Latinas"
|
|
description="Explora nuestra selección completa de platos principales, aperitivos y bebidas."
|
|
items={[
|
|
{
|
|
title: "Plato de Tacos",
|
|
description: "Surtido de carnes a la parrilla.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831003.jpg",
|
|
},
|
|
{
|
|
title: "Burrito Supremo",
|
|
description: "Grande y cargado de sabor.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dipping-nacho-chips_23-2148159727.jpg",
|
|
},
|
|
{
|
|
title: "Nachos de la Casa",
|
|
description: "Ideal para picar con amigos.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mexican-nachos-tortilla-chips-with-black-beans-guacamole-tomato-jalapeno-black-background_123827-20491.jpg",
|
|
},
|
|
{
|
|
title: "Quesadillas Artesanales",
|
|
description: "Tortilla de harina con queso fundido.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mexican-chicken-quesadillas-with-cheese-peppers-wooden-table_123827-28004.jpg",
|
|
},
|
|
{
|
|
title: "Fajitas Mixtas",
|
|
description: "Servidas en sartén caliente.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/filling-burrito_23-2148024779.jpg",
|
|
},
|
|
{
|
|
title: "Ceviche del Mar",
|
|
description: "Marinado en jugo de limón fresco.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-seafood-with-lime-avocado_181624-59141.jpg",
|
|
},
|
|
{
|
|
title: "Flan Casero",
|
|
description: "Dulce y cremoso, el toque final.",
|
|
href: "#",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/multicolored-chewy-candies-closeup-candy-background-macro-shot_169016-28045.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<SectionErrorBoundary name="team">
|
|
<TeamListCards
|
|
tag="Nuestro Equipo"
|
|
title="Hecho con Amor"
|
|
description="Conoce a la gente detrás de tu experiencia en La Cabana."
|
|
groups={[
|
|
{
|
|
title: "Cocina",
|
|
members: [
|
|
{
|
|
name: "Juan Perez",
|
|
role: "Chef Ejecutivo",
|
|
detail: "Más de 20 años en la cocina tradicional.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-man-pub-drinking-water_1157-45743.jpg",
|
|
},
|
|
{
|
|
name: "Maria Garcia",
|
|
role: "Sous Chef",
|
|
detail: "Especialista en salsas y guisos.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-front-bar-desk-making-drink-light-yellow-wall-bar-alcohol-night-youth-drink-club_140725-121457.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nachos-near-guacamole-glass-bowl-napkin_23-2148132098.jpg?_wi=2",
|
|
imageAlt: "friendly mexican restaurant staff",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialTrustCard
|
|
quote="¡El mejor lugar de comida mexicana en la ciudad! Todo es tan fresco y auténtico que me transporta directamente a casa cada vez que voy."
|
|
rating={5}
|
|
author="Carlos Ramirez"
|
|
avatars={[
|
|
{
|
|
name: "Sarah",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-mexican-woman-eating-ranchero-food_23-2150222266.jpg",
|
|
},
|
|
{
|
|
name: "Mike",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-gives-girl-gold-ring_1398-4170.jpg",
|
|
},
|
|
{
|
|
name: "Elena",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
|
},
|
|
{
|
|
name: "David",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148454153.jpg",
|
|
},
|
|
{
|
|
name: "Laura",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SectionErrorBoundary name="social-proof">
|
|
<SocialProofMarquee
|
|
tag="Reconocimientos"
|
|
title="Lo que dicen de nosotros"
|
|
names={[
|
|
"Food Magazine",
|
|
"City Dining Guide",
|
|
"Culinary Awards",
|
|
"Review Hub",
|
|
"Local Best",
|
|
"Cuisine Experts",
|
|
"Gastronomy Guild",
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqSplitMedia
|
|
tag="Preguntas Frecuentes"
|
|
title="Dudas sobre nuestra experiencia"
|
|
description="Aquí tienes información útil para tu visita."
|
|
items={[
|
|
{
|
|
question: "¿Tienen opciones vegetarianas?",
|
|
answer: "Sí, contamos con opciones vegetarianas y opciones sin gluten.",
|
|
},
|
|
{
|
|
question: "¿Es necesario reservar?",
|
|
answer: "Recomendamos reservar, especialmente los fines de semana.",
|
|
},
|
|
{
|
|
question: "¿Aceptan tarjetas?",
|
|
answer: "Sí, aceptamos todos los métodos de pago.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration_23-2149317302.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Contacto"
|
|
text="¿Quieres reservar o tienes alguna pregunta? Contáctanos hoy."
|
|
primaryButton={{
|
|
text: "Llamar Ahora",
|
|
href: "tel:+1234567890",
|
|
}}
|
|
secondaryButton={{
|
|
text: "WhatsApp",
|
|
href: "https://wa.me/1234567890",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|