Viral Content Agent<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --navy: #0f1e36;\r\n --deep: #1a1a6e;\r\n --cyan: #38bdf8;\r\n --cyan-dark: #0ea5e9;\r\n --green: #22c55e;\r\n --border: #e2e8f0;\r\n}\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Sora', sans-serif; background: #f0f6ff; min-height: 100vh; padding: 40px 16px; }\r\n.wrapper { width: 100%; max-width: 580px; margin: 0 auto; }\r\n.header { text-align: center; margin-bottom: 28px; }\r\n.header .emoji { font-size: 48px; display: block; margin-bottom: 10px; }\r\n.header h1 { font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 6px; }\r\n.header p { font-size: 14px; color: #64748b; }\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: #1e293b; line-height: 1.6; min-height: 20px; }\r\n\r\n.interview-panel { background: var(--navy); border-radius: 20px; padding: 24px; margin-bottom: 18px; text-align: center; }\r\n.q-label { font-size: 11px; font-weight: 600; letter-spacing: 2px; color: var(--cyan); text-transform: uppercase; margin-bottom: 10px; }\r\n.q-text { font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 18px; line-height: 1.5; min-height: 50px; }\r\n.dots { display: flex; gap: 5px; justify-content: center; margin-bottom: 14px; }\r\n.dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.15); transition: all 0.3s; }\r\n.dot.done { background: var(--green); }\r\n.dot.active { background: var(--cyan); transform: scale(1.3); }\r\n\r\n.mic-btn { width: 76px; height: 76px; border-radius: 50%; background: linear-gradient(135deg, var(--cyan), var(--cyan-dark)); border: none; cursor: pointer; font-size: 32px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; transition: transform 0.2s; }\r\n.mic-btn:hover { transform: scale(1.05); }\r\n.mic-btn.listening { background: linear-gradient(135deg, #ef4444, #dc2626); animation: micPulse 1s infinite; }\r\n.mic-btn.disabled { opacity: 0.4; cursor: not-allowed; transform: none !important; }\r\n@keyframes micPulse { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.5); } 70% { box-shadow: 0 0 0 20px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }\r\n.mic-hint { font-size: 12px; color: #64748b; font-family: 'DM Mono', monospace; margin-bottom: 10px; }\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-bottom: 12px;\r\n width: 100%;\r\n resize: vertical;\r\n display: none;\r\n}\r\n.transcript-box:focus { outline: none; border-color: var(--cyan-dark); background: #ffffff !important; color: #0f1e36 !important; }\r\n\r\n.voice-nav { display: none; gap: 8px; justify-content: center; margin-top: 10px; }\r\n.voice-nav button { padding: 10px 22px; border-radius: 50px; border: none; font-size: 13px; font-family: 'Sora', sans-serif; font-weight: 600; cursor: pointer; }\r\n.btn-confirm { background: var(--green); color: white; }\r\n.btn-redo { background: rgba(255,255,255,0.1); color: #94a3b8; border: 1px solid rgba(255,255,255,0.2) !important; }\r\n\r\n.progress-wrap { margin-bottom: 18px; }\r\n.progress-label { font-size: 11px; color: #94a3b8; font-family: 'DM Mono', monospace; margin-bottom: 6px; }\r\n.progress-bar { background: #e2e8f0; border-radius: 99px; height: 6px; overflow: hidden; }\r\n.progress-fill { height: 100%; background: linear-gradient(90deg, var(--cyan), var(--deep)); border-radius: 99px; transition: width 0.4s; width: 0%; }\r\n\r\n.card { background: #fff; border-radius: 14px; padding: 20px; margin-bottom: 12px; border: 1.5px solid var(--border); box-shadow: 0 2px 10px rgba(15,30,54,0.05); transition: border-color 0.3s; }\r\n.card.active-field { border-color: var(--cyan); }\r\n.card.filled-field { border-color: var(--green); }\r\n.card label { display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }\r\n.card label span { color: var(--cyan-dark); }\r\n.card input, .card textarea { width: 100%; padding: 11px 14px; border: 1.5px solid var(--border); border-radius: 10px; font-size: 14px; font-family: 'Sora', sans-serif; color: var(--navy); background: #f8fafc; outline: none; transition: border-color 0.2s; resize: vertical; }\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, box-shadow 0.2s; margin-top: 8px; }\r\n.submit-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(26,26,110,0.4); }\r\n.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\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 <div class=\"header\">\r\n <span class=\"emoji\">\ud83d\ude80<\/span>\r\n <h1>Viral Content Agent<\/h1>\r\n <p>Cassidy will guide you through 7 quick questions. Just tap the mic and talk naturally \u2014 your viral content ideas 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\">\ud83d\udc4b<\/div>\r\n <div>\r\n <div class=\"w-name\">Cassidy \u2014 Your Content Agent<\/div>\r\n <div class=\"w-msg\" id=\"welcomeMsg\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"interview-panel\">\r\n <div class=\"q-label\">Question <span id=\"qNum\">1<\/span> of 7<\/div>\r\n <div class=\"dots\" id=\"stepDots\"><\/div>\r\n <div class=\"q-text\" id=\"questionText\">Getting ready...<\/div>\r\n <button class=\"mic-btn disabled\" id=\"micBtn\" onclick=\"toggleMic()\">\ud83c\udfa4<\/button>\r\n <div class=\"mic-hint\" id=\"micHint\">Cassidy is asking your first question...<\/div>\r\n <textarea class=\"transcript-box\" id=\"transcriptBox\" rows=\"2\"><\/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-label\" id=\"progressLabel\">0 of 7 fields completed<\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" id=\"card_vca_name\"><label for=\"vca_name\">Full Name <span>*<\/span><\/label><input type=\"text\" id=\"vca_name\" placeholder=\"Your full name\" oninput=\"manualFill('vca_name')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_email\"><label for=\"vca_email\">Email Address <span>*<\/span><\/label><input type=\"email\" id=\"vca_email\" placeholder=\"you@example.com\" oninput=\"this.value=this.value.replace(\/\\s\/g,'').toLowerCase(); manualFill('vca_email')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_niche\"><label for=\"vca_niche\">Niche or Topic <span>*<\/span><\/label><input type=\"text\" id=\"vca_niche\" placeholder=\"e.g. fitness, food, real estate\" oninput=\"manualFill('vca_niche')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_audience\"><label for=\"vca_audience\">Target Audience <span>*<\/span><\/label><input type=\"text\" id=\"vca_audience\" placeholder=\"e.g. women 25-40, small business owners\" oninput=\"manualFill('vca_audience')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_goal\"><label for=\"vca_goal\">Content Goal <span>*<\/span><\/label><input type=\"text\" id=\"vca_goal\" placeholder=\"e.g. grow followers, promote a product, drive traffic\" oninput=\"manualFill('vca_goal')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_platform\"><label for=\"vca_platform\">Platform & Tone <span>*<\/span><\/label><input type=\"text\" id=\"vca_platform\" placeholder=\"e.g. TikTok, fun and entertaining\" oninput=\"manualFill('vca_platform')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_details\"><label for=\"vca_details\">Tell Us More <span>*<\/span><\/label><textarea id=\"vca_details\" rows=\"3\" placeholder=\"Any specific theme, hashtags, or focus you want for the content\" oninput=\"manualFill('vca_details')\"><\/textarea><\/div>\r\n\r\n <button class=\"submit-btn\" onclick=\"submitForm()\">\ud83d\ude80 Get My Viral Content Ideas<\/button>\r\n <div id=\"form-message\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst questions = [\r\n { id:'vca_name', text:\"What is your full name?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q1-5.mp3', typeOnly:false, listenSec:8 },\r\n { id:'vca_email', text:\"Please type your email address in the box below.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q2-8.mp3', typeOnly:true, listenSec:0 },\r\n { id:'vca_niche', text:\"What's your niche or the main topic for your content?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q3-1-5.mp3', typeOnly:false, listenSec:120 },\r\n { id:'vca_audience', text:\"Who is your target audience?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q4-7.mp3', typeOnly:false, listenSec:120 },\r\n { id:'vca_goal', text:\"What's your main goal \u2014 more followers, leads, brand awareness, sales, or something else?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q5-1-7.mp3', typeOnly:false, listenSec:120 },\r\n { id:'vca_platform', text:\"What platform is this for, and what tone do you want \u2014 fun, professional, edgy, etc.?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q6-1.mp3', typeOnly:false, listenSec:120 },\r\n { id:'vca_details', text:\"Anything else \u2014 a special theme, hashtags, or what you'd like the content to focus on?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q7-2.mp3', typeOnly:false, listenSec:120 }\r\n];\r\n\r\nconst welcomeText = \"Hi! I'm Cassidy, your Viral Content Agent assistant. I'm going to ask you seven quick questions about your business and the content you want to create. Just tap the mic and speak naturally \u2014 your viral content ideas will be delivered straight to your inbox. Let's get started!\";\r\nconst cassidyWelcome = new Audio('https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Welcome-5.mp3');\r\nlet questionAudios = questions.map(q => new Audio(q.audio));\r\nlet currentQ = 0;\r\nlet isListening = false;\r\nlet filledFields = new Set();\r\nlet recognition = null;\r\nlet cassidyPlaying = false;\r\nlet currentFinalText = '';\r\nlet listenTimer = null;\r\n\r\nconst SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\r\nif (SpeechRecognition) {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\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 const combined = (currentFinalText + interim).trim();\r\n const box = document.getElementById('transcriptBox');\r\n box.value = combined;\r\n box.style.display = 'block';\r\n };\r\n recognition.onend = () => { if (isListening) { try { recognition.start(); } catch(e){} } };\r\n recognition.onerror = () => stopListening();\r\n}\r\n\r\nfunction setCassidyState(speaking) {\r\n cassidyPlaying = speaking;\r\n const mic = document.getElementById('micBtn');\r\n if (speaking) {\r\n mic.classList.add('disabled');\r\n document.getElementById('micHint').innerText = 'Cassidy is speaking \u2014 listen for your question...';\r\n }\r\n}\r\n\r\nfunction buildDots() {\r\n const c = document.getElementById('stepDots');\r\n c.innerHTML = questions.map((_,i)=> `<div class=\"dot ${i===currentQ?'active':filledFields.has(questions[i].id)?'done':''}\"><\/div>`).join('');\r\n}\r\n\r\nfunction showQuestion(index) {\r\n currentQ = index;\r\n const q = questions[index];\r\n document.getElementById('qNum').innerText = index + 1;\r\n document.getElementById('questionText').innerText = 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 currentFinalText = '';\r\n buildDots();\r\n\r\n questions.forEach(qq => {\r\n const card = document.getElementById('card_' + qq.id);\r\n if (card) card.classList.remove('active-field');\r\n });\r\n const activeCard = document.getElementById('card_' + q.id);\r\n if (activeCard) activeCard.classList.add('active-field');\r\n\r\n setCassidyState(true);\r\n const audio = questionAudios[index];\r\n audio.currentTime = 0;\r\n audio.play().catch(()=>{});\r\n audio.onended = () => {\r\n setCassidyState(false);\r\n if (q.typeOnly) {\r\n document.getElementById('micBtn').className = 'mic-btn disabled';\r\n document.getElementById('micHint').innerText = '\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('micBtn').className = 'mic-btn';\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n }\r\n };\r\n}\r\n\r\nfunction toggleMic() {\r\n if (cassidyPlaying || document.getElementById('micBtn').classList.contains('disabled')) return;\r\n if (!SpeechRecognition) { alert('Voice input requires Chrome browser.'); return; }\r\n isListening ? stopListening() : startListening();\r\n}\r\n\r\nfunction startListening() {\r\n isListening = true;\r\n currentFinalText = '';\r\n const btn = document.getElementById('micBtn');\r\n btn.classList.add('listening'); btn.innerText = '\u23f9';\r\n document.getElementById('micHint').innerText = 'Listening... tap again when done';\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n document.getElementById('transcriptBox').value = '';\r\n recognition.start();\r\n\r\n clearTimeout(listenTimer);\r\n listenTimer = setTimeout(() => stopListening(), questions[currentQ].listenSec * 1000);\r\n}\r\n\r\nfunction stopListening() {\r\n isListening = false;\r\n clearTimeout(listenTimer);\r\n if (recognition) { recognition.onend = null; try { recognition.stop(); } catch(e){} }\r\n const btn = document.getElementById('micBtn');\r\n btn.classList.remove('listening'); btn.innerText = '\ud83c\udfa4';\r\n const val = document.getElementById('transcriptBox').value.trim();\r\n if (val) {\r\n document.getElementById('micHint').innerText = 'Review your answer above \u2014 edit if needed.';\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n }\r\n if (SpeechRecognition) {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\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 = () => stopListening();\r\n }\r\n}\r\n\r\nfunction confirmAnswer() {\r\n const q = questions[currentQ];\r\n let val = document.getElementById('transcriptBox').value.trim();\r\n if (!val) { document.getElementById('micHint').innerText = 'Please answer the question first.'; return; }\r\n\r\n if (q.id === 'vca_email') val = val.replace(\/\\s\/g,'').toLowerCase();\r\n\r\n const field = document.getElementById(q.id);\r\n if (field) { field.value = val; field.classList.add('filled'); }\r\n\r\n markFilled(q.id);\r\n document.getElementById('voiceNav').style.display = 'none';\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n\r\n setTimeout(() => {\r\n const next = currentQ + 1;\r\n if (next < questions.length) showQuestion(next);\r\n else allDone();\r\n }, 600);\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 document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n if (!questions[currentQ].typeOnly) startListening();\r\n}\r\n\r\nfunction allDone() {\r\n document.getElementById('questionText').innerText = '\ud83c\udf89 All done! Review your answers and hit the button below!';\r\n document.getElementById('micBtn').style.display = 'none';\r\n document.getElementById('micHint').innerText = '';\r\n buildDots();\r\n}\r\n\r\nfunction markFilled(fieldId) {\r\n filledFields.add(fieldId);\r\n const card = document.getElementById('card_' + fieldId);\r\n if (card) { card.classList.remove('active-field'); card.classList.add('filled-field'); }\r\n updateProgress();\r\n}\r\n\r\nfunction manualFill(fieldId) {\r\n const el = document.getElementById(fieldId);\r\n if (el && el.value.trim()) {\r\n markFilled(fieldId);\r\n }\r\n}\r\n\r\nfunction updateProgress() {\r\n const req = ['vca_name','vca_email','vca_niche','vca_audience','vca_goal','vca_platform','vca_details'];\r\n const filled = req.filter(id=>{ const el=document.getElementById(id); return el&&el.value.trim()!==''; }).length;\r\n const pct = Math.round((filled\/req.length)*100);\r\n document.getElementById('progressFill').style.width = pct+'%';\r\n document.getElementById('progressLabel').innerText = `${filled} of 7 fields completed`;\r\n}\r\n\r\nasync function submitForm() {\r\n const name = document.getElementById('vca_name').value.trim();\r\n const email = document.getElementById('vca_email').value.trim();\r\n const niche = document.getElementById('vca_niche').value.trim();\r\n const audience = document.getElementById('vca_audience').value.trim();\r\n const goal = document.getElementById('vca_goal').value.trim();\r\n const platform = document.getElementById('vca_platform').value.trim();\r\n const details = document.getElementById('vca_details').value.trim();\r\n const msg = document.getElementById('form-message');\r\n\r\n if (!name || !email || !niche || !audience || !goal || !platform || !details) {\r\n msg.className = 'error'; msg.innerText = '\u26a0\ufe0f Please fill in all required fields before submitting.'; return;\r\n }\r\n\r\n msg.className = 'loading'; msg.innerText = '\u23f3 Submitting your information... please wait.';\r\n document.querySelector('.submit-btn').disabled = true;\r\n\r\n const content = 'Name: ' + name + '\\nEmail: ' + email + '\\nNiche or Topic: ' + niche + '\\nTarget Audience: ' + audience + '\\nContent Goal: ' + goal + '\\nPlatform & Tone: ' + platform + '\\nDetails: ' + details;\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-MWZjN2JlNjItYjIwMy00MzUyLTk2NTAtYmVlN2EzZDI1MjRi'\r\n },\r\n body: JSON.stringify({\r\n message: { role: 'user', content: content },\r\n agent_id: '749e3c14-a950-411a-8a20-b40027cdc01e'\r\n })\r\n });\r\n msg.className = 'success'; msg.innerText = '\ud83d\ude80 Success! Your viral content ideas are being created and will be delivered to your email shortly.';\r\n } catch(err) {\r\n msg.className = 'error'; msg.innerText = '\u274c Something went wrong. Please try again.';\r\n document.querySelector('.submit-btn').disabled = false;\r\n }\r\n}\r\n\r\nwindow.addEventListener('load', () => {\r\n buildDots();\r\n const welcomeMsg = document.getElementById('welcomeMsg');\r\n const words = welcomeText.split(' ');\r\n let wi = 0;\r\n cassidyWelcome.play().catch(()=>{});\r\n const 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\n cassidyWelcome.onended = () => {\r\n clearInterval(wInt);\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => showQuestion(0), 1500);\r\n };\r\n cassidyWelcome.onerror = () => {\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => showQuestion(0), 1000);\r\n };\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<div class=\"elementor-element elementor-element-40a112a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"40a112a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c3d637 elementor-widget elementor-widget-text-editor\" data-id=\"4c3d637\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Disclaimer<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85dea43 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"85dea43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a92998 elementor-widget elementor-widget-text-editor\" data-id=\"5a92998\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The Viral Content Agent generates content ideas, hooks, captions, and hashtags based on the information provided by the user. All results are for informational and creative purposes only.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The accuracy and effectiveness of generated content depends on the information provided. The agent does not guarantee follower growth, engagement, views, or any specific results from using the content.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Users are responsible for reviewing all generated content before publishing and ensuring it complies with the terms of service of any platform it is posted on.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">By using this tool, you agree that MyAIAgentHub is not liable for any outcomes resulting from the use of this service.<\/p>\t\t\t\t\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>Viral Content Agent \ud83d\ude80 Viral Content Agent Cassidy will guide you through 7 quick questions. Just tap the mic and talk naturally \u2014 your viral content ideas will be in your inbox within minutes. \ud83d\udc4b Cassidy \u2014 Your Content Agent Question 1 of 7 Getting ready… \ud83c\udfa4 Cassidy is asking your first question… \u2705 Confirm \ud83d\udd04 Redo 0 of 7 fields completed Full Name * Email Address * Niche or Topic * Target Audience * Content Goal * Platform & Tone * Tell Us More * \ud83d\ude80 Get My Viral Content Ideas Disclaimer The Viral Content Agent generates content ideas, hooks, captions, and hashtags based on the information provided by the user. All results are for informational and creative purposes only. The accuracy and effectiveness of generated content depends on the information provided. The agent does not guarantee follower growth, engagement, views, or any specific results from using the content. Users are responsible for reviewing all generated content before publishing and ensuring it complies with the terms of service of any platform it is posted on. By using this tool, you agree that MyAIAgentHub is not liable for any outcomes resulting from the use of this service.<\/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-1387","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/1387","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=1387"}],"version-history":[{"count":42,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/1387\/revisions"}],"predecessor-version":[{"id":5006,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/1387\/revisions\/5006"}],"wp:attachment":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/media?parent=1387"}],"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\nViral Content Agent<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;700;800&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --navy: #0f1e36;\r\n --deep: #1a1a6e;\r\n --cyan: #38bdf8;\r\n --cyan-dark: #0ea5e9;\r\n --green: #22c55e;\r\n --border: #e2e8f0;\r\n}\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nbody { font-family: 'Sora', sans-serif; background: #f0f6ff; min-height: 100vh; padding: 40px 16px; }\r\n.wrapper { width: 100%; max-width: 580px; margin: 0 auto; }\r\n.header { text-align: center; margin-bottom: 28px; }\r\n.header .emoji { font-size: 48px; display: block; margin-bottom: 10px; }\r\n.header h1 { font-size: 26px; font-weight: 800; color: var(--navy); margin-bottom: 6px; }\r\n.header p { font-size: 14px; color: #64748b; }\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: #1e293b; line-height: 1.6; min-height: 20px; }\r\n\r\n.interview-panel { background: var(--navy); border-radius: 20px; padding: 24px; margin-bottom: 18px; text-align: center; }\r\n.q-label { font-size: 11px; font-weight: 600; letter-spacing: 2px; color: var(--cyan); text-transform: uppercase; margin-bottom: 10px; }\r\n.q-text { font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 18px; line-height: 1.5; min-height: 50px; }\r\n.dots { display: flex; gap: 5px; justify-content: center; margin-bottom: 14px; }\r\n.dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.15); transition: all 0.3s; }\r\n.dot.done { background: var(--green); }\r\n.dot.active { background: var(--cyan); transform: scale(1.3); }\r\n\r\n.mic-btn { width: 76px; height: 76px; border-radius: 50%; background: linear-gradient(135deg, var(--cyan), var(--cyan-dark)); border: none; cursor: pointer; font-size: 32px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; transition: transform 0.2s; }\r\n.mic-btn:hover { transform: scale(1.05); }\r\n.mic-btn.listening { background: linear-gradient(135deg, #ef4444, #dc2626); animation: micPulse 1s infinite; }\r\n.mic-btn.disabled { opacity: 0.4; cursor: not-allowed; transform: none !important; }\r\n@keyframes micPulse { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,0.5); } 70% { box-shadow: 0 0 0 20px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }\r\n.mic-hint { font-size: 12px; color: #64748b; font-family: 'DM Mono', monospace; margin-bottom: 10px; }\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-bottom: 12px;\r\n width: 100%;\r\n resize: vertical;\r\n display: none;\r\n}\r\n.transcript-box:focus { outline: none; border-color: var(--cyan-dark); background: #ffffff !important; color: #0f1e36 !important; }\r\n\r\n.voice-nav { display: none; gap: 8px; justify-content: center; margin-top: 10px; }\r\n.voice-nav button { padding: 10px 22px; border-radius: 50px; border: none; font-size: 13px; font-family: 'Sora', sans-serif; font-weight: 600; cursor: pointer; }\r\n.btn-confirm { background: var(--green); color: white; }\r\n.btn-redo { background: rgba(255,255,255,0.1); color: #94a3b8; border: 1px solid rgba(255,255,255,0.2) !important; }\r\n\r\n.progress-wrap { margin-bottom: 18px; }\r\n.progress-label { font-size: 11px; color: #94a3b8; font-family: 'DM Mono', monospace; margin-bottom: 6px; }\r\n.progress-bar { background: #e2e8f0; border-radius: 99px; height: 6px; overflow: hidden; }\r\n.progress-fill { height: 100%; background: linear-gradient(90deg, var(--cyan), var(--deep)); border-radius: 99px; transition: width 0.4s; width: 0%; }\r\n\r\n.card { background: #fff; border-radius: 14px; padding: 20px; margin-bottom: 12px; border: 1.5px solid var(--border); box-shadow: 0 2px 10px rgba(15,30,54,0.05); transition: border-color 0.3s; }\r\n.card.active-field { border-color: var(--cyan); }\r\n.card.filled-field { border-color: var(--green); }\r\n.card label { display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 8px; }\r\n.card label span { color: var(--cyan-dark); }\r\n.card input, .card textarea { width: 100%; padding: 11px 14px; border: 1.5px solid var(--border); border-radius: 10px; font-size: 14px; font-family: 'Sora', sans-serif; color: var(--navy); background: #f8fafc; outline: none; transition: border-color 0.2s; resize: vertical; }\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, box-shadow 0.2s; margin-top: 8px; }\r\n.submit-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(26,26,110,0.4); }\r\n.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\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 <div class=\"header\">\r\n <span class=\"emoji\">\ud83d\ude80<\/span>\r\n <h1>Viral Content Agent<\/h1>\r\n <p>Cassidy will guide you through 7 quick questions. Just tap the mic and talk naturally \u2014 your viral content ideas 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\">\ud83d\udc4b<\/div>\r\n <div>\r\n <div class=\"w-name\">Cassidy \u2014 Your Content Agent<\/div>\r\n <div class=\"w-msg\" id=\"welcomeMsg\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"interview-panel\">\r\n <div class=\"q-label\">Question <span id=\"qNum\">1<\/span> of 7<\/div>\r\n <div class=\"dots\" id=\"stepDots\"><\/div>\r\n <div class=\"q-text\" id=\"questionText\">Getting ready...<\/div>\r\n <button class=\"mic-btn disabled\" id=\"micBtn\" onclick=\"toggleMic()\">\ud83c\udfa4<\/button>\r\n <div class=\"mic-hint\" id=\"micHint\">Cassidy is asking your first question...<\/div>\r\n <textarea class=\"transcript-box\" id=\"transcriptBox\" rows=\"2\"><\/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-label\" id=\"progressLabel\">0 of 7 fields completed<\/div>\r\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" id=\"card_vca_name\"><label for=\"vca_name\">Full Name <span>*<\/span><\/label><input type=\"text\" id=\"vca_name\" placeholder=\"Your full name\" oninput=\"manualFill('vca_name')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_email\"><label for=\"vca_email\">Email Address <span>*<\/span><\/label><input type=\"email\" id=\"vca_email\" placeholder=\"you@example.com\" oninput=\"this.value=this.value.replace(\/\\s\/g,'').toLowerCase(); manualFill('vca_email')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_niche\"><label for=\"vca_niche\">Niche or Topic <span>*<\/span><\/label><input type=\"text\" id=\"vca_niche\" placeholder=\"e.g. fitness, food, real estate\" oninput=\"manualFill('vca_niche')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_audience\"><label for=\"vca_audience\">Target Audience <span>*<\/span><\/label><input type=\"text\" id=\"vca_audience\" placeholder=\"e.g. women 25-40, small business owners\" oninput=\"manualFill('vca_audience')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_goal\"><label for=\"vca_goal\">Content Goal <span>*<\/span><\/label><input type=\"text\" id=\"vca_goal\" placeholder=\"e.g. grow followers, promote a product, drive traffic\" oninput=\"manualFill('vca_goal')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_platform\"><label for=\"vca_platform\">Platform & Tone <span>*<\/span><\/label><input type=\"text\" id=\"vca_platform\" placeholder=\"e.g. TikTok, fun and entertaining\" oninput=\"manualFill('vca_platform')\"><\/div>\r\n <div class=\"card\" id=\"card_vca_details\"><label for=\"vca_details\">Tell Us More <span>*<\/span><\/label><textarea id=\"vca_details\" rows=\"3\" placeholder=\"Any specific theme, hashtags, or focus you want for the content\" oninput=\"manualFill('vca_details')\"><\/textarea><\/div>\r\n\r\n <button class=\"submit-btn\" onclick=\"submitForm()\">\ud83d\ude80 Get My Viral Content Ideas<\/button>\r\n <div id=\"form-message\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst questions = [\r\n { id:'vca_name', text:\"What is your full name?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q1-5.mp3', typeOnly:false, listenSec:8 },\r\n { id:'vca_email', text:\"Please type your email address in the box below.\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q2-8.mp3', typeOnly:true, listenSec:0 },\r\n { id:'vca_niche', text:\"What's your niche or the main topic for your content?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q3-1-5.mp3', typeOnly:false, listenSec:120 },\r\n { id:'vca_audience', text:\"Who is your target audience?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q4-7.mp3', typeOnly:false, listenSec:120 },\r\n { id:'vca_goal', text:\"What's your main goal \u2014 more followers, leads, brand awareness, sales, or something else?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q5-1-7.mp3', typeOnly:false, listenSec:120 },\r\n { id:'vca_platform', text:\"What platform is this for, and what tone do you want \u2014 fun, professional, edgy, etc.?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q6-1.mp3', typeOnly:false, listenSec:120 },\r\n { id:'vca_details', text:\"Anything else \u2014 a special theme, hashtags, or what you'd like the content to focus on?\", audio:'https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Q7-2.mp3', typeOnly:false, listenSec:120 }\r\n];\r\n\r\nconst welcomeText = \"Hi! I'm Cassidy, your Viral Content Agent assistant. I'm going to ask you seven quick questions about your business and the content you want to create. Just tap the mic and speak naturally \u2014 your viral content ideas will be delivered straight to your inbox. Let's get started!\";\r\nconst cassidyWelcome = new Audio('https:\/\/myaiagenthub.com\/wp-content\/uploads\/2026\/06\/Welcome-5.mp3');\r\nlet questionAudios = questions.map(q => new Audio(q.audio));\r\nlet currentQ = 0;\r\nlet isListening = false;\r\nlet filledFields = new Set();\r\nlet recognition = null;\r\nlet cassidyPlaying = false;\r\nlet currentFinalText = '';\r\nlet listenTimer = null;\r\n\r\nconst SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\r\nif (SpeechRecognition) {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\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 const combined = (currentFinalText + interim).trim();\r\n const box = document.getElementById('transcriptBox');\r\n box.value = combined;\r\n box.style.display = 'block';\r\n };\r\n recognition.onend = () => { if (isListening) { try { recognition.start(); } catch(e){} } };\r\n recognition.onerror = () => stopListening();\r\n}\r\n\r\nfunction setCassidyState(speaking) {\r\n cassidyPlaying = speaking;\r\n const mic = document.getElementById('micBtn');\r\n if (speaking) {\r\n mic.classList.add('disabled');\r\n document.getElementById('micHint').innerText = 'Cassidy is speaking \u2014 listen for your question...';\r\n }\r\n}\r\n\r\nfunction buildDots() {\r\n const c = document.getElementById('stepDots');\r\n c.innerHTML = questions.map((_,i)=> `<div class=\"dot ${i===currentQ?'active':filledFields.has(questions[i].id)?'done':''}\"><\/div>`).join('');\r\n}\r\n\r\nfunction showQuestion(index) {\r\n currentQ = index;\r\n const q = questions[index];\r\n document.getElementById('qNum').innerText = index + 1;\r\n document.getElementById('questionText').innerText = 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 currentFinalText = '';\r\n buildDots();\r\n\r\n questions.forEach(qq => {\r\n const card = document.getElementById('card_' + qq.id);\r\n if (card) card.classList.remove('active-field');\r\n });\r\n const activeCard = document.getElementById('card_' + q.id);\r\n if (activeCard) activeCard.classList.add('active-field');\r\n\r\n setCassidyState(true);\r\n const audio = questionAudios[index];\r\n audio.currentTime = 0;\r\n audio.play().catch(()=>{});\r\n audio.onended = () => {\r\n setCassidyState(false);\r\n if (q.typeOnly) {\r\n document.getElementById('micBtn').className = 'mic-btn disabled';\r\n document.getElementById('micHint').innerText = '\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('micBtn').className = 'mic-btn';\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n }\r\n };\r\n}\r\n\r\nfunction toggleMic() {\r\n if (cassidyPlaying || document.getElementById('micBtn').classList.contains('disabled')) return;\r\n if (!SpeechRecognition) { alert('Voice input requires Chrome browser.'); return; }\r\n isListening ? stopListening() : startListening();\r\n}\r\n\r\nfunction startListening() {\r\n isListening = true;\r\n currentFinalText = '';\r\n const btn = document.getElementById('micBtn');\r\n btn.classList.add('listening'); btn.innerText = '\u23f9';\r\n document.getElementById('micHint').innerText = 'Listening... tap again when done';\r\n document.getElementById('transcriptBox').style.display = 'block';\r\n document.getElementById('transcriptBox').value = '';\r\n recognition.start();\r\n\r\n clearTimeout(listenTimer);\r\n listenTimer = setTimeout(() => stopListening(), questions[currentQ].listenSec * 1000);\r\n}\r\n\r\nfunction stopListening() {\r\n isListening = false;\r\n clearTimeout(listenTimer);\r\n if (recognition) { recognition.onend = null; try { recognition.stop(); } catch(e){} }\r\n const btn = document.getElementById('micBtn');\r\n btn.classList.remove('listening'); btn.innerText = '\ud83c\udfa4';\r\n const val = document.getElementById('transcriptBox').value.trim();\r\n if (val) {\r\n document.getElementById('micHint').innerText = 'Review your answer above \u2014 edit if needed.';\r\n document.getElementById('voiceNav').style.display = 'flex';\r\n } else {\r\n document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n }\r\n if (SpeechRecognition) {\r\n recognition = new SpeechRecognition();\r\n recognition.continuous = true;\r\n recognition.interimResults = true;\r\n recognition.lang = 'en-US';\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 = () => stopListening();\r\n }\r\n}\r\n\r\nfunction confirmAnswer() {\r\n const q = questions[currentQ];\r\n let val = document.getElementById('transcriptBox').value.trim();\r\n if (!val) { document.getElementById('micHint').innerText = 'Please answer the question first.'; return; }\r\n\r\n if (q.id === 'vca_email') val = val.replace(\/\\s\/g,'').toLowerCase();\r\n\r\n const field = document.getElementById(q.id);\r\n if (field) { field.value = val; field.classList.add('filled'); }\r\n\r\n markFilled(q.id);\r\n document.getElementById('voiceNav').style.display = 'none';\r\n document.getElementById('transcriptBox').style.display = 'none';\r\n\r\n setTimeout(() => {\r\n const next = currentQ + 1;\r\n if (next < questions.length) showQuestion(next);\r\n else allDone();\r\n }, 600);\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 document.getElementById('micHint').innerText = 'Tap the mic and speak your answer';\r\n if (!questions[currentQ].typeOnly) startListening();\r\n}\r\n\r\nfunction allDone() {\r\n document.getElementById('questionText').innerText = '\ud83c\udf89 All done! Review your answers and hit the button below!';\r\n document.getElementById('micBtn').style.display = 'none';\r\n document.getElementById('micHint').innerText = '';\r\n buildDots();\r\n}\r\n\r\nfunction markFilled(fieldId) {\r\n filledFields.add(fieldId);\r\n const card = document.getElementById('card_' + fieldId);\r\n if (card) { card.classList.remove('active-field'); card.classList.add('filled-field'); }\r\n updateProgress();\r\n}\r\n\r\nfunction manualFill(fieldId) {\r\n const el = document.getElementById(fieldId);\r\n if (el && el.value.trim()) {\r\n markFilled(fieldId);\r\n }\r\n}\r\n\r\nfunction updateProgress() {\r\n const req = ['vca_name','vca_email','vca_niche','vca_audience','vca_goal','vca_platform','vca_details'];\r\n const filled = req.filter(id=>{ const el=document.getElementById(id); return el&&el.value.trim()!==''; }).length;\r\n const pct = Math.round((filled\/req.length)*100);\r\n document.getElementById('progressFill').style.width = pct+'%';\r\n document.getElementById('progressLabel').innerText = `${filled} of 7 fields completed`;\r\n}\r\n\r\nasync function submitForm() {\r\n const name = document.getElementById('vca_name').value.trim();\r\n const email = document.getElementById('vca_email').value.trim();\r\n const niche = document.getElementById('vca_niche').value.trim();\r\n const audience = document.getElementById('vca_audience').value.trim();\r\n const goal = document.getElementById('vca_goal').value.trim();\r\n const platform = document.getElementById('vca_platform').value.trim();\r\n const details = document.getElementById('vca_details').value.trim();\r\n const msg = document.getElementById('form-message');\r\n\r\n if (!name || !email || !niche || !audience || !goal || !platform || !details) {\r\n msg.className = 'error'; msg.innerText = '\u26a0\ufe0f Please fill in all required fields before submitting.'; return;\r\n }\r\n\r\n msg.className = 'loading'; msg.innerText = '\u23f3 Submitting your information... please wait.';\r\n document.querySelector('.submit-btn').disabled = true;\r\n\r\n const content = 'Name: ' + name + '\\nEmail: ' + email + '\\nNiche or Topic: ' + niche + '\\nTarget Audience: ' + audience + '\\nContent Goal: ' + goal + '\\nPlatform & Tone: ' + platform + '\\nDetails: ' + details;\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-MWZjN2JlNjItYjIwMy00MzUyLTk2NTAtYmVlN2EzZDI1MjRi'\r\n },\r\n body: JSON.stringify({\r\n message: { role: 'user', content: content },\r\n agent_id: '749e3c14-a950-411a-8a20-b40027cdc01e'\r\n })\r\n });\r\n msg.className = 'success'; msg.innerText = '\ud83d\ude80 Success! Your viral content ideas are being created and will be delivered to your email shortly.';\r\n } catch(err) {\r\n msg.className = 'error'; msg.innerText = '\u274c Something went wrong. Please try again.';\r\n document.querySelector('.submit-btn').disabled = false;\r\n }\r\n}\r\n\r\nwindow.addEventListener('load', () => {\r\n buildDots();\r\n const welcomeMsg = document.getElementById('welcomeMsg');\r\n const words = welcomeText.split(' ');\r\n let wi = 0;\r\n cassidyWelcome.play().catch(()=>{});\r\n const 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\n cassidyWelcome.onended = () => {\r\n clearInterval(wInt);\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => showQuestion(0), 1500);\r\n };\r\n cassidyWelcome.onerror = () => {\r\n welcomeMsg.textContent = welcomeText;\r\n setTimeout(() => showQuestion(0), 1000);\r\n };\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<div class=\"elementor-element elementor-element-40a112a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"40a112a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c3d637 elementor-widget elementor-widget-text-editor\" data-id=\"4c3d637\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Disclaimer<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85dea43 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"85dea43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a92998 elementor-widget elementor-widget-text-editor\" data-id=\"5a92998\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The Viral Content Agent generates content ideas, hooks, captions, and hashtags based on the information provided by the user. All results are for informational and creative purposes only.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The accuracy and effectiveness of generated content depends on the information provided. The agent does not guarantee follower growth, engagement, views, or any specific results from using the content.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Users are responsible for reviewing all generated content before publishing and ensuring it complies with the terms of service of any platform it is posted on.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">By using this tool, you agree that MyAIAgentHub is not liable for any outcomes resulting from the use of this service.<\/p>\t\t\t\t\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>Viral Content Agent \ud83d\ude80 Viral Content Agent Cassidy will guide you through 7 quick questions. Just tap the mic and talk naturally \u2014 your viral content ideas will be in your inbox within minutes. \ud83d\udc4b Cassidy \u2014 Your Content Agent Question 1 of 7 Getting ready… \ud83c\udfa4 Cassidy is asking your first question… \u2705 Confirm \ud83d\udd04 Redo 0 of 7 fields completed Full Name * Email Address * Niche or Topic * Target Audience * Content Goal * Platform & Tone * Tell Us More * \ud83d\ude80 Get My Viral Content Ideas Disclaimer The Viral Content Agent generates content ideas, hooks, captions, and hashtags based on the information provided by the user. All results are for informational and creative purposes only. The accuracy and effectiveness of generated content depends on the information provided. The agent does not guarantee follower growth, engagement, views, or any specific results from using the content. Users are responsible for reviewing all generated content before publishing and ensuring it complies with the terms of service of any platform it is posted on. By using this tool, you agree that MyAIAgentHub is not liable for any outcomes resulting from the use of this service.<\/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-1387","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/1387","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=1387"}],"version-history":[{"count":42,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/1387\/revisions"}],"predecessor-version":[{"id":5006,"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/pages\/1387\/revisions\/5006"}],"wp:attachment":[{"href":"https:\/\/myaiagenthub.com\/es\/wp-json\/wp\/v2\/media?parent=1387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}