Merge version_1 into main #2
450
src/app/page.tsx
450
src/app/page.tsx
@@ -28,327 +28,151 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reservas",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="El Jardín Madrid"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Reservas", id: "contact" }
|
||||
]}
|
||||
brandName="El Jardín Madrid"
|
||||
button={{ text: "Reservar" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Sabores Auténticos en el Corazón de Madrid"
|
||||
description="Descubre una propuesta gastronómica que honra la tradición mediterránea con un toque contemporáneo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar Mesa",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg?_wi=1"
|
||||
imageAlt="Interior del restaurante en Madrid"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157765.jpg",
|
||||
alt: "Top view of dining tables",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plates-cutlery-glasses-view_23-2148914879.jpg",
|
||||
alt: "Plates and cutlery",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157779.jpg",
|
||||
alt: "Interior table arrangement",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157770.jpg",
|
||||
alt: "Ambient dining light",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg",
|
||||
alt: "Restaurant atmosphere",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Producto Fresco",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradición Madrid",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Carta Mediterránea",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención Personalizada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calidad Premium",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sabores Auténticos en el Corazón de Madrid"
|
||||
description="Descubre una propuesta gastronómica que honra la tradición mediterránea con un toque contemporáneo."
|
||||
buttons={[{ text: "Reservar Mesa", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg"
|
||||
imageAlt="Interior del restaurante en Madrid"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157765.jpg", alt: "Top view of dining tables" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plates-cutlery-glasses-view_23-2148914879.jpg", alt: "Plates and cutlery" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157779.jpg", alt: "Interior table arrangement" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157770.jpg", alt: "Ambient dining light" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg", alt: "Restaurant atmosphere" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Producto Fresco" },
|
||||
{ type: "text", text: "Tradición Madrid" },
|
||||
{ type: "text", text: "Carta Mediterránea" },
|
||||
{ type: "text", text: "Atención Personalizada" },
|
||||
{ type: "text", text: "Calidad Premium" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Nuestra Filosofía"
|
||||
description="Desde 2010, nos dedicamos a transformar ingredientes locales en experiencias memorables. La frescura y el respeto por el producto son el alma de nuestra cocina."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Producto Km 0",
|
||||
description: "Trabajamos directamente con agricultores de la comunidad de Madrid.",
|
||||
},
|
||||
{
|
||||
title: "Herencia Mediterránea",
|
||||
description: "Recetas tradicionales adaptadas al paladar moderno.",
|
||||
},
|
||||
{
|
||||
title: "Ambiente Distinguido",
|
||||
description: "Un espacio diseñado para disfrutar sin prisas.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208320.jpg?_wi=1"
|
||||
imageAlt="Nuestro chef"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Nuestra Filosofía"
|
||||
description="Desde 2010, nos dedicamos a transformar ingredientes locales en experiencias memorables. La frescura y el respeto por el producto son el alma de nuestra cocina."
|
||||
bulletPoints={[
|
||||
{ title: "Producto Km 0", description: "Trabajamos directamente con agricultores de la comunidad de Madrid." },
|
||||
{ title: "Herencia Mediterránea", description: "Recetas tradicionales adaptadas al paladar moderno." },
|
||||
{ title: "Ambiente Distinguido", description: "Un espacio diseñado para disfrutar sin prisas." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208320.jpg"
|
||||
imageAlt="Nuestro chef"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bodega Selecta",
|
||||
description: "Más de 100 etiquetas nacionales.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wine,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208278.jpg",
|
||||
imageAlt: "Chef cooking in the kitchen while wearing professional attire",
|
||||
},
|
||||
{
|
||||
title: "Menú Degustación",
|
||||
description: "Un recorrido por nuestros sabores.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg?_wi=2",
|
||||
imageAlt: "Chef cooking in the kitchen while wearing professional attire",
|
||||
},
|
||||
{
|
||||
title: "Eventos Privados",
|
||||
description: "Espacios únicos para celebraciones.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208320.jpg?_wi=2",
|
||||
imageAlt: "Chef cooking in the kitchen while wearing professional attire",
|
||||
},
|
||||
]}
|
||||
title="Nuestra Propuesta"
|
||||
description="Explora los pilares de nuestra oferta gastronómica única."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Bodega Selecta", description: "Más de 100 etiquetas nacionales.", bentoComponent: "reveal-icon", icon: Wine },
|
||||
{ title: "Menú Degustación", description: "Un recorrido por nuestros sabores.", bentoComponent: "reveal-icon", icon: Award },
|
||||
{ title: "Eventos Privados", description: "Espacios únicos para celebraciones.", bentoComponent: "reveal-icon", icon: Droplets }
|
||||
]}
|
||||
title="Nuestra Propuesta"
|
||||
description="Explora los pilares de nuestra oferta gastronómica única."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alcachofas confitadas",
|
||||
price: "18€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raclette-dish-made-with-cheese-assortment-delicious-food_23-2149514098.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Paella de mariscos",
|
||||
price: "28€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-rice-with-chicken-vegetables-isolated-white-background_123827-31572.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pan artesano con AOVE",
|
||||
price: "6€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-arrangement-concept_23-2148648740.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Selección de quesos",
|
||||
price: "15€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-cherry-jam-from-crystal-glass-bowl-drinking-black-tea_140725-4145.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ensalada de temporada",
|
||||
price: "12€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-white-plate_23-2148747514.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tarta de chocolate",
|
||||
price: "9€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-berries-sauce-ceramic-white-plate_23-2148161582.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nuestras Especialidades"
|
||||
description="Platos emblemáticos que definen nuestra identidad."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Alcachofas confitadas", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/raclette-dish-made-with-cheese-assortment-delicious-food_23-2149514098.jpg" },
|
||||
{ id: "2", name: "Paella de mariscos", price: "28€", imageSrc: "http://img.b2bpic.net/free-photo/yellow-rice-with-chicken-vegetables-isolated-white-background_123827-31572.jpg" },
|
||||
{ id: "3", name: "Pan artesano con AOVE", price: "6€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-arrangement-concept_23-2148648740.jpg" },
|
||||
{ id: "4", name: "Selección de quesos", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-cherry-jam-from-crystal-glass-bowl-drinking-black-tea_140725-4145.jpg" },
|
||||
{ id: "5", name: "Ensalada de temporada", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-white-plate_23-2148747514.jpg" },
|
||||
{ id: "6", name: "Tarta de chocolate", price: "9€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-berries-sauce-ceramic-white-plate_23-2148161582.jpg" }
|
||||
]}
|
||||
title="Nuestras Especialidades"
|
||||
description="Platos emblemáticos que definen nuestra identidad."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena M.",
|
||||
role: "Foodie",
|
||||
testimonial: "Una experiencia inmejorable, la atención al detalle es fascinante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos G.",
|
||||
role: "Crítico",
|
||||
testimonial: "La mejor paella que he probado en años, sin duda.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-holds-pretends-bite-hot-pepper_141793-71338.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
role: "Turista",
|
||||
testimonial: "Descubrimos este lugar por casualidad y nos encantó.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jorge A.",
|
||||
role: "Local",
|
||||
testimonial: "Mi sitio de referencia para celebraciones importantes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-eating-donuts-home_1301-3824.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ana R.",
|
||||
role: "Clienta",
|
||||
testimonial: "La bodega es espectacular y el ambiente muy acogedor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-504.jpg",
|
||||
},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias de quienes han compartido una velada especial con nosotros."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena M.", role: "Foodie", testimonial: "Una experiencia inmejorable, la atención al detalle es fascinante.", imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg" },
|
||||
{ id: "2", name: "Carlos G.", role: "Crítico", testimonial: "La mejor paella que he probado en años, sin duda.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-holds-pretends-bite-hot-pepper_141793-71338.jpg" },
|
||||
{ id: "3", name: "Sarah P.", role: "Turista", testimonial: "Descubrimos este lugar por casualidad y nos encantó.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg" },
|
||||
{ id: "4", name: "Jorge A.", role: "Local", testimonial: "Mi sitio de referencia para celebraciones importantes.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-eating-donuts-home_1301-3824.jpg" },
|
||||
{ id: "5", name: "Ana R.", role: "Clienta", testimonial: "La bodega es espectacular y el ambiente muy acogedor.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-504.jpg" }
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Historias de quienes han compartido una velada especial con nosotros."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Necesito reservar con antelación?",
|
||||
content: "Se recomienda reservar, especialmente fines de semana.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Tienen opciones sin gluten?",
|
||||
content: "Sí, disponemos de una carta adaptada para celíacos.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Aceptan mascotas?",
|
||||
content: "Contamos con una terraza apta para animales bien educados.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
sideDescription="Respondemos a tus dudas sobre nuestras reservas."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Necesito reservar con antelación?", content: "Se recomienda reservar, especialmente fines de semana." },
|
||||
{ id: "q2", title: "¿Tienen opciones sin gluten?", content: "Sí, disponemos de una carta adaptada para celíacos." },
|
||||
{ id: "q3", title: "¿Aceptan mascotas?", content: "Contamos con una terraza apta para animales bien educados." }
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
sideDescription="Respondemos a tus dudas sobre nuestras reservas."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Haz tu Reserva"
|
||||
description="Estamos listos para recibirte. Reserva tu mesa para disfrutar de una velada única."
|
||||
inputPlaceholder="Introduce tu email"
|
||||
buttonText="Confirmar interés"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg"
|
||||
imageAlt="Ambiente del restaurante"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contacto"
|
||||
title="Haz tu Reserva"
|
||||
description="Estamos listos para recibirte. Reserva tu mesa para disfrutar de una velada única."
|
||||
inputPlaceholder="Introduce tu email"
|
||||
buttonText="Confirmar interés"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg"
|
||||
imageAlt="Ambiente del restaurante"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="El Jardín"
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurante",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menú",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Cookies",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="El Jardín"
|
||||
columns={[
|
||||
{ title: "Restaurante", items: [{ label: "Sobre Nosotros", href: "#about" }, { label: "Menú", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Cookies", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user