Do You Really Need a Virtual Assistant?

/* ===== VA READINESS ASSESSMENT — Scoped Styles ===== */ .vaq__ * { box-sizing: border-box; } .vaq__ { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #1a1a2e; max-width: 720px; margin: 0 auto; padding: 0; line-height: 1.6; } .vaq__ h2 { font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: 1.6rem; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 6px; } .vaq__ h3 { font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: 1.15rem; font-weight: 700; } .vaq__progress { background: #f1f5f9; border-radius: 99px; height: 8px; margin-bottom: 32px; overflow: hidden; } .vaq__progress-bar { height: 100%; border-radius: 99px; background: linear-gradient(90deg, #5EEAD4, #F5C842); transition: width 0.5s ease; } .vaq__step-label { font-size: 0.82rem; color: #94a3b8; font-weight: 600; margin-bottom: 8px; letter-spacing: 0.08em; text-transform: uppercase; } .vaq__question { font-size: 1.2rem; font-weight: 700; color: #0A0F1E; margin-bottom: 24px; line-height: 1.35; } .vaq__options { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; } .vaq__option { display: flex; align-items: center; gap: 14px; padding: 16px 20px; border: 2px solid #e2e8f0; border-radius: 14px; cursor: pointer; transition: all 0.25s ease; background: #fff; font-size: 0.95rem; color: #334155; font-weight: 500; } .vaq__option:hover { border-color: #5EEAD4; background: rgba(94,234,212,0.04); } .vaq__option.selected { border-color: #5EEAD4; background: rgba(94,234,212,0.08); color: #0A0F1E; font-weight: 600; } .vaq__option-radio { width: 22px; height: 22px; border-radius: 50%; border: 2px solid #cbd5e1; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: all 0.25s; } .vaq__option.selected .vaq__option-radio { border-color: #5EEAD4; background: #5EEAD4; } .vaq__option.selected .vaq__option-radio::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #fff; } .vaq__nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .vaq__btn { padding: 12px 28px; border: none; border-radius: 10px; font-weight: 700; font-size: 0.95rem; cursor: pointer; transition: all 0.2s; font-family: inherit; } .vaq__btn--next { background: linear-gradient(135deg, #F5C842, #e8b830); color: #0A0F1E; } .vaq__btn--next:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(245,200,66,0.35); } .vaq__btn--next:disabled { opacity: 0.4; cursor: not-allowed; transform: none; box-shadow: none; } .vaq__btn--back { background: transparent; color: #64748b; border: 1px solid #e2e8f0; } .vaq__btn--back:hover { background: #f8fafc; }/* Intro */ .vaq__intro { text-align: center; padding: 20px 0; } .vaq__intro h2 { font-size: 1.8rem; margin-bottom: 12px; } .vaq__intro p { color: #64748b; font-size: 1.05rem; max-width: 500px; margin: 0 auto 24px; } .vaq__intro-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 28px 0; text-align: center; } .vaq__intro-feat { padding: 20px 12px; background: #f8fafc; border-radius: 14px; } .vaq__intro-feat strong { display: block; color: #0A0F1E; font-size: 0.9rem; margin-top: 8px; } .vaq__intro-feat span { font-size: 0.8rem; color: #94a3b8; } @media (max-width: 640px) { .vaq__intro-features { grid-template-columns: 1fr; } }/* Results */ .vaq__results { text-align: center; animation: vaqFadeIn 0.6s ease; } @keyframes vaqFadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .vaq__score-ring { position: relative; width: 180px; height: 180px; margin: 0 auto 24px; } .vaq__score-ring svg { width: 180px; height: 180px; transform: rotate(-90deg); } .vaq__score-ring circle { fill: none; stroke-width: 10; stroke-linecap: round; } .vaq__score-ring .bg { stroke: #e2e8f0; } .vaq__score-ring .fg { stroke: url(#vaqGrad); transition: stroke-dashoffset 1.5s ease; } .vaq__score-num { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Space Grotesk', sans-serif; font-size: 2.8rem; font-weight: 800; color: #0A0F1E; } .vaq__score-num small { display: block; font-size: 0.75rem; font-weight: 600; color: #94a3b8; letter-spacing: 0.1em; text-transform: uppercase; } .vaq__results-label { font-size: 1.3rem; font-weight: 700; color: #0A0F1E; margin-bottom: 4px; } .vaq__results-sublabel { color: #64748b; margin-bottom: 28px; font-size: 0.95rem; }.vaq__results-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 28px; text-align: center; } @media (max-width: 640px) { .vaq__results-cards { grid-template-columns: 1fr; } } .vaq__rcard { background: #f8fafc; border-radius: 14px; padding: 20px 14px; } .vaq__rcard-val { font-family: 'Space Grotesk', sans-serif; font-size: 1.6rem; font-weight: 800; color: #0A0F1E; } .vaq__rcard-val.teal { color: #14b8a6; } .vaq__rcard-val.gold { color: #d4a017; } .vaq__rcard-label { font-size: 0.78rem; color: #94a3b8; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 4px; }.vaq__rec { background: linear-gradient(135deg, rgba(94,234,212,0.08), rgba(245,200,66,0.06)); border: 1px solid rgba(94,234,212,0.2); border-radius: 16px; padding: 24px; margin-bottom: 24px; text-align: left; } .vaq__rec h3 { margin-bottom: 8px; color: #0A0F1E; } .vaq__rec ul { list-style: none; padding: 0; margin: 0; } .vaq__rec li { padding: 6px 0; color: #475569; font-size: 0.92rem; display: flex; align-items: flex-start; gap: 8px; } .vaq__rec li::before { content: '2713'; color: #14b8a6; font-weight: 700; flex-shrink: 0; }.vaq__cta-box { background: #0A0F1E; border-radius: 16px; padding: 32px; text-align: center; } .vaq__cta-box h3 { color: #fff; margin-bottom: 8px; font-size: 1.2rem; } .vaq__cta-box p { color: rgba(255,255,255,0.55); font-size: 0.92rem; margin-bottom: 16px; } .vaq__btn--cta { background: linear-gradient(135deg, #F5C842, #e8b830); color: #0A0F1E; padding: 14px 36px; border: none; border-radius: 10px; font-weight: 700; font-size: 1rem; cursor: pointer; text-decoration: none; display: inline-block; transition: all 0.2s; font-family: inherit; } .vaq__btn--cta:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(245,200,66,0.35); }/* Question transition */ .vaq__q-wrap { transition: opacity 0.3s ease, transform 0.3s ease; } .vaq__q-wrap.exit { opacity: 0; transform: translateX(-30px); } .vaq__q-wrap.enter { opacity: 0; transform: translateX(30px); }(function(){ var questions = [ { cat: "Time Management", q: "How many hours per week do you spend on admin tasks (email, scheduling, data entry)?", opts: [ { text: "Less than 5 hours", pts: 1, delegate: 3 }, { text: "5-10 hours", pts: 2, delegate: 7 }, { text: "10-20 hours", pts: 3, delegate: 15 }, { text: "20+ hours — it consumes my day", pts: 4, delegate: 22 } ] }, { cat: "Time Management", q: "How much time goes to social media management each week?", opts: [ { text: "I don't manage social media", pts: 0, role: "" }, { text: "1-5 hours", pts: 2, delegate: 4, role: "social" }, { text: "5-15 hours", pts: 3, delegate: 10, role: "social" }, { text: "15+ hours", pts: 4, delegate: 18, role: "social" } ] }, { cat: "Time Management", q: "How often do you handle bookkeeping, invoicing, or financial tasks?", opts: [ { text: "I have an accountant / not applicable", pts: 0, role: "" }, { text: "A few hours per month", pts: 1, delegate: 2, role: "bookkeeping" }, { text: "Weekly — several hours", pts: 3, delegate: 6, role: "bookkeeping" }, { text: "It's a constant burden", pts: 4, delegate: 12, role: "bookkeeping" } ] }, { cat: "Growth Readiness", q: "What's your current monthly revenue?", opts: [ { text: "Pre-revenue / just starting", pts: 1 }, { text: "$1K - $5K/month", pts: 2 }, { text: "$5K - $20K/month", pts: 3 }, { text: "$20K+/month", pts: 4 } ] }, { cat: "Growth Readiness", q: "How many people are on your current team?", opts: [ { text: "Just me — solopreneur", pts: 4 }, { text: "1-3 people", pts: 3 }, { text: "4-10 people", pts: 2 }, { text: "10+ people", pts: 2 } ] }, { cat: "Growth Readiness", q: "What's your #1 growth bottleneck right now?", opts: [ { text: "Not enough time — I'm the bottleneck", pts: 4 }, { text: "Can't afford to hire locally", pts: 3 }, { text: "Need specialized skills I don't have", pts: 3, role: "specialist" }, { text: "I'm not sure what to delegate", pts: 2 } ] }, { cat: "Delegation Readiness", q: "Do you have documented processes or SOPs for your core tasks?", opts: [ { text: "Yes — well documented", pts: 4 }, { text: "Some — partially documented", pts: 3 }, { text: "It's all in my head", pts: 2 }, { text: "What's an SOP?", pts: 1 } ] }, { cat: "Delegation Readiness", q: "Have you worked with remote team members or freelancers before?", opts: [ { text: "Yes — extensively", pts: 4 }, { text: "A few times", pts: 3 }, { text: "Once, and it didn't go well", pts: 2 }, { text: "Never", pts: 1 } ] }, { cat: "Delegation Readiness", q: "What project management or communication tools do you use?", opts: [ { text: "Full stack (Slack, Asana/Trello, Google Workspace, etc.)", pts: 4 }, { text: "Some tools (email + one PM tool)", pts: 3 }, { text: "Just email and phone", pts: 2 }, { text: "None — I wing it", pts: 1 } ] }, { cat: "Pain Points", q: "Which task area causes you the most frustration?", opts: [ { text: "Customer support / inbox management", pts: 3, role: "support" }, { text: "Marketing / content / social media", pts: 3, role: "social" }, { text: "Admin / scheduling / data entry", pts: 3, role: "admin" }, { text: "Technical work (website, SEO, ads)", pts: 3, role: "tech" } ] }, { cat: "Pain Points", q: "How would you describe your current work-life balance?", opts: [ { text: "Healthy — I have boundaries", pts: 1 }, { text: "Okay, but I work evenings and weekends", pts: 3 }, { text: "Struggling — always behind", pts: 4 }, { text: "Burning out", pts: 4 } ] }, { cat: "Budget & Timing", q: "When do you need help?", opts: [ { text: "Immediately — I needed a VA yesterday", pts: 4 }, { text: "Within the next month", pts: 3 }, { text: "Within 3 months", pts: 2 }, { text: "Just exploring for now", pts: 1 } ] } ];var answers = []; var current = 0; var total = questions.length;window.vaqStart = function() { document.getElementById('vaq-intro').style.display = 'none'; document.getElementById('vaq-quiz').style.display = 'block'; renderQ(); };function renderQ() { var q = questions[current]; var bar = document.getElementById('vaq-bar'); bar.style.width = ((current / total) * 100) + '%'; document.getElementById('vaq-step').textContent = q.cat + ' u2014 Question ' + (current+1) + ' of ' + total; document.getElementById('vaq-question').textContent = q.q; document.getElementById('vaq-back').style.visibility = current === 0 ? 'hidden' : 'visible'; document.getElementById('vaq-next').disabled = true; document.getElementById('vaq-next').textContent = current === total - 1 ? 'See Results' : 'Continue';var wrap = document.getElementById('vaq-options'); wrap.innerHTML = ''; q.opts.forEach(function(opt, i) { var div = document.createElement('div'); div.className = 'vaq__option'; if (answers[current] === i) { div.classList.add('selected'); document.getElementById('vaq-next').disabled = false; } div.innerHTML = '' + opt.text + ''; div.onclick = function() { answers[current] = i; wrap.querySelectorAll('.vaq__option').forEach(function(o){ o.classList.remove('selected'); }); div.classList.add('selected'); document.getElementById('vaq-next').disabled = false; }; wrap.appendChild(div); }); }window.vaqNext = function() { if (answers[current] === undefined) return; if (current 0) { var qw = document.getElementById('vaq-qwrap'); current--; renderQ(); } };function showResults() { document.getElementById('vaq-quiz').style.display = 'none'; var res = document.getElementById('vaq-results'); res.style.display = 'block';var totalPts = 0, maxPts = 0, delegateHrs = 0; var roles = {}; for (var i = 0; i topScore) { topScore = roles[r]; topRole = r; } } var roleMap = { social: { name: 'Social Media VA', tasks: ['Content creation & scheduling', 'Community management & engagement', 'Social media analytics & reporting', 'Ad campaign setup & monitoring'] }, bookkeeping: { name: 'Bookkeeping VA', tasks: ['Invoice processing & AP/AR', 'Bank reconciliations', 'P&L and financial reports', 'Expense tracking & categorization'] }, support: { name: 'Customer Support VA', tasks: ['Email & chat ticket management', 'FAQ handling & response templates', 'Order processing & tracking', 'CRM data maintenance'] }, admin: { name: 'Executive Virtual Assistant', tasks: ['Email management & inbox zero', 'Calendar scheduling & travel booking', 'Data entry & document organization', 'Research & report preparation'] }, tech: { name: 'SEO / Web Development VA', tasks: ['Website updates & maintenance', 'SEO optimization & keyword tracking', 'Google Ads / Meta Ads management', 'Analytics reporting & dashboards'] }, specialist: { name: 'Specialist VA (based on your needs)', tasks: ['Role-specific expert tasks', 'Tool & platform management', 'Strategy execution support', 'Reporting & performance tracking'] } }; var rec = roleMap[topRole] || roleMap.admin;// Labels var label, sublabel; if (score >= 80) { label = 'You Need a VA Yesterday!'; sublabel = 'Your business is clearly ready to delegate. Every day without a VA is costing you growth.'; } else if (score >= 60) { label = 'You're Ready to Hire a VA'; sublabel = 'You have the workload, the revenue, and the need. A VA would have immediate impact.'; } else if (score >= 40) { label = 'Almost Ready'; sublabel = 'You'd benefit from a VA, but consider documenting a few processes first for a smoother start.'; } else { label = 'Building Toward It'; sublabel = 'Focus on growth and process documentation first. When you hit $5K/mo, revisit this assessment.'; }var monthlySavings = Math.round(delegateHrs * 4.33 * 25); // $25/hr opportunity cost var vaCost = delegateHrs <= 20 ? 800 : 1200;res.innerHTML = '';// Animate score number var el = document.getElementById('vaq-score-val'); var c = 0; var timer = setInterval(function(){ c += Math.ceil(score / 40); if (c >= score) { c = score; clearInterval(timer); } el.textContent = c; }, 30); }window.vaqRestart = function() { answers = []; current = 0; document.getElementById('vaq-results').style.display = 'none'; document.getElementById('vaq-results').innerHTML = ''; document.getElementById('vaq-intro').style.display = 'block'; }; })();