`; } else if (localStorage.getItem('ivQuizCompleted')) { returningUserHTML = ` `; } } content.innerHTML = ` `; updateProgressBar(0); } function showQuestion() { const question = quizData.questions[currentQuestion]; const content = document.getElementById('quiz-content'); // Save progress after each question saveProgress(); if (question.type === 'safety') { content.innerHTML = ` `; } else { const questionNum = currentQuestion; content.innerHTML = ` `; } updateProgressBar(((currentQuestion + 1) / quizData.questions.length) * 100); } function handleSafetyAnswer(status, answerIndex) { safetyStatus = status; trackEvent('safety_question_answered', { status, answerIndex }); if (status === false) { showSafetyWarning(); } else if (status === 'consult') { showConsultationRecommendation(); } else { currentQuestion++; showQuestion(); } } function showSafetyWarning() { const content = document.getElementById('quiz-content'); content.innerHTML = ` `; } function showConsultationRecommendation() { const content = document.getElementById('quiz-content'); content.innerHTML = ` `; } function continueQuiz() { currentQuestion++; showQuestion(); } function selectAnswer(answerIndex) { const question = quizData.questions[currentQuestion]; const answer = question.answers[answerIndex]; // Track answer trackEvent('question_answered', { question: currentQuestion, answer: answer.text }); // Add points for (const [treatment, points] of Object.entries(answer.points)) { scores[treatment] += points; } currentQuestion++; if (currentQuestion < quizData.questions.length) { showQuestion(); } else { // Show email capture before results showEmailCapture(); } } function showEmailCapture() { const content = document.getElementById('quiz-content'); content.innerHTML = ` `; } function submitEmail() { const emailInput = document.getElementById('userEmail'); const firstNameInput = document.getElementById('userFirstName'); const phoneInput = document.getElementById('userPhone'); const email = (emailInput?.value || '').trim(); const firstName = (firstNameInput?.value || '').trim(); const phone = (phoneInput?.value || '').trim(); if (email && email.includes('@')) { userEmail = email; trackEvent('email_captured', { email }); console.log('Email captured:', email); // Determine top treatment and use its FULL NAME let topKey = null; let topScore = -Infinity; for (const [key, val] of Object.entries(scores)) { if (val > topScore) { topScore = val; topKey = key; } } const topTreatmentName = topKey ? (quizData.treatments[topKey]?.name || topKey) : ''; // Send to Zapier as x-www-form-urlencoded (CORS-friendly) const payload = new URLSearchParams({ email: email, first_name: firstName, phone: phone, treatment: topTreatmentName, // full name sent here timestamp: new Date().toISOString() }); fetch('https://hooks.zapier.com/hooks/catch/13747752/u9a2xss/', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: payload, keepalive: true }).catch(console.error); showResults(); } else { alert('Please enter a valid email address'); } } // Note: skipEmail() kept for backward compatibility but unused (skip link removed) function skipEmail() { trackEvent('email_skipped', {}); showResults(); } function showResults() { // Mark quiz as completed localStorage.setItem('ivQuizCompleted', 'true'); clearProgress(); // Calculate match percentages const maxScore = Math.max(...Object.values(scores)); for (const treatment in scores) { quizData.treatments[treatment].matchScore = maxScore > 0 ? Math.round((scores[treatment] / maxScore) * 100) : 0; } // Sort treatments const sortedTreatments = Object.entries(scores) .sort((a, b) => b[1] - a[1]) .slice(0, 3) .map(([key]) => key); // Track results trackEvent('quiz_completed', { topMatch: sortedTreatments[0], allMatches: sortedTreatments, email: userEmail || 'not_provided' }); const content = document.getElementById('quiz-content'); content.innerHTML = ` `; updateProgressBar(100); } function toggleComparison() { const table = document.getElementById('comparisonTable'); table.classList.toggle('show'); } function toggleFaq(index) { const answer = document.getElementById(`faq-answer-${index}`); const icon = document.getElementById(`faq-icon-${index}`); answer.classList.toggle('show'); icon.textContent = answer.classList.contains('show') ? '▲' : '▼'; } function updateProgressBar(percentage) { document.getElementById('progress').style.width = percentage + '%'; } // Loading state for booking function bookTreatment(treatment) { const btn = event.target; btn.innerHTML = 'Redirecting'; btn.disabled = true; const t = quizData.treatments[treatment]; trackEvent('treatment_booked', { treatment: treatment, price: t.price }); setTimeout(() => { window.location.href = 'https://dashboard.boulevard.io/booking/businesses/e82849f0-ebd8-4797-95d5-f1f724c51f8d/widget?path=%2Fcart%2Fmenu%2FIV%2520Hydration&locationId=c5f43d7f-1305-48c8-b5f5-ca537fc986ca&visitType=SELF_VISIT'; }, 500); } function showAllTreatments() { trackEvent('view_all_treatments', {}); window.location.href = 'https://revivebeautybaraesthetics.com/compare-iv-therapy-drips/'; } function bookConsultation() { trackEvent('consultation_booked', {}); window.location.href = 'https://dashboard.boulevard.io/booking/businesses/e82849f0-ebd8-4797-95d5-f1f724c51f8d/widget?path=%2Fcart%2Fmenu%2FConsultations%2Fs_45e373b9-cae6-4002-9298-8766a2fc7c91&locationId=c5f43d7f-1305-48c8-b5f5-ca537fc986ca&visitType=SELF_VISIT'; } function contactForConsultation() { trackEvent('contact_requested', {}); window.location.href = 'https://revivebeautybaraesthetics.com/contact/'; } function startOver() { showStartScreen(); } // Initialize the quiz showStartScreen(); // Track page load trackEvent('quiz_page_loaded', { timestamp: new Date().toISOString() });