From 23fdbab3f8ded38c06019d2f190b8fd333863513 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 14:18:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 450 +++++++++++++++--------------------------------
 1 file changed, 137 insertions(+), 313 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fd67973..47349d7 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1