{"id":6,"date":"2026-09-26T06:49:53","date_gmt":"2026-09-26T06:49:53","guid":{"rendered":"https:\/\/redesignresults.com\/?page_id=6"},"modified":"2026-09-27T03:46:46","modified_gmt":"2026-09-27T03:46:46","slug":"generate-more-leads","status":"publish","type":"page","link":"https:\/\/redesignresults.com\/","title":{"rendered":"Redesign Results"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ada3de elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"1ada3de\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eea4591\" data-id=\"eea4591\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d91454 elementor-widget elementor-widget-html\" data-id=\"6d91454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Redesign Results - Hero with Real Local Deformation -->\n<style>\n  .rr-hero {\n    position: relative;\n    width: 100%;\n    min-height: 100vh;\n    background: #0a0a0a;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-family: 'Inter', system-ui, sans-serif;\n  }\n\n  #rrParticles {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  .rr-hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    max-width: 900px;\n    padding: 0 24px;\n    pointer-events: none;\n  }\n\n  .rr-hero-content a {\n    pointer-events: auto;\n  }\n\n  .rr-hero-label {\n    display: inline-block;\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.55);\n    margin-bottom: 28px;\n  }\n\n  .rr-hero-title {\n    font-family: 'Georgia', 'Times New Roman', serif;\n    font-size: clamp(42px, 7vw, 82px);\n    font-weight: 400;\n    line-height: 1.1;\n    letter-spacing: -1px;\n    margin-bottom: 28px;\n    color: #fff;\n  }\n\n  .rr-hero-title span {\n    display: block;\n  }\n\n  .rr-hero-subtitle {\n    font-size: clamp(16px, 2vw, 19px);\n    font-weight: 400;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.7);\n    max-width: 580px;\n    margin: 0 auto 48px;\n  }\n\n  .rr-hero-buttons {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .rr-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 32px;\n    background: #fff;\n    color: #0a0a0a;\n    font-size: 15px;\n    font-weight: 500;\n    text-decoration: none;\n    border-radius: 50px;\n    transition: all 0.3s ease;\n  }\n\n  .rr-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px rgba(255,255,255,0.15);\n  }\n\n  .rr-btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 32px;\n    background: transparent;\n    color: #fff;\n    font-size: 15px;\n    font-weight: 500;\n    text-decoration: none;\n    border-radius: 50px;\n    border: 1px solid rgba(255,255,255,0.3);\n    transition: all 0.3s ease;\n  }\n\n  .rr-btn-secondary:hover {\n    background: rgba(255,255,255,0.08);\n    border-color: rgba(255,255,255,0.6);\n  }\n\n  .rr-floating-cta {\n    position: absolute;\n    bottom: 60px;\n    right: 60px;\n    z-index: 3;\n    width: 130px;\n    height: 130px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,0.25);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    text-decoration: none;\n    color: #fff;\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: 1px;\n    line-height: 1.4;\n    transition: all 0.4s ease;\n  }\n\n  .rr-floating-cta:hover {\n    background: #fff;\n    color: #0a0a0a;\n    border-color: #fff;\n    transform: scale(1.05);\n  }\n\n  .rr-floating-cta span {\n    max-width: 80px;\n  }\n\n  @media (max-width: 768px) {\n    .rr-floating-cta {\n      bottom: 30px;\n      right: 20px;\n      width: 100px;\n      height: 100px;\n      font-size: 11px;\n    }\n  }\n<\/style>\n\n<section class=\"rr-hero\">\n  <canvas id=\"rrParticles\"><\/canvas>\n\n  <div class=\"rr-hero-content\">\n    <div class=\"rr-hero-label\">Digital Growth Agency<\/div>\n    \n    <h1 class=\"rr-hero-title\">\n      <span>Grow your business<\/span>\n      <span>with modern technology<\/span>\n    <\/h1>\n    \n    <p class=\"rr-hero-subtitle\">\n      Websites, AI, SMS automation, content & advertising \u2014 everything small businesses need to attract more customers and run smoother.\n    <\/p>\n    \n    <div class=\"rr-hero-buttons\">\n      <a href=\"\/contact\" class=\"rr-btn-primary\">Get Started \u2192<\/a>\n      <a href=\"#services\" class=\"rr-btn-secondary\">See Services<\/a>\n    <\/div>\n  <\/div>\n\n  <a href=\"\/contact\" class=\"rr-floating-cta\">\n    <span>Book a<br>Free Call<\/span>\n  <\/a>\n<\/section>\n\n<script>\n(function() {\n  const canvas = document.getElementById('rrParticles');\n  const ctx = canvas.getContext('2d');\n  let width, height;\n  let particles = [];\n  const COUNT = 1400;\n  const RADIUS = 240;\n\n  let mouse = { x: 0, y: 0, active: false };\n  let targetRotX = 0, targetRotY = 0;\n  let rotX = 0, rotY = 0;\n\n  \/\/ Deformation settings\n  const PUSH_STRENGTH = 95;      \/\/ how deep the dent goes\n  const INFLUENCE_RADIUS = 180;  \/\/ size of the dent area\n\n  function resize() {\n    width = canvas.width = canvas.offsetWidth;\n    height = canvas.height = canvas.offsetHeight;\n  }\n\n  function createParticles() {\n    particles = [];\n    const golden = Math.PI * (3 - Math.sqrt(5));\n    for (let i = 0; i < COUNT; i++) {\n      const y = 1 - (i \/ (COUNT - 1)) * 2;\n      const radiusAtY = Math.sqrt(1 - y * y);\n      const theta = golden * i;\n\n      particles.push({\n        ox: Math.cos(theta) * radiusAtY * RADIUS,\n        oy: y * RADIUS,\n        oz: Math.sin(theta) * radiusAtY * RADIUS,\n        x: 0, y: 0, z: 0,\n        size: Math.random() * 1.5 + 0.5,\n        alpha: Math.random() * 0.45 + 0.25\n      });\n    }\n  }\n\n  function project(p) {\n    const scale = 680 \/ (680 + p.z);\n    return {\n      x: width \/ 2 + p.x * scale,\n      y: height \/ 2 + p.y * scale,\n      scale: scale\n    };\n  }\n\n  function animate() {\n    ctx.clearRect(0, 0, width, height);\n\n    \/\/ Smooth camera rotation\n    rotX += (targetRotX - rotX) * 0.08;\n    rotY += (targetRotY - rotY) * 0.08;\n\n    const time = Date.now() * 0.00025;\n    const autoRotY = time;\n    const autoRotX = Math.sin(time * 0.6) * 0.14;\n\n    const cosY = Math.cos(rotY + autoRotY);\n    const sinY = Math.sin(rotY + autoRotY);\n    const cosX = Math.cos(rotX + autoRotX);\n    const sinX = Math.sin(rotX + autoRotX);\n\n    \/\/ Mouse position in 3D-ish space (approximate)\n    const mouse3D = {\n      x: (mouse.x - width \/ 2) * 0.9,\n      y: (mouse.y - height \/ 2) * 0.9,\n      z: 80\n    };\n\n    particles.forEach(p => {\n      \/\/ 1. Rotate original point\n      let x = p.ox;\n      let y = p.oy;\n      let z = p.oz;\n\n      let x1 = x * cosY - z * sinY;\n      let z1 = z * cosY + x * sinY;\n      let y1 = y * cosX - z1 * sinX;\n      let z2 = z1 * cosX + y * sinX;\n\n      \/\/ 2. Local deformation (the important part)\n      if (mouse.active) {\n        const dx = x1 - mouse3D.x;\n        const dy = y1 - mouse3D.y;\n        const dz = z2 - mouse3D.z;\n        const dist = Math.sqrt(dx*dx + dy*dy + dz*dz);\n\n        if (dist < INFLUENCE_RADIUS) {\n          \/\/ Smooth falloff (cosine)\n          const t = dist \/ INFLUENCE_RADIUS;\n          const force = Math.cos(t * Math.PI * 0.5); \/\/ 1 at center \u2192 0 at edge\n          const push = force * PUSH_STRENGTH;\n\n          \/\/ Push particles away from mouse (creates a dent \/ bean shape)\n          const len = dist || 0.001;\n          x1 += (dx \/ len) * push;\n          y1 += (dy \/ len) * push;\n          z2 += (dz \/ len) * push * 0.6;\n        }\n      }\n\n      p.x = x1;\n      p.y = y1;\n      p.z = z2;\n\n      const proj = project(p);\n      const depthAlpha = Math.max(0.12, Math.min(1, (p.z + RADIUS) \/ (RADIUS * 2.1)));\n\n      ctx.beginPath();\n      ctx.arc(proj.x, proj.y, p.size * proj.scale, 0, Math.PI * 2);\n      ctx.fillStyle = `rgba(220, 220, 220, ${p.alpha * depthAlpha})`;\n      ctx.fill();\n    });\n\n    requestAnimationFrame(animate);\n  }\n\n  canvas.addEventListener('mousemove', (e) => {\n    const rect = canvas.getBoundingClientRect();\n    mouse.x = e.clientX - rect.left;\n    mouse.y = e.clientY - rect.top;\n    mouse.active = true;\n\n    \/\/ Gentle overall rotation\n    targetRotY = ((mouse.x \/ width) - 0.5) * 0.9;\n    targetRotX = ((mouse.y \/ height) - 0.5) * 0.6;\n  });\n\n  canvas.addEventListener('mouseleave', () => {\n    mouse.active = false;\n    targetRotX = 0;\n    targetRotY = 0;\n  });\n\n  window.addEventListener('resize', resize);\n\n  resize();\n  createParticles();\n  animate();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-90a6b0e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"90a6b0e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4e522e6\" data-id=\"4e522e6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf6ea3a elementor-widget elementor-widget-html\" data-id=\"cf6ea3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  ROI Calculator Widget\n  -----------------------------------------------------------\n  How to use in WordPress\/Elementor:\n  1. Add an \"HTML\" widget (Elementor) or a \"Custom HTML\" block (Gutenberg).\n  2. Paste this entire file's contents into it.\n  3. Edit the CTA link near the bottom (search for \"EDIT THIS LINK\")\n     to point at your booking page, contact form, or phone number.\n  4. Optional: adjust the slider ranges\/defaults in the CONFIG block\n     in the <script> to match your typical client's numbers.\n-->\n<div class=\"roi-widget\" id=\"roiWidget\">\n  <div class=\"roi-head\">\n    <h3>What would more leads be worth to your business?<\/h3>\n    <p>Move the sliders to match how your business runs today.<\/p>\n  <\/div>\n\n  <div class=\"roi-body\">\n    <div class=\"roi-field\">\n      <div class=\"roi-field-label\">\n        <span>Average job value<\/span>\n        <span class=\"roi-readout\" id=\"jobValueReadout\">$500<\/span>\n      <\/div>\n      <input type=\"range\" id=\"jobValue\" min=\"100\" max=\"10000\" step=\"50\" value=\"500\" aria-label=\"Average job value in dollars\">\n    <\/div>\n\n    <div class=\"roi-field\">\n      <div class=\"roi-field-label\">\n        <span>Leads you get now (per month)<\/span>\n        <span class=\"roi-readout\" id=\"leadsNowReadout\">20<\/span>\n      <\/div>\n      <input type=\"range\" id=\"leadsNow\" min=\"5\" max=\"200\" step=\"1\" value=\"20\" aria-label=\"Current monthly leads\">\n    <\/div>\n\n    <div class=\"roi-field\">\n      <div class=\"roi-field-label\">\n        <span>Extra leads with better marketing<\/span>\n        <span class=\"roi-readout\" id=\"gainPctReadout\">+50%<\/span>\n      <\/div>\n      <input type=\"range\" id=\"gainPct\" min=\"10\" max=\"200\" step=\"5\" value=\"50\" aria-label=\"Percent increase in leads\">\n    <\/div>\n\n    <div class=\"roi-field\">\n      <div class=\"roi-field-label\">\n        <span>Percent of leads you close<\/span>\n        <span class=\"roi-readout\" id=\"closeRateReadout\">40%<\/span>\n      <\/div>\n      <input type=\"range\" id=\"closeRate\" min=\"10\" max=\"90\" step=\"5\" value=\"40\" aria-label=\"Close rate percentage\">\n    <\/div>\n  <\/div>\n\n  <div class=\"roi-output\">\n    <div class=\"roi-output-main\">\n      <span class=\"roi-output-label\">Extra revenue per year<\/span>\n      <span class=\"roi-output-number\" id=\"yearRevenue\">$24,000<\/span>\n    <\/div>\n    <div class=\"roi-output-breakdown\">\n      <div><strong id=\"extraLeads\">10<\/strong> more leads \/ month<\/div>\n      <div><strong id=\"extraJobs\">4<\/strong> more jobs \/ month<\/div>\n      <div><strong id=\"monthRevenue\">$2,000<\/strong> more \/ month<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- EDIT THIS LINK: point at your booking page, contact form, or tel: number -->\n  <a class=\"roi-cta\" href=\"#\" target=\"_blank\" rel=\"noopener\">See how we'd get you there<\/a>\n<\/div>\n\n<style>\n  #roiWidget, #roiWidget * { box-sizing: border-box; }\n\n  .roi-widget {\n    --ink: #1b2b34;\n    --paper: #f6f2e9;\n    --panel: #ece5d5;\n    --signal: #e8590c;\n    --line: #d9d2c2;\n    --muted: #5b6770;\n\n    max-width: 640px;\n    margin: 0 auto;\n    background: var(--paper);\n    border: 2px solid var(--ink);\n    border-radius: 10px;\n    padding: 32px;\n    font-family: \"Archivo\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--ink);\n  }\n\n  .roi-head h3 {\n    margin: 0 0 6px;\n    font-size: 1.4rem;\n    font-weight: 700;\n    line-height: 1.25;\n    letter-spacing: -0.01em;\n  }\n\n  .roi-head p {\n    margin: 0 0 28px;\n    color: var(--muted);\n    font-size: 0.95rem;\n  }\n\n  .roi-field { margin-bottom: 22px; }\n\n  .roi-field-label {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    margin-bottom: 8px;\n    font-size: 0.92rem;\n  }\n\n  .roi-readout {\n    font-variant-numeric: tabular-nums;\n    font-weight: 700;\n    color: var(--signal);\n    min-width: 3.5em;\n    text-align: right;\n  }\n\n  .roi-widget input[type=\"range\"] {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 100%;\n    height: 4px;\n    background: var(--line);\n    border-radius: 2px;\n    outline-offset: 4px;\n  }\n\n  .roi-widget input[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: var(--ink);\n    border: 3px solid var(--paper);\n    box-shadow: 0 0 0 1.5px var(--ink);\n    cursor: pointer;\n  }\n\n  .roi-widget input[type=\"range\"]::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: var(--ink);\n    border: 3px solid var(--paper);\n    box-shadow: 0 0 0 1.5px var(--ink);\n    cursor: pointer;\n    border: none;\n  }\n\n  .roi-widget input[type=\"range\"]:focus-visible {\n    outline: 2px solid var(--signal);\n  }\n\n  .roi-output {\n    margin-top: 28px;\n    background: var(--panel);\n    border-radius: 8px;\n    padding: 22px 24px;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n  }\n\n  .roi-output-main {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .roi-output-label {\n    font-size: 0.85rem;\n    color: var(--muted);\n    margin-bottom: 2px;\n  }\n\n  .roi-output-number {\n    font-size: 2.1rem;\n    font-weight: 800;\n    letter-spacing: -0.01em;\n    font-variant-numeric: tabular-nums;\n  }\n\n  .roi-output-breakdown {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: 0.88rem;\n    color: var(--muted);\n    text-align: right;\n  }\n\n  .roi-output-breakdown strong {\n    color: var(--ink);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .roi-cta {\n    display: block;\n    text-align: center;\n    margin-top: 24px;\n    padding: 14px 20px;\n    background: var(--signal);\n    color: #fff;\n    font-weight: 700;\n    font-size: 0.98rem;\n    text-decoration: none;\n    border-radius: 6px;\n    transition: background-color 0.15s ease;\n  }\n\n  .roi-cta:hover { background: #c94a08; }\n  .roi-cta:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }\n\n  @media (max-width: 480px) {\n    .roi-widget { padding: 22px; }\n    .roi-output { flex-direction: column; align-items: flex-start; }\n    .roi-output-breakdown { text-align: left; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .roi-cta { transition: none; }\n  }\n<\/style>\n\n<script>\n(function () {\n  var root = document.getElementById('roiWidget');\n  var jobValue = root.querySelector('#jobValue');\n  var leadsNow = root.querySelector('#leadsNow');\n  var gainPct = root.querySelector('#gainPct');\n  var closeRate = root.querySelector('#closeRate');\n\n  var jobValueReadout = root.querySelector('#jobValueReadout');\n  var leadsNowReadout = root.querySelector('#leadsNowReadout');\n  var gainPctReadout = root.querySelector('#gainPctReadout');\n  var closeRateReadout = root.querySelector('#closeRateReadout');\n\n  var yearRevenue = root.querySelector('#yearRevenue');\n  var monthRevenue = root.querySelector('#monthRevenue');\n  var extraLeads = root.querySelector('#extraLeads');\n  var extraJobs = root.querySelector('#extraJobs');\n\n  function money(n) {\n    return '$' + Math.round(n).toLocaleString('en-US');\n  }\n\n  function recalc() {\n    var jv = parseFloat(jobValue.value);\n    var ln = parseFloat(leadsNow.value);\n    var gp = parseFloat(gainPct.value);\n    var cr = parseFloat(closeRate.value);\n\n    jobValueReadout.textContent = money(jv);\n    leadsNowReadout.textContent = ln;\n    gainPctReadout.textContent = '+' + gp + '%';\n    closeRateReadout.textContent = cr + '%';\n\n    var moreLeads = ln * (gp \/ 100);\n    var moreJobs = moreLeads * (cr \/ 100);\n    var moreRevenueMonth = moreJobs * jv;\n    var moreRevenueYear = moreRevenueMonth * 12;\n\n    extraLeads.textContent = Math.round(moreLeads);\n    extraJobs.textContent = Math.round(moreJobs);\n    monthRevenue.textContent = money(moreRevenueMonth);\n    yearRevenue.textContent = money(moreRevenueYear);\n  }\n\n  [jobValue, leadsNow, gainPct, closeRate].forEach(function (el) {\n    el.addEventListener('input', recalc);\n  });\n\n  recalc();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dde56d9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dde56d9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-02facab\" data-id=\"02facab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-13d48c3 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"13d48c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  Before\/After Drag Comparison Widget\n  -----------------------------------------------------------\n  How to use in WordPress\/Elementor:\n  1. Add this as its own \"HTML\" widget (Elementor) or \"Custom HTML\"\n     block (Gutenberg), right after the ROI calculator.\n  2. This ships with placeholder SVG mockups instead of real screenshots,\n     so it works immediately with no images to upload. Swap in real\n     before\/after screenshots of an actual client site when you have them\n     (search \"SWAP IN REAL SCREENSHOTS\" below) \u2014 real proof converts\n     far better than mockups.\n  3. Edit the CTA link near the bottom (search \"EDIT THIS LINK\").\n-->\n<div class=\"baw-widget\" id=\"bawWidget\">\n  <div class=\"baw-head\">\n    <h3>Drag to see the difference<\/h3>\n    <p>Same business. Same trade. A site built to turn visitors into calls.<\/p>\n  <\/div>\n\n  <div class=\"baw-frame\" id=\"bawFrame\" role=\"slider\" tabindex=\"0\"\n       aria-label=\"Before and after website comparison\"\n       aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"50\">\n\n    <!-- BEFORE layer (full width, sits behind) -->\n    <div class=\"baw-layer baw-before\">\n      <span class=\"baw-tag\">Before<\/span>\n      <!-- SWAP IN REAL SCREENSHOTS: replace this <svg> with an <img> of the old site -->\n      <svg viewBox=\"0 0 480 300\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <rect width=\"480\" height=\"300\" fill=\"#ece6d8\"\/>\n        <rect x=\"0\" y=\"0\" width=\"480\" height=\"34\" fill=\"#ddd4bd\"\/>\n        <rect x=\"14\" y=\"12\" width=\"70\" height=\"10\" rx=\"1\" fill=\"#8a8272\"\/>\n        <rect x=\"330\" y=\"12\" width=\"34\" height=\"10\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"368\" y=\"12\" width=\"34\" height=\"10\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"406\" y=\"12\" width=\"34\" height=\"10\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"24\" y=\"56\" width=\"220\" height=\"14\" rx=\"1\" fill=\"#8a8272\"\/>\n        <rect x=\"24\" y=\"76\" width=\"160\" height=\"9\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"24\" y=\"92\" width=\"180\" height=\"9\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"24\" y=\"116\" width=\"70\" height=\"20\" rx=\"2\" fill=\"#c9c0a8\"\/>\n        <rect x=\"270\" y=\"56\" width=\"190\" height=\"120\" rx=\"2\" fill=\"#d6cdb6\"\/>\n        <rect x=\"24\" y=\"168\" width=\"150\" height=\"9\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"24\" y=\"184\" width=\"130\" height=\"9\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"0\" y=\"230\" width=\"480\" height=\"70\" fill=\"#ddd4bd\"\/>\n        <rect x=\"20\" y=\"246\" width=\"90\" height=\"7\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"20\" y=\"260\" width=\"140\" height=\"7\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"20\" y=\"274\" width=\"110\" height=\"7\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"250\" y=\"246\" width=\"90\" height=\"7\" rx=\"1\" fill=\"#a39a86\"\/>\n        <rect x=\"250\" y=\"260\" width=\"70\" height=\"7\" rx=\"1\" fill=\"#a39a86\"\/>\n      <\/svg>\n    <\/div>\n\n    <!-- AFTER layer (clipped to slider position, sits on top) -->\n    <div class=\"baw-layer baw-after\" id=\"bawAfter\">\n      <span class=\"baw-tag\">After<\/span>\n      <!-- SWAP IN REAL SCREENSHOTS: replace this <svg> with an <img> of the new site -->\n      <svg viewBox=\"0 0 480 300\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <rect width=\"480\" height=\"300\" fill=\"#f6f2e9\"\/>\n        <rect x=\"0\" y=\"0\" width=\"480\" height=\"40\" fill=\"#f6f2e9\"\/>\n        <rect x=\"20\" y=\"15\" width=\"60\" height=\"12\" rx=\"2\" fill=\"#1b2b34\"\/>\n        <rect x=\"340\" y=\"13\" width=\"120\" height=\"16\" rx=\"8\" fill=\"#e8590c\"\/>\n        <rect x=\"40\" y=\"80\" width=\"260\" height=\"18\" rx=\"2\" fill=\"#1b2b34\"\/>\n        <rect x=\"40\" y=\"106\" width=\"260\" height=\"18\" rx=\"2\" fill=\"#1b2b34\"\/>\n        <rect x=\"40\" y=\"140\" width=\"180\" height=\"10\" rx=\"2\" fill=\"#5b6770\"\/>\n        <rect x=\"40\" y=\"168\" width=\"150\" height=\"28\" rx=\"6\" fill=\"#e8590c\"\/>\n        <rect x=\"330\" y=\"70\" width=\"130\" height=\"130\" rx=\"8\" fill=\"#ece5d5\"\/>\n        <circle cx=\"395\" cy=\"115\" r=\"18\" fill=\"#d9d2c2\"\/>\n        <rect x=\"352\" y=\"150\" width=\"86\" height=\"8\" rx=\"2\" fill=\"#d9d2c2\"\/>\n        <rect x=\"352\" y=\"164\" width=\"60\" height=\"8\" rx=\"2\" fill=\"#d9d2c2\"\/>\n        <rect x=\"0\" y=\"240\" width=\"480\" height=\"60\" fill=\"#ece5d5\"\/>\n        <rect x=\"20\" y=\"262\" width=\"140\" height=\"9\" rx=\"2\" fill=\"#5b6770\"\/>\n        <rect x=\"320\" y=\"256\" width=\"140\" height=\"24\" rx=\"6\" fill=\"#1b2b34\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"baw-handle\" id=\"bawHandle\" aria-hidden=\"true\">\n      <span class=\"baw-grip\">&#8596;<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"baw-caption\">\n    <div><strong>Before:<\/strong> cluttered layout, no clear next step for a visitor to take.<\/div>\n    <div><strong>After:<\/strong> one clear message, one clear button, built to get the phone to ring.<\/div>\n  <\/div>\n\n  <!-- EDIT THIS LINK: point at your booking page, contact form, or tel: number -->\n  <a class=\"baw-cta\" href=\"#\" target=\"_blank\" rel=\"noopener\">Get a site like the \"after\"<\/a>\n<\/div>\n\n<style>\n  #bawWidget, #bawWidget * { box-sizing: border-box; }\n\n  .baw-widget {\n    --ink: #1b2b34;\n    --paper: #f6f2e9;\n    --panel: #ece5d5;\n    --signal: #e8590c;\n    --line: #d9d2c2;\n    --muted: #5b6770;\n\n    max-width: 640px;\n    margin: 32px auto 0;\n    background: var(--paper);\n    border: 2px solid var(--ink);\n    border-radius: 10px;\n    padding: 32px;\n    font-family: \"Archivo\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--ink);\n  }\n\n  .baw-head h3 {\n    margin: 0 0 6px;\n    font-size: 1.4rem;\n    font-weight: 700;\n    line-height: 1.25;\n    letter-spacing: -0.01em;\n  }\n\n  .baw-head p {\n    margin: 0 0 24px;\n    color: var(--muted);\n    font-size: 0.95rem;\n  }\n\n  .baw-frame {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 8 \/ 5;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--line);\n    cursor: ew-resize;\n    user-select: none;\n    touch-action: none;\n  }\n\n  .baw-frame:focus-visible {\n    outline: 2px solid var(--signal);\n    outline-offset: 3px;\n  }\n\n  .baw-layer {\n    position: absolute;\n    inset: 0;\n  }\n\n  .baw-layer svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  .baw-after {\n    clip-path: inset(0 50% 0 0);\n  }\n\n  .baw-tag {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    background: rgba(27, 43, 52, 0.85);\n    color: #fff;\n    font-size: 0.75rem;\n    font-weight: 600;\n    padding: 4px 10px;\n    border-radius: 4px;\n    z-index: 2;\n  }\n\n  .baw-after .baw-tag {\n    background: rgba(232, 89, 12, 0.92);\n  }\n\n  .baw-handle {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 50%;\n    width: 0;\n    border-left: 2px solid #fff;\n    box-shadow: 0 0 0 1px rgba(27, 43, 52, 0.3);\n    transform: translateX(-1px);\n    pointer-events: none;\n  }\n\n  .baw-grip {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 34px;\n    height: 34px;\n    background: #fff;\n    border: 2px solid var(--ink);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.9rem;\n    color: var(--ink);\n  }\n\n  .baw-caption {\n    margin-top: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: 0.88rem;\n    color: var(--muted);\n  }\n\n  .baw-caption strong { color: var(--ink); }\n\n  .baw-cta {\n    display: block;\n    text-align: center;\n    margin-top: 20px;\n    padding: 14px 20px;\n    background: var(--signal);\n    color: #fff;\n    font-weight: 700;\n    font-size: 0.98rem;\n    text-decoration: none;\n    border-radius: 6px;\n    transition: background-color 0.15s ease;\n  }\n\n  .baw-cta:hover { background: #c94a08; }\n  .baw-cta:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .baw-cta { transition: none; }\n  }\n<\/style>\n\n<script>\n(function () {\n  var frame = document.getElementById('bawFrame');\n  var after = document.getElementById('bawAfter');\n  var handle = document.getElementById('bawHandle');\n  var dragging = false;\n\n  function setPct(pct) {\n    pct = Math.max(0, Math.min(100, pct));\n    after.style.clipPath = 'inset(0 ' + (100 - pct) + '% 0 0)';\n    handle.style.left = pct + '%';\n    frame.setAttribute('aria-valuenow', Math.round(pct));\n  }\n\n  function pctFromClientX(clientX) {\n    var rect = frame.getBoundingClientRect();\n    return ((clientX - rect.left) \/ rect.width) * 100;\n  }\n\n  function onMove(e) {\n    if (!dragging) return;\n    var clientX = e.touches ? e.touches[0].clientX : e.clientX;\n    setPct(pctFromClientX(clientX));\n  }\n\n  function startDrag(e) {\n    dragging = true;\n    onMove(e);\n  }\n\n  function endDrag() { dragging = false; }\n\n  frame.addEventListener('mousedown', startDrag);\n  frame.addEventListener('touchstart', startDrag, { passive: true });\n  window.addEventListener('mousemove', onMove);\n  window.addEventListener('touchmove', onMove, { passive: true });\n  window.addEventListener('mouseup', endDrag);\n  window.addEventListener('touchend', endDrag);\n\n  frame.addEventListener('keydown', function (e) {\n    var current = parseFloat(frame.getAttribute('aria-valuenow')) || 50;\n    if (e.key === 'ArrowLeft') { setPct(current - 5); e.preventDefault(); }\n    if (e.key === 'ArrowRight') { setPct(current + 5); e.preventDefault(); }\n  });\n\n  setPct(50);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-69a66f2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"69a66f2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ed6df5a\" data-id=\"ed6df5a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2047236 elementor-widget elementor-widget-html\" data-id=\"2047236\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  \"Is Your Website Costing You Jobs?\" Quiz Widget\n  -----------------------------------------------------------\n  How to use in WordPress\/Elementor:\n  1. Add this as its own \"HTML\" widget (Elementor) or \"Custom HTML\"\n     block (Gutenberg), after the ROI calculator and before\/after slider.\n  2. Edit the CTA link near the bottom (search \"EDIT THIS LINK\").\n  3. Optional: edit the QUESTIONS array in the <script> to change\n     the wording, add\/remove questions, or tune the verdict thresholds.\n-->\n<div class=\"wcj-widget\" id=\"wcjWidget\">\n  <div class=\"wcj-head\">\n    <h3>Is your website costing you jobs?<\/h3>\n    <p>Answer honestly \u2014 six quick questions, about 20 seconds.<\/p>\n  <\/div>\n\n  <div class=\"wcj-progress-track\" aria-hidden=\"true\">\n    <div class=\"wcj-progress-fill\" id=\"wcjProgress\"><\/div>\n  <\/div>\n\n  <div class=\"wcj-question-panel\" id=\"wcjQuestionPanel\">\n    <div class=\"wcj-question-num\" id=\"wcjQuestionNum\">Question 1 of 6<\/div>\n    <h4 class=\"wcj-question-text\" id=\"wcjQuestionText\"><\/h4>\n    <div class=\"wcj-answers\">\n      <button type=\"button\" class=\"wcj-answer-btn\" data-answer=\"yes\">Yes<\/button>\n      <button type=\"button\" class=\"wcj-answer-btn\" data-answer=\"no\">No<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"wcj-results\" id=\"wcjResults\" hidden>\n    <div class=\"wcj-score-track\" aria-hidden=\"true\">\n      <div class=\"wcj-score-zones\"><\/div>\n      <div class=\"wcj-score-marker\" id=\"wcjScoreMarker\"><\/div>\n    <\/div>\n    <h4 class=\"wcj-verdict\" id=\"wcjVerdict\"><\/h4>\n    <p class=\"wcj-verdict-sub\" id=\"wcjVerdictSub\"><\/p>\n    <ul class=\"wcj-gaps\" id=\"wcjGaps\"><\/ul>\n\n    <!-- EDIT THIS LINK: point at your booking page, contact form, or tel: number -->\n    <a class=\"wcj-cta\" href=\"#\" target=\"_blank\" rel=\"noopener\">Fix these for me<\/a>\n    <button type=\"button\" class=\"wcj-retake\" id=\"wcjRetake\">Retake the quiz<\/button>\n  <\/div>\n<\/div>\n\n<style>\n  #wcjWidget, #wcjWidget * { box-sizing: border-box; }\n\n  .wcj-widget {\n    --ink: #1b2b34;\n    --paper: #f6f2e9;\n    --panel: #ece5d5;\n    --signal: #e8590c;\n    --line: #d9d2c2;\n    --muted: #5b6770;\n    --green: #4a7c59;\n    --yellow: #c99a2e;\n    --red: #b13a2e;\n\n    max-width: 640px;\n    margin: 32px auto 0;\n    background: var(--paper);\n    border: 2px solid var(--ink);\n    border-radius: 10px;\n    padding: 32px;\n    font-family: \"Archivo\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--ink);\n  }\n\n  .wcj-head h3 {\n    margin: 0 0 6px;\n    font-size: 1.4rem;\n    font-weight: 700;\n    line-height: 1.25;\n    letter-spacing: -0.01em;\n  }\n\n  .wcj-head p {\n    margin: 0 0 22px;\n    color: var(--muted);\n    font-size: 0.95rem;\n  }\n\n  .wcj-progress-track {\n    width: 100%;\n    height: 6px;\n    background: var(--line);\n    border-radius: 3px;\n    overflow: hidden;\n    margin-bottom: 26px;\n  }\n\n  .wcj-progress-fill {\n    height: 100%;\n    width: 16.66%;\n    background: var(--signal);\n    border-radius: 3px;\n    transition: width 0.25s ease;\n  }\n\n  .wcj-question-num {\n    font-size: 0.82rem;\n    color: var(--muted);\n    margin-bottom: 8px;\n  }\n\n  .wcj-question-text {\n    margin: 0 0 22px;\n    font-size: 1.15rem;\n    font-weight: 700;\n    line-height: 1.4;\n    min-height: 2.8em;\n  }\n\n  .wcj-answers {\n    display: flex;\n    gap: 12px;\n  }\n\n  .wcj-answer-btn {\n    flex: 1;\n    padding: 14px 0;\n    font-family: inherit;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--ink);\n    background: var(--panel);\n    border: 2px solid var(--ink);\n    border-radius: 6px;\n    cursor: pointer;\n    transition: background-color 0.15s ease, color 0.15s ease;\n  }\n\n  .wcj-answer-btn:hover { background: var(--ink); color: var(--paper); }\n  .wcj-answer-btn:focus-visible { outline: 2px solid var(--signal); outline-offset: 3px; }\n\n  .wcj-results { text-align: left; }\n\n  .wcj-score-track {\n    position: relative;\n    height: 10px;\n    border-radius: 5px;\n    overflow: visible;\n    margin: 4px 0 22px;\n  }\n\n  .wcj-score-zones {\n    height: 100%;\n    border-radius: 5px;\n    background: linear-gradient(to right, var(--green) 0%, var(--green) 33%, var(--yellow) 33%, var(--yellow) 66%, var(--red) 66%, var(--red) 100%);\n  }\n\n  .wcj-score-marker {\n    position: absolute;\n    top: -5px;\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border: 3px solid var(--ink);\n    border-radius: 50%;\n    transform: translateX(-50%);\n    transition: left 0.3s ease;\n  }\n\n  .wcj-verdict {\n    margin: 0 0 6px;\n    font-size: 1.3rem;\n    font-weight: 800;\n  }\n\n  .wcj-verdict-sub {\n    margin: 0 0 18px;\n    color: var(--muted);\n    font-size: 0.95rem;\n  }\n\n  .wcj-gaps {\n    margin: 0 0 22px;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .wcj-gaps li {\n    padding: 12px 14px;\n    background: var(--panel);\n    border-radius: 6px;\n    font-size: 0.92rem;\n  }\n\n  .wcj-gaps-empty {\n    padding: 12px 14px;\n    background: var(--panel);\n    border-radius: 6px;\n    font-size: 0.92rem;\n  }\n\n  .wcj-cta {\n    display: block;\n    text-align: center;\n    padding: 14px 20px;\n    background: var(--signal);\n    color: #fff;\n    font-weight: 700;\n    font-size: 0.98rem;\n    text-decoration: none;\n    border-radius: 6px;\n    transition: background-color 0.15s ease;\n  }\n\n  .wcj-cta:hover { background: #c94a08; }\n  .wcj-cta:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }\n\n  .wcj-retake {\n    display: block;\n    width: 100%;\n    background: none;\n    border: none;\n    color: var(--muted);\n    font-family: inherit;\n    font-size: 0.88rem;\n    text-decoration: underline;\n    cursor: pointer;\n    margin-top: 14px;\n    padding: 4px;\n  }\n\n  .wcj-retake:focus-visible { outline: 2px solid var(--signal); }\n\n  @media (prefers-reduced-motion: reduce) {\n    .wcj-progress-fill, .wcj-answer-btn, .wcj-cta, .wcj-score-marker { transition: none; }\n  }\n<\/style>\n\n<script>\n(function () {\n  var QUESTIONS = [\n    { text: \"Can someone book or message you without calling during business hours?\", gap: \"Customers can't reach you outside business hours.\" },\n    { text: \"When you search your trade + your town, does your business show up on the first page?\", gap: \"You're likely invisible in local search results.\" },\n    { text: \"Can a visitor see reviews or proof you're trustworthy within one click of landing on your site?\", gap: \"Visitors can't quickly verify you're trustworthy.\" },\n    { text: \"Does your site load in a couple seconds on a phone, with no spinning wheel?\", gap: \"Slow mobile loading is driving visitors away before they see anything.\" },\n    { text: \"Is there a clear phone number or contact button visible without scrolling?\", gap: \"Visitors have to hunt for how to contact you.\" },\n    { text: \"Do you get notified right away when someone calls or submits a form from your site?\", gap: \"You might be missing leads without even knowing it.\" }\n  ];\n\n  var root = document.getElementById('wcjWidget');\n  var progress = root.querySelector('#wcjProgress');\n  var qNum = root.querySelector('#wcjQuestionNum');\n  var qText = root.querySelector('#wcjQuestionText');\n  var qPanel = root.querySelector('#wcjQuestionPanel');\n  var results = root.querySelector('#wcjResults');\n  var scoreMarker = root.querySelector('#wcjScoreMarker');\n  var verdict = root.querySelector('#wcjVerdict');\n  var verdictSub = root.querySelector('#wcjVerdictSub');\n  var gapsList = root.querySelector('#wcjGaps');\n  var retakeBtn = root.querySelector('#wcjRetake');\n  var answerBtns = root.querySelectorAll('.wcj-answer-btn');\n\n  var index = 0;\n  var gaps = [];\n\n  function showQuestion() {\n    var q = QUESTIONS[index];\n    qNum.textContent = 'Question ' + (index + 1) + ' of ' + QUESTIONS.length;\n    qText.textContent = q.text;\n    progress.style.width = (((index) \/ QUESTIONS.length) * 100 + (100 \/ QUESTIONS.length)) + '%';\n  }\n\n  function showResults() {\n    qPanel.hidden = true;\n    results.hidden = false;\n    progress.style.width = '100%';\n\n    var score = gaps.length; \/\/ out of QUESTIONS.length\n    var pct = (score \/ QUESTIONS.length) * 100;\n    scoreMarker.style.left = pct + '%';\n\n    if (score <= 1) {\n      verdict.textContent = \"Your site is doing its job.\";\n      verdict.style.color = 'var(--green)';\n      verdictSub.textContent = \"Just a small gap or two standing between you and more calls.\";\n    } else if (score <= 3) {\n      verdict.textContent = \"You're leaving jobs on the table.\";\n      verdict.style.color = 'var(--yellow)';\n      verdictSub.textContent = \"A few fixable gaps are likely costing you leads every week.\";\n    } else {\n      verdict.textContent = \"Your site could be costing you real money.\";\n      verdict.style.color = 'var(--red)';\n      verdictSub.textContent = \"Several common gaps are turning potential customers away before they call.\";\n    }\n\n    gapsList.innerHTML = '';\n    if (gaps.length === 0) {\n      var li = document.createElement('div');\n      li.className = 'wcj-gaps-empty';\n      li.textContent = \"No major gaps found \u2014 nice work. Worth a second look every year as things change.\";\n      gapsList.appendChild(li);\n    } else {\n      gaps.forEach(function (g) {\n        var li = document.createElement('li');\n        li.textContent = g;\n        gapsList.appendChild(li);\n      });\n    }\n  }\n\n  function handleAnswer(e) {\n    var answer = e.currentTarget.getAttribute('data-answer');\n    if (answer === 'no') gaps.push(QUESTIONS[index].gap);\n\n    index++;\n    if (index < QUESTIONS.length) {\n      showQuestion();\n    } else {\n      showResults();\n    }\n  }\n\n  answerBtns.forEach(function (btn) {\n    btn.addEventListener('click', handleAnswer);\n  });\n\n  retakeBtn.addEventListener('click', function () {\n    index = 0;\n    gaps = [];\n    results.hidden = true;\n    qPanel.hidden = false;\n    showQuestion();\n  });\n\n  showQuestion();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Digital Growth Agency Grow your business with modern technology Websites, AI, SMS automation, content &#038; advertising \u2014 everything small businesses need to attract more customers and run smoother. Get Started \u2192 See Services Book aFree Call Drag to see the difference Same business. Same trade. A site built to turn visitors into calls. Before After [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/redesignresults.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redesignresults.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redesignresults.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redesignresults.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/redesignresults.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":5,"href":"https:\/\/redesignresults.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/redesignresults.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/redesignresults.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}