Inicio
Sobre Nosotros
Turismo
Pymes & Comercio
Blog
Contacto

Hablemos de tu Proyecto

Déjanos tus datos y te contactaremos para una auditoría inicial gratuita.

Nombre

Email Corporativo

Mensaje / Necesidad

Consultora tecnológica líder en El Calafate. Llevamos la potencia de la Inteligencia Artificial a empresas reales.

Empresa

Inicio
Sobre Nosotros
Contacto
Blog

Servicios

Turismo
Pymes
Consultoría

Contacto

contacto@patagon-ia.elcalafate.online
El Calafate, Santa Cruz
Argentina

© 2025 PatagonIA. Todos los derechos reservados.

Política // Función para mostrar mensajes al usuario function showMessage(message, type = 'success') { const messageElement = document.getElementById('form-messages'); messageElement.textContent = message; messageElement.style.display = 'block'; // Estilos según el tipo de mensaje if (type === 'success') { messageElement.style.backgroundColor = 'var(--color-accent)'; messageElement.style.color = 'white'; messageElement.style.border = '1px solid var(--color-accent)'; } else { messageElement.style.backgroundColor = '#dc3545'; messageElement.style.color = 'white'; messageElement.style.border = '1px solid #dc3545'; } // Ocultar el mensaje después de 5 segundos setTimeout(() => { messageElement.style.display = 'none'; }, 5000); } // Función para mostrar estado de carga function showLoadingState(button, isLoading) { if (isLoading) { button.textContent = 'Enviando...'; button.disabled = true; button.style.opacity = '0.7'; } else { button.textContent = 'Enviar Mensaje'; button.disabled = false; button.style.opacity = '1'; } } // Manejar el envío del formulario document.addEventListener('DOMContentLoaded', () => { const form = document.getElementById('form-contacto'); const submitButton = form.querySelector('button[type="submit"]'); form.addEventListener('submit', async (e) => { // Prevenir el envío tradicional del formulario e.preventDefault(); // Mostrar estado de carga showLoadingState(submitButton, true); try { // Capturar los datos del formulario const formData = new FormData(form); const datosLead = { nombre: formData.get('name').trim(), email: formData.get('email').trim(), mensaje: formData.get('message').trim() }; // Validación básica if (!datosLead.nombre || !datosLead.email) { showMessage('Por favor, completa todos los campos requeridos.', 'error'); showLoadingState(submitButton, false); return; } // Validación de email const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailRegex.test(datosLead.email)) { showMessage('Por favor, ingresa un email válido.', 'error'); showLoadingState(submitButton, false); return; } // Enviar datos al backend const response = await fetch(API_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(datosLead) }); const result = await response.json(); if (response.ok && result.success) { // Éxito showMessage('¡Mensaje enviado exitosamente! Te contactaremos pronto.', 'success'); form.reset(); // Limpiar el formulario } else { // Error del servidor const errorMessage = result.message || 'Error al enviar el mensaje. Inténtalo nuevamente.'; showMessage(errorMessage, 'error'); } } catch (error) { console.error('Error:', error); showMessage('Error de conexión. Verifica que el servidor esté funcionando.', 'error'); } finally { // Restaurar estado del botón showLoadingState(submitButton, false); } }); });