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.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<\/h1>\r\n <p>Sally will guide you through 7 quick questions. Just tap the mic and talk naturally \u2014 your custom 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 7<\/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 7 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\" id=\"card_vc_length\">\r\n <label for=\"vc_length\">Video Length *<\/label>\r\n <input type=\"text\" id=\"vc_length\" placeholder=\"15 seconds, 30 seconds, or 60 seconds\" oninput=\"onFieldInput('vc_length')\">\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 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 video script will be delivered to your email within minutes.<br>\r\n Submit as many times as you need \u2014 your subscription is unlimited.\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_length', text:'What length do you want? 15 seconds, 30 seconds, or 60 seconds?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q6-1-1.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 seven quick questions about your business and your video. Just tap the mic and speak naturally \u2014 your custom 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\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) * 100);\r\n document.getElementById('progressText').textContent = `${filledFields.size} of ${questions.length} 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 ${questions.length}`;\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_length','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 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: ${get('vc_length')}. Platform: ${get('vc_platform')}.`\r\n }\r\n })\r\n });\r\n msg.className = 'success';\r\n msg.textContent = '\u2705 Your 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\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>\r\n\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 Sally will guide you through 7 quick questions. Just tap the mic and talk naturally \u2014 your custom video script will be in your inbox within minutes. \ud83c\udfac Sally \u2014 Video Creator Agent QUESTION 1 OF 7 Getting ready… \ud83c\udfa4 Sally is speaking \u2014 listen for your question… \u2705 Confirm \ud83d\udd04 Redo 0 of 7 fields completed Full Name * Email Address * Business Name & Description * Video Topic & Target Audience * Video Style * Video Length * Platform * \ud83c\udfac Submit My Video Request Your video script will be delivered to your email within minutes. Submit as many times as you need \u2014 your subscription is unlimited.<\/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-2332","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/2332","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=2332"}],"version-history":[{"count":50,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/2332\/revisions"}],"predecessor-version":[{"id":4990,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/2332\/revisions\/4990"}],"wp:attachment":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/media?parent=2332"}],"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\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.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<\/h1>\r\n <p>Sally will guide you through 7 quick questions. Just tap the mic and talk naturally \u2014 your custom 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 7<\/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 7 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\" id=\"card_vc_length\">\r\n <label for=\"vc_length\">Video Length *<\/label>\r\n <input type=\"text\" id=\"vc_length\" placeholder=\"15 seconds, 30 seconds, or 60 seconds\" oninput=\"onFieldInput('vc_length')\">\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 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 video script will be delivered to your email within minutes.<br>\r\n Submit as many times as you need \u2014 your subscription is unlimited.\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_length', text:'What length do you want? 15 seconds, 30 seconds, or 60 seconds?', audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q6-1-1.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 seven quick questions about your business and your video. Just tap the mic and speak naturally \u2014 your custom 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\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) * 100);\r\n document.getElementById('progressText').textContent = `${filledFields.size} of ${questions.length} 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 ${questions.length}`;\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_length','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 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: ${get('vc_length')}. Platform: ${get('vc_platform')}.`\r\n }\r\n })\r\n });\r\n msg.className = 'success';\r\n msg.textContent = '\u2705 Your 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\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>\r\n\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 Sally will guide you through 7 quick questions. Just tap the mic and talk naturally \u2014 your custom video script will be in your inbox within minutes. \ud83c\udfac Sally \u2014 Video Creator Agent QUESTION 1 OF 7 Getting ready… \ud83c\udfa4 Sally is speaking \u2014 listen for your question… \u2705 Confirm \ud83d\udd04 Redo 0 of 7 fields completed Full Name * Email Address * Business Name & Description * Video Topic & Target Audience * Video Style * Video Length * Platform * \ud83c\udfac Submit My Video Request Your video script will be delivered to your email within minutes. Submit as many times as you need \u2014 your subscription is unlimited.<\/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-2332","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/2332","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=2332"}],"version-history":[{"count":50,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/2332\/revisions"}],"predecessor-version":[{"id":4990,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/2332\/revisions\/4990"}],"wp:attachment":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/media?parent=2332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}