https://www.rammp.com/assets/case-studies._slug-CHEzWr5J.js

1import{G as N,j as e,I as f,r as o,J as I,L}from"./index-BNxmf4n4.js";import{R as $}from"./ReadyToFindLeaks-CgWEHSzZ.js";import{M as P,r as z}from"./index-UgC7Gjaw.js";const C=[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]],O=N("arrow-left",C);const F=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]],q=N("arrow-right",F);const B=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]],D=N("circle-check",B);const G=[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]],k=N("play",G);const H=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],W=N("x",H);function K({milestones:s,label:t="ADORE diagnostic"}){return e.jsxs("div",{className:"scanner msc","aria-hidden":!0,children:[e.jsx("div",{className:"scanner__sweep"}),e.jsxs("div",{className:"scanner__bezel",children:[e.jsxs("span",{className:"scanner__id",children:[e.jsx("span",{className:"mk"}),t]}),e.jsxs("span",{className:"rammp-live",children:[e.jsx("span",{className:"d"}),"LIVE"]})]}),e.jsx("div",{className:"msc__rows",children:s.map(c=>{const n=typeof c.score=="number",l=n?Math.max(0,Math.min(100,c.score/c.ideal*100)):0,a=n&&c.score<c.ideal*.8;return e.jsxs("div",{className:"msc__row",children:[e.jsxs("div",{className:"msc__name",children:[c.name," ",e.jsxs("span",{className:"msc__stage",children:["· ",c.stage]})]}),e.jsx("div",{className:"msc__bar",children:e.jsx("span",{className:`msc__fill ${a?"is-leak":"is-ok"}`,style:{width:`${l}%`}})}),e.jsx("div",{className:"msc__read",children:n?`${c.score} / ${c.ideal}`:"— / "+c.ideal}),e.jsx("div",{className:`msc__flag ${n?a?"signal-leak":"signal-ok":"msc__flag--tbc"}`,children:n?a?"LEAK":"OK":"TO SUPPLY"})]},`${c.name}-${c.stage}`)})})]})}function X({milestones:s}){return e.jsxs("table",{className:"msc-table",children:[e.jsx("caption",{children:"ADORE Process™ milestone scores against ideal"}),e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:"Milestone"}),e.jsx("th",{scope:"col",children:"Stage"}),e.jsx("th",{scope:"col",children:"Score"}),e.jsx("th",{scope:"col",children:"Ideal"}),e.jsx("th",{scope:"col",children:"Status"})]})}),e.jsx("tbody",{children:s.map(t=>{const c=typeof t.score=="number",n=c&&t.score<t.ideal*.8;return e.jsxs("tr",{children:[e.jsx("th",{scope:"row",children:t.name}),e.jsx("td",{children:t.stage}),e.jsx("td",{children:c?t.score:"To supply"}),e.jsx("td",{children:t.ideal}),e.jsx("td",{children:c?n?"LEAK":"OK":"To supply"})]},`${t.name}-${t.stage}`)})})]})}const U="We don't guess. We measure how real buyers behave.",J="RAMMP scores six trust milestones from real human behaviour, fixes what's leaking, then re-scores every month — so the site keeps earning its place.";function S(){const[s,t]=o.useState(!1);return o.useEffect(()=>{const c=window.matchMedia("(prefers-reduced-motion: reduce)");t(c.matches);const n=()=>t(c.matches);return c.addEventListener("change",n),()=>c.removeEventListener("change",n)},[]),s}function A({label:s}){return e.jsxs("div",{className:"cs-tosupply",children:[e.jsx("span",{className:"eyebrow",children:"To supply"}),e.jsx("p",{children:s})]})}function x({img:s,label:t,variant:c}){return s?e.jsx("figure",{className:c?`cs-figure ${c}`:"cs-figure",children:e.jsx("img",{src:s.src,alt:s.alt,loading:"lazy"})}):e.jsx(A,{label:t})}function V({src:s,poster:t,label:c}){const n=o.useRef(null),l=S();return o.useEffect(()=>{const a=n.current;if(!a||l)return;const r=new IntersectionObserver(([m])=>{m.isIntersecting?a.play().catch(()=>{}):a.pause()},{threshold:.35});return r.observe(a),()=>r.disconnect()},[l]),e.jsxs("figure",{className:"cs-figure cs-video",children:[e.jsx("video",{ref:n,src:s,poster:t,muted:!0,loop:!0,playsInline:!0,preload:"metadata","aria-label":c}),l&&e.jsx("div",{className:"cs-video__play",children:e.jsxs("button",{type:"button",className:"rammp-btn rammp-btn--sm",onClick:()=>{n.current?.play()},children:[e.jsx(k,{size:16,"aria-hidden":"true"})," Play"]})})]})}function Y({avatars:s}

1){const t=s.filter(Boolean),c=S(),[n,l]=o.useState(0);return o.useEffect(()=>{if(c||t.length<2)return;const a=window.setInterval(()=>l(r=>(r+1)%t.length),2600);return()=>window.clearInterval(a)},[c,t.length]),t.length===0?null:e.jsx("div",{className:"cs-avatar",children:t.map((a,r)=>e.jsx("img",{src:a.src,alt:r===0?a.alt:"","aria-hidden":r===0?void 0:!0,className:r===(c?0:n)?"is-on":"",loading:"lazy"},a.src))})}function w(s,t){const c=s.variant==="agent",n=t?.play===!0,l=[];if(s.opener.punchline&&l.push({id:"punchline",bg:"bg-hero",node:e.jsxs("div",{className:"container-narrow cs-scene cs-punch",children:[e.jsxs("p",{className:"eyebrow text-t",children:[s.client.name," × RAMMP Agent"]}),e.jsx("h1",{className:"cs-punch__line text-display-2",children:s.opener.punchline}),e.jsxs("div",{className:"cs-ba",children:[e.jsxs("div",{className:"cs-ba__side",children:[e.jsx("span",{className:"cs-ba__label",children:s.opener.beforeStat.label}),e.jsx("span",{className:"cs-ba__value cs-ba__value--before",children:s.opener.beforeStat.value})]}),e.jsx("span",{className:"cs-ba__arrow","aria-hidden":"true",children:"→"}),e.jsxs("div",{className:"cs-ba__side",children:[e.jsx("span",{className:"cs-ba__label",children:s.opener.afterStat.label}),e.jsx("span",{className:"cs-ba__value cs-ba__value--after",children:s.opener.afterStat.value})]})]})]})}),l.push({id:"opener",bg:"bg-hero",node:e.jsxs("div",{className:"container-narrow cs-scene",children:[!s.opener.punchline&&e.jsxs("p",{className:"eyebrow text-t",children:[s.client.name," × RAMMP Agent"]}),e.jsx("h1",{className:"cs-h1 text-display-2",children:s.opener.headline??`RAMMP rebuilds ${s.client.name}`}),!s.opener.punchline&&e.jsxs("div",{className:"cs-stats",children:[e.jsxs("div",{className:"cs-stat cs-stat--before",children:[e.jsx("span",{className:"cs-stat__label",children:s.opener.beforeStat.label}),e.jsx("span",{className:"cs-stat__value",children:s.opener.beforeStat.value})]}),e.jsxs("div",{className:"cs-stat cs-stat--after",children:[e.jsx("span",{className:"cs-stat__label",children:s.opener.afterStat.label}),e.jsx("span",{className:"cs-stat__value",children:s.opener.afterStat.value})]})]}),e.jsx("p",{className:"cs-lede",children:s.client.oneLiner}),s.opener.verifyNote&&e.jsx("p",{className:"cs-note",children:s.opener.verifyNote}),e.jsx(x,{img:s.opener.cover,label:`Cover image for ${s.client.name}`})]})}),s.hook){const a=s.hook;l.push({id:"hook",bg:"bg-deep-grad",node:e.jsxs("div",{className:"container-narrow cs-scene",children:[e.jsxs("p",{className:"eyebrow text-t",children:["Does AI even see ",s.client.name,"?"]}),e.jsx("h2",{className:"text-h2",children:"Same question. Two very different answers."}),e.jsxs("p",{className:"cs-meta",children:[a.question," · ",a.aiTool," · ",a.askedOn]}),e.jsx("p",{className:"cs-lede",children:a.groundingLine}),e.jsxs("div",{className:"cs-two",children:[e.jsxs("div",{className:"cs-answer",children:[e.jsx("p",{className:"eyebrow cs-answer__tag cs-answer__tag--before",children:"Before"}),a.beforeText?e.jsx("p",{className:"cs-sr",children:a.beforeText}):null,e.jsx(x,{img:a.beforeImg,label:"Screenshot of the AI answer before"})]}),e.jsxs("div",{className:"cs-answer",children:[e.jsx("p",{className:"eyebrow cs-answer__tag cs-answer__tag--after",children:"After"}),a.afterText?e.jsx("p",{className:"cs-sr",children:a.afterText}):null,a.afterImg?e.jsx(x,{img:a.afterImg,label:"Screenshot of the AI answer after"}):e.jsx(A,{label:"Grounded AI answer — to supply once verified"})]})]})]})})}if(s.diagnostic){const a=s.diagnostic;l.push({id:"diagnostic",bg:"bg-light",light:!0,node:e.jsxs("div",{className:"container-narrow cs-scene",children:[e.jsx("p",{className:"eyebrow cs-eyebrow-ink",children:"The diagnostic"}),e.jsx("h2",{className:"text-h2",children:a.headline??U}),e.jsx("p",{className:"cs-subhead",children:a.subhead??J}),e.jsxs("p",{className:"cs-score",children:[e.jsx("span",{className:"cs-score__label",children:"Brand Trust Score"})," ",a.scoreBefore!==null?e.jsxs("span",{className:"cs-score__value",children:[a.scoreBefore," ",e.jsxs("span",{className:"cs-score__ideal",children:["/ ",a.scoreIdeal]})]}):e.jsx("span",{className:"cs-metric__tbc",children:"to supply"})]}),e.jsx(K,{milestones:a.milestones,label:`${s.client.name} · ADORE diagnostic`}),!n&&e.jsx(X,{milestones:a.milestones}),e.jsx("ol",{className:"cs-fixes",children:a.priorityFixes.map((r,m)=>e.jsxs("li",{children:[e.jsx("span",{className:"cs-fixes__n",children:String(m+1).padStart(2,"0")}),r]},m))}),e.jsx("dl",{className:"cs-metrics",children:a.metrics.map(r=>e.jsxs("div",{className:"cs-metric",children:[e.jsx("dt",{children:r.label}),e.jsx("dd",{children:r.public?r.value??e.jsx("span",{className:"cs-metric__tbc",children:"to supply"}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"cs-metric__dots",children:"••••"}),e.jsx("span",{className:"cs-metric__private",children:"private"})]})})]},r.label))}),e.jsxs("p",{className:"cs-note cs-note--ink",children:["Scores are produced by the"," ",e.jsx("a",{href:"/standards/adore-process",children:"ADORE Process™"})," diagnostic, and re-scored monthly."]})]})})}if(c&&s.team&&l.push({id:"team",bg:"bg-deep-grad",node:e.jsxs("div",{className:"container-narrow cs-scene cs-scene--center",children:[e.jsx("p",{className:"eyebrow text-t",children:"How we build"}),s.team.video?e.jsx(V,{src:s.team.video,poster:s.team.img?.src,label:s.team.img?.alt??"The RAMMP team building with the client"}):e.jsx(x,{img:s.team.img,label:"How we build — image to supply"}),e.jsx("h2",{className:"text-h2",children:s.team.caption})]})}),c&&s.approval){const a=s.approval;l.push({id:"sign-off",bg:"bg-light",light:!0,node:e.jsxs("div",{className:"container-narrow cs-scene",children:[e.jsx("p",{className:"eyebrow cs-eyebrow-ink",children:"Sign-off"}),e.jsx("h2",{className:"text-h2",children:"Nothing ships without a human’s yes."}),e.jsxs("div",{className:"cs-mail",children:[e.jsxs("div",{className:"cs-mail__chrome",children:[e.jsx("span",{className:"cs-mail__dot","aria-hidden":"true"}),e.jsx("span",{className:"cs-mail__dot","aria-hidden":"true"}),e.jsx("span",{className:"cs-mail__dot","aria-hidden":"true"}),e.jsx("span",{className:"cs-mail__tag",children:"New message"})]}),e.jsxs("div",{className:"cs-mail__body",children:[e.jsxs("div",{className:"cs-mail__row",children:[e.jsx("span",{className:"cs-mail__k",children:"To"}),e.jsx("span",{className:"cs-mail__v",children:"[email protected]"})]}),e.jsxs("div",{className:"cs-mail__row",children:[e.jsx("span",{className:"cs-mail__k",children:"From"}),e.jsx("span",{className:"cs-mail__v",children:a.emailFrom})]}),e.jsxs("div",{className:"cs-mail__row",children:[e.jsx("span",{className:"cs-mail__k",children:"Subject"}),e.jsx("span",{className:"cs-mail__v",children:"Approved — ship it"})]}),e.jsx("p",{className:"cs-mail__text",children:a.emailBody}),e.jsxs("span",{className:"cs-mail__stamp",children:[e.jsx(D,{size:16,"aria-hidden":"true"}),"Shipped — live on the site"]})]})]}),a.quote&&e.jsxs("blockquote",{className:"cs-quote",children:[e.jsx("p",{children:a.quote}),a.author&&e.jsx("cite",{children:a.author})]})]})})}if(s.launch){const a=s.launch;l.push({id:"launch",bg:"bg-deep-grad",node:e.jsxs("div",{className:"container-narrow cs-scene",children:[e.jsx("p",{className:"eyebrow text-t",children:"Launch"}),e.jsx("h2",{className:"text-h2",children:"Same products. Same prices. A site that finally converts them."}),a.buildTime&&e.jsx("span",{className:"cs-buildtime",children:a.buildTime}),e.jsxs("div",{className:"cs-two",children:[e.jsxs("div",{children:[e.jsx("p",{className:"eyebrow cs-answer__tag cs-answer__tag--before",children:"Old"}),e.jsx(x,{img:a.oldImg,label:"Old site screenshot — to supply",variant:"cs-figure--shot"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"eyebrow cs-answer__tag cs-answer__tag--after",children:"New"}),e.jsx(x,{img:a.newImg,label:"New site screenshot — to supply",variant:"cs-figure--shot"})]})]}),a.liftMetric?e.jsxs("p",{className:"cs-result",children:["The result: ",e.jsx("strong",{children:a.liftMetric}),(a.liftWindow||a.liftSource)&&e.jsx("span",{className:"cs-result__src",children:[a.liftWindow,a.liftSource].filter(

1Boolean).join(" · ")})]}):e.jsx("p",{className:"cs-chip-tbc",children:"lift metric: to supply"})]})})}return l.push({id:"cta",bg:"bg-footer",node:e.jsxs("div",{className:"container-narrow cs-scene cs-scene--center",children:[e.jsx(Y,{avatars:s.cta.annaAvatars}),e.jsx("p",{className:"eyebrow text-t",children:"RAMMP Agent"}),e.jsxs("h2",{className:"text-h2 cs-cta__line",children:["Never edit your website again. ",e.jsx("span",{className:"text-t",children:"Just email it."})]}),e.jsx("p",{className:"cs-lede",children:"Send an email. RAMMP Agent ships the change, and keeps your site converting."}),e.jsx("a",{className:"rammp-btn",href:f.signupUrl,children:"Get started"}),e.jsxs("p",{className:"cs-price",children:[f.price," · ",f.priceNote]})]})}),l}function Q({scenes:s,title:t,onClose:c}){const[n,l]=o.useState(0),a=o.useRef(null),r=s.length,m=o.useCallback(i=>l(d=>Math.max(0,Math.min(r-1,i))),[r]);o.useEffect(()=>{const i=p=>{p.key==="Escape"&&c(),p.key==="ArrowRight"&&l(u=>Math.min(r-1,u+1)),p.key==="ArrowLeft"&&l(u=>Math.max(0,u-1))};document.addEventListener("keydown",i);const d=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",i),document.body.style.overflow=d}},[c,r]);const _=s[n],g=o.useRef(null),j=o.useRef(null);return o.useEffect(()=>{const i=()=>{const h=g.current,b=j.current;if(!h||!b)return;b.style.transform="scale(1)";const v=window.getComputedStyle(h),M=h.clientHeight-parseFloat(v.paddingTop)-parseFloat(v.paddingBottom),E=h.clientWidth,R=b.scrollHeight,T=b.scrollWidth,y=Math.min(1,M/(R||1),E/(T||1));b.style.transform=`scale(${y>0?y:1})`};i();const d=requestAnimationFrame(i),p=new ResizeObserver(()=>i());if(j.current)for(const h of Array.from(j.current.children))p.observe(h);const u=j.current?.querySelectorAll("img, video")??[];return u.forEach(h=>{h.addEventListener("load",i),h.addEventListener("loadedmetadata",i)}),window.addEventListener("resize",i),()=>{cancelAnimationFrame(d),p.disconnect(),u.forEach(h=>{h.removeEventListener("load",i),h.removeEventListener("loadedmetadata",i)}),window.removeEventListener("resize",i)}},[n]),e.jsxs("div",{className:`csx ${_.light?"csx--light":""}`,role:"dialog","aria-modal":"true","aria-label":`${t} — slideshow`,onTouchStart:i=>{a.current=i.touches[0].clientX},onTouchEnd:i=>{if(a.current===null)return;const d=i.changedTouches[0].clientX-a.current;Math.abs(d)>48&&m(d<0?n+1:n-1),a.current=null},children:[e.jsx("div",{className:`csx__slide ${_.bg}`,ref:g,children:e.jsx("div",{className:"csx__fit",ref:j,children:_.node},_.id)}),e.jsxs("div",{className:"csx__hud",children:[e.jsxs("button",{type:"button",className:"rammp-btn rammp-btn--ghost rammp-btn--sm",onClick:()=>m(n-1),disabled:n===0,children:[e.jsx(O,{size:16,"aria-hidden":"true"})," Prev"]}),e.jsx("div",{className:"csx__dots",children:s.map((i,d)=>e.jsx("button",{type:"button",className:`csx__dot ${d===n?"is-on":""}`,"aria-label":`Go to scene ${d+1}: ${i.id}`,"aria-current":d===n,onClick:()=>m(d)},i.id))}),e.jsxs("span",{className:"csx__count",children:[String(n+1).padStart(2,"0")," / ",String(r).padStart(2,"0")]}),e.jsxs("button",{type:"button",className:"rammp-btn rammp-btn--ghost rammp-btn--sm",onClick:()=>m(n+1),disabled:n===r-1,children:["Next ",e.jsx(q,{size:16,"aria-hidden":"true"})]})]}),e.jsx("button",{type:"button",className:"csx__close rammp-btn rammp-btn--ghost rammp-btn--sm",onClick:c,"aria-label":"Close slideshow",children:e.jsx(W,{size:18,"aria-hidden":"true"})})]})}function ae(){const{cs:s,legacyBody:t}=I.useLoaderData(),[c,n]=o.useState(!1),l=w(s),a=w(s,{play:!0});return e.jsxs(e.Fragment,{children:[e.jsx("section",{className:"bg-hero section-y-sm",children:e.jsxs("div",{className:"container-narrow cs-launch",children:[e.jsx(L,{to:"/case-studies",className:"cs-back",children:"← All case studies"}),e.jsxs("button",{type:"button",className:"rammp-btn",onClick:()=>n(!0),children:[e.jsx(k,{size:16,"aria-hidden":"true"})," Play the story"]})]})}),e.jsxs("article",{children:[l.map(r=>e.jsx("section",{className:`${r.bg} section-y`,id:r.id,children:r.node},r.id)),t&&e.jsx("section",{className:"bg-light section-y",children:e.jsx("div",{className:"container-narrow",children:e.jsx("div",{className:"blog-body cs-body",children:e.jsx(P,{remarkPlugins:[z],children:t})})})})]}),e.jsx($,{}),c&&e.jsx(Q,{scenes:a,title:s.client.name,onClose:()=>n(!1)})]})}export{ae as component};