Merge version_3 into main

Merge version_3 into main

src/app/contacto/page.tsx

@@ -14,7 +14,7 @@ export default function ContactPage() {
     { 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" },
   ];
 
@@ -47,7 +47,8 @@ export default function ContactPage() {
           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>
 
@@ -90,7 +91,8 @@ export default function ContactPage() {
         <TextSplitAbout
           title="Manténgase en Contacto"
           description={[
-            "¿Preguntas sobre nuestro menú, opciones especiales o reservas para eventos? Nos encanta escuchar de nuestros clientes.",            "Puedes contactarnos por teléfono, email o visitarnos directamente. Nuestro equipo está listo para ayudarte a organizar la experiencia perfecta.",            "Para reservas en línea, utiliza nuestro formulario de contacto. Recomendamos reservar con anticipación, especialmente para fines de semana y grupos grandes."]}
+            "¿Preguntas sobre nuestro menú, opciones especiales o reservas para eventos? Nos encanta escuchar de nuestros clientes.",            "Puedes contactarnos por teléfono, email o visitarnos directamente. Nuestro equipo está listo para ayudarte a organizar la experiencia perfecta.",            "Para reservas en línea, utiliza nuestro formulario de contacto. Recomendamos reservar con anticipación, especialmente para fines de semana y grupos grandes."
+          ]}
           useInvertedBackground={false}
           buttons={[{ text: "Volver al Inicio", href: "/" }]}
           buttonAnimation="slide-up"
@@ -106,17 +108,20 @@ export default function ContactPage() {
           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"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,63 +1,23 @@
 import type { Metadata } from "next";
-import { Nunito } from "next/font/google";
+import { Inter } from "next/font/google";
+import "./styles/variables.css";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 
-const nunito = Nunito({
-  variable: "--font-nunito",
-  subsets: ["latin"],
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Sabor - Restaurante Moderno Diseño Bauhaus",
-  description: "Sabor es un restaurante contemporáneo que combina diseño Bauhaus con gastronomía local. Ingredientes de temporada, experiencia memorable, reservas online.",
-  keywords: "restaurante moderno, diseño Bauhaus, gastronomía local, ingredientes frescos, reservas",
-  metadataBase: new URL("https://sabor-restaurante.local"),
-  alternates: {
-    canonical: "https://sabor-restaurante.local",
-  },
-  openGraph: {
-    title: "Sabor - Restaurante Local Contemporáneo",
-    description: "Donde el diseño se encuentra con la gastronomía. Menú de temporada con ingredientes locales.",
-    type: "website",
-    siteName: "Sabor",
-    url: "https://sabor-restaurante.local",
-    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
-        alt: "Interior del restaurante Sabor",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Sabor - Restaurante Moderno",
-    description: "Diseño Bauhaus + Gastronomía Local = Experiencia Memorable",
-    images: [
-      "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
-    ],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Sabor - Restaurante Local Contemporáneo",  description: "Donde el diseño se encuentra con la gastronomía. Una experiencia culinaria moderna con diseño Bauhaus e ingredientes locales de temporada."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${nunito.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="es">
+      <body className={inter.variable}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1425,7 +1385,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/menu/page.tsx

@@ -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?_wi=2",              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?_wi=2",              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?_wi=2",              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?_wi=2",              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?_wi=2",              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?_wi=2",              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>
   );
-}
+}

src/app/nuestra-historia/page.tsx

@@ -2,19 +2,19 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { MapPin, Clock, Phone, Mail, Instagram, Facebook } from "lucide-react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Instagram, Facebook, Mail } from "lucide-react";
 
-export default function AboutPage() {
+export default function HistoriaPage() {
   const navItems = [
     { 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 +36,7 @@ export default function AboutPage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="mediumLarge"
-      background="blurBottom"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="radial-glow"
@@ -47,9 +47,7 @@ export default function AboutPage() {
           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>
@@ -62,67 +60,40 @@ export default function AboutPage() {
           tagAnimation="slide-up"
           accordionItems={[
             {
-              id: "1",
-              title: "Origen y Fundación",
-              content: "Sabor fue fundado en 2012 por un colectivo de diseñadores y chefs apasionados. La visión era crear un espacio donde la arquitectura, el diseño gráfico y la gastronomía convergieran de manera orgánica. El nombre refleja nuestro compromiso: sabor no es solo gustativo, es una experiencia multisensorial.",
+              id: "1",              title: "Origen y Fundación",              content: "Sabor fue fundado en 2012 por un colectivo de diseñadores y chefs apasionados. La visión era crear un espacio donde la arquitectura, el diseño gráfico y la gastronomía convergieran de manera orgánica. El nombre refleja nuestro compromiso: sabor no es solo gustativo, es una experiencia multisensorial."
             },
             {
-              id: "2",
-              title: "Filosofía Culinaria",
-              content: "Trabajamos con un concepto de 'menú vivo' que cambia con las estaciones. Cada ingrediente es seleccionado personalmente de proveedores locales, garantizando frescura y apoyo a la economía local. Nuestra cocina respeta las técnicas tradicionales pero experimenta con presentaciones contemporáneas.",
+              id: "2",              title: "Filosofía Culinaria",              content: "Trabajamos con un concepto de 'menú vivo' que cambia con las estaciones. Cada ingrediente es seleccionado personalmente de proveedores locales, garantizando frescura y apoyo a la economía local. Nuestra cocina respeta las técnicas tradicionales pero experimenta con presentaciones contemporáneas."
             },
             {
-              id: "3",
-              title: "El Espacio",
-              content: "Nuestro interior es una declaración de diseño Bauhaus. Líneas geométricas, paleta de colores restringida y funcionalidad pura. Cada elemento —desde el mobiliario hasta la iluminación— está pensado para mejorar la experiencia gastronómica sin distracciones innecesarias.",
+              id: "3",              title: "El Espacio",              content: "Nuestro interior es una declaración de diseño Bauhaus. Líneas geométricas, paleta de colores restringida y funcionalidad pura. Cada elemento —desde el mobiliario hasta la iluminación— está pensado para mejorar la experiencia gastronómica sin distracciones innecesarias."
             },
             {
-              id: "4",
-              title: "Comunidad",
-              content: "Somos más que un restaurante; somos parte del barrio. Colaboramos regularmente con artistas locales, participamos en eventos comunitarios y apoyamos iniciativas de sostenibilidad. Creemos que un negocio exitoso debe ser socialmente responsable.",
+              id: "4",              title: "Comunidad",              content: "Somos más que un restaurante; somos parte del barrio. Colaboramos regularmente con artistas locales, participamos en eventos comunitarios y apoyamos iniciativas de sostenibilidad. Creemos que un negocio exitoso debe ser socialmente responsable."
             },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg?_wi=2"
           imageAlt="Interior del restaurante mostrando diseño Bauhaus"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
           mediaPosition="right"
           buttons={[{ text: "Ver Galería Completa", href: "#" }]}
           buttonAnimation="slide-up"
-          ariaLabel="Feature section - Sabor history"
+          ariaLabel="Feature section - Sabor story"
         />
       </div>
 
       <div id="philosophy" data-section="philosophy">
         <TextSplitAbout
-          title="Nuestros Valores"
+          title="Nuestra Filosofía"
           description={[
-            "La autenticidad es el núcleo de todo lo que hacemos. Desde la selección de ingredientes hasta el diseño del espacio, cada decisión refleja nuestros valores fundamentales.",
-            "Nos comprometemos con la sostenibilidad y el impacto local. Trabajar con proveedores locales no es solo una elección de negocio, es una declaración de intención.",
-            "Creemos que el diseño y la gastronomía son inseparables. La belleza de la presentación es tan importante como el sabor del plato.",
+            "Creemos que la cocina es un acto de diseño. Cada plato es una composición de formas, colores y sabores cuidadosamente equilibrados.",            "Utilizamos únicamente ingredientes de temporada de proveedores locales. Nuestro compromiso es con la autenticidad, la calidad y el impacto local.",            "El espacio refleja nuestros valores: limpio, geométrico, funcional. Una experiencia donde la comida y el diseño son inseparables."
           ]}
           useInvertedBackground={false}
           buttons={[{ text: "Volver al Inicio", href: "/" }]}
           buttonAnimation="slide-up"
           showBorder={true}
-          ariaLabel="About values section"
-        />
-      </div>
-
-      <div id="location" data-section="location">
-        <MetricCardThree
-          title="Ubicación y Horarios"
-          description="Encuéntranos en el corazón del barrio, abierto de martes a domingo. Estamos aquí para recibirte."
-          metrics={[
-            { id: "1", icon: MapPin, title: "Dirección", value: "Calle Principal 42" },
-            { id: "2", icon: Clock, title: "Horarios", value: "Mar-Dom 19:00" },
-            { id: "3", icon: Phone, title: "Teléfono", value: "+34 555 123 456" },
-            { id: "4", icon: Mail, title: "Email", value: "info@sabor.local" },
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          ariaLabel="Location and hours section"
+          ariaLabel="About section - Sabor philosophy"
         />
       </div>
 
@@ -133,18 +104,15 @@ export default function AboutPage() {
           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"
@@ -152,4 +120,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -19,7 +19,7 @@ export default function HomePage() {
     { 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" },
   ];
 
@@ -52,7 +52,8 @@ export default function HomePage() {
           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>
 
@@ -86,7 +87,8 @@ export default function HomePage() {
         <TextSplitAbout
           title="Nuestra Filosofía"
           description={[
-            "Creemos que la cocina es un acto de diseño. Cada plato es una composición de formas, colores y sabores cuidadosamente equilibrados.",            "Utilizamos únicamente ingredientes de temporada de proveedores locales. Nuestro compromiso es con la autenticidad, la calidad y el impacto local.",            "El espacio refleja nuestros valores: limpio, geométrico, funcional. Una experiencia donde la comida y el diseño son inseparables."]}
+            "Creemos que la cocina es un acto de diseño. Cada plato es una composición de formas, colores y sabores cuidadosamente equilibrados.",            "Utilizamos únicamente ingredientes de temporada de proveedores locales. Nuestro compromiso es con la autenticidad, la calidad y el impacto local.",            "El espacio refleja nuestros valores: limpio, geométrico, funcional. Una experiencia donde la comida y el diseño son inseparables."
+          ]}
           useInvertedBackground={false}
           buttons={[{ text: "Conocer Nuestra Historia", href: "/nuestra-historia" }]}
           buttonAnimation="slide-up"
@@ -98,22 +100,28 @@ export default function HomePage() {
       <div id="featured-dishes" data-section="featured-dishes">
         <ProductCardOne
           title="Platos Destacados"
-          description="Descubre nuestras especialidades, diseñadas con precisión y elaboradas con pasión. Cada plato cuenta una historia de sabor y estructura."
+          description="Descubre nuestras especialidades, diseñadas con precisión y elaboradas con pasión. Cada plato cuenta una historia de sabor y estructura. Los precios oscilan entre €18–€32."
           tag="Lo Mejor del Restaurante"
           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",              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?_wi=1",              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",              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?_wi=1",              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",              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?_wi=1",              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",              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?_wi=1",              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",              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?_wi=1",              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",              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?_wi=1",              imageAlt: "Tabla seleccionada de quesos locales"
+            },
           ]}
           gridVariant="bento-grid"
           animationType="slide-up"
@@ -133,15 +141,19 @@ export default function HomePage() {
           tagAnimation="slide-up"
           accordionItems={[
             {
-              id: "1",              title: "Origen y Fundación",              content: "Sabor fue fundado en 2012 por un colectivo de diseñadores y chefs apasionados. La visión era crear un espacio donde la arquitectura, el diseño gráfico y la gastronomía convergieran de manera orgánica. El nombre refleja nuestro compromiso: sabor no es solo gustativo, es una experiencia multisensorial."},
+              id: "1",              title: "Origen y Fundación",              content: "Sabor fue fundado en 2012 por un colectivo de diseñadores y chefs apasionados. La visión era crear un espacio donde la arquitectura, el diseño gráfico y la gastronomía convergieran de manera orgánica. El nombre refleja nuestro compromiso: sabor no es solo gustativo, es una experiencia multisensorial."
+            },
             {
-              id: "2",              title: "Filosofía Culinaria",              content: "Trabajamos con un concepto de 'menú vivo' que cambia con las estaciones. Cada ingrediente es seleccionado personalmente de proveedores locales, garantizando frescura y apoyo a la economía local. Nuestra cocina respeta las técnicas tradicionales pero experimenta con presentaciones contemporáneas."},
+              id: "2",              title: "Filosofía Culinaria",              content: "Trabajamos con un concepto de 'menú vivo' que cambia con las estaciones. Cada ingrediente es seleccionado personalmente de proveedores locales, garantizando frescura y apoyo a la economía local. Nuestra cocina respeta las técnicas tradicionales pero experimenta con presentaciones contemporáneas."
+            },
             {
-              id: "3",              title: "El Espacio",              content: "Nuestro interior es una declaración de diseño Bauhaus. Líneas geométricas, paleta de colores restringida y funcionalidad pura. Cada elemento —desde el mobiliario hasta la iluminación— está pensado para mejorar la experiencia gastronómica sin distracciones innecesarias."},
+              id: "3",              title: "El Espacio",              content: "Nuestro interior es una declaración de diseño Bauhaus. Líneas geométricas, paleta de colores restringida y funcionalidad pura. Cada elemento —desde el mobiliario hasta la iluminación— está pensado para mejorar la experiencia gastronómica sin distracciones innecesarias."
+            },
             {
-              id: "4",              title: "Comunidad",              content: "Somos más que un restaurante; somos parte del barrio. Colaboramos regularmente con artistas locales, participamos en eventos comunitarios y apoyamos iniciativas de sostenibilidad. Creemos que un negocio exitoso debe ser socialmente responsable."},
+              id: "4",              title: "Comunidad",              content: "Somos más que un restaurante; somos parte del barrio. Colaboramos regularmente con artistas locales, participamos en eventos comunitarios y apoyamos iniciativas de sostenibilidad. Creemos que un negocio exitoso debe ser socialmente responsable."
+            },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg?_wi=1"
           imageAlt="Interior del restaurante mostrando diseño Bauhaus"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
@@ -177,17 +189,23 @@ export default function HomePage() {
           tagAnimation="slide-up"
           testimonials={[
             {
-              id: "1",              title: "Una experiencia inolvidable",              quote: "No es solo comida, es una experiencia de diseño. Cada detalle, desde la presentación del plato hasta el espacio, está cuidadosamente pensado. Volveré definitivamente.",              name: "María García",              role: "Arquitecta",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg",              imageAlt: "María García"},
+              id: "1",              title: "Una experiencia inolvidable",              quote: "No es solo comida, es una experiencia de diseño. Cada detalle, desde la presentación del plato hasta el espacio, está cuidadosamente pensado. Volveré definitivamente.",              name: "María García",              role: "Arquitecta",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg",              imageAlt: "María García"
+            },
             {
-              id: "2",              title: "Sabor auténtico, diseño moderno",              quote: "Es raro encontrar un lugar que combine ingredientes locales de calidad con un diseño tan sofisticado. El equipo realmente entiende lo que hace.",              name: "Juan López",              role: "Chef Gastronómico",              imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728027.jpg",              imageAlt: "Juan López"},
+              id: "2",              title: "Sabor auténtico, diseño moderno",              quote: "Es raro encontrar un lugar que combine ingredientes locales de calidad con un diseño tan sofisticado. El equipo realmente entiende lo que hace.",              name: "Juan López",              role: "Chef Gastronómico",              imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728027.jpg",              imageAlt: "Juan López"
+            },
             {
-              id: "3",              title: "El lugar perfecto para una ocasión especial",              quote: "Celebramos nuestro aniversario en Sabor. La comida fue exquisita, el ambiente perfecto y el servicio impecable. Gracias por hacerlo especial.",              name: "Sofia y Carlos",              role: "Pareja Celebrando",              imageSrc: "http://img.b2bpic.net/free-photo/hugging-couple-inside-transparent-bubble-tent-glamping-while-sitting-bed-lush-forest_1268-24558.jpg",              imageAlt: "Sofia y Carlos"},
+              id: "3",              title: "El lugar perfecto para una ocasión especial",              quote: "Celebramos nuestro aniversario en Sabor. La comida fue exquisita, el ambiente perfecto y el servicio impecable. Gracias por hacerlo especial.",              name: "Sofia y Carlos",              role: "Pareja Celebrando",              imageSrc: "http://img.b2bpic.net/free-photo/hugging-couple-inside-transparent-bubble-tent-glamping-while-sitting-bed-lush-forest_1268-24558.jpg",              imageAlt: "Sofia y Carlos"
+            },
             {
-              id: "4",              title: "Diseño que habla por sí solo",              quote: "Como diseñador, puedo apreciar cada elemento. No hay nada gratuito aquí. Todo tiene propósito. Eso es lo que hace que Sabor sea especial.",              name: "Roberto Fernández",              role: "Diseñador Gráfico",              imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg",              imageAlt: "Roberto Fernández"},
+              id: "4",              title: "Diseño que habla por sí solo",              quote: "Como diseñador, puedo apreciar cada elemento. No hay nada gratuito aquí. Todo tiene propósito. Eso es lo que hace que Sabor sea especial.",              name: "Roberto Fernández",              role: "Diseñador Gráfico",              imageSrc: "http://img.b2bpic.net/free-photo/male-employee-with-coffee-cup-office_482257-119420.jpg",              imageAlt: "Roberto Fernández"
+            },
             {
-              id: "5",              title: "Apoyo genuino al local",              quote: "Me encanta que el restaurante trabaje solo con proveedores del barrio. Se nota en cada plato que el compromiso es real. Eso es raro hoy en día.",              name: "Elena Martínez",              role: "Residente Local",              imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",              imageAlt: "Elena Martínez"},
+              id: "5",              title: "Apoyo genuino al local",              quote: "Me encanta que el restaurante trabaje solo con proveedores del barrio. Se nota en cada plato que el compromiso es real. Eso es raro hoy en día.",              name: "Elena Martínez",              role: "Residente Local",              imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",              imageAlt: "Elena Martínez"
+            },
             {
-              id: "6",              title: "Volvería mil veces",              quote: "No hay otra palabra: perfecto. La comida, el servicio, el ambiente, el precio. Todo está en su lugar. Sabor es un descubrimiento que todos deberían hacer.",              name: "David Sánchez",              role: "Crítico de Gastronomía",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg",              imageAlt: "David Sánchez"},
+              id: "6",              title: "Volvería mil veces",              quote: "No hay otra palabra: perfecto. La comida, el servicio, el ambiente, el precio. Todo está en su lugar. Sabor es un descubrimiento que todos deberían hacer.",              name: "David Sánchez",              role: "Crítico de Gastronomía",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg",              imageAlt: "David Sánchez"
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -203,17 +221,23 @@ export default function HomePage() {
           description="Todo lo que necesitas saber sobre Sabor, nuestro menú y nuestro compromiso con la calidad."
           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: "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: "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: "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: "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: "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."},
+              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"
@@ -251,13 +275,16 @@ export default function HomePage() {
           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"
         />

src/app/ubicacion/page.tsx

@@ -0,0 +1,108 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import Link from "next/link";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { MapPin, Clock, Phone, Mail, Instagram, Facebook } from "lucide-react";
+
+export default function UbicacionPage() {
+  const navItems = [
+    { name: "Inicio", id: "/" },
+    { name: "Historia", id: "/nuestra-historia" },
+    { name: "Menú", id: "/menu" },
+    { name: "Ubicación", id: "/ubicacion" },
+    { name: "Contacto", id: "/contacto" },
+  ];
+
+  const handleNavClick = (id: string) => {
+    if (id.startsWith("/")) {
+      window.location.href = id;
+    } else {
+      const element = document.getElementById(id);
+      if (element) {
+        element.scrollIntoView({ behavior: "smooth" });
+      }
+    }
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="inset"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems}
+          brandName="Sabor"
+          button={{
+            text: "Reservar Mesa",            onClick: () => window.location.href = "/contacto",            href: "/contacto"
+          }}
+        />
+      </div>
+
+      <div id="location" data-section="location">
+        <MetricCardThree
+          title="Ubicación y Horarios"
+          description="Encuéntranos en el corazón del barrio. Estamos disponibles de martes a domingo para recibirte con la mejor experiencia."
+          metrics={[
+            { id: "1", icon: MapPin, title: "Dirección", value: "Calle Principal 42" },
+            { id: "2", icon: Clock, title: "Horarios", value: "Mar-Dom 19:00-23:00" },
+            { id: "3", icon: Phone, title: "Teléfono", value: "+34 555 123 456" },
+            { id: "4", icon: Mail, title: "Email", value: "info@sabor.local" },
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Location information section"
+        />
+      </div>
+
+      <div id="location-info" data-section="location-info">
+        <TextSplitAbout
+          title="Visítanos"
+          description={[
+            "Nos ubicamos en el corazón del barrio, en una zona vibrante llena de vida local y cultura contemporánea.",            "Abrimos de martes a domingo a las 19:00 horas. El lunes permanecemos cerrado para descansar y preparar lo mejor para la semana.",            "Si tienes alguna pregunta sobre cómo llegar o necesitas información especial, no dudes en contactarnos. Estaremos encantados de ayudarte a planificar tu visita."
+          ]}
+          useInvertedBackground={false}
+          buttons={[{ text: "Reservar Mesa", href: "/contacto" }]}
+          buttonAnimation="slide-up"
+          showBorder={true}
+          ariaLabel="Location information section"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Sabor"
+          copyrightText="© 2025 Sabor | Restaurante Local Contemporáneo. Todos los derechos reservados."
+          socialLinks={[
+            {
+              icon: Instagram,
+              href: "https://instagram.com/sabor.restaurante",              ariaLabel: "Instagram de Sabor"
+            },
+            {
+              icon: Facebook,
+              href: "https://facebook.com/sabor.restaurante",              ariaLabel: "Facebook de Sabor"
+            },
+            {
+              icon: Mail,
+              href: "mailto:info@sabor.local",              ariaLabel: "Email de Sabor"
+            },
+          ]}
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}