Update src/app/nuestra-historia/page.tsx
This commit is contained in:
@@ -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,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"
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user