bender/6b317c75-9554-4273-8a02-a8983c56f894
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-29 00:49:03 +00:00
parent 8c86628961
commit b51d722f13
1 changed files with 77 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

355
src/app/page.tsx
View File

@@ -30,56 +30,37 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "#home",
},
name: "Inicio", id: "#home"},
{
name: "Sobre Nosotros",
id: "#about",
},
name: "Sobre Nosotros", id: "#about"},
{
name: "Menú",
id: "/menu",
},
name: "Menú", id: "/menu"},
{
name: "Galería",
id: "#gallery",
},
name: "Galería", id: "#gallery"},
{
name: "Opiniones",
id: "#testimonials",
},
name: "Opiniones", id: "#testimonials"},
{
name: "Reservas",
id: "#contact",
},
name: "Reservas", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/eid-muslim-man-hugging-wishing-each-other-occasion-with-ramadan-kareem-text_460848-12487.jpg"
logoAlt="Dar Ben Amar - Restaurant Halal"
brandName="Dar Ben Amar"
button={{
text: "Reservar ahora",
href: "https://wa.me/?text=Hola%2C%20quiero%20reservar%20en%20Dar%20Ben%20Amar",
}}
text: "Reservar ahora", href: "https://wa.me/?text=Hola%2C%20quiero%20reservar%20en%20Dar%20Ben%20Amar"}}
/>
</div>
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "plain",
}}
variant: "plain"}}
logoText="Dar Ben Amar"
description="Restaurant Halal – Un viaje de sabores por Marruecos"
buttons={[
{
text: "Reservar mesa",
href: "#contact",
},
text: "Reservar mesa", href: "#contact"},
{
text: "Ver menú",
href: "/menu",
},
text: "Ver menú", href: "/menu"},
]}
imageSrc="http://img.b2bpic.net/free-vector/flat-design-complex-arabesque-pattern_23-2149184793.jpg"
imageAlt="Fondo con patrón geométrico marroquí dorado"
@@ -94,17 +75,11 @@ export default function LandingPage() {
description="En Dar Ben Amar, cada plato es una celebración de la rica herencia culinaria de Marruecos. Nos dedicamos a ofrecer auténticos sabores marroquíes, elaborados con ingredientes 100% halal certificados y los procesos más cuidados. Sumérgete en un ambiente acogedor, disfruta de nuestro tradicional té a la menta y déjate seducir por el aroma de nuestros cuscús, tajines y dulces artesanales."
metrics={[
{
value: "100%",
title: "Halal Certificado",
},
value: "100%", title: "Halal Certificado"},
{
value: "Fresco",
title: "Ingredientes Locales",
},
value: "Fresco", title: "Ingredientes Locales"},
{
value: "Cocina",
title: "Tradicional y Lenta",
},
value: "Cocina", title: "Tradicional y Lenta"},
]}
imageSrc="http://img.b2bpic.net/free-photo/rows-fresh-vegetables-shelf-supermarket_93675-131437.jpg"
imageAlt="Ingredientes frescos y especias marroquíes en una cocina"
@@ -119,35 +94,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "halal-certified",
title: "Certificación Rigurosa",
tags: [
"Confianza",
"Calidad",
],
imageSrc: "http://img.b2bpic.net/free-vector/modern-set-halal-food-labels-with-flat-design_23-2147886945.jpg",
imageAlt: "Sello de certificación Halal dorado",
},
id: "halal-certified", title: "Certificación Rigurosa", tags: [
"Confianza", "Calidad"],
imageSrc: "http://img.b2bpic.net/free-vector/modern-set-halal-food-labels-with-flat-design_23-2147886945.jpg", imageAlt: "Sello de certificación Halal dorado"},
{
id: "fresh-ingredients",
title: "Ingredientes Frescos",
tags: [
"Saludable",
"Sabor",
],
imageSrc: "http://img.b2bpic.net/free-photo/nice-heart-from-berries_23-2147749430.jpg",
imageAlt: "Icono de hoja y plato representando frescura",
},
id: "fresh-ingredients", title: "Ingredientes Frescos", tags: [
"Saludable", "Sabor"],
imageSrc: "http://img.b2bpic.net/free-photo/nice-heart-from-berries_23-2147749430.jpg", imageAlt: "Icono de hoja y plato representando frescura"},
{
id: "traditional-cooking",
title: "Cocina Auténtica",
tags: [
"Tradición",
"Sabor Auténtico",
],
imageSrc: "http://img.b2bpic.net/free-photo/dough-inside-round-pan-with-cook-spreading-sour-cream-it-inside-kitchen_140725-14936.jpg",
imageAlt: "Icono de horno de barro o cocción lenta",
},
id: "traditional-cooking", title: "Cocina Auténtica", tags: [
"Tradición", "Sabor Auténtico"],
imageSrc: "http://img.b2bpic.net/free-photo/dough-inside-round-pan-with-cook-spreading-sour-cream-it-inside-kitchen_140725-14936.jpg", imageAlt: "Icono de horno de barro o cocción lenta"},
]}
title="Nuestra Experiencia Halal"
description="Garantizamos que todos nuestros platos son 100% halal. Trabajamos exclusivamente con proveedores certificados y mantenemos utensilios y procesos separados para asegurar la pureza de cada comida que servimos."
@@ -162,61 +119,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "tajine-cordero",
name: "Tajín de Cordero",
price: "€22.50",
variant: "con Ciruelas y Almendras",
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-pilaf-rice-with-dried-fruits-bowl-fork_140725-73936.jpg",
imageAlt: "Tajín de cordero con ciruelas y almendras",
},
id: "tajine-cordero", name: "Tajín de Cordero", price: "€22.50", variant: "con Ciruelas y Almendras", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-pilaf-rice-with-dried-fruits-bowl-fork_140725-73936.jpg", imageAlt: "Tajín de cordero con ciruelas y almendras"},
{
id: "couscous-royal",
name: "Cuscús Royal",
price: "€19.90",
variant: "Pollo, Cordero y Verduras",
imageSrc: "http://img.b2bpic.net/free-photo/meat-with-baked-apple-onion-pomegranate-chestnuts-bell-pepper-side-view_141793-3767.jpg",
imageAlt: "Cuscús Royal con pollo, cordero y verduras",
},
id: "couscous-royal", name: "Cuscús Royal", price: "€19.90", variant: "Pollo, Cordero y Verduras", imageSrc: "http://img.b2bpic.net/free-photo/meat-with-baked-apple-onion-pomegranate-chestnuts-bell-pepper-side-view_141793-3767.jpg", imageAlt: "Cuscús Royal con pollo, cordero y verduras"},
{
id: "pastela-pollo",
name: "Pastela de Pollo",
price: "€15.00",
variant: "con Almendra, Azúcar y Canela",
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-sharing-apple-strudel-home_123827-36352.jpg",
imageAlt: "Pastela de pollo y almendra",
},
id: "pastela-pollo", name: "Pastela de Pollo", price: "€15.00", variant: "con Almendra, Azúcar y Canela", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-sharing-apple-strudel-home_123827-36352.jpg", imageAlt: "Pastela de pollo y almendra"},
{
id: "harira",
name: "Harira",
price: "€8.50",
variant: "Sopa Tradicional Marroquí",
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-delicious-pumpkin-soup_1220-478.jpg",
imageAlt: "Sopa Harira tradicional",
},
id: "harira", name: "Harira", price: "€8.50", variant: "Sopa Tradicional Marroquí", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-delicious-pumpkin-soup_1220-478.jpg", imageAlt: "Sopa Harira tradicional"},
{
id: "mechoui",
name: "Mechoui",
price: "€28.00",
variant: "Cordero Asado al Estilo Marroquí",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-levengi-table_140725-8211.jpg",
imageAlt: "Mechoui, cordero asado",
},
id: "mechoui", name: "Mechoui", price: "€28.00", variant: "Cordero Asado al Estilo Marroquí", imageSrc: "http://img.b2bpic.net/free-photo/chicken-levengi-table_140725-8211.jpg", imageAlt: "Mechoui, cordero asado"},
{
id: "te-dulces",
name: "Té a la Menta y Dulces",
price: "€7.50",
variant: "Chebakia, Gazelle Horns",
imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-assorted-traditional-turkish-delight-with-nuts_114579-20603.jpg",
imageAlt: "Té a la menta con dulces marroquíes",
},
id: "te-dulces", name: "Té a la Menta y Dulces", price: "€7.50", variant: "Chebakia, Gazelle Horns", imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-assorted-traditional-turkish-delight-with-nuts_114579-20603.jpg", imageAlt: "Té a la menta con dulces marroquíes"},
]}
title="Menú Destacado"
description="Descubre una selección de nuestros platos más populares, preparados con pasión y autenticidad."
buttons={[
{
text: "Ver menú completo",
href: "/menu",
},
text: "Ver menú completo", href: "/menu"},
]}
/>
</div>
@@ -229,85 +148,37 @@ export default function LandingPage() {
carouselMode="buttons"
features={[
{
id: "gal-1",
title: "Ambiente Cálido",
tags: [
"Interior",
"Decoración",
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa_74190-3708.jpg",
imageAlt: "Interior del restaurante marroquí con iluminación cálida",
},
id: "gal-1", title: "Ambiente Cálido", tags: [
"Interior", "Decoración"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa_74190-3708.jpg", imageAlt: "Interior del restaurante marroquí con iluminación cálida"},
{
id: "gal-2",
title: "Vajilla Tradicional",
tags: [
"Detalles",
"Cultura",
],
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187205.jpg",
imageAlt: "Mesa de restaurante con vajilla y decoración marroquí",
},
id: "gal-2", title: "Vajilla Tradicional", tags: [
"Detalles", "Cultura"],
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187205.jpg", imageAlt: "Mesa de restaurante con vajilla y decoración marroquí"},
{
id: "gal-3",
title: "Platos Exquisitos",
tags: [
"Comida",
"Presentación",
],
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-furnace-table_140725-7302.jpg",
imageAlt: "Plato marroquí bellamente presentado",
},
id: "gal-3", title: "Platos Exquisitos", tags: [
"Comida", "Presentación"],
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-furnace-table_140725-7302.jpg", imageAlt: "Plato marroquí bellamente presentado"},
{
id: "gal-4",
title: "Dulces Artesanales",
tags: [
"Postres",
"Repostería",
],
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-concept-with-food-te_23-2147796746.jpg",
imageAlt: "Surtido de dulces y postres marroquíes",
},
id: "gal-4", title: "Dulces Artesanales", tags: [
"Postres", "Repostería"],
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-concept-with-food-te_23-2147796746.jpg", imageAlt: "Surtido de dulces y postres marroquíes"},
{
id: "gal-5",
title: "Patrones Arabescos",
tags: [
"Arquitectura",
"Diseño",
],
imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-arabic-pattern_23-2148928677.jpg",
imageAlt: "Detalle de decoración marroquí con patrones geométricos",
},
id: "gal-5", title: "Patrones Arabescos", tags: [
"Arquitectura", "Diseño"],
imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-arabic-pattern_23-2148928677.jpg", imageAlt: "Detalle de decoración marroquí con patrones geométricos"},
{
id: "gal-6",
title: "Hospitalidad",
tags: [
"Experiencia",
"Servicio",
],
imageSrc: "http://img.b2bpic.net/free-photo/black-tea-traditional-glass-cup-cookies-blue-wooden-table_114579-34044.jpg",
imageAlt: "Té a la menta servido en un ambiente marroquí",
},
id: "gal-6", title: "Hospitalidad", tags: [
"Experiencia", "Servicio"],
imageSrc: "http://img.b2bpic.net/free-photo/black-tea-traditional-glass-cup-cookies-blue-wooden-table_114579-34044.jpg", imageAlt: "Té a la menta servido en un ambiente marroquí"},
{
id: "gal-7",
title: "Festín Marroquí",
tags: [
"Banquete",
"Compartir",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182472.jpg",
imageAlt: "Mesa llena de platos de comida marroquí",
},
id: "gal-7", title: "Festín Marroquí", tags: [
"Banquete", "Compartir"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182472.jpg", imageAlt: "Mesa llena de platos de comida marroquí"},
{
id: "gal-8",
title: "Maestría Culinaria",
tags: [
"Cocina",
"Chef",
],
imageSrc: "http://img.b2bpic.net/free-photo/elderly-baker-adding-flour-metallic-sieve-sprinkling-dough-happy-elderly-chef-with-kitchen-uniform-mixing-sprinkling-adding-sifting-spreading-raw-ingredients-baking-traditional-bread_482257-5869.jpg",
imageAlt: "Chef marroquí preparando comida en la cocina",
},
id: "gal-8", title: "Maestría Culinaria", tags: [
"Cocina", "Chef"],
imageSrc: "http://img.b2bpic.net/free-photo/elderly-baker-adding-flour-metallic-sieve-sprinkling-dough-happy-elderly-chef-with-kitchen-uniform-mixing-sprinkling-adding-sifting-spreading-raw-ingredients-baking-traditional-bread_482257-5869.jpg", imageAlt: "Chef marroquí preparando comida en la cocina"},
]}
title="Nuestra Galería"
description="Un vistazo a nuestro acogedor local, la exquisita presentación de nuestros platos y los detalles que nos hacen únicos."
@@ -321,40 +192,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sofía García",
handle: "@sofiafoodie",
testimonial: "¡Una auténtica joya marroquí! El tajín de cordero es simplemente espectacular y el ambiente te transporta directamente a Marrakech. ¡Volveré seguro!",
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367125.jpg",
},
id: "1", name: "Sofía García", handle: "@sofiafoodie", testimonial: "¡Una auténtica joya marroquí! El tajín de cordero es simplemente espectacular y el ambiente te transporta directamente a Marrakech. ¡Volveré seguro!", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367125.jpg"},
{
id: "2",
name: "Omar Hassan",
handle: "@omar_viajero",
testimonial: "Como marroquí, puedo decir que Dar Ben Amar captura la esencia de nuestra cocina. El cuscús royal es idéntico al de mi madre. ¡100% recomendado!",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg",
},
id: "2", name: "Omar Hassan", handle: "@omar_viajero", testimonial: "Como marroquí, puedo decir que Dar Ben Amar captura la esencia de nuestra cocina. El cuscús royal es idéntico al de mi madre. ¡100% recomendado!", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg"},
{
id: "3",
name: "María Pérez",
handle: "@maria_reviews",
testimonial: "La pastela de pollo es un manjar y el té a la menta, perfecto. Además, saber que todo es halal me da una tranquilidad extra. Excelente servicio.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-ukrainian-embroidered-dress-is-walking-around-yard_8353-9564.jpg",
},
id: "3", name: "María Pérez", handle: "@maria_reviews", testimonial: "La pastela de pollo es un manjar y el té a la menta, perfecto. Además, saber que todo es halal me da una tranquilidad extra. Excelente servicio.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-ukrainian-embroidered-dress-is-walking-around-yard_8353-9564.jpg"},
{
id: "4",
name: "David López",
handle: "@gastronauta_d",
testimonial: "Un lugar increíble para descubrir los sabores de Marruecos. Cada plato es una explosión de especias y texturas. ¡Impresionante carta y calidad!",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-fast-food_23-2149333978.jpg",
},
id: "4", name: "David López", handle: "@gastronauta_d", testimonial: "Un lugar increíble para descubrir los sabores de Marruecos. Cada plato es una explosión de especias y texturas. ¡Impresionante carta y calidad!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-fast-food_23-2149333978.jpg"},
{
id: "5",
name: "Elena Torres",
handle: "@elena_foodlover",
testimonial: "El mejor restaurante marroquí que he probado. El personal es muy amable y el local está decorado con un gusto exquisito. ¡No te vayas sin probar el mechoui!",
imageSrc: "http://img.b2bpic.net/free-photo/cute-family-spending-quality-time-together-home_23-2149038364.jpg",
},
id: "5", name: "Elena Torres", handle: "@elena_foodlover", testimonial: "El mejor restaurante marroquí que he probado. El personal es muy amable y el local está decorado con un gusto exquisito. ¡No te vayas sin probar el mechoui!", imageSrc: "http://img.b2bpic.net/free-photo/cute-family-spending-quality-time-together-home_23-2149038364.jpg"},
]}
title="Opiniones que nos Inspiran"
description="Lo que dicen nuestros comensales sobre su experiencia en Dar Ben Amar."
@@ -365,28 +211,13 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contacto y Reservas"
title="Visítanos o Haz tu Reserva"
description="Estamos encantados de recibirte en Dar Ben Amar. Para reservar mesa o cualquier consulta, contáctanos directamente. \n\n**Dirección:** C. Gran Vía, 10, Madrid, 28013\n\n**Horario:**\nLun–Jue: 13:00–16:30, 20:00–23:30\nVier–Sáb: 13:00–17:00, 20:00–00:00\nDom: 13:00–17:00\n\nConfirma tu reserva por WhatsApp o email para asegurarte un sitio en nuestro rincón de Marruecos.\n\n¡Síguenos en nuestras redes sociales!"
inputPlaceholder="Introduce tu email para ofertas y eventos"
buttonText="Suscribirme"
termsText="Al hacer clic en Suscribirme, aceptas nuestra Política de Privacidad."
buttons={[
{
text: "WhatsApp",
href: "https://wa.me/?text=Hola%2C%20quiero%20reservar%20en%20Dar%20Ben%20Amar",
},
{
text: "Llamar",
href: "tel:+34912345678",
},
{
text: "Cómo llegar",
href: "https://maps.google.com/?q=C.%20Gran%20Vía%2C%2010%2C%20Madrid",
},
]}
/>
</div>
@@ -394,79 +225,47 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Explora",
items: [
title: "Explora", items: [
{
label: "Inicio",
href: "#home",
},
label: "Inicio", href: "#home"},
{
label: "Sobre Nosotros",
href: "#about",
},
label: "Sobre Nosotros", href: "#about"},
{
label: "Menú",
href: "/menu",
},
label: "Menú", href: "/menu"},
{
label: "Galería",
href: "#gallery",
},
label: "Galería", href: "#gallery"},
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{
label: "Reservas",
href: "#contact",
},
label: "Reservas", href: "#contact"},
{
label: "WhatsApp",
href: "https://wa.me/?text=Hola%2C%20quiero%20reservar%20en%20Dar%20Ben%20Amar",
},
label: "WhatsApp", href: "https://wa.me/?text=Hola%2C%20quiero%20reservar%20en%20Dar%20Ben%20Amar"},
{
label: "Teléfono: +34 912 34 56 78",
href: "tel:+34912345678",
},
label: "Teléfono: +34 912 34 56 78", href: "tel:+34912345678"},
{
label: "Email: info@darbenamar.com",
href: "mailto:info@darbenamar.com",
},
label: "Email: info@darbenamar.com", href: "mailto:info@darbenamar.com"},
],
},
{
title: "Síguenos",
items: [
title: "Síguenos", items: [
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "TikTok",
href: "#",
},
label: "TikTok", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Política de Privacidad",
href: "#",
},
label: "Política de Privacidad", href: "#"},
{
label: "Política de Cookies",
href: "#",
},
label: "Política de Cookies", href: "#"},
{
label: "Accesibilidad",
href: "#",
},
label: "Accesibilidad", href: "#"},
],
},
]}