// 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);
});
});