diff --git a/src/app/contacto/page.tsx b/src/app/contacto/page.tsx
index 26efb58..112188d 100644
--- a/src/app/contacto/page.tsx
+++ b/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"
+ }}
/>
@@ -90,7 +91,8 @@ export default function ContactPage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 063a505..4a107a8 100644
--- a/src/app/layout.tsx
+++ b/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 (
-
-
-
-
- {children}
-
+
+ {children}
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index 3333c22..27317ce 100644
--- a/src/app/menu/page.tsx
+++ b/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"
}}
/>
-
@@ -62,24 +60,16 @@ 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"
@@ -89,40 +79,21 @@ export default function AboutPage() {
mediaPosition="right"
buttons={[{ text: "Ver Galería Completa", href: "#" }]}
buttonAnimation="slide-up"
- ariaLabel="Feature section - Sabor history"
+ ariaLabel="Feature section - Sabor story"
/>
-
-
-
-
@@ -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() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5b72cb7..0ffd999 100644
--- a/src/app/page.tsx
+++ b/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"
+ }}
/>
@@ -86,7 +87,8 @@ export default function HomePage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/ubicacion/page.tsx b/src/app/ubicacion/page.tsx
new file mode 100644
index 0000000..df889f6
--- /dev/null
+++ b/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 (
+
+
+ window.location.href = "/contacto", href: "/contacto"
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}