diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 9bd61dc..7236044 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -8,31 +8,27 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
- "name": "Home",
+ "name": "Inicio",
"href": "#"
},
{
- "name": "Menu",
+ "name": "Menú",
"href": "#menu"
},
{
- "name": "About",
+ "name": "Nosotros",
"href": "#about"
},
{
- "name": "Reviews",
+ "name": "Reseñas",
"href": "#reviews"
},
{
- "name": "Hero",
- "href": "#hero"
- },
- {
- "name": "Metrics",
+ "name": "Métricas",
"href": "#metrics"
},
{
- "name": "Social Proof",
+ "name": "Testimonios",
"href": "#social-proof"
}
];
@@ -44,7 +40,7 @@ export default function Layout() {
@@ -57,14 +53,14 @@ export default function Layout() {
brand="Shalimar Brasería"
columns={[
{
- title: "Restaurant",
+ title: "Restaurante",
items: [
{
- label: "About",
+ label: "Nosotros",
href: "#about",
},
{
- label: "Menu",
+ label: "Menú",
href: "#menu",
},
],
@@ -73,20 +69,20 @@ export default function Layout() {
title: "Info",
items: [
{
- label: "Contact",
+ label: "Contacto",
href: "#contact",
},
{
- label: "Directions",
+ label: "Cómo llegar",
href: "#",
},
],
},
]}
- copyright="© 2024 Shalimar Brasería. All rights reserved."
+ copyright="© 2024 Shalimar Brasería. Todos los derechos reservados."
links={[
{
- label: "Privacy Policy",
+ label: "Política de Privacidad",
href: "#",
},
]}
diff --git a/src/index.css b/src/index.css
index 82faf98..8e62efc 100644
--- a/src/index.css
+++ b/src/index.css
@@ -6,14 +6,14 @@
:root {
/* @colorThemes/lightTheme/grayNavyBlue */
--background: #ffffff;
- --card: #f3f4f6;
- --foreground: #111827;
- --primary-cta: #111827;
+ --card: #f9fafb;
+ --foreground: #1f2937;
+ --primary-cta: #8c6b5d;
--primary-cta-text: #ffffff;
--secondary-cta: #f3f4f6;
- --secondary-cta-text: #111827;
+ --secondary-cta-text: #1f2937;
--accent: #6b7280;
- --background-accent: #f9fafb;
+ --background-accent: #f3f4f6;
/* @layout/border-radius/rounded */
--radius: 1rem;
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
index c1fada3..997d2f0 100644
--- a/src/pages/HomePage/sections/About.tsx
+++ b/src/pages/HomePage/sections/About.tsx
@@ -10,13 +10,10 @@ export default function AboutSection(): React.JSX.Element {
+ title="Una tradición de sabor, calidad y comunidad."
+ primaryButton={{"href":"#contact","text":"Reservar Mesa"}}
+ textAnimation="slide-up"
+ />
);
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
index 73578d2..dba9435 100644
--- a/src/pages/HomePage/sections/Contact.tsx
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -10,18 +10,12 @@ export default function ContactSection(): React.JSX.Element {
+ tag="Visítanos"
+ text="¿Listo para una comida increíble? Visítanos en Carrer de les Aigües del Llobregat, 116, L'Hospitalet de Llobregat."
+ primaryButton={{"text":"Llámanos Ahora","href":"tel:667788031"}}
+ secondaryButton={{"text":"Cómo Llegar","href":"#"}}
+ textAnimation="fade"
+ />
);
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
index 311dfa1..5c02c37 100644
--- a/src/pages/HomePage/sections/Faq.tsx
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -10,26 +10,13 @@ export default function FaqSection(): React.JSX.Element {
+ tag="Ayuda"
+ title="Preguntas Frecuentes"
+ description="Encuentra respuestas sobre nuestros horarios, ubicación y opciones de comida."
+ items={[{"answer":"Sí, ofrecemos servicios de entrega fiables a través de nuestros socios.","question":"¿Ofrecen servicio a domicilio?"},{"answer":"Sí, nuestro menú incluye una variedad de verduras a la parrilla y acompañamientos tradicionales.","question":"¿Tienen opciones vegetarianas?"},{"question":"¿Puedo reservar una mesa?","answer":"Eres bienvenido a llamarnos o visitarnos para organizar tu mesa."}]}
+ imageSrc="http://img.b2bpic.net/free-photo/baked-chicken-tabaka-with-spices_1220-5019.jpg"
+ textAnimation="slide-up"
+ />
);
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 5a280e8..3dc9db1 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -10,20 +10,14 @@ export default function HeroSection(): React.JSX.Element {
+ tag="Desde 2012"
+ title="Auténticos Sabores a la Parrilla en Barcelona"
+ description="Disfruta de nuestro pollo asado, carnes suculentas y recetas tradicionales pakistaníes en un ambiente acogedor."
+ primaryButton={{"href":"#contact","text":"Pedir Online"}}
+ secondaryButton={{"href":"#menu","text":"Ver Menú"}}
+ imageSrc="http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236889.jpg"
+ textAnimation="fade"
+ />
);
diff --git a/src/pages/HomePage/sections/Menu.tsx b/src/pages/HomePage/sections/Menu.tsx
index 07e641a..c3260af 100644
--- a/src/pages/HomePage/sections/Menu.tsx
+++ b/src/pages/HomePage/sections/Menu.tsx
@@ -10,48 +10,12 @@ export default function MenuSection(): React.JSX.Element {
);
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
index 92c9412..2eca1f8 100644
--- a/src/pages/HomePage/sections/Metrics.tsx
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -10,25 +10,12 @@ export default function MetricsSection(): React.JSX.Element {
+ tag="Nuestra Reputación"
+ title="Sirviendo Alegría"
+ description="Estamos orgullosos de nuestra historia y de los miles de clientes satisfechos a los que hemos servido."
+ metrics={[{"value":"249+","description":"Con la confianza de nuestros fieles comensales.","title":"Reseñas en Google","imageSrc":"http://img.b2bpic.net/free-photo/grilled-kebab-tomato-slices-wooden-plate_114579-69592.jpg"},{"value":"4.6","description":"Elogiados constantemente por nuestra calidad.","title":"Valoración","imageSrc":"http://img.b2bpic.net/free-photo/toasted-crunchy-french-croissant-with-ham-melted-cheese_346278-111.jpg"}]}
+ textAnimation="slide-up"
+ />
);
diff --git a/src/pages/HomePage/sections/Reviews.tsx b/src/pages/HomePage/sections/Reviews.tsx
index 8a32eda..5552d2f 100644
--- a/src/pages/HomePage/sections/Reviews.tsx
+++ b/src/pages/HomePage/sections/Reviews.tsx
@@ -10,10 +10,10 @@ export default function ReviewsSection(): React.JSX.Element {
+ textAnimation="fade"
+ />
);
diff --git a/src/pages/HomePage/sections/SocialProof.tsx b/src/pages/HomePage/sections/SocialProof.tsx
index 9af3274..6b5e47a 100644
--- a/src/pages/HomePage/sections/SocialProof.tsx
+++ b/src/pages/HomePage/sections/SocialProof.tsx
@@ -10,10 +10,10 @@ export default function SocialProofSection(): React.JSX.Element {
+ textAnimation="fade"
+ />
);