/* ============================================================ SECTION 1: Momentum frontend JavaScript - React / Next.js safe version (Default site-wide JS - FAQs, calculators, tabs, marquees, etc.) ============================================================ */ (function () { 'use strict'; function markOnce(element, key) { if (!element) return false; const attr = 'momentum' + key; if (element.dataset[attr] === '1') return false; element.dataset[attr] = '1'; return true; } function initFaqs() { document.querySelectorAll('.faq-accordion').forEach(function (accordion) { if (!markOnce(accordion, 'Faq')) return; const parent = accordion.parentElement; const tabs = parent ? parent.querySelectorAll('.faq-tab') : []; const items = accordion.querySelectorAll('.faq-item'); function showCategory(category) { items.forEach(function (item) { if (!item.dataset.category) return; item.style.display = item.dataset.category === category ? 'block' : 'none'; }); } if (tabs.length) { const firstTab = tabs[0]; if (firstTab) { firstTab.classList.add('active'); showCategory(firstTab.dataset.tab); } tabs.forEach(function (tab) { tab.addEventListener('click', function () { tabs.forEach(function (item) { item.classList.remove('active'); }); tab.classList.add('active'); showCategory(tab.dataset.tab); items.forEach(function (item) { item.classList.remove('active'); }); }); }); } accordion.querySelectorAll('.faq-question').forEach(function (btn) { btn.addEventListener('click', function () { const currentItem = btn.closest('.faq-item'); if (!currentItem) return; items.forEach(function (item) { if (item !== currentItem) { item.classList.remove('active'); } }); currentItem.classList.toggle('active'); }); }); }); document.querySelectorAll('.faq-tabs').forEach(function (faqTabs) { if (!markOnce(faqTabs, 'Scrollbar')) return; const track = document.createElement('div'); track.className = 'faq-tabs-track'; const thumb = document.createElement('div'); thumb.className = 'faq-tabs-thumb'; track.appendChild(thumb); if (faqTabs.parentNode) { faqTabs.parentNode.insertBefore(track, faqTabs.nextSibling); } function updateFaqThumb() { if (faqTabs.scrollWidth <= faqTabs.clientWidth) { track.style.display = 'none'; return; } track.style.display = 'block'; const ratio = faqTabs.clientWidth / faqTabs.scrollWidth; const thumbWidth = Math.max(faqTabs.clientWidth * ratio, 40); const maxScroll = faqTabs.scrollWidth - faqTabs.clientWidth; const thumbLeft = maxScroll > 0 ? (faqTabs.scrollLeft / maxScroll) * (faqTabs.clientWidth - thumbWidth) : 0; thumb.style.width = thumbWidth + 'px'; thumb.style.left = thumbLeft + 'px'; } faqTabs.addEventListener('scroll', updateFaqThumb); window.addEventListener('resize', updateFaqThumb); updateFaqThumb(); faqTabs.scrollLeft = 1; setTimeout(function () { faqTabs.scrollLeft = 0; updateFaqThumb(); }, 200); }); } function initLeadCalculator() { const leadForm = document.getElementById('leadForm'); if (!leadForm || !markOnce(leadForm, 'Calculator')) return; leadForm.addEventListener('submit', function (e) { e.preventDefault(); const visitorsField = document.getElementById('visitors'); const industryField = document.getElementById('industry'); const valueField = document.getElementById('value'); const result = document.getElementById('result'); if ( !visitorsField || !industryField || !valueField || !result ) { return; } let visitors = visitorsField.value; let industryRate = industryField.value; let value = valueField.value; if (!visitors || !industryRate || !value) return; visitors = parseFloat(visitors); industryRate = parseFloat(industryRate); value = parseFloat(value); const potentialLeads = visitors * industryRate; const lostRevenue = potentialLeads * value; const percentage = (industryRate * 100).toFixed(1); const formattedRevenue = Number(lostRevenue).toLocaleString('en-IN'); result.classList.remove('d-none', 'hidden'); result.innerHTML = `

ESTIMATED MONTHLY REVENUE COST

₹${formattedRevenue}

Based on Industry average ${percentage}% conversion rate gap

`; }); } function initProgressBars() { document.querySelectorAll('.my-progress-fill').forEach(function (bar) { if (!markOnce(bar, 'Progress')) return; const value = bar.dataset.progress || 0; setTimeout(function () { bar.style.width = value + '%'; }, 200); }); } function initCaseTabs() { document.querySelectorAll('.case-tabs').forEach(function (container) { if (!markOnce(container, 'CaseTabs')) return; const tabs = container.querySelectorAll('.case-tab-btn'); const scope = container.closest('section') || container.parentElement || document; const panes = scope.querySelectorAll('.case-pane'); tabs.forEach(function (tab) { tab.addEventListener('click', function () { tabs.forEach(function (item) { item.classList.remove('active'); }); panes.forEach(function (pane) { pane.classList.remove('active'); }); tab.classList.add('active'); const target = document.getElementById(tab.dataset.case); if (target) target.classList.add('active'); }); }); const track = document.createElement('div'); track.className = 'case-tabs-track'; const thumb = document.createElement('div'); thumb.className = 'case-tabs-thumb'; track.appendChild(thumb); if (container.parentNode) { container.parentNode.insertBefore(track, container.nextSibling); } function updateCaseThumb() { if (container.scrollWidth <= container.clientWidth) { track.style.display = 'none'; return; } track.style.display = 'block'; const ratio = container.clientWidth / container.scrollWidth; const thumbWidth = Math.max(container.clientWidth * ratio, 40); const maxScroll = container.scrollWidth - container.clientWidth; const thumbLeft = maxScroll > 0 ? (container.scrollLeft / maxScroll) * (container.clientWidth - thumbWidth) : 0; thumb.style.width = thumbWidth + 'px'; thumb.style.left = thumbLeft + 'px'; } container.addEventListener('scroll', updateCaseThumb); window.addEventListener('resize', updateCaseThumb); updateCaseThumb(); container.scrollLeft = 1; setTimeout(function () { container.scrollLeft = 0; updateCaseThumb(); }, 200); }); } function initCounters() { document.querySelectorAll('.counter').forEach(function (counter) { if (!markOnce(counter, 'Counter')) return; const target = Number(counter.getAttribute('data-count')); if (!Number.isFinite(target)) return; const originalHTML = counter.innerHTML; if (originalHTML.includes('0')) { counter.innerHTML = originalHTML.replace( '0', '0' ); } else { counter.innerHTML = '0' + originalHTML; } const valueNode = counter.querySelector('.counter-value'); if (!valueNode) return; let count = 0; const increment = Math.max(target / 100, 1); function updateCounter() { count = Math.min(target, Math.ceil(count + increment)); valueNode.textContent = count; if (count < target) { setTimeout(updateCounter, 20); } } updateCounter(); }); } function initOfferTimer() { const daysElement = document.getElementById('days'); const hoursElement = document.getElementById('hours'); const minutesElement = document.getElementById('minutes'); const secondsElement = document.getElementById('seconds'); if ( !daysElement || !hoursElement || !minutesElement || !secondsElement || !markOnce(daysElement, 'Timer') ) { return; } const endDate = new Date(); endDate.setDate(endDate.getDate() + 3); function updateTimer() { const now = new Date().getTime(); const distance = Math.max(0, endDate.getTime() - now); const days = Math.floor( distance / (1000 * 60 * 60 * 24) ); const hours = Math.floor( (distance / (1000 * 60 * 60)) % 24 ); const minutes = Math.floor( (distance / (1000 * 60)) % 60 ); const seconds = Math.floor( (distance / 1000) % 60 ); daysElement.innerText = String(days).padStart(2, '0'); hoursElement.innerText = String(hours).padStart(2, '0'); minutesElement.innerText = String(minutes).padStart(2, '0'); secondsElement.innerText = String(seconds).padStart(2, '0'); } updateTimer(); setInterval(updateTimer, 1000); } function initIndustryMarquee() { const track = document.getElementById('industryMarqueeTrack'); if (!track || !markOnce(track, 'IndustryMarquee')) return; const original = Array.from(track.children); original.forEach(function (el) { track.appendChild(el.cloneNode(true)); }); } function initServicesTabs() { document.querySelectorAll('.services-tabs').forEach(function (servicesTabs) { /* * The tab buttons are inside .services-tabs-wrapper, * but .services-tab-pane elements are outside that wrapper. * Search from the full services section instead. */ const scope = servicesTabs.closest('.services-tab-section') || servicesTabs.closest('section') || document; const tabs = servicesTabs.querySelectorAll('.services-tab'); const panes = scope.querySelectorAll('.services-tab-pane'); if (!tabs.length || !panes.length) return; if (!markOnce(servicesTabs, 'ServicesTabs')) return; tabs.forEach(function (tab, index) { tab.addEventListener('click', function () { tabs.forEach(function (item) { item.classList.remove('active'); }); panes.forEach(function (pane) { pane.classList.remove('active'); }); tab.classList.add('active'); if (panes[index]) { panes[index].classList.add('active'); } }); }); const track = document.createElement('div'); track.className = 'services-scroll-track'; const thumb = document.createElement('div'); thumb.className = 'services-scroll-thumb'; track.appendChild(thumb); if (servicesTabs.parentNode) { servicesTabs.parentNode.insertBefore( track, servicesTabs.nextSibling ); } function updateServicesThumb() { if ( servicesTabs.scrollWidth <= servicesTabs.clientWidth ) { track.style.display = 'none'; return; } track.style.display = 'block'; const ratio = servicesTabs.clientWidth / servicesTabs.scrollWidth; const thumbWidth = Math.max( servicesTabs.clientWidth * ratio, 40 ); const maxScroll = servicesTabs.scrollWidth - servicesTabs.clientWidth; const thumbLeft = maxScroll > 0 ? (servicesTabs.scrollLeft / maxScroll) * (servicesTabs.clientWidth - thumbWidth) : 0; thumb.style.width = thumbWidth + 'px'; thumb.style.left = thumbLeft + 'px'; } servicesTabs.addEventListener( 'scroll', updateServicesThumb ); window.addEventListener( 'resize', updateServicesThumb ); updateServicesThumb(); }); } function initPricingTabs() { document.querySelectorAll('.pricing-toggle').forEach(function (pricingToggle) { if (!markOnce(pricingToggle, 'Pricing')) return; const pricingBtns = pricingToggle.querySelectorAll('.pricing-toggle-btn'); const pricingSlider = pricingToggle.querySelector('.pricing-toggle-slider'); const scope = pricingToggle.closest('section') || pricingToggle.parentElement || document; const pricingTabs = scope.querySelectorAll('.pricing-tab-pane'); pricingBtns.forEach(function (btn, index) { btn.addEventListener('click', function () { pricingBtns.forEach(function (button) { button.classList.remove('active'); const save = button.querySelector('.pricing-save'); if (save) { save.classList.remove('text-white'); save.classList.add('text-blue'); } }); btn.classList.add('active'); const activeSave = btn.querySelector('.pricing-save'); if (activeSave) { activeSave.classList.remove('text-blue'); activeSave.classList.add('text-white'); } if (pricingSlider) { pricingSlider.classList.toggle( 'move', index === 1 ); } pricingTabs.forEach(function (tab) { tab.classList.remove('active'); }); const targetId = btn.dataset.pricing === 'monthly' ? 'pricing-monthly' : 'pricing-annual'; const targetPane = document.getElementById(targetId); if (targetPane) { targetPane.classList.add('active'); } }); }); }); } function initMainMarquee() { const track = document.getElementById('marqueeTrack'); if (!track || !markOnce(track, 'MainMarquee')) return; const items = [ 'CONTENT STRATEGY', 'AUTHORITY BUILDING', 'MONTHLY REPORTING', 'CHATGPT VISIBILITY', 'CORE WEB VITALS', 'GOOGLE PAGE 1 RANKINGS', 'LOCAL SEO', 'AI SEARCH OPTIMISATION', ]; function buildItem(text) { const div = document.createElement('div'); div.className = 'marquee-item'; const img = document.createElement('img'); img.src = 'https://momentuminfosystem.com/wp-content/uploads/2026/04/star-icon.svg'; img.className = 'marquee-star'; img.alt = '★'; img.onerror = function () { const fallback = document.createElement('span'); fallback.className = 'marquee-star-fallback'; fallback.textContent = '★'; div.replaceChild(fallback, img); }; const label = document.createElement('span'); label.className = 'marquee-label'; label.textContent = text; div.appendChild(img); div.appendChild(label); return div; } [...items, ...items].forEach(function (text) { track.appendChild(buildItem(text)); }); } function initHeaderScroll() { if (window.__momentumHeaderScrollBound) return; window.__momentumHeaderScrollBound = true; function updateHeader() { const header = document.querySelector('.website-header'); if (!header) return; header.classList.toggle( 'scrolled', window.scrollY > 10 ); } window.addEventListener('scroll', updateHeader, { passive: true, }); updateHeader(); } function initCareerTabs() { window.showCareerTab = function (tabId) { const leftTabs = document.querySelectorAll( '.course-tab-details .career-tab-content' ); const buttons = document.querySelectorAll( '.course-tab-buttons .career-tab-button' ); leftTabs.forEach(function (tab) { tab.classList.remove('active'); }); buttons.forEach(function (button) { button.classList.remove('active'); }); const leftTarget = document.getElementById(tabId); const rightTarget = document.getElementById(tabId + '-right'); if (leftTarget) { leftTarget.classList.add('active'); } if (rightTarget) { rightTarget.classList.add('active'); } buttons.forEach(function (button) { const onclickValue = button.getAttribute('onclick') || ''; if ( onclickValue.includes("'" + tabId + "'") || onclickValue.includes('"' + tabId + '"') ) { button.classList.add('active'); } }); }; } function initCourseAccordions() { document .querySelectorAll('.ac-title[data-in]') .forEach(function (trigger) { if (!markOnce(trigger, 'CourseAccordion')) return; trigger.addEventListener('click', function () { const selector = trigger.getAttribute('data-in'); if (!selector) return; const panel = document.querySelector(selector); if (!panel) return; const isOpen = trigger.classList.contains('active'); const scope = trigger.closest('.content-wrap') || trigger.parentElement?.parentElement; if (scope) { scope .querySelectorAll('.ac-title.active') .forEach(function (item) { if (item !== trigger) { item.classList.remove('active'); } }); scope .querySelectorAll('.accordian-para') .forEach(function (item) { if (item !== panel) { item.style.height = '0px'; item.style.opacity = '0'; } }); } trigger.classList.toggle( 'active', !isOpen ); panel.style.height = isOpen ? '0px' : panel.scrollHeight + 'px'; panel.style.opacity = isOpen ? '0' : '1'; }); }); } function initMomentumPage() { initFaqs(); initLeadCalculator(); initProgressBars(); initCaseTabs(); initCounters(); initOfferTimer(); initIndustryMarquee(); initServicesTabs(); initPricingTabs(); initMainMarquee(); initHeaderScroll(); initCareerTabs(); initCourseAccordions(); } function startMomentum() { initMomentumPage(); setTimeout(initMomentumPage, 100); setTimeout(initMomentumPage, 500); if (!window.__momentumObserverStarted) { window.__momentumObserverStarted = true; let observerTimer = null; const observer = new MutationObserver(function () { clearTimeout(observerTimer); observerTimer = setTimeout(function () { initMomentumPage(); }, 50); }); observer.observe(document.body, { childList: true, subtree: true, }); } } if (document.readyState === 'loading') { document.addEventListener( 'DOMContentLoaded', startMomentum, { once: true } ); } else { startMomentum(); } window.addEventListener('pageshow', function () { setTimeout(initMomentumPage, 50); }); })(); /* ============================================================ SECTION 2: WA Business API Home Page (Page-specific JS for the "template-wabusiness" page only - tab switching + scroll reveal animations. Appended once, after the default Momentum JS above.) ============================================================ */ (function () { function initWaBusinessHome() { const home = document.body.classList.contains('template-wabusiness') ? document.body : null; if (!home) return; const tabsNav = home.querySelector('#wa-tabs-nav'); if (tabsNav && tabsNav.dataset.waInit !== '1') { tabsNav.dataset.waInit = '1'; tabsNav.addEventListener('click', function (event) { const button = event.target.closest('button[data-tab]'); if (!button) return; const targetId = button.dataset.tab; tabsNav.querySelectorAll('button[data-tab]').forEach(function (item) { item.classList.toggle('active', item === button); }); home.querySelectorAll('.wa-tab-panel').forEach(function (panel) { panel.classList.toggle('active', panel.id === targetId); }); }); } const revealItems = home.querySelectorAll('.wa-reveal:not([data-wa-reveal-init])'); if ('IntersectionObserver' in window) { const observer = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add('wa-in'); observer.unobserve(entry.target); } }); }, { threshold: 0.12 }); revealItems.forEach(function (item) { item.dataset.waRevealInit = '1'; observer.observe(item); }); } else { revealItems.forEach(function (item) { item.dataset.waRevealInit = '1'; item.classList.add('wa-in'); }); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initWaBusinessHome, { once: true }); } else { initWaBusinessHome(); } window.addEventListener('pageshow', initWaBusinessHome); })();

Web Development

Top 10 Programming Languages to Learn for Successful Web Development in 2024

Optimizing Web Development: Embrace Top Web Development Best Practices for Success