// Elegant floating element that follows the cursor const floatingElement = document.getElementById('floatingElement'); let mouseX = 0; let mouseY = 0; let currentX = 0; let currentY = 0; document.addEventListener('mousemove', (e) => { mouseX = e.clientX; mouseY = e.clientY; }); function animate() { const dx = mouseX - currentX; const dy = mouseY - currentY; currentX += dx * 0.1; currentY += dy * 0.1; floatingElement.style.left = (currentX - 200) + 'px'; floatingElement.style.top = (currentY - 200) + 'px'; floatingElement.style.opacity = '1'; requestAnimationFrame(animate); } animate(); // Form submission handler const form = document.getElementById('contactForm'); form.addEventListener('submit', (e) => { e.preventDefault(); // Add a subtle animation to the button const btn = form.querySelector('.submit-btn'); btn.style.transform = 'scale(0.95)'; setTimeout(() => { btn.style.transform = 'scale(1)'; alert('¡Gracias por tu mensaje! Te contactaremos pronto.'); form.reset(); }, 200); }); // Add subtle parallax effect to info items const infoItems = document.querySelectorAll('.info-item'); document.addEventListener('mousemove', (e) => { const mouseXPercent = e.clientX / window.innerWidth; const mouseYPercent = e.clientY / window.innerHeight; infoItems.forEach((item, index) => { const offsetX = (mouseXPercent - 0.5) * 10 * (index + 1); const offsetY = (mouseYPercent - 0.5) * 10 * (index + 1); item.style.transform = `translate(${offsetX}px, ${offsetY}px)`; }); });