// Carousel Navigation const carousel = document.querySelector('.glocom-carousel'); const items = document.querySelectorAll('.glocom-carousel-item'); let currentIndex = 0; function updateCarousel() { carousel.style.transform = `translateX(-${currentIndex * 320}px)`; } document.querySelector('.glocom-prev').addEventListener('click', () => { currentIndex = (currentIndex > 0) ? currentIndex - 1 : items.length - 1; updateCarousel(); }); document.querySelector('.glocom-next').addEventListener('click', () => { currentIndex = (currentIndex { currentIndex = (currentIndex + 1) % items.length; updateCarousel(); }, 5000); // Custom Cursor const cursor = document.createElement('div'); cursor.classList.add('glocom-custom-cursor'); document.body.appendChild(cursor); document.addEventListener('mousemove', (e) => { cursor.style.left = `${e.pageX}px`; cursor.style.top = `${e.pageY}px`; }); document.querySelectorAll('.glocom-feature-card, .glocom-carousel-item, .glocom-button').forEach(element => { element.addEventListener('mouseover', () => { cursor.classList.add('glocom-highlight-cursor'); }); element.addEventListener('mouseout', () => { cursor.classList.remove('glocom-highlight-cursor'); }); }); // Accordion for Mobile document.querySelectorAll('.glocom-feature-card').forEach(card => { card.addEventListener('click', () => { const isActive = card.classList.contains('active'); card.classList.toggle('active', !isActive); }); });