<!– Carousel Script (Safe Version) –>
<script>
jQuery(window).on(‚elementor/frontend/init‘, function () {
try {
const track = document.getElementById(‚lottieTrack‘);
const slides = document.querySelectorAll(‚.dbs-lottie-slide‘);
const modal = document.getElementById(‚lottieInfoModal‘);
const title = document.getElementById(‚modalTitle‘);
const desc = document.getElementById(‚modalDesc‘);
const viewMoreBtn = document.getElementById(‚modalViewMore‘);

if (!track || slides.length === 0) return;

// Duplicate slides for infinite scroll
track.innerHTML += track.innerHTML;

// Lazy-load Lottie players
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
const slide = entry.target;
if (entry.isIntersecting && !slide.querySelector(‚lottie-player‘)) {
const src = slide.dataset.src;
if (!src || typeof LottiePlayer === ‚undefined‘) return;

const lottie = document.createElement(‚lottie-player‘);
lottie.setAttribute(’src‘, src);
lottie.setAttribute(‚background‘, ‚transparent‘);
lottie.setAttribute(’speed‘, ‚1‘);
lottie.setAttribute(‚loop‘, “);
lottie.setAttribute(‚autoplay‘, “);
lottie.setAttribute(‚loading‘, ‚lazy‘);
lottie.style.cssText = ‚width:100px;height:100px;position:absolute;top:12px;‘;
const space = slide.querySelector(‚.lottie-space‘);
if (space) space.appendChild(lottie);
}
});
}, { threshold: 1 });

// Prepare Lottie wrapper inside each slide
slides.forEach(slide => {
const wrapper = document.createElement(‚div‘);
wrapper.className = ‚lottie-space‘;
wrapper.style.cssText = ‚width:100px;height:100px;margin-bottom:6px;position:relative;‘;
slide.prepend(wrapper);
observer.observe(slide);
});

// Modal content mapping
const slideDescriptions = {
„Application“: „We build powerful custom applications tailored to your business needs.“,
„Data Security“: „Your data is safe with our comprehensive protection systems.“,
„Layer Structure“: „Structured digital layers ensure modular scalability.“,
„Recognition“: „Our solutions have won industry-wide recognition.“,
„Messaging“: „Connect with your audience through strategic communication.“,
„Server Hosting“: „Ultra-fast and reliable server infrastructure.“,
„Text Engine“: „Smart engines for automated text and voice output.“,
„Email Verification“: „Ensure deliverability with verified email pipelines.“,
„Idea Generation“: „We ideate and validate with a creative-first approach.“,
„Code Review“: „Every line is peer-reviewed for quality and performance.“
};

// Slide click → open modal
slides.forEach(slide => {
slide.addEventListener(‚click‘, () => {
const label = slide.querySelector(‚.slide-label‘)?.textContent.trim();
if (!label || !modal || !title || !desc || !viewMoreBtn) return;
title.textContent = label;
desc.textContent = slideDescriptions[label] || „Service description goes here.“;
viewMoreBtn.onclick = () => {
const slug = label.toLowerCase().replace(/\s+/g, ‚-‚);
window.location.href = `/services/${slug}`;
};
modal.classList.add(‚open‘);
});
});

// Modal close logic
modal?.addEventListener(‚click‘, (e) => {
if (e.target === modal || e.target.classList.contains(‚close-modal‘)) {
modal.classList.remove(‚open‘);
}
});

} catch (err) {
console.error(‚Lottie carousel script error:‘, err);
}
});
</script>