https://wellbeingnavigator.ai/wp-content/themes/hello-elementor/as…/js/coaching-evaluation-popup.js?ver=3.3.0

1document.addEventListener('DOMContentLoaded', function() {
2    // Create popup structure
3    const popupHtml = `
4        <div id="coaching-evaluation-popup" class="coaching-evaluation-popup">
5            <div class="eval-popup-overlay"></div>
6            <div class="eval-popup-content">
7            <button class="close-eval-popup" aria-label="Close popup">×</button>
8                <div class="eval-popup-content-scroll">              
9                <div class="eval-popup-header">
10                    <h2>Do You Really Need Coaching?</h2>
11                  
12                </div>
13                <div class="eval-subtitle">
14                    <h3>Let's Do a Quick Evaluation & Find Out</h3>
15                    <p>Discover Your Coaching Needs in 60 Seconds</p>
16                </div>
17                <div class="eval-popup-body">
18                    <div class="eval-button-container">
19                        <button class="ecg-works-button">How the ECG Works</button>
20                    </div>
21                    <div class="eval-steps-container">
22                        <div class="eval-step step-1">
23                            <div class="step-number">01</div>
24                            <h4>Start With a Quick Reality Check</h4>
25                            <p>Answer 7 quick questions about your current situation</p>
26                        </div>
27                        <div class="eval-step step-2">
28                            <div class="step-number">

2802</div>
29                            <h4>Let Smart AI Decode Your Needs</h4>
30                            <p>Our AI analyzes your responses using coaching frameworks</p>
31                        </div>
32                        <div class="eval-step step-3">
33                            <div class="step-number">03</div>
34                            <h4>Understand Your Coaching Profile</h4>
35                            <p>Receive a personalized coaching needs assessment</p>
36                        </div>
37                        <div class="eval-step step-4">
38                            <div class="step-number">04</div>
39                            <h4>Get Your Personalized Growth Roadmap</h4>
40                            <p>Get recommendations for specific modules tailored to your situation</p>
41                        </div>
42                    </div>
43                    <div class="eval-discover-section">
44                        <h3>What You Will Discover</h3>
45                        <p>Many people don't realize they need coaching until they see their ECG results. Common revelations include unrecognized stress patterns, untapped potential areas, and specific growth opportunities that traditional assessments miss.</p>
46                    </div>
47                </div>
48                <div class="eval-popup-footer">
49                    <a href="/ecg/" class="d-flex align-items-center start-trial-button">Check Your ECG Score Now</a>
50                </div>
51            </div>
52            </div>
53        </div>
54    `;
55
56    // Append popup to body
57    document.body.insertAdjacentHTML('beforeend', popupHtml);
58
59    // Get popup elements
60    const popup = document.getElementById('coaching-evaluation-popup');
61    const closeBtn = popup.querySelector('.close-eval-popup');
62    const startTrialBtn = popup.querySelector('.start-trial-button');
63    const overlay = popup.querySelector('.eval-popup-overlay');
64
65    // Function to open popup
66    function openPopup() {
67        popup.classList.add('active');
68        document.body.classList.add('eval-popup-open');
69    }
70
71    // Function to close popup
72    function closePopup() {
73        popup.classList.remove('active');
74        document.body.classList.remove('eval-popup-open');
75    }
76
77    // Add click event listeners
78    if (closeBtn) closeBtn.addEventListener('click', closePopup);
79    if (overlay) overlay.addEventListener('click', closePopup);
80    
81    // Add trigger for specific elements with class 'coaching-evaluation-trigger'
82    const triggers = document.querySelectorAll('.coaching-evaluation-trigger');
83    triggers.forEach(trigger => {
84        trigger.addEventListener('click', function(e) {
85            e.preventDefault();
86            openPopup();
87        });
88    });
89
90    // Close on escape key
91    document.addEventListener('keydown', function(e) {
92        if (e.key === 'Escape' && popup.classList.contains('active')) {
93            closePopup();
94        }
95    });
96});