La plataforma todo-en-uno para tu ISP

document.addEventListener('DOMContentLoaded', () => { // Cookie Banner Logic const cookieBanner = document.getElementById('cookieBanner'); const acceptCookies = document.getElementById('acceptCookies'); const rejectCookies = document.getElementById('rejectCookies'); // Check if user has already made a choice if (!localStorage.getItem('cookieConsent')) { setTimeout(() => { cookieBanner.classList.add('show'); }, 1000); } acceptCookies.addEventListener('click', () => { localStorage.setItem('cookieConsent', 'accepted'); cookieBanner.classList.remove('show'); }); rejectCookies.addEventListener('click', () => { localStorage.setItem('cookieConsent', 'rejected'); cookieBanner.classList.remove('show'); }); // Theme Switcher const themeToggle = document.getElementById('theme-checkbox'); const scrollToTopBtn = document.getElementById('scrollToTopBtn'); function switchTheme(e) { if (e.target.checked) { document.documentElement.setAttribute('data-theme', 'dark'); localStorage.setItem('theme', 'dark'); } else { document.documentElement.setAttribute('data-theme', 'light'); localStorage.setItem('theme', 'light'); } } themeToggle.addEventListener('change', switchTheme, false); const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null; if (currentTheme) { document.documentElement.setAttribute('data-theme', currentTheme); if (currentTheme === 'dark') { themeToggle.checked = true; } } // Scroll to Top Button window.addEventListener('scroll', () => { if (window.scrollY > 300) { scrollToTopBtn.classList.add('visible'); } else { scrollToTopBtn.classList.remove('visible'); } }); scrollToTopBtn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); // Smooth scrolling for navigation links document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { if(this.getAttribute('href') === '#') return; e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); // Animation on scroll const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('fade-in-up'); } }); }, { threshold: 0.1 }); document.querySelectorAll('.feature-card, .step-card').forEach(el => { observer.observe(el); }); // Modal Logic const modal = document.getElementById('demoModal'); const openModalBtns = document.querySelectorAll('.demo-btn'); const closeModalBtn = document.querySelector('.close-btn'); const demoForm = document.getElementById('demoForm'); const formContent = document.getElementById('form-content'); const formSuccess = document.getElementById('form-success'); const submitButton = demoForm.querySelector('.submit-btn'); const originalButtonText = submitButton.textContent; // Function to open the modal const openModal = () => { modal.style.display = 'block'; }; // Function to close the modal and reset its state const closeModal = () => { modal.style.display = 'none'; // Reset form for next time formContent.style.display = 'block'; formSuccess.style.display = 'none'; submitButton.textContent = originalButtonText; submitButton.disabled = false; demoForm.reset(); }; // Event listeners to open the modal openModalBtns.forEach(btn => { btn.addEventListener('click', (e) => { e.preventDefault(); openModal(); }); }); // Event listener to close the modal with the 'x' button closeModalBtn.addEventListener('click', closeModal); // Close modal if user clicks outside of it window.addEventListener('click', (e) => { if (e.target === modal) { closeModal(); } }); // Handle form submission with AJAX demoForm.addEventListener('submit', (e) => { e.preventDefault(); const formData = new FormData(demoForm); submitButton.textContent = 'Enviando...'; submitButton.disabled = true; fetch(demoForm.action, { method: 'POST', body: formData, headers: { 'Accept': 'application/json' } }) .then(response => { if (response.ok) { formContent.style.display = 'none'; formSuccess.style.display = 'block'; } else { return response.json().then(data => { throw new Error(data.error || 'Ocurrió un error en el servidor.'); }); } }) .catch(error => { console.error('Error:', error); alert('No se pudo enviar la solicitud. Por favor, inténtalo de nuevo más tarde.'); // Restore button only on error submitButton.textContent = originalButtonText; submitButton.disabled = false; }); }); // Toggle comparison table const toggleButton = document.getElementById('toggleComparison'); const comparisonTable = document.getElementById('comparisonTable'); if (toggleButton && comparisonTable) { toggleButton.addEventListener('click', function() { if (comparisonTable.style.display === 'none') { comparisonTable.style.display = 'block'; this.textContent = 'Ocultar Comparación'; comparisonTable.scrollIntoView({ behavior: 'smooth' }); } else { comparisonTable.style.display = 'none'; this.textContent = 'Ver Comparación Detallada'; } }); } });