script.js

// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        const target = document.querySelector(this.getAttribute('href'));
        if (target) {
            target.scrollIntoView({
                behavior: 'smooth',
                block: 'start'
            });
        }
    });
});

function trackCtaClick(label, url) {
    var eventPayload = {
        event_category: 'CTA',
        button_name: label,
        value: 1
    };

    if (typeof window.gtag === 'function') {
        window.gtag('event', 'cta_click', eventPayload);
    }

    if (Array.isArray(window.dataLayer)) {
        window.dataLayer.push({
            event: 'cta_click',
            button_name: label
        });
    }

    if (typeof url === 'string' && url && !url.startsWith('#')) {
        setTimeout(function () {
            window.location.href = url;
        }, 150);
    }
}

document.addEventListener('DOMContentLoaded', function () {
    // Button click handlers
    const startButton = document.querySelector('.btn-primary');
    const signupButton = document.querySelector('.btn-signup');
    const signupButtonLarge = document.querySelector('.btn-primary-large');

    const handleCTAClick = () => {
        alert('Welcome to MockLoop! This would redirect to the signup page.');
    };

    if (startButton) {
        startButton.addEventListener('click', function () {
            handleCTAClick();
            trackCtaClick('Start Button', startButton.getAttribute('href'));
        });
    }

    if (signupButton) {
        signupButton.addEventListener('click', function () {
            handleCTAClick();
            trackCtaClick('Sign Up', signupButton.getAttribute('href'));
        });
    }

    if (signupButtonLarge) {
        signupButtonLarge.addEventListener('click', function () {
            handleCTAClick();
            trackCtaClick('Sign Up Large', signupButtonLarge.getAttribute('href'));
        });
    }
});

// Microphone button interaction
const micButton = document.querySelector('.microphone-btn');
micButton?.addEventListener('click', () => {
    alert('Starting voice recording... (Demo mode)');
    micButton.style.opacity = '0.7';
    setTimeout(() => {
        micButton.style.opacity = '1';
    }, 1000);
});

// Add scroll animation for elements
const observerOptions = {
    threshold: 0.1,
    rootMargin: '0px 0px -100px 0px'
};

const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            entry.target.style.opacity = '1';
            entry.target.style.transform = 'translateY(0)';
        }
    });
}, observerOptions);

// Observe feature cards and testimonial cards
document.querySelectorAll('.feature-card, .testimonial-card').forEach(card => {
    card.style.opacity = '0';
    card.style.transform = 'translateY(20px)';
    card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
    observer.observe(card);
});