Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -33,52 +33,35 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#inicio",
|
||||
},
|
||||
name: "Inicio", id: "#inicio"},
|
||||
{
|
||||
name: "Carta",
|
||||
id: "#carta",
|
||||
},
|
||||
name: "Carta", id: "#carta"},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "#opiniones",
|
||||
},
|
||||
name: "Opiniones", id: "#opiniones"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#nosotros",
|
||||
},
|
||||
name: "Nosotros", id: "#nosotros"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contacto",
|
||||
},
|
||||
name: "Contacto", id: "#contacto"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/vintage-summer-labels-template_23-2148511728.jpg"
|
||||
logoAlt="La Llar del Pescador Logo"
|
||||
brandName="La Llar del Pescador"
|
||||
button={{
|
||||
text: "Reservar Mesa",
|
||||
href: "#contacto",
|
||||
}}
|
||||
text: "Reservar Mesa", href: "#contacto"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inicio" data-section="inicio">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="La Llar del Pescador"
|
||||
description="Tu hogar frente al mar para los mariscos más frescos y la auténtica cocina mediterránea. Disfruta de una experiencia culinaria inolvidable en Garraf, Barcelona."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Nuestra Carta",
|
||||
href: "#carta",
|
||||
},
|
||||
text: "Ver Nuestra Carta", href: "#carta"},
|
||||
{
|
||||
text: "Reservar Mesa",
|
||||
href: "#contacto",
|
||||
},
|
||||
text: "Reservar Mesa", href: "#contacto"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/seafood-crab-salad-with-fresh-parmesan-crackers-greenery-inside-white-plate_114579-1799.jpg"
|
||||
imageAlt="Exquisita fuente de mariscos frescos"
|
||||
@@ -107,47 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chipirones a la Andaluza",
|
||||
price: "14.50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-bruschetta-assortment-close-up_23-2148516998.jpg",
|
||||
imageAlt: "Plato de chipirones fritos",
|
||||
},
|
||||
id: "p1", name: "Chipirones a la Andaluza", price: "14.50 €", imageSrc: "http://img.b2bpic.net/free-photo/tasty-bruschetta-assortment-close-up_23-2148516998.jpg", imageAlt: "Plato de chipirones fritos"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Paella de Marisco",
|
||||
price: "22.00 € (por persona)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151890011.jpg",
|
||||
imageAlt: "Paella de marisco tradicional",
|
||||
},
|
||||
id: "p2", name: "Paella de Marisco", price: "22.00 € (por persona)", imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151890011.jpg", imageAlt: "Paella de marisco tradicional"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gambas al Ajillo",
|
||||
price: "16.00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-fried-shrimps-pan-dark-stone-background-top-view_1220-6656.jpg",
|
||||
imageAlt: "Gambas al ajillo en cazuela de barro",
|
||||
},
|
||||
id: "p3", name: "Gambas al Ajillo", price: "16.00 €", imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-fried-shrimps-pan-dark-stone-background-top-view_1220-6656.jpg", imageAlt: "Gambas al ajillo en cazuela de barro"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pulpo a la Gallega",
|
||||
price: "18.50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mussels-white-sauce-spices_23-2148234935.jpg",
|
||||
imageAlt: "Pulpo a la gallega con patatas",
|
||||
},
|
||||
id: "p4", name: "Pulpo a la Gallega", price: "18.50 €", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mussels-white-sauce-spices_23-2148234935.jpg", imageAlt: "Pulpo a la gallega con patatas"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Dorada a la Sal",
|
||||
price: "25.00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-salmon-served-with-herbs_23-2148516944.jpg",
|
||||
imageAlt: "Dorada entera cocinada a la sal",
|
||||
},
|
||||
id: "p5", name: "Dorada a la Sal", price: "25.00 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-salmon-served-with-herbs_23-2148516944.jpg", imageAlt: "Dorada entera cocinada a la sal"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sardinas Asadas",
|
||||
price: "12.00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-flexitarian-diet-arrangement-top-view_23-2148862685.jpg",
|
||||
imageAlt: "Sardinas asadas con limón",
|
||||
},
|
||||
id: "p6", name: "Sardinas Asadas", price: "12.00 €", imageSrc: "http://img.b2bpic.net/free-photo/tasty-flexitarian-diet-arrangement-top-view_23-2148862685.jpg", imageAlt: "Sardinas asadas con limón"},
|
||||
]}
|
||||
title="Nuestra Carta Destacada"
|
||||
description="Descubre una selección de nuestros platos más frescos y populares, preparados con los mejores ingredientes de temporada. ¡Una explosión de sabor en cada bocado!"
|
||||
@@ -157,27 +110,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metricas" data-section="metricas">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Utensils,
|
||||
title: "Platos Servidos",
|
||||
value: "Más de 50.000",
|
||||
},
|
||||
id: "m1", icon: Utensils,
|
||||
title: "Platos Servidos", value: "Más de 50.000"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Fish,
|
||||
title: "Años de Tradición",
|
||||
value: "Más de 15",
|
||||
},
|
||||
id: "m2", icon: Fish,
|
||||
title: "Años de Tradición", value: "Más de 15"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Clientes Satisfechos",
|
||||
value: "Miles",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Clientes Satisfechos", value: "Miles"},
|
||||
]}
|
||||
title="Nuestros Números Hablan por Sí Solos"
|
||||
description="Nos enorgullece el compromiso y la satisfacción que ofrecemos a cada uno de nuestros clientes. Aquí están algunos de los hitos que nos definen."
|
||||
@@ -192,36 +137,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Liderazgo Culinario y Servicio",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Liderazgo Culinario y Servicio", members: [
|
||||
{
|
||||
id: "t1",
|
||||
title: "Chef Juan Pérez",
|
||||
subtitle: "Chef Ejecutivo y Propietario",
|
||||
detail: "Con una trayectoria de más de 20 años, Juan es el alma de nuestra cocina, fusionando la tradición con técnicas innovadoras para realzar el sabor del mar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-chef-holding-uncooked-crayfish-isolated_273609-48033.jpg",
|
||||
imageAlt: "Chef Juan Pérez",
|
||||
},
|
||||
id: "t1", title: "Chef Juan Pérez", subtitle: "Chef Ejecutivo y Propietario", detail: "Con una trayectoria de más de 20 años, Juan es el alma de nuestra cocina, fusionando la tradición con técnicas innovadoras para realzar el sabor del mar.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-chef-holding-uncooked-crayfish-isolated_273609-48033.jpg", imageAlt: "Chef Juan Pérez"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Maria Garcia",
|
||||
subtitle: "Jefa de Sala",
|
||||
detail: "Maria asegura que cada visita sea una experiencia memorable, liderando a nuestro equipo de servicio con calidez y profesionalidad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-female-cafe-owner-smiling_1262-5377.jpg",
|
||||
imageAlt: "Maria Garcia, Jefa de Sala",
|
||||
},
|
||||
id: "t2", title: "Maria Garcia", subtitle: "Jefa de Sala", detail: "Maria asegura que cada visita sea una experiencia memorable, liderando a nuestro equipo de servicio con calidez y profesionalidad.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-female-cafe-owner-smiling_1262-5377.jpg", imageAlt: "Maria Garcia, Jefa de Sala"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Carlos Ruiz",
|
||||
subtitle: "Sumiller",
|
||||
detail: "Experto en maridajes, Carlos selecciona los vinos perfectos para complementar nuestros platos y enriquecer tu experiencia gastronómica.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-person-sitting-table-with-glasses-wine_23-2148016866.jpg",
|
||||
imageAlt: "Carlos Ruiz, Sumiller",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-summer-labels-template_23-2148511728.jpg",
|
||||
imageAlt: "happy male chef portrait restaurant",
|
||||
id: "t3", title: "Carlos Ruiz", subtitle: "Sumiller", detail: "Experto en maridajes, Carlos selecciona los vinos perfectos para complementar nuestros platos y enriquecer tu experiencia gastronómica.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-person-sitting-table-with-glasses-wine_23-2148016866.jpg", imageAlt: "Carlos Ruiz, Sumiller"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Conoce a Nuestro Equipo"
|
||||
@@ -238,25 +161,15 @@ export default function LandingPage() {
|
||||
author="Laura M. (347 reseñas positivas)"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
|
||||
alt: "Avatar de cliente 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", alt: "Avatar de cliente 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Avatar de cliente 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Avatar de cliente 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-man-with-tea-cup_1098-21815.jpg",
|
||||
alt: "Avatar de cliente 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-man-with-tea-cup_1098-21815.jpg", alt: "Avatar de cliente 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg",
|
||||
alt: "Avatar de cliente 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/user-sign-icon-front-side_187299-47522.jpg", alt: "Avatar de cliente 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
alt: "Avatar de cliente 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Avatar de cliente 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -268,25 +181,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "¿Necesito reservar mesa?",
|
||||
content: "Recomendamos encarecidamente reservar mesa, especialmente durante los fines de semana y la temporada alta, para asegurar tu lugar.",
|
||||
},
|
||||
id: "faq1", title: "¿Necesito reservar mesa?", content: "Recomendamos encarecidamente reservar mesa, especialmente durante los fines de semana y la temporada alta, para asegurar tu lugar."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "¿Cuál es vuestro horario?",
|
||||
content: "Abrimos de jueves a martes, de 9:00 a 21:00. Los miércoles permanecemos cerrados.",
|
||||
},
|
||||
id: "faq2", title: "¿Cuál es vuestro horario?", content: "Abrimos de jueves a martes, de 9:00 a 21:00. Los miércoles permanecemos cerrados."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "¿Ofrecéis opciones vegetarianas o sin gluten?",
|
||||
content: "Sí, tenemos algunas opciones vegetarianas y sin gluten. Por favor, infórmanos de tus necesidades dietéticas al hacer tu reserva para que podamos atenderte mejor.",
|
||||
},
|
||||
id: "faq3", title: "¿Ofrecéis opciones vegetarianas o sin gluten?", content: "Sí, tenemos algunas opciones vegetarianas y sin gluten. Por favor, infórmanos de tus necesidades dietéticas al hacer tu reserva para que podamos atenderte mejor."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "¿Aceptáis grupos grandes?",
|
||||
content: "Sí, podemos acomodar a grupos grandes. Te pedimos que reserves con antelación para que podamos organizar el espacio y el servicio de forma adecuada.",
|
||||
},
|
||||
id: "faq4", title: "¿Aceptáis grupos grandes?", content: "Sí, podemos acomodar a grupos grandes. Te pedimos que reserves con antelación para que podamos organizar el espacio y el servicio de forma adecuada."},
|
||||
]}
|
||||
sideTitle="¿Tienes Preguntas?"
|
||||
sideDescription="Consulta nuestras preguntas frecuentes para resolver cualquier duda antes de tu visita."
|
||||
@@ -302,42 +203,22 @@ export default function LandingPage() {
|
||||
description="Nos encantaría escucharte. Envíanos un mensaje para consultas o utiliza el formulario para reservar tu mesa y disfrutar de una experiencia gastronómica inolvidable."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu Nombre",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Tu Nombre", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Tu Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Número de Teléfono",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Número de Teléfono"},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Fecha de Reserva",
|
||||
},
|
||||
name: "date", type: "date", placeholder: "Fecha de Reserva"},
|
||||
{
|
||||
name: "time",
|
||||
type: "time",
|
||||
placeholder: "Hora de Reserva",
|
||||
},
|
||||
name: "time", type: "time", placeholder: "Hora de Reserva"},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Número de Comensales",
|
||||
},
|
||||
name: "guests", type: "number", placeholder: "Número de Comensales"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Mensaje o Peticiones Especiales",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Mensaje o Peticiones Especiales", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-stylish-family-summer-city_1157-19953.jpg"
|
||||
imageAlt="Exterior de La Llar del Pescador al atardecer"
|
||||
@@ -354,58 +235,35 @@ export default function LandingPage() {
|
||||
logoText="La Llar del Pescador"
|
||||
columns={[
|
||||
{
|
||||
title: "Explorar",
|
||||
items: [
|
||||
title: "Explorar", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#inicio",
|
||||
},
|
||||
label: "Inicio", href: "#inicio"},
|
||||
{
|
||||
label: "Carta",
|
||||
href: "#carta",
|
||||
},
|
||||
label: "Carta", href: "#carta"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#nosotros",
|
||||
},
|
||||
label: "Nosotros", href: "#nosotros"},
|
||||
{
|
||||
label: "Opiniones",
|
||||
href: "#opiniones",
|
||||
},
|
||||
label: "Opiniones", href: "#opiniones"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Reservas",
|
||||
href: "#contacto",
|
||||
},
|
||||
label: "Reservas", href: "#contacto"},
|
||||
{
|
||||
label: "Teléfono: 690 18 25 72",
|
||||
href: "tel:+34690182572",
|
||||
},
|
||||
label: "Teléfono: 690 18 25 72", href: "tel:+34690182572"},
|
||||
{
|
||||
label: "Email: info@lallardelpescador.com",
|
||||
href: "mailto:info@lallardelpescador.com",
|
||||
},
|
||||
label: "Email: info@lallardelpescador.com", href: "mailto:info@lallardelpescador.com"},
|
||||
{
|
||||
label: "Dirección: Avenida Llorach, S N, 08871, Barcelona",
|
||||
href: "https://maps.app.goo.gl/YourMapLink",
|
||||
},
|
||||
label: "Dirección: Avenida Llorach, S N, 08871, Barcelona", href: "https://maps.app.goo.gl/YourMapLink"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Horario",
|
||||
items: [
|
||||
title: "Horario", items: [
|
||||
{
|
||||
label: "Jue - Mar: 9:00 - 21:00",
|
||||
href: "#",
|
||||
},
|
||||
label: "Jue - Mar: 9:00 - 21:00", href: "#"},
|
||||
{
|
||||
label: "Miércoles: Cerrado",
|
||||
href: "#",
|
||||
},
|
||||
label: "Miércoles: Cerrado", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user