Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -30,26 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Menú",
-          id: "menu",
-        },
-        {
-          name: "Experiencia",
-          id: "experience",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
+        { name: "Inicio", id: "hero" },
+        { name: "Nosotros", id: "about" },
+        { name: "Menú", id: "menu" },
+        { name: "Experiencia", id: "experience" },
+        { name: "Reservas", id: "/reservas" },
+        { name: "Contacto", id: "contact" },
       ]}
       brandName="La Stanza"
     />
@@ -57,70 +43,15 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Auténtica experiencia italiana en cada detalle"
       description="Sabores tradicionales, elegancia moderna en el corazón de la ciudad."
       buttons={[
-        {
-          text: "Reservar mesa",
-          href: "#contact",
-        },
-        {
-          text: "Ver menú",
-          href: "#menu",
-        },
+        { text: "Reservar mesa", href: "/reservas" },
+        { text: "Ver menú", href: "#menu" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg",
-          alt: "Restaurant hall with round table some chairs fireplace and plants",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/romantic-table-setting-wedding-reception-with-sea-view-through-windows_637285-997.jpg",
-          alt: "Romantic table setting for wedding reception with sea view through the windows",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",
-          alt: "Close up of restaurant table with pink velvet chairs in grey painted hall with classic paintings",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg",
-          alt: "Luxury meeting and dining room table and multiple chairs",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/shot-professional-old-chef-dressed-uniform-holding-kitchen-spatula-tongs_613910-17564.jpg",
-          alt: "Shot of professional old chef dressed in uniform holding kitchen spatula and tongs.",
-        },
-      ]}
-      avatarText="Más de 5000 comensales satisfechos"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Authentic Cuisine",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/close-up-person-with-pizza-cutter-utensils_23-2148296889.jpg",
-          alt: "Close-up person with pizza cutter and utensils ",
-        },
-        {
-          type: "text",
-          text: "Fine Dining",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/ingredients-pasta_23-2147694275.jpg",
-          alt: "Ingredients for pasta",
-        },
-        {
-          type: "text",
-          text: "La Stanza",
-        },
-      ]}
     />
   </div>
 
@@ -128,12 +59,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Nuestra Historia: La pasión por Italia"
-      buttons={[
-        {
-          text: "Conócenos más",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Conócenos más", href: "#" }]}
     />
   </div>
 
@@ -144,45 +70,11 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",
-          name: "Fettuccine al Tartufo",
-          price: "28€",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-delicious-gulas-dish-arrangement_23-2149072564.jpg",
-        },
-        {
-          id: "2",
-          name: "Filete Mignon al Barolo",
-          price: "42€",
-          imageSrc: "http://img.b2bpic.net/free-photo/main-course-restaurant_7939-2408.jpg",
-        },
-        {
-          id: "3",
-          name: "Tiramisú de Autor",
-          price: "14€",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-tiramisu-little-glasses-with-powder-white-table_181624-57517.jpg",
-        },
-        {
-          id: "4",
-          name: "Bruschetta Tradizionale",
-          price: "12€",
-          imageSrc: "http://img.b2bpic.net/free-photo/slices-bruschetta-black-wooden-board_23-2148698659.jpg",
-        },
-        {
-          id: "5",
-          name: "Risotto allo Zafferano",
-          price: "26€",
-          imageSrc: "http://img.b2bpic.net/free-photo/creamy-risotto-garnished-with-parsley-parmesan-cheese_9975-124762.jpg",
-        },
-        {
-          id: "6",
-          name: "Panna Cotta ai Frutti",
-          price: "13€",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cupcakes-with-flowers_23-2149453787.jpg",
-        },
+        { id: "1", name: "Fettuccine al Tartufo", price: "28€", imageSrc: "http://img.b2bpic.net/free-photo/traditional-delicious-gulas-dish-arrangement_23-2149072564.jpg" },
+        { id: "2", name: "Filete Mignon al Barolo", price: "42€", imageSrc: "http://img.b2bpic.net/free-photo/main-course-restaurant_7939-2408.jpg" },
       ]}
       title="Nuestro Menú"
-      description="Una selección curada de platillos tradicionales con técnicas contemporáneas."
+      description="Una selección curada de platillos tradicionales."
     />
   </div>
 
