'; var mount=null; function build(){mount=document.createElement("div");mount.id="npg-mount";mount.setAttribute("data-npg","1");mount.innerHTML=tpl; mount.querySelector("form").addEventListener("submit",onSubmit);return mount} function first(){return document.querySelector("#guide section#chapter-01")||document.querySelector("#guide section[id^='chapter-']")} function removeCard(){var m=document.getElementById("npg-mount");if(m)m.remove()} var ready=0; // React marks hydrated DOM nodes with __reactFiber$… keys; inserting before that would cause hydration error #418. function hydrated(el){for(var k in el){if(k.indexOf("__reactFiber")===0)return true}return false} function place(){ if(!active()){removeCard();return} var f=first();if(!f)return; if(!ready&&!hydrated(f))return; var m=document.getElementById("npg-mount")||mount||build(); if(f.nextElementSibling!==m)f.after(m); } function sendAll(email,hp){ var name=email.split("@")[0]; var a=fetch("https://api.emailjs.com/api/v1.0/email/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({service_id:"service_t7tlp7k",template_id:"template_vaf1t1d",user_id:"7IFqIBAHM-Uy-zr4p",template_params:{user_name:name,user_email:email,user_interest:"Not specified"}})}).then(function(r){if(!r.ok)throw 0}); var b=fetch("/api/loops-subscribe",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:name,email:email,honeypot:hp})}).then(function(r){return r.json().catch(function(){return null}).then(function(j){if(!r.ok||!j||j.loopsSuccess!==true)throw 0})}); return Promise.allSettled([a,b]).then(function(r){return r[0].status==="fulfilled"||r[1].status==="fulfilled"}); } function onSubmit(e){ e.preventDefault();var f=e.currentTarget,err=f.querySelector(".npg-err"),btn=f.querySelector(".npg-btn"); var email=(f.querySelector("#npg-email").value||"").trim(),hp=f.querySelector("#npg-company-website").value||""; function show(t){err.textContent=t;err.hidden=!t} show("");if(hp)return; if(!email)return show("Please enter your work email."); if(!RE.test(email))return show("Please enter a valid email address."); btn.disabled=true;btn.textContent="Unlocking\u2026"; sendAll(email,hp).then(function(ok){ if(!ok){btn.disabled=false;btn.textContent="Unlock the full guide";return show("Something went wrong. Please try again.")} try{localStorage.setItem(C.key,"1")}catch(x){} removeCard();var c2=document.getElementById("chapter-02");if(c2)c2.scrollIntoView({behavior:"smooth",block:"start"}); }); } document.addEventListener("click",function(e){ var a=e.target&&e.target.closest&&e.target.closest('a[href*="#chapter-"]');var m=document.getElementById("npg-mount"); if(!a||!m)return;var id=(a.getAttribute("href")||"").split("#")[1]; if(id&&id!=="chapter-01"&&document.getElementById(id)&&m.isConnected){e.preventDefault();m.scrollIntoView({behavior:"smooth",block:"center"})} },true); function onHash(){var m=document.getElementById("npg-mount");var id=location.hash.slice(1); if(m&&/^chapter-\d+$/.test(id)&&id!=="chapter-01")setTimeout(function(){m.scrollIntoView({block:"center"})},50)} window.addEventListener("hashchange",onHash); var t=0;new MutationObserver(function(){if(t)return;t=requestAnimationFrame(function(){t=0;place()})}).observe(document.documentElement,{childList:true,subtree:true}); var lastPath=location.pathname;setInterval(function(){if(location.pathname!==lastPath){lastPath=location.pathname;place()}},400); // Insert only after page load so React hydration never sees a foreign node (avoids hydration error #418 / full client re-render). // Poll until React has hydrated the guide; if React never hydrates (JS chunk failed), insert anyway 4s after load. var poll=setInterval(function(){place();if(document.getElementById("npg-mount")){clearInterval(poll);onHash()}},100); function go(){setTimeout(function(){clearInterval(poll);ready=1;place();onHash()},4000)} if(document.readyState==="complete")go();else window.addEventListener("load",go); })();

Keep reading the full playbook

Claude Motion Guide for Marketers