Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3a5f45e510 |
231
src/app/page.tsx
231
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Sobre nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre nosotros", id: "about"},
|
||||
{
|
||||
name: "Carta",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Carta", id: "menu"},
|
||||
{
|
||||
name: "Ayuda",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Ayuda", id: "faq"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Burger Centre"
|
||||
/>
|
||||
@@ -56,109 +46,64 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Las mejores hamburguesas de Mataró"
|
||||
description="Sabor auténtico, opciones para todos. Calidad premium en cada bocado."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-near-burger-plate-holding-jar-with-butter_23-2148784521.jpg",
|
||||
imageAlt: "Hamburguesa gourmet 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-near-burger-plate-holding-jar-with-butter_23-2148784521.jpg", imageAlt: "Hamburguesa gourmet 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burgers-per-two-pax-with-full-melted-cheese-black-board_114579-1934.jpg",
|
||||
imageAlt: "Hamburguesa gourmet 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burgers-per-two-pax-with-full-melted-cheese-black-board_114579-1934.jpg", imageAlt: "Hamburguesa gourmet 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-inside-round-plate-dark-floor_140725-11629.jpg",
|
||||
imageAlt: "Hamburguesa en plato",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-inside-round-plate-dark-floor_140725-11629.jpg", imageAlt: "Hamburguesa en plato"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-tasty-with-vegetables-meat-inside-round-plate_140725-11602.jpg",
|
||||
imageAlt: "Hamburguesa con vegetales",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-tasty-with-vegetables-meat-inside-round-plate_140725-11602.jpg", imageAlt: "Hamburguesa con vegetales"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg",
|
||||
imageAlt: "Hamburguesa con huevo",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg", imageAlt: "Hamburguesa con huevo"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-doner-bread-with-cucumber-pickles-fries-tomato-served-with-ketchup-mayonnaise_141793-1915.jpg",
|
||||
imageAlt: "Hamburguesa gourmet 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-doner-bread-with-cucumber-pickles-fries-tomato-served-with-ketchup-mayonnaise_141793-1915.jpg", imageAlt: "Hamburguesa gourmet 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-burger-with-chicken-onions-rocket-served-with-fried-potatoes_181624-56472.jpg",
|
||||
imageAlt: "Hamburguesa gourmet 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-burger-with-chicken-onions-rocket-served-with-fried-potatoes_181624-56472.jpg", imageAlt: "Hamburguesa gourmet 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg",
|
||||
imageAlt: "Hamburguesa con bacon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beef-burger-with-salad-bacon_23-2148784490.jpg", imageAlt: "Hamburguesa con bacon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-black-burger-fries-wooden-board_23-2148238519.jpg",
|
||||
imageAlt: "Hamburguesa negra",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-black-burger-fries-wooden-board_23-2148238519.jpg", imageAlt: "Hamburguesa negra"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cheeseburger-with-side-fries_140725-3314.jpg",
|
||||
imageAlt: "Hamburguesa con patatas",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cheeseburger-with-side-fries_140725-3314.jpg", imageAlt: "Hamburguesa con patatas"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver carta",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Ver carta", href: "#menu"},
|
||||
{
|
||||
text: "Pedir online",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Pedir online", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-welcoming-female-customer-restaurant_23-2147936253.jpg",
|
||||
alt: "Cliente satisfecho 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-welcoming-female-customer-restaurant_23-2147936253.jpg", alt: "Cliente satisfecho 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-young-woman-raising-her-hand-while-calling-waiter_23-2147936258.jpg",
|
||||
alt: "Cliente satisfecho 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-young-woman-raising-her-hand-while-calling-waiter_23-2147936258.jpg", alt: "Cliente satisfecho 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132612.jpg",
|
||||
alt: "Cliente satisfecho 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132612.jpg", alt: "Cliente satisfecho 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/guy-whirling-cheerful-lady-restaurant_23-2148016861.jpg",
|
||||
alt: "Cliente satisfecho 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/guy-whirling-cheerful-lady-restaurant_23-2148016861.jpg", alt: "Cliente satisfecho 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-diverse-women-together_23-2151682134.jpg",
|
||||
alt: "Cliente satisfecho 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-diverse-women-together_23-2151682134.jpg", alt: "Cliente satisfecho 5"},
|
||||
]}
|
||||
avatarText="Más de 500+ clientes felices"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artesanal",
|
||||
},
|
||||
type: "text", text: "Artesanal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vegano",
|
||||
},
|
||||
type: "text", text: "Vegano"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local",
|
||||
},
|
||||
type: "text", text: "Local"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium",
|
||||
},
|
||||
type: "text", text: "Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mataró",
|
||||
},
|
||||
type: "text", text: "Mataró"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,9 +113,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Sobre Burger Centre"
|
||||
description={[
|
||||
"Burger Centre es un restaurante moderno y acogedor, ideal para desayunos, comidas y cenas, con opciones para todos los gustos incluyendo hamburguesas veganas muy populares.",
|
||||
"Destacamos por nuestro ambiente, con una valoración de 4,4 estrellas en reseñas.",
|
||||
]}
|
||||
"Burger Centre es un restaurante moderno y acogedor, ideal para desayunos, comidas y cenas, con opciones para todos los gustos incluyendo hamburguesas veganas muy populares.", "Destacamos por nuestro ambiente, con una valoración de 4,4 estrellas en reseñas."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -182,59 +125,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Smash",
|
||||
name: "Smash Classic",
|
||||
price: "12€",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-hamburger-woman-holding-burger-with-tomato-lettuce-leaf-beef-patty-sauce-burger-buns_140725-10986.jpg",
|
||||
},
|
||||
id: "p1", brand: "Smash", name: "Smash Classic", price: "12€", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/pink-hamburger-woman-holding-burger-with-tomato-lettuce-leaf-beef-patty-sauce-burger-buns_140725-10986.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Vegana",
|
||||
name: "Vegan Deluxe ⭐",
|
||||
price: "14€",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-holding-tray-with-burger-fries_23-2148678809.jpg",
|
||||
},
|
||||
id: "p2", brand: "Vegana", name: "Vegan Deluxe ⭐", price: "14€", rating: 5,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-holding-tray-with-burger-fries_23-2148678809.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Pollo",
|
||||
name: "Crispy Chicken",
|
||||
price: "11€",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sandwich-french-fries-table_181624-61641.jpg",
|
||||
},
|
||||
id: "p3", brand: "Pollo", name: "Crispy Chicken", price: "11€", rating: 4,
|
||||
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-sandwich-french-fries-table_181624-61641.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Picante",
|
||||
name: "Spicy Inferno",
|
||||
price: "13€",
|
||||
rating: 4,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-burger-with-egg_23-2148678846.jpg",
|
||||
},
|
||||
id: "p4", brand: "Picante", name: "Spicy Inferno", price: "13€", rating: 4,
|
||||
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burger-with-egg_23-2148678846.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Clásico",
|
||||
name: "Cheese Burger",
|
||||
price: "10€",
|
||||
rating: 4,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-egg-benedict-energy-drinks-can_114579-2137.jpg",
|
||||
},
|
||||
id: "p5", brand: "Clásico", name: "Cheese Burger", price: "10€", rating: 4,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-egg-benedict-energy-drinks-can_114579-2137.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Postre",
|
||||
name: "Brownie Chocolate",
|
||||
price: "6€",
|
||||
rating: 5,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-fries-with-copy-space_23-2148678815.jpg",
|
||||
},
|
||||
id: "p6", brand: "Postre", name: "Brownie Chocolate", price: "6€", rating: 5,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-fries-with-copy-space_23-2148678815.jpg"},
|
||||
]}
|
||||
title="Nuestra Carta"
|
||||
description="Descubre nuestra selección de hamburguesas, clásicos y opciones veganas."
|
||||
@@ -247,25 +154,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Cómo pedir online?",
|
||||
content: "Puedes pedir a través de nuestra web o mediante Just Eat.",
|
||||
},
|
||||
id: "f1", title: "¿Cómo pedir online?", content: "Para pedir online, por favor contacta directamente a través de nuestro formulario o llámanos al teléfono que aparece al final de la página."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Se puede reservar?",
|
||||
content: "Sí, recomendamos reservar para cenar, especialmente fines de semana.",
|
||||
},
|
||||
id: "f2", title: "¿Se puede reservar?", content: "Sí, recomendamos reservar para cenar, especialmente fines de semana."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Tienen opciones veganas?",
|
||||
content: "Sí, contamos con hamburguesas veganas muy populares.",
|
||||
},
|
||||
id: "f3", title: "¿Tienen opciones veganas?", content: "Sí, contamos con hamburguesas veganas muy populares."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "¿Tiempo de entrega?",
|
||||
content: "El tiempo estimado es de 35 a 55 minutos.",
|
||||
},
|
||||
id: "f4", title: "¿Tiempo de entrega?", content: "El tiempo estimado es de 35 a 55 minutos."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208271.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -278,38 +173,24 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Haz tu reserva"
|
||||
description="Plaça de Cuba, 7, Mataró. Tel: 930 27 58 89."
|
||||
title="Haz tu reserva o pedido"
|
||||
description="Plaça de Cuba, 7, Mataró. Tel: 930 27 58 89. O bien rellena este formulario para gestionar tu pedido."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Tu nombre", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Tu teléfono",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Tu teléfono", required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Nº de personas",
|
||||
required: true,
|
||||
name: "guests", type: "number", placeholder: "Nº de personas (o pedidos)", required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "datetime-local",
|
||||
placeholder: "Fecha y hora",
|
||||
required: true,
|
||||
name: "date", type: "datetime-local", placeholder: "Fecha y hora", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Alguna petición especial?",
|
||||
rows: 3,
|
||||
name: "message", placeholder: "Detalles del pedido o petición especial...", rows: 3,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-bistro-exterior-architecture_23-2149356830.jpg"
|
||||
/>
|
||||
@@ -319,13 +200,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Burger Centre"
|
||||
leftLink={{
|
||||
text: "Aviso legal",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Aviso legal", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Pedir ahora",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Pedir ahora", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user