mingle-website/js/popup.js

/**
 * 밍글 스튜디오 메인 팝업 관리
 */

// 팝업 표시 함수
function showPopup() {
    const popup = document.getElementById('mainPopup');
    if (popup) {
        popup.classList.add('active');
        document.body.style.overflow = 'hidden'; // 스크롤 방지
    }
}

// 팝업 닫기 함수
function closePopup() {
    const popup = document.getElementById('mainPopup');

    if (popup) {
        popup.classList.remove('active');
        document.body.style.overflow = ''; // 스크롤 복원
    }
}

// 페이지 로드 시 실행
document.addEventListener('DOMContentLoaded', function() {
    // 항상 팝업 표시 (1초 후)
    setTimeout(showPopup, 1000);

    // X 버튼 이벤트
    const closeX = document.getElementById('popupCloseX');
    if (closeX) {
        closeX.addEventListener('click', closePopup);
    }

    // 오버레이 클릭 시 닫기
    const overlay = document.getElementById('mainPopup');
    if (overlay) {
        overlay.addEventListener('click', function(e) {
            if (e.target === overlay) {
                closePopup();
            }
        });
    }

    // ESC 키로 닫기
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape') {
            closePopup();
        }
    });

    // 자세히 보기 버튼 클릭 시 파트너 페이지로 이동
    const ctaBtn = document.getElementById('popupCtaBtn');
    if (ctaBtn) {
        ctaBtn.addEventListener('click', function() {
            closePopup();
            window.location.href = '/partner';
        });
    }
});