// Get the current page URL const currentUrl = window.location.pathname; // Select all navigation links const navLinks = document.querySelectorAll("._stMenu_mdl_txt[href]"); // Reset all nav items' active class navLinks.forEach(link => { link.classList.remove("active"); }); // Add the active class to the matching link navLinks.forEach(link => { if (link.getAttribute("href") === currentUrl) { link.classList.add("active"); console.log(currentUrl, navLinks) } }); $(document).ready(function() { $('.popup-gallery').magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current image }, image: { tError: 'The image #%curr% could not be loaded.', titleSrc: function(item) { return item.el.attr('title') + ' '; } } }); }); // Create the WhatsApp link and icon elements const whatsAppIcon = document.querySelector(".whatsAppDiv"); if (!whatsAppIcon && !window.location.pathname.includes('/site-builder')) { document.body.insertAdjacentHTML( "beforeend", `

` ); // Add CSS styles dynamically to the head const style = document.createElement("style"); style.textContent = ` .whatsAppDiv { position: fixed !important; z-index: 999; bottom: 24px; right: 24px; transition: transform 300ms; } .whatsAppDiv:hover { transform: scale(1.05); } .whatsAppDiv_logo { width: 48px; height: 48px; filter: drop-shadow(6px 6px 12px rgba(0, 0, 0, 0.26)); object-fit: contain; } `; document.head.appendChild(style); } console.log('This is from global js.', window.location.pathname) // custom accordion const accordionHeaders = document.querySelectorAll('.accordion_header'); const accordionContents = document.querySelectorAll('.accordion_content'); const accordionIcons = document.querySelectorAll('.accordion_icon'); accordionHeaders.forEach((header, index) => { header.addEventListener('click', () => { console.log("why you click me") // Close all accordion contents and reset icons accordionContents.forEach((content, i) => { if (index !== i) { content.style.maxHeight = null; content.style.paddingTop = null; content.style.paddingBottom = null; accordionIcons[i].style.transform = "rotate(0deg)"; // Reset other icons } }); // Toggle current accordion content const content = accordionContents[index]; const icon = accordionIcons[index]; if (content.style.maxHeight) { // Close the current section content.style.maxHeight = null; content.style.paddingTop = null; content.style.paddingBottom = null; icon.style.transform = "rotate(0deg)"; // Reset icon } else { // Open the current section content.style.maxHeight = content.scrollHeight + "px"; content.style.paddingTop = "10px"; content.style.paddingBottom = "10px"; icon.style.transform = "rotate(180deg)"; // Rotate icon } }); }); // jquery slider $(document).ready(function () { $('.thumb a').click(function(e) { e.preventDefault(); $('.imgBox img').attr("src", $(this).attr("href")); }) }) let icons = document.querySelectorAll(".toggle_icon"); let contents = document.querySelectorAll(".toggle_text"); let openCloseText = document.querySelectorAll(".open_close"); icons.forEach((icon, index) => { icon.addEventListener("click", () => { let arrow = icon.querySelector("i"); if (contents[index].style.maxHeight) { contents[index].style.maxHeight = null; openCloseText[index].innerHTML = "Open"; arrow.style.transform = "rotate(0deg)"; } else { contents[index].style.maxHeight = contents[index].scrollHeight + "px"; openCloseText[index].innerHTML = "Close"; arrow.style.transform = "rotate(180deg)"; } }); }); //scoll to top button "note: html elements created on the footer" let toTopEl = document.querySelector(".to-top"); window.onscroll = () => { if(!toTopEl) return; if ( document.body.scrollTop > 100 || document.documentElement.scrollTop > 100 ) { toTopEl.style.opacity = 1; } else { toTopEl.style.opacity = 0; } }; if(toTopEl) { toTopEl.addEventListener("click", () => { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; }); } // =========== Parallax effect ============= const parallaxSections = document.querySelectorAll(".parallax-section"); function isInViewport(el, distence = 0) { const rect = el.getBoundingClientRect(); return rect.bottom > 0 && rect.top < window.innerHeight - distence; } function handleParallax() { if(!parallaxSections.length) return; parallaxSections.forEach((section) => { if (isInViewport(section)) { const speed = section.dataset.speed || 0.3; const offset = window.scrollY - section.offsetTop; const yPos = (offset * speed); section.style.backgroundPosition = `50% ${yPos}px`; } }); } window.addEventListener("scroll", handleParallax); // on screen custom animation const logoBox = document.querySelector(".anim_box"); if(logoBox) { logoBox.classList.add('active'); function handleClassOnView() { const rect = logoBox.getBoundingClientRect(); if(isInViewport(logoBox, 100)) { logoBox.classList.add('active'); } else if (rect.top > window.innerHeight) { logoBox.classList.remove('active') } } window.addEventListener("scroll", handleClassOnView); } // ==========================#####============================ // ================== GSAP Animation ================== // Hero section gsap.from('.hero_content', { duration: 1, y: 200, opacity: 0, }); // Counter const items = document.querySelectorAll(".count"); items.forEach(item => { if (!item.textContent.trim() || isNaN(item.textContent)) { item.textContent = "0"; // Set default value to 0 if empty or not a number } }); gsap.from(items, { textContent: 0, duration: 3, snap: { textContent: 1 }, onUpdate: function () { this.targets().forEach(target => { target.innerHTML = Math.round(target.textContent); }); }, scrollTrigger: { trigger: ".count-container", } }); // Offer box gsap.from(".offer-box", { y: 400, stagger: 0.35, duration: 1, scrollTrigger: { trigger: '.offer-box-wrapper', scrub: 3, start: "top bottom", end: "top 20%", } }); gsap.from(".training_box_left .training_box", { x: -200, opacity: 0, duration: 1, stagger: 0.35, scrollTrigger: { trigger: ".training_box_left", start: 'top bottom', end: 'top 20%', scrub: 3, } }); gsap.from(".training_box_right .training_box", { x: 200, opacity: 0, duration: 1, stagger: 0.35, scrollTrigger: { trigger: ".training_box_right", start: 'top bottom', end: 'top 20%', scrub: 3, } }); gsap.from(".the_hub_img", { x: -200, opacity: 0, duration: 1, scrollTrigger: { trigger: ".the_hub_img", start: 'top bottom', end: 'top 40%', scrub: 3, } }); gsap.from(".the_hub_text", { x: 200, opacity: 0, stagger: 0.25, duration: 1, scrollTrigger: { trigger: ".the_hub_text", start: 'top bottom', end: 'top 40%', scrub: 2, } }); gsap.from(".newsletter_box", { y: 100, opacity: 0, scrollTrigger: { trigger: ".newsletter_box", start: 'top 80%', end: 'top center' } }); // Subscription info page gsap.from(".subscription_included_circle", { x: -750, opacity: 0, duration: 1, scrollTrigger: { trigger: ".subscription_included_circle", start: 'top bottom', end: 'top 20%', scrub: 3, } }); gsap.from(".subscription_included_img", { y: 200, opacity: 0, duration: 0.75, scrollTrigger: { trigger: ".subscription_included_img", start: 'top bottom', end: 'top center', scrub: 2, } }); gsap.from(".subscription_included_card", { y: 200, opacity: 0, duration: 1.5, stagger: 0.5, scrollTrigger: { trigger: ".subscription_included_card", start: 'top bottom', end: 'top -=200', scrub: 2, } }); // Prevent Lenis from hijacking scroll inside .no-lenis-job document.querySelectorAll('.show_scrollbar_onHover').forEach(el => { el.addEventListener('wheel', e => { e.stopPropagation(); }, { passive: false }) el.addEventListener('touchmove', e => { e.stopPropagation() }, { passive: false }) }) // ================== End GASP Animation ================== // ============== Customize nav icon ==================== // const msgIcon = `` // const bellIcon = `` // const observer = new MutationObserver(() => { // const menuMsgIcon = document.querySelector("[aria-describedby='header-message-icon']"); // const menuBellIcon = document.querySelector("[aria-describedby='header-notification-icon']"); // if (menuMsgIcon || menuBellIcon) { // menuMsgIcon.innerHTML = msgIcon; // menuBellIcon.innerHTML = bellIcon; // observer.disconnect(); // } // }); // observer.observe(document.body, { childList: true, subtree: true }); // ============== End Customize nav icon ====================

Signup to Get Started !