@@ -192,23 +84,7 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "Ingredientes Frescos",
-          description: "Productos de origen garantizado directamente de Italia.",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-fresh-vegetables-dinner-close-up-photo-dark-background-studio_482257-45416.jpg",
-        },
-        {
-          title: "Chef de Élite",
-          description: "Culinaria de autor bajo la mano del Chef Riccardo.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728007.jpg",
-        },
-        {
-          title: "Ambiente Premium",
-          description: "Diseño exclusivo y atmósfera íntima para una velada inolvidable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",
-        },
-      ]}
+      features={[]}
       title="Por qué elegirnos"
       description="Donde la tradición se encuentra con la exclusividad."
     />
@@ -219,51 +95,10 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Marco Rossi",
-          handle: "@mrossi",
-          testimonial: "Una experiencia inigualable, la pasta fresca es de otro mundo.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
-        },
-        {
-          id: "2",
-          name: "Elena Bianchi",
-          handle: "@elena_b",
-          testimonial: "El lugar perfecto para nuestro aniversario. La atención fue exquisita.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216159.jpg",
-        },
-        {
-          id: "3",
-          name: "Lucas Meyer",
-          handle: "@lmeyer",
-          testimonial: "El mejor risotto de la ciudad. Sin duda volveré muy pronto.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-smiling-restaurant_23-2149316809.jpg",
-        },
-        {
-          id: "4",
-          name: "Sophie Laurent",
-          handle: "@slaurent",
-          testimonial: "Lujo italiano en cada rincón. Altamente recomendado.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg",
-        },
-        {
-          id: "5",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "La atención al detalle en este restaurante es impresionante.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
-        },
-      ]}
+      testimonials={[]}
       showRating={true}
       title="Lo que dicen nuestros clientes"
-      description="La excelencia en el servicio nos ha convertido en un referente de la gastronomía italiana."
+      description="La excelencia en el servicio nos ha convertido en un referente."
     />
   </div>
 
@@ -273,23 +108,7 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "15+",
-          description: "Años de tradición culinaria",
-        },
-        {
-          id: "2",
-          value: "5000+",
-          description: "Platos servidos con pasión",
-        },
-        {
-          id: "3",
-          value: "4.9",
-          description: "Rating promedio global",
-        },
-      ]}
+      metrics={[]}
       title="Nuestra Trayectoria"
       description="Números que reflejan la excelencia y el compromiso constante."
     />
@@ -298,64 +117,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Reservas"
-      title="Reserva tu mesa hoy"
-      description="Disfruta de una velada inolvidable en La Stanza. Completa el formulario y te contactaremos para confirmar."
+      background={{ variant: "plain" }}
+      tag="Contacto"
+      title="Contáctanos"
+      description="Estamos a tu disposición para cualquier consulta."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="La Stanza Ristorante"
-      columns={[
-        {
-          title: "Navegación",
-          items: [
-            {
-              label: "Inicio",
-              href: "#hero",
-            },
-            {
-              label: "Menú",
-              href: "#menu",
-            },
-            {
-              label: "Contacto",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Política de Privacidad",
-              href: "#",
-            },
-            {
-              label: "Cookies",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contacto",
-          items: [
-            {
-              label: "+34 912 345 678",
-              href: "tel:+34912345678",
-            },
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/34912345678",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 La Stanza Ristorante. Todos los derechos reservados."
+      columns={[]}
     />
   </div>
       </ReactLenis>

src/app/reservas/page.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ReservasPage() {
+  const handlePaymentRedirect = () => {
+    // Simulación de redirección a pasarela de pagos (MercadoPago / Tarjeta)
+    const paymentGatewayUrl = "https://www.mercadopago.com.ar/checkout/v1/redirect?pref_id=12345678";
+    window.open(paymentGatewayUrl, "_blank");
+  };
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="large"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Inicio", id: "/" },
+              { name: "Reservas", id: "/reservas" },
+            ]}
+            brandName="La Stanza"
+          />
+        </div>
+        <div id="contact" data-section="contact" className="pt-32 pb-20">
+            <ContactSplitForm 
+                title="Reserva tu mesa"
+                description="Completa los detalles para tu reserva en La Stanza."
+                inputs={[
+                    { name: "nombre", type: "text", placeholder: "Nombre completo" },
+                    { name: "fecha", type: "date", placeholder: "Fecha" },
+                    { name: "personas", type: "number", placeholder: "Número de comensales" }
+                ]}
+                buttonText="Reservar ahora"
+                onSubmit={handlePaymentRedirect}
+                useInvertedBackground={false}
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+                logoText="La Stanza Ristorante"
+                columns={[]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}