Video Creator Agent<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --cyan: #38bdf8;\r\n --cyan-dark: #0284c7;\r\n --green: #22c55e;\r\n --navy: #1e293b;\r\n --deep: #1a1a6e;\r\n --bg: #f0f4f8;\r\n}\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Sora', sans-serif; background: var(--bg); color: var(--navy); min-height: 100vh; padding: 28px 16px 60px; }\r\n.wrapper { max-width: 580px; margin: 0 auto; }\r\n\r\n.header { text-align: center; margin-bottom: 24px; }\r\n.header .emoji { font-size: 48px; display: block; margin-bottom: 10px; }\r\n.header h1 { font-size: 26px; font-weight: 800; color: var(--deep); margin-bottom: 6px; }\r\n.header p { font-size: 14px; color: #64748b; line-height: 1.6; }\r\n\r\n.welcome-box {\r\n background: #fff;\r\n border: 2px solid var(--cyan);\r\n border-radius: 14px;\r\n padding: 16px 20px;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n.welcome-box .w-icon { font-size: 26px; flex-shrink: 0; margin-top: 2px; }\r\n.welcome-box .w-name { font-size: 11px; font-weight: 700; color: var(--cyan-dark); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; }\r\n.welcome-box .w-msg { font-size: 14px; color: var(--navy); line-height: 1.6; min-height: 22px; }\r\n\r\n.question-card {\r\n background: var(--deep);\r\n border-radius: 20px;\r\n padding: 28px 24px;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n.q-counter { font-size: 12px; font-weight: 700; color: var(--cyan); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px; }\r\n.q-dots { display: flex; justify-content: center; gap: 7px; margin-bottom: 18px; }\r\n.q-dot { width: 10px; height: 10px; border-radius: 50%; background: #334155; transition: background 0.3s; }\r\n.q-dot.active { background: var(--cyan); }\r\n.q-dot.done { background: var(--green); }\r\n.q-text { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 24px; line-height: 1.4; min-height: 56px; }\r\n\r\n.transcript-box {\r\n background: #ffffff;\r\n border: 2px solid var(--cyan);\r\n border-radius: 10px;\r\n padding: 12px 14px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #0f1e36;\r\n font-family: 'Sora', sans-serif;\r\n min-height: 52px;\r\n text-align: left;\r\n margin: 12px 0;\r\n width: 100%;\r\n resize: vertical;\r\n display: none;\r\n box-sizing: border-box;\r\n}\r\n.transcript-box:focus { outline: none; border-color: var(--cyan-dark); background: #ffffff !important; color: #0f1e36 !important; }\r\n\r\n.mic-circle {\r\n width: 80px; height: 80px; border-radius: 50%;\r\n background: #1e3a5f;\r\n border: 3px solid #334155;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 32px; cursor: pointer; margin: 0 auto 16px;\r\n transition: all 0.2s;\r\n}\r\n.mic-circle:hover { border-color: var(--cyan); background: #0f2d4a; }\r\n.mic-circle.listening { border-color: #f87171; background: #7f1d1d; animation: micPulse 1s infinite; }\r\n.mic-circle.disabled { opacity: 0.4; cursor: not-allowed; }\r\n@keyframes micPulse { 0%,100%{box-shadow:0 0 0 0 rgba(248,113,113,0.4)} 50%{box-shadow:0 0 0 14px rgba(248,113,113,0)} }\r\n.mic-label { font-size: 13px; color: #94a3b8; margin-bottom: 12px; }\r\n\r\n.voice-nav { display: none; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 10px; }\r\n.btn-confirm { padding: 11px 24px; background: #22c55e; color: #fff; border: none; border-radius: 50px; font-family: 'Sora', sans-serif; font-size: 14px; font-weight: 700; cursor: pointer; }\r\n.btn-confirm:hover { background: #16a34a; }\r\n.btn-redo { padding: 11px 20px; background: transparent; color: var(--cyan); border: 2px solid var(--cyan); border-radius: 50px; font-family: 'Sora', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; }\r\n.btn-redo:hover { background: var(--cyan); color: #0f1e36; }\r\n\r\n.progress-wrap { margin-bottom: 16px; }\r\n.progress-text { font-size: 12px; color: #64748b; margin-bottom: 6px; }\r\n.progress-bar { background: #e2e8f0; border-radius: 20px; height: 6px; overflow: hidden; }\r\n.progress-fill { height: 6px; border-radius: 20px; background: linear-gradient(90deg, var(--cyan-dark), var(--green)); transition: width 0.4s; }\r\n\r\n.card { background: #fff; border-radius: 14px; padding: 18px 20px; margin-bottom: 12px; border: 2px solid #e2e8f0; transition: border-color 0.3s; }\r\n.card.active { border-color: var(--cyan); }\r\n.card.filled { border-color: var(--green); background: #f0fdf4; }\r\n.card label { display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }\r\n.card input, .card textarea { width: 100%; padding: 11px 14px; border: 1.5px solid #e2e8f0; border-radius: 10px; font-family: 'Sora', sans-serif; font-size: 14px; color: var(--navy); background: #f8fafc; outline: none; transition: border-color 0.2s; resize: vertical; }\r\n.card textarea { min-height: 70px; }\r\n.card input:focus, .card textarea:focus { border-color: var(--cyan); background: white; }\r\n.card input.filled, .card textarea.filled { border-color: var(--green); background: #f0fdf4; }\r\n\r\n.locked-field { width: 100%; padding: 11px 14px; border: 1.5px solid var(--green); border-radius: 10px; font-family: 'Sora', sans-serif; font-size: 14px; color: var(--navy); background: #f0fdf4; font-weight: 700; }\r\n.locked-badge { font-size: 11px; color: #16a34a; font-weight: 700; margin-top: 4px; display: block; }\r\n\r\n.submit-btn { width: 100%; background: linear-gradient(135deg, var(--deep), #2d2d9f); color: white; border: none; border-radius: 50px; padding: 18px; font-size: 16px; font-weight: 700; font-family: 'Sora', sans-serif; cursor: pointer; box-shadow: 0 4px 20px rgba(26,26,110,0.3); transition: transform 0.2s; margin-top: 8px; }\r\n.submit-btn:hover { transform: translateY(-2px); }\r\n.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\r\n\r\n#form-message { text-align: center; margin-top: 18px; font-size: 14px; font-weight: 500; line-height: 1.5; padding: 14px; border-radius: 10px; display: none; }\r\n#form-message.success { background: #f0fdf4; color: #166534; display: block; }\r\n#form-message.error { background: #fef2f2; color: #991b1b; display: block; }\r\n#form-message.loading { background: #eff6ff; color: #1d4ed8; display: block; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrapper\">\r\n\r\n <div class=\"header\">\r\n <span class=\"emoji\">\ud83c\udfac<\/span>\r\n <h1>Video Creator Agent \u2014 Free Trial<\/h1>\r\n <p>Sally will guide you through 6 quick questions. Just tap the mic and talk naturally \u2014 your free 30-second video script will be in your inbox within minutes.<\/p>\r\n <\/div>\r\n\r\n <div class=\"welcome-box\">\r\n <div class=\"w-icon\">\ud83c\udfac<\/div>\r\n <div>\r\n <div class=\"w-name\">Sally \u2014 Video Creator Agent<\/div>\r\n <div class=\"w-msg\" id=\"welcomeMsg\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"question-card\">\r\n <div class=\"q-counter\" id=\"qCounter\">QUESTION 1 OF 6<\/div>\r\n <div class=\"q-dots\" id=\"qDots\"><\/div>\r\n <div class=\"q-text\" id=\"qText\">Getting ready...<\/div>\r\n <button class=\"mic-circle disabled\" id=\"micCircle\" onclick=\"toggleMic()\">\ud83c\udfa4<\/button>\r\n <div class=\"mic-label\" id=\"micLabel\">Sally is speaking \u2014 listen for your question...<\/div>\r\n <textarea class=\"transcript-box\" id=\"transcriptBox\" rows=\"3\"><\/textarea>\r\n <div class=\"voice-nav\" id=\"voiceNav\">\r\n <button class=\"btn-confirm\" onclick=\"confirmAnswer()\">\u2705 Confirm<\/button>\r\n <button class=\"btn-redo\" onclick=\"redoAnswer()\">\ud83d\udd04 Redo<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"progress-wrap\">\r\n <div class=\"progress-text\" id=\"progressText\">0 of 6 fields completed<\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progressFill\" style=\"width:0%\"><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" id=\"card_vc_name\">\r\n <label for=\"vc_name\">Full Name *<\/label>\r\n <input type=\"text\" id=\"vc_name\" placeholder=\"Your full name\" oninput=\"onFieldInput('vc_name')\">\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_email\">\r\n <label for=\"vc_email\">Email Address *<\/label>\r\n <input type=\"email\" id=\"vc_email\" placeholder=\"your@email.com\" oninput=\"this.value=this.value.replace(\/\\s\/g,'').toLowerCase(); onFieldInput('vc_email')\">\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_business\">\r\n <label for=\"vc_business\">Business Name & Description *<\/label>\r\n <textarea id=\"vc_business\" placeholder=\"Your business name and what your business does\" oninput=\"onFieldInput('vc_business')\"><\/textarea>\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_topic\">\r\n <label for=\"vc_topic\">Video Topic & Target Audience *<\/label>\r\n <textarea id=\"vc_topic\" placeholder=\"What is your video about and who is your target audience?\" oninput=\"onFieldInput('vc_topic')\"><\/textarea>\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_style\">\r\n <label for=\"vc_style\">Video Style *<\/label>\r\n <textarea id=\"vc_style\" placeholder=\"What style do you want for your video?\" oninput=\"onFieldInput('vc_style')\"><\/textarea>\r\n <\/div>\r\n <div class=\"card filled\" id=\"card_vc_length\">\r\n <label for=\"vc_length\">Video Length<\/label>\r\n <div class=\"locked-field\">30 seconds<\/div>\r\n <span class=\"locked-badge\">\ud83d\udd12 Free trial is limited to 30-second videos<\/span>\r\n <input type=\"hidden\" id=\"vc_length\" value=\"30 seconds\">\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_platform\">\r\n <label for=\"vc_platform\">Platform *<\/label>\r\n <input type=\"text\" id=\"vc_platform\" placeholder=\"e.g. TikTok, Instagram Reels, YouTube Shorts\" oninput=\"onFieldInput('vc_platform')\">\r\n <\/div>\r\n\r\n <button class=\"submit-btn\" onclick=\"submitForm()\">\ud83c\udfac Submit My Free Trial Video Request<\/button>\r\n <div id=\"form-message\"><\/div>\r\n <p style=\"text-align:center;font-size:12px;color:#94a3b8;margin-top:12px;line-height:1.6;\">\r\n Your 30-second video script will be delivered to your email within minutes.<br>\r\n Want 60-second videos? <a href=\"https:\/\/myaiagenthub.com\/video-creator-agent\" style=\"color:#38bdf8;\">Upgrade to a full subscription.<\/a>\r\n <\/p>\r\n\r\n<\/div>\r\n<script>\r\nconst questions = [\r\n { field:'vc_name', text:'What is your full name?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q1-1-5.mp3', typeOnly:false, listenSec:8 },\r\n { field:'vc_email', text:'Please type your email address in the box below.', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q2-7.mp3', typeOnly:true, listenSec:0 },\r\n { field:'vc_business', text:'Tell me about your business. What is your business name and what does your business do?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q3-1-4.mp3', typeOnly:false, listenSec:120 },\r\n { field:'vc_topic', text:'What is your video about and who is your target audience?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q4-6.mp3', typeOnly:false, listenSec:120 },\r\n { field:'vc_style', text:'What style do you want for your video?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q5-1-6.mp3', typeOnly:false, listenSec:120 },\r\n { field:'vc_platform', text:'What platform is this video for?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q7-1.mp3', typeOnly:false, listenSec:120 }\r\n];\r\n\r\nconst welcomeText = \"Hi! I'm Sally, your Video Creator assistant. I'm going to ask you six quick questions about your business and your video. Just tap the mic and speak naturally \u2014 your free 30-second video script will be delivered straight to your inbox. Let's get started!\";\r\nconst welcomeAudio = new Audio('https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Welcome-4.mp3');\r\nlet questionAudios = questions.map(q => new Audio(q.audio));\r\nlet currentQ = 0;\r\nlet isListening = false;\r\nlet recognition = null;\r\nlet currentFinalText = '';\r\nlet listenTimer = null;\r\nconst filledFields = new Set();\r\nfilledFields.add('vc_length');\r\n\r\nconst SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\r\n\r\nfunction buildDots() {\r\n const c = document.getElementById('qDots');\r\n c.innerHTML = questions.map((_,i) => `<div class=\"q-dot\" id=\"dot${i}\"><\/div>`).join('');\r\n}\r\n\r\nfunction updateDots(index) {\r\n questions.forEach((q, i) => {\r\n const d = document.getElementById('dot' + i);\r\n if (!d) return;\r\n if (filledFields.has(q.field)) d.className = 'q-dot done';\r\n else if (i === index) d.className = 'q-dot active';\r\n else d.className = 'q-dot';\r\n });\r\n}\r\n\r\nfunction updateProgress() {\r\n const pct = Math.round((filledFields.size \/ (questions.length + 1)) * 100);\r\n document.getElementById('progressText').textContent = `${filledFields.size} of 6 fields completed`;\r\n document.getElementById('progressFill').style.width = pct + '%';\r\n}\r\n\r\nfunction activateQuestion(index) {\r\n currentQ = index;\r\n const q = questions[index];\r\n document.getElementById('qCounter').textContent = `QUESTION ${index + 1} OF 6`;\r\n document.getElementById('qText').textContent = q.text;\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n document.getElementById('transcriptBox').value = '';\r\n document.getElementById('voiceNav').style.display = 'none';\r\n document.getElementById('micCircle').className = 'mic-circle disabled';\r\n setMicLabel('Sally is speaking \u2014 listen for your question...');\r\n currentFinalText = '';\r\n updateDots(index);\r\n\r\n const activeCard = document.getElementById('card_' + q.field);\r\n if (activeCard && !filledFields.has(q.field)) activeCard.className = 'card active';\r\n\r\n const audio = questionAudios[index];\r\n audio.currentTime = 0;\r\n audio.play().catch(() => {});\r\n audio.onended = () => {\r\n if (q.typeOnly) {\r\n document.getElementById('micCircle').className = 'mic-circle disabled';\r\n setMicLabel('\ud83d\udce7 Please type your email address in the box below.');\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n document.getElementById('transcriptBox').focus();\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n document.getElementById('micCircle').className = 'mic-circle';\r\n setMicLabel('Tap the mic and speak your answer');\r\n }\r\n };\r\n}\r\n\r\nfunction toggleMic() {\r\n if (document.getElementById('micCircle').classList.contains('disabled')) return;\r\n if (!SpeechRecognition) { setMicLabel('Please use Chrome for voice input.'); return; }\r\n isListening ? stopMic() : startMic();\r\n}\r\n\r\nfunction startMic() {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\r\n isListening = true;\r\n currentFinalText = '';\r\n document.getElementById('micCircle').classList.add('listening');\r\n document.getElementById('micCircle').innerHTML = '\u23f9';\r\n setMicLabel('\ud83d\udd34 Listening... tap again when done');\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n\r\n recognition.onresult = (e) => {\r\n let interim = '';\r\n for (let i = e.resultIndex; i < e.results.length; i++) {\r\n if (e.results[i].isFinal) currentFinalText += e.results[i][0].transcript + ' ';\r\n else interim = e.results[i][0].transcript;\r\n }\r\n document.getElementById('transcriptBox').value = (currentFinalText + interim).trim();\r\n };\r\n recognition.onend = () => { if (isListening) { try { recognition.start(); } catch(e) {} } };\r\n recognition.onerror = () => stopMic();\r\n recognition.start();\r\n\r\n clearTimeout(listenTimer);\r\n listenTimer = setTimeout(() => stopMic(), questions[currentQ].listenSec * 1000);\r\n}\r\n\r\nfunction stopMic() {\r\n isListening = false;\r\n clearTimeout(listenTimer);\r\n if (recognition) { recognition.onend = null; try { recognition.stop(); } catch(e) {} }\r\n document.getElementById('micCircle').classList.remove('listening');\r\n document.getElementById('micCircle').innerHTML = '\ud83c\udfa4';\r\n const val = document.getElementById('transcriptBox').value.trim();\r\n if (val) {\r\n setMicLabel('Review your answer above \u2014 edit if needed.');\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n setMicLabel('Tap the mic and speak your answer.');\r\n }\r\n}\r\n\r\nfunction confirmAnswer() {\r\n const val = document.getElementById('transcriptBox').value.trim();\r\n if (!val) { setMicLabel('Please answer the question first.'); return; }\r\n const q = questions[currentQ];\r\n const field = document.getElementById(q.field);\r\n if (field) {\r\n field.value = q.field === 'vc_email' ? val.replace(\/\\s\/g,'').toLowerCase() : val;\r\n field.classList.add('filled');\r\n }\r\n filledFields.add(q.field);\r\n const card = document.getElementById('card_' + q.field);\r\n if (card) card.className = 'card filled';\r\n updateProgress();\r\n updateDots(currentQ);\r\n document.getElementById('voiceNav').style.display = 'none';\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n const next = currentQ + 1;\r\n if (next < questions.length) setTimeout(() => activateQuestion(next), 600);\r\n else allDone();\r\n}\r\n\r\nfunction redoAnswer() {\r\n document.getElementById('transcriptBox').value = '';\r\n document.getElementById('voiceNav').style.display = 'none';\r\n currentFinalText = '';\r\n setMicLabel('Tap the mic and answer again.');\r\n if (!questions[currentQ].typeOnly) startMic();\r\n}\r\n\r\nfunction allDone() {\r\n document.getElementById('qText').textContent = '\ud83c\udf89 All done! Review your answers and hit the button below!';\r\n document.getElementById('micCircle').style.display = 'none';\r\n setMicLabel('');\r\n updateDots(questions.length);\r\n}\r\n\r\nfunction setMicLabel(text) { document.getElementById('micLabel').textContent = text; }\r\n\r\nfunction onFieldInput(fieldId) {\r\n const el = document.getElementById(fieldId);\r\n const val = el ? el.value.trim() : '';\r\n const card = document.getElementById('card_' + fieldId);\r\n if (val) {\r\n el.classList.add('filled');\r\n filledFields.add(fieldId);\r\n if (card) card.className = 'card filled';\r\n } else {\r\n el.classList.remove('filled');\r\n filledFields.delete(fieldId);\r\n if (card) card.className = 'card';\r\n }\r\n updateProgress();\r\n updateDots(currentQ);\r\n}\r\n\r\nasync function submitForm() {\r\n const required = ['vc_name','vc_email','vc_business','vc_topic','vc_style','vc_platform'];\r\n for (const f of required) {\r\n if (!document.getElementById(f).value.trim()) {\r\n document.getElementById(f).focus();\r\n const msg = document.getElementById('form-message');\r\n msg.className = 'error';\r\n msg.textContent = 'Please fill in all required fields before submitting.';\r\n msg.style.display = 'block';\r\n return;\r\n }\r\n }\r\n\r\n const msg = document.getElementById('form-message');\r\n msg.className = 'loading';\r\n msg.textContent = '\u23f3 Building your 30-second video script... please wait.';\r\n msg.style.display = 'block';\r\n document.querySelector('.submit-btn').disabled = true;\r\n\r\n const get = id => {\r\n const val = document.getElementById(id).value.trim();\r\n return id === 'vc_email' ? val.replace(\/\\s\/g,'').toLowerCase() : val;\r\n };\r\n\r\n try {\r\n await fetch('https:\/\/api-bcbe5a.stack.tryrelevance.com\/latest\/agents\/trigger', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n 'Authorization': 'b831f1f2-22e3-4067-b1f5-c431251db0cc:sk-YmM4OGNjMDUtN2VjNy00ODllLThmYTYtMmY4ZDA4Mjc0MjVl'\r\n },\r\n body: JSON.stringify({\r\n agent_id: '9670b27d-de61-451d-8d16-4e54ee5ce20d',\r\n message: {\r\n role: 'user',\r\n content: `My name is ${get('vc_name')}. My email is ${get('vc_email')}. Business: ${get('vc_business')}. Video Topic and Audience: ${get('vc_topic')}. Video Style: ${get('vc_style')}. Video Length: 30 seconds. Platform: ${get('vc_platform')}.`\r\n }\r\n })\r\n });\r\n msg.className = 'success';\r\n msg.textContent = '\u2705 Your 30-second video script is being built! Check your inbox in just a few minutes.';\r\n } catch(e) {\r\n msg.className = 'error';\r\n msg.textContent = '\u274c Something went wrong. Please try again.';\r\n document.querySelector('.submit-btn').disabled = false;\r\n }\r\n}\r\n\r\n\/\/ Init\r\nbuildDots();\r\nfilledFields.add('vc_length');\r\nupdateProgress();\r\nconst welcomeMsg = document.getElementById('welcomeMsg');\r\nconst words = welcomeText.split(' ');\r\nlet wi = 0;\r\nwelcomeAudio.play().catch(() => {});\r\nconst wInt = setInterval(() => {\r\n if (wi < words.length) { welcomeMsg.textContent += (wi === 0 ? '' : ' ') + words[wi++]; }\r\n else clearInterval(wInt);\r\n}, 1000 \/ 2.8);\r\nwelcomeAudio.onended = () => {\r\n clearInterval(wInt);\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => activateQuestion(0), 1500);\r\n};\r\nwelcomeAudio.onerror = () => {\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => activateQuestion(0), 1000);\r\n};\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Video Creator Agent \ud83c\udfac Video Creator Agent \u2014 Free Trial Sally will guide you through 6 quick questions. Just tap the mic and talk naturally \u2014 your free 30-second video script will be in your inbox within minutes. \ud83c\udfac Sally \u2014 Video Creator Agent QUESTION 1 OF 6 Getting ready… \ud83c\udfa4 Sally is speaking \u2014 listen for your question… \u2705 Confirm \ud83d\udd04 Redo 0 of 6 fields completed Full Name * Email Address * Business Name & Description * Video Topic & Target Audience * Video Style * Video Length 30 seconds \ud83d\udd12 Free trial is limited to 30-second videos Platform * \ud83c\udfac Submit My Free Trial Video Request Your 30-second video script will be delivered to your email within minutes. Want 60-second videos? Upgrade to a full subscription.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5108","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/5108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/comments?post=5108"}],"version-history":[{"count":7,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/5108\/revisions"}],"predecessor-version":[{"id":5441,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/5108\/revisions\/5441"}],"wp:attachment":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/media?parent=5108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nVideo Creator Agent<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --cyan: #38bdf8;\r\n --cyan-dark: #0284c7;\r\n --green: #22c55e;\r\n --navy: #1e293b;\r\n --deep: #1a1a6e;\r\n --bg: #f0f4f8;\r\n}\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Sora', sans-serif; background: var(--bg); color: var(--navy); min-height: 100vh; padding: 28px 16px 60px; }\r\n.wrapper { max-width: 580px; margin: 0 auto; }\r\n\r\n.header { text-align: center; margin-bottom: 24px; }\r\n.header .emoji { font-size: 48px; display: block; margin-bottom: 10px; }\r\n.header h1 { font-size: 26px; font-weight: 800; color: var(--deep); margin-bottom: 6px; }\r\n.header p { font-size: 14px; color: #64748b; line-height: 1.6; }\r\n\r\n.welcome-box {\r\n background: #fff;\r\n border: 2px solid var(--cyan);\r\n border-radius: 14px;\r\n padding: 16px 20px;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n.welcome-box .w-icon { font-size: 26px; flex-shrink: 0; margin-top: 2px; }\r\n.welcome-box .w-name { font-size: 11px; font-weight: 700; color: var(--cyan-dark); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; }\r\n.welcome-box .w-msg { font-size: 14px; color: var(--navy); line-height: 1.6; min-height: 22px; }\r\n\r\n.question-card {\r\n background: var(--deep);\r\n border-radius: 20px;\r\n padding: 28px 24px;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n.q-counter { font-size: 12px; font-weight: 700; color: var(--cyan); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px; }\r\n.q-dots { display: flex; justify-content: center; gap: 7px; margin-bottom: 18px; }\r\n.q-dot { width: 10px; height: 10px; border-radius: 50%; background: #334155; transition: background 0.3s; }\r\n.q-dot.active { background: var(--cyan); }\r\n.q-dot.done { background: var(--green); }\r\n.q-text { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 24px; line-height: 1.4; min-height: 56px; }\r\n\r\n.transcript-box {\r\n background: #ffffff;\r\n border: 2px solid var(--cyan);\r\n border-radius: 10px;\r\n padding: 12px 14px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #0f1e36;\r\n font-family: 'Sora', sans-serif;\r\n min-height: 52px;\r\n text-align: left;\r\n margin: 12px 0;\r\n width: 100%;\r\n resize: vertical;\r\n display: none;\r\n box-sizing: border-box;\r\n}\r\n.transcript-box:focus { outline: none; border-color: var(--cyan-dark); background: #ffffff !important; color: #0f1e36 !important; }\r\n\r\n.mic-circle {\r\n width: 80px; height: 80px; border-radius: 50%;\r\n background: #1e3a5f;\r\n border: 3px solid #334155;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 32px; cursor: pointer; margin: 0 auto 16px;\r\n transition: all 0.2s;\r\n}\r\n.mic-circle:hover { border-color: var(--cyan); background: #0f2d4a; }\r\n.mic-circle.listening { border-color: #f87171; background: #7f1d1d; animation: micPulse 1s infinite; }\r\n.mic-circle.disabled { opacity: 0.4; cursor: not-allowed; }\r\n@keyframes micPulse { 0%,100%{box-shadow:0 0 0 0 rgba(248,113,113,0.4)} 50%{box-shadow:0 0 0 14px rgba(248,113,113,0)} }\r\n.mic-label { font-size: 13px; color: #94a3b8; margin-bottom: 12px; }\r\n\r\n.voice-nav { display: none; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 10px; }\r\n.btn-confirm { padding: 11px 24px; background: #22c55e; color: #fff; border: none; border-radius: 50px; font-family: 'Sora', sans-serif; font-size: 14px; font-weight: 700; cursor: pointer; }\r\n.btn-confirm:hover { background: #16a34a; }\r\n.btn-redo { padding: 11px 20px; background: transparent; color: var(--cyan); border: 2px solid var(--cyan); border-radius: 50px; font-family: 'Sora', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; }\r\n.btn-redo:hover { background: var(--cyan); color: #0f1e36; }\r\n\r\n.progress-wrap { margin-bottom: 16px; }\r\n.progress-text { font-size: 12px; color: #64748b; margin-bottom: 6px; }\r\n.progress-bar { background: #e2e8f0; border-radius: 20px; height: 6px; overflow: hidden; }\r\n.progress-fill { height: 6px; border-radius: 20px; background: linear-gradient(90deg, var(--cyan-dark), var(--green)); transition: width 0.4s; }\r\n\r\n.card { background: #fff; border-radius: 14px; padding: 18px 20px; margin-bottom: 12px; border: 2px solid #e2e8f0; transition: border-color 0.3s; }\r\n.card.active { border-color: var(--cyan); }\r\n.card.filled { border-color: var(--green); background: #f0fdf4; }\r\n.card label { display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }\r\n.card input, .card textarea { width: 100%; padding: 11px 14px; border: 1.5px solid #e2e8f0; border-radius: 10px; font-family: 'Sora', sans-serif; font-size: 14px; color: var(--navy); background: #f8fafc; outline: none; transition: border-color 0.2s; resize: vertical; }\r\n.card textarea { min-height: 70px; }\r\n.card input:focus, .card textarea:focus { border-color: var(--cyan); background: white; }\r\n.card input.filled, .card textarea.filled { border-color: var(--green); background: #f0fdf4; }\r\n\r\n.locked-field { width: 100%; padding: 11px 14px; border: 1.5px solid var(--green); border-radius: 10px; font-family: 'Sora', sans-serif; font-size: 14px; color: var(--navy); background: #f0fdf4; font-weight: 700; }\r\n.locked-badge { font-size: 11px; color: #16a34a; font-weight: 700; margin-top: 4px; display: block; }\r\n\r\n.submit-btn { width: 100%; background: linear-gradient(135deg, var(--deep), #2d2d9f); color: white; border: none; border-radius: 50px; padding: 18px; font-size: 16px; font-weight: 700; font-family: 'Sora', sans-serif; cursor: pointer; box-shadow: 0 4px 20px rgba(26,26,110,0.3); transition: transform 0.2s; margin-top: 8px; }\r\n.submit-btn:hover { transform: translateY(-2px); }\r\n.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\r\n\r\n#form-message { text-align: center; margin-top: 18px; font-size: 14px; font-weight: 500; line-height: 1.5; padding: 14px; border-radius: 10px; display: none; }\r\n#form-message.success { background: #f0fdf4; color: #166534; display: block; }\r\n#form-message.error { background: #fef2f2; color: #991b1b; display: block; }\r\n#form-message.loading { background: #eff6ff; color: #1d4ed8; display: block; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"wrapper\">\r\n\r\n <div class=\"header\">\r\n <span class=\"emoji\">\ud83c\udfac<\/span>\r\n <h1>Video Creator Agent \u2014 Free Trial<\/h1>\r\n <p>Sally will guide you through 6 quick questions. Just tap the mic and talk naturally \u2014 your free 30-second video script will be in your inbox within minutes.<\/p>\r\n <\/div>\r\n\r\n <div class=\"welcome-box\">\r\n <div class=\"w-icon\">\ud83c\udfac<\/div>\r\n <div>\r\n <div class=\"w-name\">Sally \u2014 Video Creator Agent<\/div>\r\n <div class=\"w-msg\" id=\"welcomeMsg\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"question-card\">\r\n <div class=\"q-counter\" id=\"qCounter\">QUESTION 1 OF 6<\/div>\r\n <div class=\"q-dots\" id=\"qDots\"><\/div>\r\n <div class=\"q-text\" id=\"qText\">Getting ready...<\/div>\r\n <button class=\"mic-circle disabled\" id=\"micCircle\" onclick=\"toggleMic()\">\ud83c\udfa4<\/button>\r\n <div class=\"mic-label\" id=\"micLabel\">Sally is speaking \u2014 listen for your question...<\/div>\r\n <textarea class=\"transcript-box\" id=\"transcriptBox\" rows=\"3\"><\/textarea>\r\n <div class=\"voice-nav\" id=\"voiceNav\">\r\n <button class=\"btn-confirm\" onclick=\"confirmAnswer()\">\u2705 Confirm<\/button>\r\n <button class=\"btn-redo\" onclick=\"redoAnswer()\">\ud83d\udd04 Redo<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"progress-wrap\">\r\n <div class=\"progress-text\" id=\"progressText\">0 of 6 fields completed<\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progressFill\" style=\"width:0%\"><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" id=\"card_vc_name\">\r\n <label for=\"vc_name\">Full Name *<\/label>\r\n <input type=\"text\" id=\"vc_name\" placeholder=\"Your full name\" oninput=\"onFieldInput('vc_name')\">\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_email\">\r\n <label for=\"vc_email\">Email Address *<\/label>\r\n <input type=\"email\" id=\"vc_email\" placeholder=\"your@email.com\" oninput=\"this.value=this.value.replace(\/\\s\/g,'').toLowerCase(); onFieldInput('vc_email')\">\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_business\">\r\n <label for=\"vc_business\">Business Name & Description *<\/label>\r\n <textarea id=\"vc_business\" placeholder=\"Your business name and what your business does\" oninput=\"onFieldInput('vc_business')\"><\/textarea>\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_topic\">\r\n <label for=\"vc_topic\">Video Topic & Target Audience *<\/label>\r\n <textarea id=\"vc_topic\" placeholder=\"What is your video about and who is your target audience?\" oninput=\"onFieldInput('vc_topic')\"><\/textarea>\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_style\">\r\n <label for=\"vc_style\">Video Style *<\/label>\r\n <textarea id=\"vc_style\" placeholder=\"What style do you want for your video?\" oninput=\"onFieldInput('vc_style')\"><\/textarea>\r\n <\/div>\r\n <div class=\"card filled\" id=\"card_vc_length\">\r\n <label for=\"vc_length\">Video Length<\/label>\r\n <div class=\"locked-field\">30 seconds<\/div>\r\n <span class=\"locked-badge\">\ud83d\udd12 Free trial is limited to 30-second videos<\/span>\r\n <input type=\"hidden\" id=\"vc_length\" value=\"30 seconds\">\r\n <\/div>\r\n <div class=\"card\" id=\"card_vc_platform\">\r\n <label for=\"vc_platform\">Platform *<\/label>\r\n <input type=\"text\" id=\"vc_platform\" placeholder=\"e.g. TikTok, Instagram Reels, YouTube Shorts\" oninput=\"onFieldInput('vc_platform')\">\r\n <\/div>\r\n\r\n <button class=\"submit-btn\" onclick=\"submitForm()\">\ud83c\udfac Submit My Free Trial Video Request<\/button>\r\n <div id=\"form-message\"><\/div>\r\n <p style=\"text-align:center;font-size:12px;color:#94a3b8;margin-top:12px;line-height:1.6;\">\r\n Your 30-second video script will be delivered to your email within minutes.<br>\r\n Want 60-second videos? <a href=\"https:\/\/myaiagenthub.com\/video-creator-agent\" style=\"color:#38bdf8;\">Upgrade to a full subscription.<\/a>\r\n <\/p>\r\n\r\n<\/div>\r\n<script>\r\nconst questions = [\r\n { field:'vc_name', text:'What is your full name?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q1-1-5.mp3', typeOnly:false, listenSec:8 },\r\n { field:'vc_email', text:'Please type your email address in the box below.', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q2-7.mp3', typeOnly:true, listenSec:0 },\r\n { field:'vc_business', text:'Tell me about your business. What is your business name and what does your business do?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q3-1-4.mp3', typeOnly:false, listenSec:120 },\r\n { field:'vc_topic', text:'What is your video about and who is your target audience?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q4-6.mp3', typeOnly:false, listenSec:120 },\r\n { field:'vc_style', text:'What style do you want for your video?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q5-1-6.mp3', typeOnly:false, listenSec:120 },\r\n { field:'vc_platform', text:'What platform is this video for?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q7-1.mp3', typeOnly:false, listenSec:120 }\r\n];\r\n\r\nconst welcomeText = \"Hi! I'm Sally, your Video Creator assistant. I'm going to ask you six quick questions about your business and your video. Just tap the mic and speak naturally \u2014 your free 30-second video script will be delivered straight to your inbox. Let's get started!\";\r\nconst welcomeAudio = new Audio('https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Welcome-4.mp3');\r\nlet questionAudios = questions.map(q => new Audio(q.audio));\r\nlet currentQ = 0;\r\nlet isListening = false;\r\nlet recognition = null;\r\nlet currentFinalText = '';\r\nlet listenTimer = null;\r\nconst filledFields = new Set();\r\nfilledFields.add('vc_length');\r\n\r\nconst SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\r\n\r\nfunction buildDots() {\r\n const c = document.getElementById('qDots');\r\n c.innerHTML = questions.map((_,i) => `<div class=\"q-dot\" id=\"dot${i}\"><\/div>`).join('');\r\n}\r\n\r\nfunction updateDots(index) {\r\n questions.forEach((q, i) => {\r\n const d = document.getElementById('dot' + i);\r\n if (!d) return;\r\n if (filledFields.has(q.field)) d.className = 'q-dot done';\r\n else if (i === index) d.className = 'q-dot active';\r\n else d.className = 'q-dot';\r\n });\r\n}\r\n\r\nfunction updateProgress() {\r\n const pct = Math.round((filledFields.size \/ (questions.length + 1)) * 100);\r\n document.getElementById('progressText').textContent = `${filledFields.size} of 6 fields completed`;\r\n document.getElementById('progressFill').style.width = pct + '%';\r\n}\r\n\r\nfunction activateQuestion(index) {\r\n currentQ = index;\r\n const q = questions[index];\r\n document.getElementById('qCounter').textContent = `QUESTION ${index + 1} OF 6`;\r\n document.getElementById('qText').textContent = q.text;\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n document.getElementById('transcriptBox').value = '';\r\n document.getElementById('voiceNav').style.display = 'none';\r\n document.getElementById('micCircle').className = 'mic-circle disabled';\r\n setMicLabel('Sally is speaking \u2014 listen for your question...');\r\n currentFinalText = '';\r\n updateDots(index);\r\n\r\n const activeCard = document.getElementById('card_' + q.field);\r\n if (activeCard && !filledFields.has(q.field)) activeCard.className = 'card active';\r\n\r\n const audio = questionAudios[index];\r\n audio.currentTime = 0;\r\n audio.play().catch(() => {});\r\n audio.onended = () => {\r\n if (q.typeOnly) {\r\n document.getElementById('micCircle').className = 'mic-circle disabled';\r\n setMicLabel('\ud83d\udce7 Please type your email address in the box below.');\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n document.getElementById('transcriptBox').focus();\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n document.getElementById('micCircle').className = 'mic-circle';\r\n setMicLabel('Tap the mic and speak your answer');\r\n }\r\n };\r\n}\r\n\r\nfunction toggleMic() {\r\n if (document.getElementById('micCircle').classList.contains('disabled')) return;\r\n if (!SpeechRecognition) { setMicLabel('Please use Chrome for voice input.'); return; }\r\n isListening ? stopMic() : startMic();\r\n}\r\n\r\nfunction startMic() {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\r\n isListening = true;\r\n currentFinalText = '';\r\n document.getElementById('micCircle').classList.add('listening');\r\n document.getElementById('micCircle').innerHTML = '\u23f9';\r\n setMicLabel('\ud83d\udd34 Listening... tap again when done');\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n\r\n recognition.onresult = (e) => {\r\n let interim = '';\r\n for (let i = e.resultIndex; i < e.results.length; i++) {\r\n if (e.results[i].isFinal) currentFinalText += e.results[i][0].transcript + ' ';\r\n else interim = e.results[i][0].transcript;\r\n }\r\n document.getElementById('transcriptBox').value = (currentFinalText + interim).trim();\r\n };\r\n recognition.onend = () => { if (isListening) { try { recognition.start(); } catch(e) {} } };\r\n recognition.onerror = () => stopMic();\r\n recognition.start();\r\n\r\n clearTimeout(listenTimer);\r\n listenTimer = setTimeout(() => stopMic(), questions[currentQ].listenSec * 1000);\r\n}\r\n\r\nfunction stopMic() {\r\n isListening = false;\r\n clearTimeout(listenTimer);\r\n if (recognition) { recognition.onend = null; try { recognition.stop(); } catch(e) {} }\r\n document.getElementById('micCircle').classList.remove('listening');\r\n document.getElementById('micCircle').innerHTML = '\ud83c\udfa4';\r\n const val = document.getElementById('transcriptBox').value.trim();\r\n if (val) {\r\n setMicLabel('Review your answer above \u2014 edit if needed.');\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n setMicLabel('Tap the mic and speak your answer.');\r\n }\r\n}\r\n\r\nfunction confirmAnswer() {\r\n const val = document.getElementById('transcriptBox').value.trim();\r\n if (!val) { setMicLabel('Please answer the question first.'); return; }\r\n const q = questions[currentQ];\r\n const field = document.getElementById(q.field);\r\n if (field) {\r\n field.value = q.field === 'vc_email' ? val.replace(\/\\s\/g,'').toLowerCase() : val;\r\n field.classList.add('filled');\r\n }\r\n filledFields.add(q.field);\r\n const card = document.getElementById('card_' + q.field);\r\n if (card) card.className = 'card filled';\r\n updateProgress();\r\n updateDots(currentQ);\r\n document.getElementById('voiceNav').style.display = 'none';\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n const next = currentQ + 1;\r\n if (next < questions.length) setTimeout(() => activateQuestion(next), 600);\r\n else allDone();\r\n}\r\n\r\nfunction redoAnswer() {\r\n document.getElementById('transcriptBox').value = '';\r\n document.getElementById('voiceNav').style.display = 'none';\r\n currentFinalText = '';\r\n setMicLabel('Tap the mic and answer again.');\r\n if (!questions[currentQ].typeOnly) startMic();\r\n}\r\n\r\nfunction allDone() {\r\n document.getElementById('qText').textContent = '\ud83c\udf89 All done! Review your answers and hit the button below!';\r\n document.getElementById('micCircle').style.display = 'none';\r\n setMicLabel('');\r\n updateDots(questions.length);\r\n}\r\n\r\nfunction setMicLabel(text) { document.getElementById('micLabel').textContent = text; }\r\n\r\nfunction onFieldInput(fieldId) {\r\n const el = document.getElementById(fieldId);\r\n const val = el ? el.value.trim() : '';\r\n const card = document.getElementById('card_' + fieldId);\r\n if (val) {\r\n el.classList.add('filled');\r\n filledFields.add(fieldId);\r\n if (card) card.className = 'card filled';\r\n } else {\r\n el.classList.remove('filled');\r\n filledFields.delete(fieldId);\r\n if (card) card.className = 'card';\r\n }\r\n updateProgress();\r\n updateDots(currentQ);\r\n}\r\n\r\nasync function submitForm() {\r\n const required = ['vc_name','vc_email','vc_business','vc_topic','vc_style','vc_platform'];\r\n for (const f of required) {\r\n if (!document.getElementById(f).value.trim()) {\r\n document.getElementById(f).focus();\r\n const msg = document.getElementById('form-message');\r\n msg.className = 'error';\r\n msg.textContent = 'Please fill in all required fields before submitting.';\r\n msg.style.display = 'block';\r\n return;\r\n }\r\n }\r\n\r\n const msg = document.getElementById('form-message');\r\n msg.className = 'loading';\r\n msg.textContent = '\u23f3 Building your 30-second video script... please wait.';\r\n msg.style.display = 'block';\r\n document.querySelector('.submit-btn').disabled = true;\r\n\r\n const get = id => {\r\n const val = document.getElementById(id).value.trim();\r\n return id === 'vc_email' ? val.replace(\/\\s\/g,'').toLowerCase() : val;\r\n };\r\n\r\n try {\r\n await fetch('https:\/\/api-bcbe5a.stack.tryrelevance.com\/latest\/agents\/trigger', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n 'Authorization': 'b831f1f2-22e3-4067-b1f5-c431251db0cc:sk-YmM4OGNjMDUtN2VjNy00ODllLThmYTYtMmY4ZDA4Mjc0MjVl'\r\n },\r\n body: JSON.stringify({\r\n agent_id: '9670b27d-de61-451d-8d16-4e54ee5ce20d',\r\n message: {\r\n role: 'user',\r\n content: `My name is ${get('vc_name')}. My email is ${get('vc_email')}. Business: ${get('vc_business')}. Video Topic and Audience: ${get('vc_topic')}. Video Style: ${get('vc_style')}. Video Length: 30 seconds. Platform: ${get('vc_platform')}.`\r\n }\r\n })\r\n });\r\n msg.className = 'success';\r\n msg.textContent = '\u2705 Your 30-second video script is being built! Check your inbox in just a few minutes.';\r\n } catch(e) {\r\n msg.className = 'error';\r\n msg.textContent = '\u274c Something went wrong. Please try again.';\r\n document.querySelector('.submit-btn').disabled = false;\r\n }\r\n}\r\n\r\n\/\/ Init\r\nbuildDots();\r\nfilledFields.add('vc_length');\r\nupdateProgress();\r\nconst welcomeMsg = document.getElementById('welcomeMsg');\r\nconst words = welcomeText.split(' ');\r\nlet wi = 0;\r\nwelcomeAudio.play().catch(() => {});\r\nconst wInt = setInterval(() => {\r\n if (wi < words.length) { welcomeMsg.textContent += (wi === 0 ? '' : ' ') + words[wi++]; }\r\n else clearInterval(wInt);\r\n}, 1000 \/ 2.8);\r\nwelcomeAudio.onended = () => {\r\n clearInterval(wInt);\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => activateQuestion(0), 1500);\r\n};\r\nwelcomeAudio.onerror = () => {\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => activateQuestion(0), 1000);\r\n};\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Video Creator Agent \ud83c\udfac Video Creator Agent \u2014 Free Trial Sally will guide you through 6 quick questions. Just tap the mic and talk naturally \u2014 your free 30-second video script will be in your inbox within minutes. \ud83c\udfac Sally \u2014 Video Creator Agent QUESTION 1 OF 6 Getting ready… \ud83c\udfa4 Sally is speaking \u2014 listen for your question… \u2705 Confirm \ud83d\udd04 Redo 0 of 6 fields completed Full Name * Email Address * Business Name & Description * Video Topic & Target Audience * Video Style * Video Length 30 seconds \ud83d\udd12 Free trial is limited to 30-second videos Platform * \ud83c\udfac Submit My Free Trial Video Request Your 30-second video script will be delivered to your email within minutes. Want 60-second videos? Upgrade to a full subscription.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5108","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/5108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/comments?post=5108"}],"version-history":[{"count":7,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/5108\/revisions"}],"predecessor-version":[{"id":5441,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/5108\/revisions\/5441"}],"wp:attachment":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/media?parent=5108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}