Update src/app/menu/page.tsx
This commit is contained in:
@@ -2,11 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Instagram, Facebook, Mail } from "lucide-react";
|
||||
|
||||
export default function MenuPage() {
|
||||
@@ -14,7 +13,7 @@ export default function MenuPage() {
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Historia", id: "/nuestra-historia" },
|
||||
{ name: "Menú", id: "/menu" },
|
||||
{ name: "Ubicación", id: "/contacto" },
|
||||
{ name: "Ubicación", id: "/ubicacion" },
|
||||
{ name: "Contacto", id: "/contacto" },
|
||||
];
|
||||
|
||||
@@ -36,7 +35,7 @@ export default function MenuPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -47,135 +46,58 @@ export default function MenuPage() {
|
||||
navItems={navItems}
|
||||
brandName="Sabor"
|
||||
button={{
|
||||
text: "Reservar Mesa",
|
||||
onClick: () => window.location.href = "/contacto",
|
||||
href: "/contacto",
|
||||
text: "Reservar Mesa", onClick: () => window.location.href = "/contacto", href: "/contacto"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-showcase" data-section="menu-showcase">
|
||||
<div id="menu-dishes" data-section="menu-dishes">
|
||||
<ProductCardOne
|
||||
title="Menú Completo"
|
||||
description="Explora nuestra colección completa de platos diseñados con precisión y elaborados con los mejores ingredientes locales de temporada."
|
||||
tag="Especialidades de la Casa"
|
||||
description="Descubre nuestro menú completo, diseñado con precisión Bauhaus y elaborado con ingredientes locales de temporada. Cada plato cuenta una historia de sabor y estructura."
|
||||
tag="Especialidades de Sabor"
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Salmón Geométrico",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-sliced-fish-fillet-with-lemon-slice_140725-3847.jpg?_wi=2",
|
||||
imageAlt: "Salmón con presentación geométrica",
|
||||
id: "1", name: "Salmón Geométrico", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/various-sliced-fish-fillet-with-lemon-slice_140725-3847.jpg", imageAlt: "Salmón con presentación geométrica"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Risotto de Setas",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-risotto-with-fresh-mushrooms-parmesan-cheese-generated-by-ai_188544-10223.jpg?_wi=2",
|
||||
imageAlt: "Risotto cremoso con setas locales",
|
||||
id: "2", name: "Risotto de Setas", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-risotto-with-fresh-mushrooms-parmesan-cheese-generated-by-ai_188544-10223.jpg", imageAlt: "Risotto cremoso con setas locales"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cordero Asado",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-kebab-with-teriyaki-sauce-wine_114579-2504.jpg?_wi=2",
|
||||
imageAlt: "Cordero asado con hierbas aromáticas",
|
||||
id: "3", name: "Cordero Asado", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/lamb-kebab-with-teriyaki-sauce-wine_114579-2504.jpg", imageAlt: "Cordero asado con hierbas aromáticas"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vegetales de Temporada",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-hand-with-knife-with-fresh-ripe-vegetables-yellow-bell-pepper-green-onion-red-chili-pepper-tomato-black-background_141793-3392.jpg?_wi=2",
|
||||
imageAlt: "Composición de vegetales de temporada",
|
||||
id: "4", name: "Vegetales de Temporada", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-hand-with-knife-with-fresh-ripe-vegetables-yellow-bell-pepper-green-onion-red-chili-pepper-tomato-black-background_141793-3392.jpg", imageAlt: "Composición de vegetales de temporada"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Postre Minimalista",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-cake-picture_23-2150649468.jpg?_wi=2",
|
||||
imageAlt: "Postre con diseño geométrico",
|
||||
id: "5", name: "Postre Minimalista", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-cake-picture_23-2150649468.jpg", imageAlt: "Postre con diseño geométrico"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tabla de Quesos",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-platter-with-different-cheeses-grapes-nuts-honey-bread-dates-rustic-wood-dark-wood-board-with-wine-bottle-glass-wine_114579-284.jpg?_wi=2",
|
||||
imageAlt: "Tabla seleccionada de quesos locales",
|
||||
id: "6", name: "Tabla de Quesos", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/cheese-platter-with-different-cheeses-grapes-nuts-honey-bread-dates-rustic-wood-dark-wood-board-with-wine-bottle-glass-wine_114579-284.jpg", imageAlt: "Tabla seleccionada de quesos locales"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Reservar Mesa", href: "/contacto" }]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Menu showcase section"
|
||||
ariaLabel="Menu - Sabor specialties"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-philosophy" data-section="menu-philosophy">
|
||||
<div id="menu-info" data-section="menu-info">
|
||||
<TextSplitAbout
|
||||
title="Nuestro Enfoque Gastronómico"
|
||||
description={[
|
||||
"Cada plato en nuestro menú es una declaración de diseño. La presentación es cuidadosamente considerada para crear impacto visual además de gustativo.",
|
||||
"Nuestro menú cambia con las estaciones, reflejando la disponibilidad de ingredientes frescos de nuestros proveedores locales. No creemos en las importaciones cuando tenemos lo mejor a nuestro alrededor.",
|
||||
"Ofrecemos opciones vegetarianas, veganas y personalizadas según alergias e intolerancias. Tu experiencia en Sabor debe ser perfecta y segura.",
|
||||
"Cada plato es diseñado con la precisión Bauhaus como guía. Creemos en la funcionalidad, la geometría y la eliminación de lo innecesario.", "Nuestro menú cambia con las estaciones, reflejando lo que está disponible en nuestros mercados locales. Esto garantiza frescura máxima y apoya a los productores de la zona.", "Ofrecemos opciones vegetarianas y veganas para todos nuestros platos. Si tienes alergias o restricciones dietéticas, por favor avísanos con anticipación."
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Contactar para Preferencias", href: "/contacto" }]}
|
||||
buttons={[{ text: "Volver al Inicio", href: "/" }]}
|
||||
buttonAnimation="slide-up"
|
||||
showBorder={true}
|
||||
ariaLabel="Menu philosophy section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas sobre el Menú"
|
||||
description="Todo lo que necesitas saber sobre nuestro menú, reservas y opciones especiales."
|
||||
tag="Ayuda"
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cuál es vuestro horario de atención?",
|
||||
content: "Abrimos de martes a domingo de 19:00 a 23:00 horas. Lunes cerrado. Aceptamos reservas para grupos y eventos especiales. Para consultas especiales, contáctanos a info@sabor.local o al +34 555 123 456.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Aceptáis reservas? ¿Cómo puedo reservar?",
|
||||
content: "Sí, aceptamos reservas con gusto. Puedes hacerlo a través de nuestro formulario online en la página de contacto, por teléfono al +34 555 123 456 o por correo a info@sabor.local. Recomendamos reservar con al menos 3 días de anticipación, especialmente para fines de semana.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Tenéis opciones vegetarianas y veganas?",
|
||||
content: "Absolutamente. Nuestro menú incluye opciones vegetarianas y veganas. Además, ofrecemos menús personalizados según alergias e intolerancias. Por favor, comunícanos tus preferencias dietéticas al hacer la reserva o al llegar al restaurante.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "¿De dónde provienen vuestros ingredientes?",
|
||||
content: "Todos nuestros ingredientes provienen de proveedores locales del barrio. Trabajamos directamente con agricultores, pescadores y productores de la zona. Esto garantiza frescura máxima, apoyo local y sostenibilidad. Nuestro menú cambia según la disponibilidad estacional.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "¿Ofrecéis catering o eventos privados?",
|
||||
content: "Sí, ofrecemos servicios de catering y alquilamos el espacio para eventos privados. Contáctanos para discutir menús personalizados, presupuestos y disponibilidad. Nos encanta ser parte de ocasiones especiales.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "¿Cuál es vuestro rango de precios?",
|
||||
content: "Nuestros platos principales oscilan entre €18 y €32. Ofrecemos menús degustación completos (€55-75 por persona) que incluyen entrada, principal, postre y bebida. Los precios reflejan nuestra dedicación a ingredientes premium y diseño de experiencia.",
|
||||
},
|
||||
]}
|
||||
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="Chef preparando plato en cocina abierta"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
ariaLabel="FAQ section - Menu questions"
|
||||
ariaLabel="Menu approach section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,18 +108,15 @@ export default function MenuPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/sabor.restaurante",
|
||||
ariaLabel: "Instagram de Sabor",
|
||||
href: "https://instagram.com/sabor.restaurante", ariaLabel: "Instagram de Sabor"
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/sabor.restaurante",
|
||||
ariaLabel: "Facebook de Sabor",
|
||||
href: "https://facebook.com/sabor.restaurante", ariaLabel: "Facebook de Sabor"
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:info@sabor.local",
|
||||
ariaLabel: "Email de Sabor",
|
||||
href: "mailto:info@sabor.local", ariaLabel: "Email de Sabor"
|
||||
},
|
||||
]}
|
||||
ariaLabel="Site footer"
|
||||
@@ -205,4 +124,4 @@ export default function MenuPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user