bender/7ff0c117-bf6f-4027-9772-299b5823f2d3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 1 commits from version_2 into main 2026-03-22 10:46:58 +00:00
Conversation 0 Commits 1 Files Changed 1 +94 -94
1 changed files with 94 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

188
src/app/page.tsx
View File

@@ -30,127 +30,127 @@ export default function LandingPage() {
<NavbarStyleCentered
brandName="Bocados"
navItems={[
{ name: "Menu", id: "features" },
{ name: "About", id: "about" },
{ name: "Reviews", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
{ name: "Menú", id: "features" },
{ name: "Sobre Nosotros", id: "about" },
{ name: "Reseñas", id: "testimonials" },
{ name: "Preguntas Frecuentes", id: "faq" },
{ name: "Contacto", id: "contact" }
]}
button={{ text: "Reserve Now", href: "#contact" }}
button={{ text: "Reservar Ahora", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
title="El Restaurante Siempre Lleno"
description="Spectacular homemade food, generous portions, and lightning-fast service. Discover why everyone comes back."
tag="Always Full • Always Fresh"
description="Comida casera espectacular, porciones generosas y servicio rapidísimo. Descubre por qué todos vuelven."
tag="Siempre Lleno • Siempre Fresco"
tagIcon={Flame}
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-eggs-with-sausages-with-cheese-glass-tea-rowan-clay-plate_176474-3357.jpg?_wi=1", imageAlt: "Spanish tapas with beautiful plating"
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-eggs-with-sausages-with-cheese-glass-tea-rowan-clay-plate_176474-3357.jpg?_wi=1", imageAlt: "Tapas españolas con presentación hermosa"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/yellow-rice-with-chicken-vegetables-black-slate-background_123827-31607.jpg?_wi=1", imageAlt: "Traditional Spanish paella"
imageSrc: "http://img.b2bpic.net/free-photo/yellow-rice-with-chicken-vegetables-black-slate-background_123827-31607.jpg?_wi=1", imageAlt: "Tradicional paella española"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-avocado-served-with-cucumber-slices-greens-1_140725-8793.jpg?_wi=1", imageAlt: "Homemade Spanish croquetas"
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-avocado-served-with-cucumber-slices-greens-1_140725-8793.jpg?_wi=1", imageAlt: "Croquetas españolas caseras"
}
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg?_wi=1", imageAlt: "Busy restaurant full of happy diners"
imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg?_wi=1", imageAlt: "Restaurante lleno de comensales felices"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208271.jpg", imageAlt: "Professional kitchen in action"
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208271.jpg", imageAlt: "Cocina profesional en acción"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-sitting-cafe-talking-with-each-other_171337-19750.jpg", imageAlt: "Diners enjoying their meal"
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-sitting-cafe-talking-with-each-other_171337-19750.jpg", imageAlt: "Comensales disfrutando su comida"
}
]}
buttons={[
{ text: "Reserve Now", href: "#contact" },
{ text: "Book via WhatsApp", href: "https://wa.me" }
{ text: "Reservar Ahora", href: "#contact" },
{ text: "Reservar por WhatsApp", href: "https://wa.me" }
]}
buttonAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-1107.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/positive-female-tourist-with-photo-camera-travel-backpack_613910-7148.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-caucasian-blonde-woman-looking-into-camera-barcelona-spain_1268-17992.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4492.jpg", alt: "Customer 5" }
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-1107.jpg", alt: "Cliente 1" },
{ src: "http://img.b2bpic.net/free-photo/positive-female-tourist-with-photo-camera-travel-backpack_613910-7148.jpg", alt: "Cliente 2" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg", alt: "Cliente 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-caucasian-blonde-woman-looking-into-camera-barcelona-spain_1268-17992.jpg", alt: "Cliente 4" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4492.jpg", alt: "Cliente 5" }
]}
avatarText="Join 1,000+ satisfied guests this month"
avatarText="Únete a más de 1,000 huéspedes satisfechos este mes"
carouselPosition="right"
ariaLabel="Bocados Premium Restaurant Hero Section"
ariaLabel="Sección Hero del Restaurante Bocados Premium"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Authentic Spanish Heritage, Modern Excellence"
description="At Bocados, we honor traditional Spanish recipes passed down through generations while embracing the speed and precision of contemporary hospitality. Every dish is handcrafted with the finest ingredients, every guest treated like family. Our passion for food and service creates unforgettable experiences."
tag="Our Story"
title="Herencia Española Auténtica, Excelencia Moderna"
description="En Bocados, honramos las recetas españolas tradicionales transmitidas a través de generaciones mientras abrazamos la velocidad y precisión de la hospitalidad contemporánea. Cada plato se elabora a mano con los mejores ingredientes, cada huésped es tratado como familia. Nuestra pasión por la comida y el servicio crea experiencias inolvidables."
tag="Nuestra Historia"
tagIcon={Heart}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/women-cooking-with-different-ingredients_23-2149028626.jpg"
imageAlt="Our restaurant kitchen and passionate team"
imageAlt="Nuestras cocina del restaurante y equipo apasionado"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
metrics={[
{ value: "15+", title: "Years of Excellence" },
{ value: "1000+", title: "Monthly Guests" },
{ value: "50+", title: "Signature Dishes" },
{ value: "98%", title: "Repeat Customers" }
{ value: "15+", title: "Años de Excelencia" },
{ value: "1000+", title: "Huéspedes Mensuales" },
{ value: "50+", title: "Platos Insignia" },
{ value: "98%", title: "Clientes Recurrentes" }
]}
useInvertedBackground={false}
ariaLabel="About Bocados Restaurant"
ariaLabel="Acerca de Bocados Restaurante"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
title="Why Bocados Stands Apart"
description="Experience the perfect blend of authentic flavors, generous portions, and exceptional service speed."
tag="Menu Highlights"
title="Por Qué Bocados Destaca"
description="Experimenta la mezcla perfecta de sabores auténticos, porciones generosas y velocidad de servicio excepcional."
tag="Destacados del Menú"
tagIcon={Utensils}
tagAnimation="slide-up"
features={[
{
id: "homemade", title: "Homemade Daily", tags: ["Fresh", "Authentic"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-eggs-with-sausages-with-cheese-glass-tea-rowan-clay-plate_176474-3357.jpg?_wi=2", imageAlt: "Spanish tapas with beautiful plating"
id: "homemade", title: "Hecho Casero Diariamente", tags: ["Fresco", "Auténtico"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-eggs-with-sausages-with-cheese-glass-tea-rowan-clay-plate_176474-3357.jpg?_wi=2", imageAlt: "Tapas españolas con presentación hermosa"
},
{
id: "generous", title: "Generous Portions", tags: ["Value", "Satisfying"],
imageSrc: "http://img.b2bpic.net/free-photo/yellow-rice-with-chicken-vegetables-black-slate-background_123827-31607.jpg?_wi=2", imageAlt: "Traditional Spanish paella"
id: "generous", title: "Porciones Generosas", tags: ["Valor", "Satisfacción"],
imageSrc: "http://img.b2bpic.net/free-photo/yellow-rice-with-chicken-vegetables-black-slate-background_123827-31607.jpg?_wi=2", imageAlt: "Tradicional paella española"
},
{
id: "lightning-fast", title: "Lightning-Fast Service", tags: ["Efficient", "Professional"],
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-avocado-served-with-cucumber-slices-greens-1_140725-8793.jpg?_wi=2", imageAlt: "Homemade Spanish croquetas"
id: "lightning-fast", title: "Servicio Rapidísimo", tags: ["Eficiente", "Profesional"],
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-avocado-served-with-cucumber-slices-greens-1_140725-8793.jpg?_wi=2", imageAlt: "Croquetas españolas caseras"
},
{
id: "gluten-free", title: "Gluten-Free Options", tags: ["Dietary", "Inclusive"],
imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg?_wi=2", imageAlt: "Busy restaurant full of happy diners"
id: "gluten-free", title: "Opciones Sin Gluten", tags: ["Dietético", "Inclusivo"],
imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg?_wi=2", imageAlt: "Restaurante lleno de comensales felices"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
ariaLabel="Bocados Menu Features"
ariaLabel="Características del Menú Bocados"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Recognized Excellence"
description="Bocados has earned recognition for quality, service, and authentic Spanish cuisine from local and regional awards."
tag="Awards & Recognition"
title="Excelencia Reconocida"
description="Bocados ha ganado reconocimiento por calidad, servicio y cocina española auténtica de premios locales y regionales."
tag="Premios y Reconocimiento"
tagIcon={Award}
tagAnimation="slide-up"
names={["Best Tapas", "Service Excellence", "Local Favorite", "Chef's Choice", "Quality Seal", "Popular Choice", "Trusted Restaurant"]}
names={["Mejores Tapas", "Excelencia en Servicio", "Favorito Local", "Elección del Chef", "Sello de Calidad", "Opción Popular", "Restaurante de Confianza"]}
logos={[
"http://img.b2bpic.net/free-vector/best-wine-label_24908-60865.jpg", "http://img.b2bpic.net/free-vector/open-house-label-design_23-2148456651.jpg", "http://img.b2bpic.net/free-vector/golden-label-genuine-quality_1017-7336.jpg", "http://img.b2bpic.net/free-vector/flat-oscars-film-awards-ornaments-collection_23-2151250658.jpg", "http://img.b2bpic.net/free-vector/vintage-premium-quality_1284-7710.jpg", "http://img.b2bpic.net/free-vector/premium-quality-stamp-set_24908-55741.jpg", "http://img.b2bpic.net/free-vector/set-golden-premium-stickers_23-2147629911.jpg"
]}
@@ -158,41 +158,41 @@ export default function LandingPage() {
useInvertedBackground={false}
speed={40}
showCard={true}
ariaLabel="Bocados Awards and Recognition"
ariaLabel="Premios y Reconocimiento Bocados"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="What Our Guests Say"
description="Real experiences from the hundreds of satisfied diners who choose Bocados every week."
tag="Guest Reviews"
title="Lo Que Dicen Nuestros Huéspedes"
description="Experiencias reales de cientos de comensales satisfechos que eligen Bocados cada semana."
tag="Reseñas de Huéspedes"
tagIcon={Star}
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "María González", role: "Restaurant Enthusiast", company: "Local Food Blogger", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-1107.jpg", imageAlt: "happy customer portrait smiling satisfied"
id: "1", name: "María González", role: "Entusiasta de Restaurantes", company: "Bloguera de Comida Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-1107.jpg", imageAlt: "retrato de cliente feliz sonriendo satisfecho"
},
{
id: "2", name: "Carlos Mendez", role: "Business Owner", company: "Corporate Regular", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-female-tourist-with-photo-camera-travel-backpack_613910-7148.jpg", imageAlt: "man portrait smiling satisfied customer"
id: "2", name: "Carlos Mendez", role: "Propietario de Negocio", company: "Cliente Corporativo Regular", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-female-tourist-with-photo-camera-travel-backpack_613910-7148.jpg", imageAlt: "retrato de hombre sonriendo cliente satisfecho"
},
{
id: "3", name: "Elena Rodriguez", role: "Food Critic", company: "Culinary Magazine", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg", imageAlt: "woman portrait happy satisfied testimonial"
id: "3", name: "Elena Rodriguez", role: "Crítica de Comida", company: "Revista Culinaria", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg", imageAlt: "retrato de mujer feliz satisfecho testimonio"
},
{
id: "4", name: "David López", role: "Family Chef", company: "Weekly Guest", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-blonde-woman-looking-into-camera-barcelona-spain_1268-17992.jpg", imageAlt: "man portrait satisfied customer happy"
id: "4", name: "David López", role: "Chef Familiar", company: "Cliente Semanal", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-blonde-woman-looking-into-camera-barcelona-spain_1268-17992.jpg", imageAlt: "retrato de hombre satisfecho cliente feliz"
},
{
id: "5", name: "Sofia Martinez", role: "Event Planner", company: "Corporate Partner", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4492.jpg", imageAlt: "woman portrait customer review satisfied"
id: "5", name: "Sofia Martinez", role: "Organizadora de Eventos", company: "Socio Corporativo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4492.jpg", imageAlt: "retrato de mujer cliente reseña satisfecho"
},
{
id: "6", name: "Miguel Santos", role: "Executive Chef", company: "Hospitality Professional", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-superhero-woman-red-cape-looking-front-isolated-white-wall_141793-109894.jpg", imageAlt: "man portrait testimonial satisfied happy"
id: "6", name: "Miguel Santos", role: "Chef Ejecutivo", company: "Profesional de Hospitalidad", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-superhero-woman-red-cape-looking-front-isolated-white-wall_141793-109894.jpg", imageAlt: "retrato de hombre testimonio satisfecho feliz"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -200,35 +200,35 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
ariaLabel="Bocados Customer Testimonials"
ariaLabel="Testimonios de Clientes Bocados"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Everything you need to know about dining at Bocados."
tag="Help & Support"
title="Preguntas Frecuentes"
description="Todo lo que necesitas saber sobre comer en Bocados."
tag="Ayuda y Soporte"
tagIcon={HelpCircle}
tagAnimation="slide-up"
faqs={[
{
id: "1", title: "How do I make a reservation?", content: "You can reserve directly via WhatsApp for instant confirmation, or use our online booking system. We recommend booking at least 24 hours in advance during peak season, especially weekends. Walk-ins are welcome subject to availability."
id: "1", title: "¿Cómo hago una reserva?", content: "Puedes reservar directamente por WhatsApp para confirmación instantánea, o usar nuestro sistema de reservas en línea. Recomendamos reservar con al menos 24 horas de anticipación durante la temporada alta, especialmente los fines de semana. Los clientes sin reserva son bienvenidos según disponibilidad."
},
{
id: "2", title: "What is your cancellation policy?", content: "Cancellations must be made at least 24 hours before your reservation time. Cancellations made within 24 hours may incur a fee. We understand emergencies happen—please contact us immediately if you need to cancel."
id: "2", title: "¿Cuál es tu política de cancelación?", content: "Las cancelaciones deben realizarse con al menos 24 horas de anticipación a la hora de tu reserva. Las cancelaciones realizadas dentro de 24 horas pueden incurrir en una tarifa. Entendemos que hay emergencias—por favor contáctanos inmediatamente si necesitas cancelar."
},
{
id: "3", title: "Do you offer gluten-free options?", content: "Yes! We offer several gluten-free dishes from our regular menu. Our kitchen team is trained in proper handling and preparation. Please notify us of dietary restrictions when booking."
id: "3", title: "¿Ofrecen opciones sin gluten?", content: "¡Sí! Ofrecemos varios platos sin gluten de nuestro menú regular. Nuestro equipo de cocina está capacitado en manejo y preparación adecuados. Por favor notifícanos sobre restricciones dietéticas al hacer tu reserva."
},
{
id: "4", title: "What are your hours of operation?", content: "We're open Tuesday–Thursday 5:00 PM–11:00 PM, Friday–Saturday 5:00 PM–12:00 AM, and Sunday 12:00 PM–10:00 PM. We're closed Mondays for team rest and menu innovation."
id: "4", title: "¿Cuál es tu horario de funcionamiento?", content: "Estamos abiertos martes a jueves de 5:00 PM a 11:00 PM, viernes a sábado de 5:00 PM a 12:00 AM, y domingo de 12:00 PM a 10:00 PM. Estamos cerrados los lunes para descanso del equipo e innovación del menú."
},
{
id: "5", title: "Can we host private events?", content: "Absolutely! We offer private dining for special occasions, corporate events, and celebrations. Contact us for menu options and pricing. Groups typically require a minimum spend and advance notice."
id: "5", title: "¿Podemos organizar eventos privados?", content: "¡Absolutamente! Ofrecemos comedor privado para ocasiones especiales, eventos corporativos y celebraciones. Contáctanos para opciones de menú y precios. Los grupos típicamente requieren un gasto mínimo y notificación con anticipación."
},
{
id: "6", title: "What is the dress code?", content: "Bocados maintains a casual-premium atmosphere. Smart casual is recommended—no beachwear or athletic attire. We want our guests to feel comfortable while maintaining an elegant dining environment."
id: "6", title: "¿Cuál es el código de vestimenta?", content: "Bocados mantiene una atmósfera casual-premium. Se recomienda ropa inteligente casual—sin ropa de playa o atuendo deportivo. Queremos que nuestros huéspedes se sientan cómodos mientras se mantiene un ambiente de comedor elegante."
}
]}
faqsAnimation="slide-up"
@@ -236,21 +236,21 @@ export default function LandingPage() {
useInvertedBackground={false}
animationType="smooth"
showCard={true}
ariaLabel="Bocados FAQ"
ariaLabel="Preguntas Frecuentes Bocados"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to experience Bocados? Reserve your table today. We're always full—but we always have room for one more."
text="¿Listo para experimentar Bocados? Reserva tu mesa hoy. Siempre estamos llenos—pero siempre tenemos lugar para uno más."
animationType="entrance-slide"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Reserve Now", href: "#" },
{ text: "Book via WhatsApp", href: "https://wa.me" }
{ text: "Reservar Ahora", href: "#" },
{ text: "Reservar por WhatsApp", href: "https://wa.me" }
]}
ariaLabel="Bocados Contact and Reservations"
ariaLabel="Contacto y Reservas Bocados"
/>
</div>
@@ -260,18 +260,18 @@ export default function LandingPage() {
columns={[
{
items: [
{ label: "About", href: "#about" },
{ label: "Menu", href: "#features" },
{ label: "Reviews", href: "#testimonials" },
{ label: "Contact", href: "#contact" }
{ label: "Sobre Nosotros", href: "#about" },
{ label: "Menú", href: "#features" },
{ label: "Reseñas", href: "#testimonials" },
{ label: "Contacto", href: "#contact" }
]
},
{
items: [
{ label: "Hours", href: "#" },
{ label: "Location", href: "#" },
{ label: "Reservations", href: "#contact" },
{ label: "Events", href: "#" }
{ label: "Horario", href: "#" },
{ label: "Ubicación", href: "#" },
{ label: "Reservas", href: "#contact" },
{ label: "Eventos", href: "#" }
]
},
{
@@ -279,21 +279,21 @@ export default function LandingPage() {
{ label: "Instagram", href: "https://instagram.com" },
{ label: "WhatsApp", href: "https://wa.me" },
{ label: "Email", href: "mailto:info@bocados.com" },
{ label: "Phone", href: "tel:+1234567890" }
{ label: "Teléfono", href: "tel:+1234567890" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cancellation Policy", href: "#" },
{ label: "Accessibility", href: "#" }
{ label: "Política de Privacidad", href: "#" },
{ label: "Términos de Servicio", href: "#" },
{ label: "Política de Cancelación", href: "#" },
{ label: "Accesibilidad", href: "#" }
]
}
]}
ariaLabel="Bocados Restaurant Footer"
ariaLabel="Pie de Página del Restaurante Bocados"
/>
</div>
</ThemeProvider>
);
}
}