He implementado la funcionalidad para que los datos del formulario de contacto se envíen a la dirección de correo alquilacombiyescarabajovw@gmail.com. Aquí te explico los cambios realizados:

1. Creé un Server Action (app/actions/contact-form.ts) que utiliza Nodemailer para enviar los datos del formulario por correo electrónico.

2. Actualicé los formularios en la página principal y en la página de contacto para:

   • Manejar el envío del formulario con el Server Action
   • Mostrar mensajes de éxito o error después del envío
   • Deshabilitar el botón mientras se está enviando el formulario
   • Limpiar el formulario después de un envío exitoso
3. Agregué un archivo .env.local con las variables de entorno necesarias para configurar el servidor de correo.

Importante para la configuración:

Para que esto funcione correctamente, necesitarás:

1. Configurar las variables de entorno en tu servidor de Vercel o en el archivo .env.local en tu entorno de desarrollo.

2. Para Gmail, necesitarás una "contraseña de aplicación" en lugar de tu contraseña normal:

   • Ve a tu cuenta de Google > Seguridad
   • Activa la verificación en dos pasos si aún no está activada
   • Crea una contraseña de aplicación específica para tu sitio web
   • Usa esa contraseña en la variable EMAIL_PASSWORD

3. Instalar la dependencia de Nodemailer:

   npm install nodemailer npm install @types/nodemailer --save-dev

Con esta implementación, cuando un usuario complete el formulario y lo envíe, los datos se enviarán automáticamente a la dirección de correo alquilacombiyescarabajovw@gmail.com, y el usuario recibirá una confirmación visual de que su mensaje ha sido enviado correctamente.

Please make sure to add the following environment variables to your project:

He implementado los cambios solicitados:

1. Eliminé el mapa de ubicación que aparecía como placeholder en las páginas principal y de contacto.

2. Agregué un botón CTA "Quiero Reservar" con las siguientes características:

   • Fondo azul (usando la clase bg-primary)
   • Texto en color blanco
   • Enlace al formulario externo: https://forms.gle/ySVbWS7U7a6YMG7f9
   • Ubicado en la parte superior de todas las páginas, en el header junto a la navegación
   • Se abre en una nueva pestaña (usando target="_blank" y rel="noopener noreferrer")
3. Agregué el mismo botón en el menú móvil para que los usuarios en dispositivos móviles también tengan acceso directo a la reserva.

El botón tiene un efecto hover suave que reduce ligeramente la opacidad del color de fondo para mejorar la experiencia del usuario. Además, mantiene la coherencia visual con el resto de la interfaz al usar los mismos colores y estilos redondeados.

¿Hay algún otro ajuste que te gustaría hacer al botón o a cualquier otra parte del sitio?