src/app/reservas/page.tsx

@@ -7,6 +7,12 @@ 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"
@@ -40,7 +46,7 @@ export default function ReservasPage() {
                     { name: "personas", type: "number", placeholder: "Número de comensales" }
                 ]}
                 buttonText="Reservar ahora"
-                onSubmit={(data) => console.log(data)}
+                onSubmit={handlePaymentRedirect}
                 useInvertedBackground={false}
             />
         </div>