Merge version_1 into main #1
440
src/app/page.tsx
440
src/app/page.tsx
@@ -19,328 +19,146 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Platos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reseñas",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Los Mexicanos"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre nosotros", id: "about" },
|
||||
{ name: "Platos", id: "products" },
|
||||
{ name: "Reseñas", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" }
|
||||
]}
|
||||
brandName="Los Mexicanos"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Sabores Auténticos en Gijón"
|
||||
description="Descubre la verdadera esencia de México con nuestra carta tradicional, raciones abundantes y la mejor relación calidad-precio."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mexican-food-around-sombrero_23-2147740776.jpg"
|
||||
imageAlt="mexican restaurant table arrangement"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver carta",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Reservar mesa",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sabores Auténticos en Gijón"
|
||||
description="Descubre la verdadera esencia de México con nuestra carta tradicional, raciones abundantes y la mejor relación calidad-precio."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mexican-food-around-sombrero_23-2147740776.jpg"
|
||||
imageAlt="mexican restaurant table arrangement"
|
||||
buttons={[{ text: "Ver carta", href: "#products" }, { text: "Reservar mesa", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Historia"
|
||||
description="En Los Mexicanos, nos apasiona llevar la tradición culinaria de México a Asturias. Desde 2024, ofrecemos recetas auténticas en un ambiente cálido para disfrutar con amigos y familia."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317296.jpg"
|
||||
imageAlt="cozy mexican restaurant interior decoration"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nuestra Historia"
|
||||
description="En Los Mexicanos, nos apasiona llevar la tradición culinaria de México a Asturias. Desde 2024, ofrecemos recetas auténticas en un ambiente cálido para disfrutar con amigos y familia."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317296.jpg"
|
||||
imageAlt="cozy mexican restaurant interior decoration"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Nachos al estilo artesano",
|
||||
description: "Crujientes nachos con guacamole casero y el mejor queso cheddar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dipping-nacho-chips_23-2148159712.jpg",
|
||||
imageAlt: "nachos with guacamole cheese",
|
||||
},
|
||||
{
|
||||
title: "Tacos Campechanos",
|
||||
description: "El sabor callejero de México, servido en tortillas de maíz frescas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-taco_23-2151048001.jpg",
|
||||
imageAlt: "mexican tacos campechanos",
|
||||
},
|
||||
{
|
||||
title: "Margaritas de autor",
|
||||
description: "Disfruta de nuestras famosas margaritas de mango, limón o maracuyá.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-glass-margarita-cocktail-garnish-with-lime-table_23-2148283662.jpg",
|
||||
imageAlt: "refreshing margarita cocktail",
|
||||
},
|
||||
]}
|
||||
title="Nuestras Especialidades"
|
||||
description="Platos estrella que no puedes dejar de probar."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Nachos al estilo artesano", description: "Crujientes nachos con guacamole casero y el mejor queso cheddar.", imageSrc: "http://img.b2bpic.net/free-photo/dipping-nacho-chips_23-2148159712.jpg", imageAlt: "nachos with guacamole cheese" },
|
||||
{ title: "Tacos Campechanos", description: "El sabor callejero de México, servido en tortillas de maíz frescas.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-taco_23-2151048001.jpg", imageAlt: "mexican tacos campechanos" },
|
||||
{ title: "Margaritas de autor", description: "Disfruta de nuestras famosas margaritas de mango, limón o maracuyá.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-glass-margarita-cocktail-garnish-with-lime-table_23-2148283662.jpg", imageAlt: "refreshing margarita cocktail" }
|
||||
]}
|
||||
title="Nuestras Especialidades"
|
||||
description="Platos estrella que no puedes dejar de probar."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cochinita Pibil",
|
||||
price: "14€",
|
||||
variant: "Carne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pita-near-meal-vegetables_23-2148132004.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chilaquiles",
|
||||
price: "12€",
|
||||
variant: "Vegetariano",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crunchy-nachos-mexican-food-top-view_23-2148224166.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tarta 3 Leches",
|
||||
price: "6€",
|
||||
variant: "Postre",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30703.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Burrito Bowl",
|
||||
price: "13€",
|
||||
variant: "Plato principal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-fresh-poke-bowl-with-avocado-quinoa-vegetables-top-view_1220-6858.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Enchiladas Suizas",
|
||||
price: "15€",
|
||||
variant: "Carne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nachos-slices-lemon-marble-surface_23-2148224109.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fajitas de Pollo",
|
||||
price: "16€",
|
||||
variant: "Plato principal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-fillet-with-potatoes-tomato-sauce-stainless-steel-pan_114579-3051.jpg",
|
||||
},
|
||||
]}
|
||||
title="Carta Destacada"
|
||||
description="Una selección de nuestros mejores platos para llevar o comer aquí."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Cochinita Pibil", price: "14€", variant: "Carne", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pita-near-meal-vegetables_23-2148132004.jpg" },
|
||||
{ id: "p2", name: "Chilaquiles", price: "12€", variant: "Vegetariano", imageSrc: "http://img.b2bpic.net/free-photo/crunchy-nachos-mexican-food-top-view_23-2148224166.jpg" },
|
||||
{ id: "p3", name: "Tarta 3 Leches", price: "6€", variant: "Postre", imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30703.jpg" }
|
||||
]}
|
||||
title="Carta Destacada"
|
||||
description="Una selección de nuestros mejores platos para llevar o comer aquí."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "m1",
|
||||
tag: "Popular",
|
||||
price: "20€",
|
||||
period: "/ pers",
|
||||
description: "Menú degustación para grupos pequeños.",
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"1 Entrada a compartir",
|
||||
"1 Plato principal",
|
||||
"Bebida",
|
||||
"Postre",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
tag: "Especial",
|
||||
price: "30€",
|
||||
period: "/ pers",
|
||||
description: "Experiencia completa para los amantes del picante.",
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"2 Entradas a compartir",
|
||||
"1 Plato principal",
|
||||
"Bebida ilimitada",
|
||||
"Postre artesano",
|
||||
"Margarita extra",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
tag: "Básico",
|
||||
price: "15€",
|
||||
period: "/ pers",
|
||||
description: "Comida rápida y sabrosa.",
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"1 Plato principal",
|
||||
"Bebida",
|
||||
"Postre pequeño",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Nuestros Menús"
|
||||
description="Opciones pensadas para disfrutar en grupo o en pareja."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "m1", tag: "Popular", price: "20€", period: "/ pers", description: "Menú degustación para grupos pequeños.", button: { text: "Reservar" }, featuresTitle: "Incluye:", features: ["1 Entrada a compartir", "1 Plato principal", "Bebida", "Postre"] },
|
||||
{ id: "m2", tag: "Especial", price: "30€", period: "/ pers", description: "Experiencia completa para los amantes del picante.", button: { text: "Reservar" }, featuresTitle: "Incluye:", features: ["2 Entradas a compartir", "1 Plato principal", "Bebida ilimitada", "Postre artesano", "Margarita extra"] },
|
||||
{ id: "m3", tag: "Básico", price: "15€", period: "/ pers", description: "Comida rápida y sabrosa.", button: { text: "Reservar" }, featuresTitle: "Incluye:", features: ["1 Plato principal", "Bebida", "Postre pequeño"] }
|
||||
]}
|
||||
title="Nuestros Menús"
|
||||
description="Opciones pensadas para disfrutar en grupo o en pareja."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Tania Rey",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-pinup-girl-kitchen_23-2148867261.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Nuria Vara",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Gelu Clotas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-by-counter-serving-salad-from-cabbage-holding-chilli-pepper_1303-32137.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Cliente Feliz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21088.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amante Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-shaking-hands-with-her-female-patient-while-meeting-clinic-focus-is-happy-woman_637285-1785.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Lo que dicen nuestros clientes"
|
||||
cardTag="4,5 / 5 estrellas"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Tania Rey", imageSrc: "http://img.b2bpic.net/free-photo/cute-pinup-girl-kitchen_23-2148867261.jpg" },
|
||||
{ id: "t2", name: "Nuria Vara", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
|
||||
{ id: "t3", name: "Gelu Clotas", imageSrc: "http://img.b2bpic.net/free-photo/chef-standing-by-counter-serving-salad-from-cabbage-holding-chilli-pepper_1303-32137.jpg" }
|
||||
]}
|
||||
cardTitle="Lo que dicen nuestros clientes"
|
||||
cardTag="4,5 / 5 estrellas"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Tienen opciones vegetarianas?",
|
||||
content: "Sí, tenemos varias opciones vegetarianas deliciosas, incluyendo chilaquiles y tacos sin carne.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Es necesario reservar?",
|
||||
content: "Recomendamos reservar con antelación, especialmente para grupos grandes durante los fines de semana.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Tienen servicio de comida a domicilio?",
|
||||
content: "Sí, realizamos envíos a domicilio a través de nuestra web y plataformas habituales.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos tus dudas sobre nuestras reservas y platos."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "¿Tienen opciones vegetarianas?", content: "Sí, tenemos varias opciones vegetarianas deliciosas." },
|
||||
{ id: "f2", title: "¿Es necesario reservar?", content: "Recomendamos reservar con antelación." },
|
||||
{ id: "f3", title: "¿Tienen servicio de comida a domicilio?", content: "Sí, realizamos envíos." }
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos tus dudas."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reserva tu mesa"
|
||||
description="Estamos en C. Matadero Viejo, 2, Centro, Gijón. ¡Te esperamos!"
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu correo electrónico",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "personas",
|
||||
type: "number",
|
||||
placeholder: "Número de personas",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "comentarios",
|
||||
placeholder: "Alguna petición especial o alergia?",
|
||||
}}
|
||||
buttonText="Enviar reserva"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-blank-clipboard-mexican-dishes_23-2147740803.jpg"
|
||||
imageAlt="Close-up blank clipboard and Mexican dishes"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reserva tu mesa"
|
||||
description="Estamos en Gijón. ¡Te esperamos!"
|
||||
inputs={[
|
||||
{ name: "nombre", type: "text", placeholder: "Tu nombre", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Tu correo electrónico", required: true }
|
||||
]}
|
||||
buttonText="Enviar reserva"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-blank-clipboard-mexican-dishes_23-2147740803.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Los Mexicanos"
|
||||
leftLink={{
|
||||
text: "Política de Privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Los Mexicanos"
|
||||
leftLink={{ text: "Política de Privacidad", href: "#" }}
|
||||
rightLink={{ text: "Instagram", href: "https://instagram.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user