File size: 3,441 Bytes
679b160 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 |
// Shared JavaScript across all pages
console.log('UnityLeadCapture App loaded');
// Form submission handler
document.addEventListener('DOMContentLoaded', function() {
const leadForm = document.getElementById('leadForm');
if (leadForm) {
leadForm.addEventListener('submit', async function(e) {
e.preventDefault();
const formData = new FormData(leadForm);
const data = {
name: formData.get('name') || leadForm.querySelector('input[type="text"]').value,
email: formData.get('email') || leadForm.querySelector('input[type="email"]').value,
phone: formData.get('phone') || leadForm.querySelector('input[type="tel"]').value,
experience: formData.get('experience') || leadForm.querySelector('select').value,
skills: formData.get('skills') || leadForm.querySelector('textarea').value
};
// Simulate API call to backend
try {
const submitBtn = leadForm.querySelector('button[type="submit"]');
const originalText = submitBtn.innerHTML;
// Show loading state
submitBtn.innerHTML = '<i data-feather="loader" class="animate-spin inline mr-2"></i>Processando...';
feather.replace();
// Simulate API delay
await new Promise(resolve => setTimeout(resolve, 2000));
// Show success message
showSuccessMessage('Cadastro realizado com sucesso! Em breve entraremos em contato com oportunidades exclusivas. 🎮');
// Reset form
leadForm.reset();
submitBtn.innerHTML = originalText;
feather.replace();
} catch (error) {
console.error('Error submitting form:', error);
alert('Erro ao processar cadastro. Tente novamente.');
}
});
}
});
// Show success message
function showSuccessMessage(message) {
const existingMessage = document.querySelector('.success-message');
if (existingMessage) {
existingMessage.remove();
}
const successDiv = document.createElement('div');
successDiv.className = 'success-message fixed top-4 right-4 bg-green-500 text-white p-4 rounded-lg shadow-lg z-50 max-w-sm';
successDiv.innerHTML = `
<div class="flex items-center">
<i data-feather="check-circle" class="mr-2"></i>
<span>${message}</span>
</div>
`;
document.body.appendChild(successDiv);
feather.replace();
// Remove message after 5 seconds
setTimeout(() => {
successDiv.remove();
}, 5000);
}
// Initialize tooltips and other interactive elements
function initInteractiveElements() {
// Add hover effects to benefit cards
const benefitCards = document.querySelectorAll('.bg-gray-800');
benefitCards.forEach(card => {
card.addEventListener('mouseenter', () => {
card.style.transform = 'translateY(-5px)';
});
card.addEventListener('mouseleave', () => {
card.style.transform = 'translateY(0)';
});
});
}
// Call initialization when DOM is loaded
document.addEventListener('DOMContentLoaded', initInteractiveElements); |