script.js

document.addEventListener('DOMContentLoaded', () => {
    // Select all internal links starting with '#'
    const navLinks = document.querySelectorAll('a[href^="#"]');
    
    navLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            const targetId = this.getAttribute('href');
            
            let targetPosition = 0;
            
            if (targetId !== '#' && targetId !== '') {
                const targetElement = document.querySelector(targetId);
                if (!targetElement) return;
                
                const header = document.querySelector('.layout-body-header');
                const headerHeight = header ? header.offsetHeight : 54;
                targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight - 24;
            }
            
            e.preventDefault();
            
            const startPosition = window.pageYOffset;
            const distance = targetPosition - startPosition;
            const duration = 600; // Snappier duration for fast response
            let start = null;
            
            // easeOutCubic: starts instantly at high speed, decelerates at the very end
            function easeOutCubic(t, b, c, d) {
                t /= d;
                t--;
                return c * (t * t * t + 1) + b;
            }
            
            function step(timestamp) {
                if (!start) start = timestamp;
                const progress = timestamp - start;
                window.scrollTo(0, easeOutCubic(progress, startPosition, distance, duration));
                if (progress < duration) {
                    window.requestAnimationFrame(step);
                } else {
                    window.scrollTo(0, targetPosition);
                }
            }
            
            window.requestAnimationFrame(step);
        });
    });

    // Mobile menu toggle
    const mobileToggle = document.querySelector('.mobile-menu-toggle');
    const primaryNav = document.querySelector('.primary-nav');
    
    if (mobileToggle && primaryNav) {
        mobileToggle.addEventListener('click', () => {
            primaryNav.classList.toggle('active');
            const icon = mobileToggle.querySelector('i');
            if (primaryNav.classList.contains('active')) {
                icon.classList.remove('bx-menu');
                icon.classList.add('bx-x');
            } else {
                icon.classList.remove('bx-x');
                icon.classList.add('bx-menu');
            }
        });

        // Close menu when a link is clicked
        const navLinksToClose = primaryNav.querySelectorAll('.nav-link');
        navLinksToClose.forEach(link => {
            link.addEventListener('click', () => {
                primaryNav.classList.remove('active');
                const icon = mobileToggle.querySelector('i');
                icon.classList.remove('bx-x');
                icon.classList.add('bx-menu');
            });
        });
    }
});