https://raykolabs.com/_next/static/immutable/chunks/0vwb9cw3nsc6o.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,30268,e=>{"use strict";var s=e.i(44326),a=e.i(27809),i=e.i(77622),n=e.i(88221);let r=[{label:"Before they buy",role:"A buyer",context:"Exploring your product",title:"Project overview",description:"Rayko demonstrates the dashboard",productTab:0,behavior:"The buyer asks. Rayko opens the feature and explains it.",question:"“Can you show me how the project dashboard works?”",reply:"“Of course. Here’s how to explore projects by team and status.”",body:(0,s.jsxs)("div",{className:"sample-dashboard",children:[(0,s.jsxs)("div",{className:"sample-metric",children:[(0,s.jsx)("span",{children:"PROJECT MANAGEMENT · EXAMPLE SAAS"}),(0,s.jsx)("strong",{children:"Projects at a glance"})]}),(0,s.jsxs)("div",{className:"project-table",children:[(0,s.jsxs)("div",{className:"project-table-head",children:[(0,s.jsx)("span",{children:"PROJECT"}),(0,s.jsx)("span",{children:"STATUS"}),(0,s.jsx)("span",{children:"TEAM"})]}),(0,s.jsxs)("div",{className:"project-table-row",children:[(0,s.jsx)("span",{children:"Launch"}),(0,s.jsx)("span",{className:"project-risk",children:"At risk"}),(0,s.jsx)("span",{children:"Product"})]}),(0,s.jsxs)("div",{className:"project-table-row",children:[(0,s.jsx)("span",{children:"Website"}),(0,s.jsx)("span",{className:"project-risk",children:"Delayed"}),(0,s.jsx)("span",{children:"Growth"})]}),(0,s.jsxs)("div",{className:"project-table-row",children:[(0,s.jsx)("span",{children:"Mobile app"}),(0,s.jsx)("span",{children:"On track"}),(0,s.jsx)("span",{children:"Engineering"})]})]})]})},{label:"Getting started",role:"A new user",context:"Learning their first workflow",title:"How dependencies work",description:"Rayko explains the first steps",productTab:1,behavior:"A new user asks how. Rayko explains with an example.",question:"“I’m new here. How do dependencies work?”",reply:"“Let me show you how one task connects to another.”",body:(0,s.jsxs)("div",{className:"dependency-example",children:[(0,s.jsx)("span",{children:"EXAMPLE WORKFLOW · DEPENDENCIES"}),(0,s.jsx)("strong",{children:"How tasks connect"}),(0,s.jsxs)("div",{className:"dependency-item",children:[(0,s.jsx)("span",{children:"DS"}),(0,s.jsxs)("div",{children:["Design review",(0,s.jsx)("small",{children:"Example prerequisite for launch"})]})]})]})},{label:"Everyday support",role:"A customer",context:"Getting help with a feature",title:"Team views",description:"Rayko shows where to find the team view",productTab:2,behavior:"A customer asks for help. Rayko demonstrates the steps.",question:"“How do I switch to the team view?”",reply:"“Open Team, then choose All teams. Here’s the view.”",body:(0,s.jsxs)("div",{className:"dependency-example",children:[(0,s.jsx)("span",{children:"HOW TO · TEAM VIEWS"}),(0,s.jsx)("strong",{children:"Explore work by team"}),(0,s.jsxs)("div",{className:"story-navigation",children:[(0,s.jsx)("span",{children:"Team"}),(0,s.jsx)("b",{children:"→"}),(0,s.jsx)("strong",{children:"All teams"})]})]})}],t=[{icon:"◫",label:"Projects"},{icon:"▤",label:"Dependencies"},{icon:"♧",label:"Team"}];e.s(["default",0,function(){let{paused:e,hidden:l,setPaused:d}=(0,n.useMotion)(),[c,o]=(0,a.useState)(0),[h,p]=(0,a.useState)(""),x=r[c];return(0,a.useEffect)(()=>{if(e||l)return;let s=setTimeout(()=>o(e=>(e+1)%r.length),3e3);return()=>clearTimeout(s)},[e,l,c]),(0,a.useEffect)(()=>{document.body.setAttribute("data-demo-scene",String(c))},[c]),(0,a.useEffect)(()=>()=>document.body.removeAttribute("data-demo-scene"),[]),(0,s.jsxs)("div",{"aria-label":"Illustration of Rayko helping buyers and users explore the product",className:"demo-stage",children:[(0,s.jsxs)("div",{className:"stage-label",children:[(0,s.jsxs)("span",{children:[(0,s.jsx)("i",{})," A CONVERSATION. YOUR PRODUCT. LIVE."]}),(0,s.jsx)("button",{"aria-label":e?"Play demo animation":"Pause demo animation",id:"motion-toggle",type:"button",onClick:()=>d(!e),children:e?"Play animation":"Pause animation"})]}),(0,s.jsxs)("div",{className:"product-window",children:[(0,s.jsxs)("div",{className:"window-bar",children:[(0,s.jsxs)("span",{className:"window-dots",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]}),(0,s.jsx)("span",{className:"customer-product-label",children:"YOUR PRODUCT"}),(0,s.jsx)("span",{className:"example-label",children:"Illustration"})]}),(0,s.jsxs)("div",{className:"workspace",children:[(0,s.jsxs)("aside",{className:"app-sidebar",children:[(0,s.jsxs)("div",{className:"app-logo",children:["a",(0,s.jsx)("span",{children:"Example SaaS"})]}),(0,s.jsx)("div",{className:"workspace-name",children:"Project management SaaS"}),t.map((e,a)=>(0,s.jsxs)("div",{className:`app-tab${x.productTab===a?" selected":""}`,children:[(0,s.jsx)("span",{children:e.icon}),e.label]},e.label)),(0,s.jsx)("div",{className:"sidebar-bottom",children:"Rayko explains this app"})]}),(0,s.jsxs)("div",{className:"app-main",id:"app-main",children:[(0,s.jsxs)("div",{className:"app-heading",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{children:x.title}),(0,s.jsx)("p",{children:x.description})]}),(0,s.jsx)("span",{className:"app-tag",children:"Live walkthrough"})]}),(0,s.jsx)(a.Fragment,{children:x.body},c)]})]}),(0,s.jsxs)("div",{"aria-hidden":"true",className:"agent-pointer",children:[(0,s.jsx)("svg",{viewBox:"0 0 18 23",children:(0,s.jsx)("path",{d:"M1 1v18l5-5 4 8 4-2-4-8h7z"})}),(0,s.jsx)("span",{children:"Rayko’s agent"})]})]}),(0,s.jsxs)("div",{className:"conversation-card",children:[(0,s.jsxs)("div",{className:"participant",children:[(0,s.jsx)("span",{className:"participant-avatar",children:"JD"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:x.role}),(0,s.jsx)("span",{children:x.context})]}),(0,s.jsx)("span",{className:"live-dot"})]}),(0,s.jsxs)("div",{className:"conversation-heading",children:[(0,s.jsx)("span",{className:"agent-icon",children:(0,s.jsx)(i.default,{alt:"",className:"rayko-mark",height:18,src:"/brand/rayko-logo.svg",width:28,unoptimized:!0})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:"Rayko"}),(0,s.jsx)("span",{children:"Your product expert"})]}),(0,s.jsxs)("div",{"aria-hidden":"true",className:"wave",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]})]}),(0,s.jsxs)("div",{className:"conversation-lines",children:[(0,s.jsx)("p",{children:x.question}),(0,s.jsx)("p",{children:x.reply})]})]}),(0,s.jsxs)("div",{className:"call-status",children:[(0,s.jsx)("span",{className:"live-dot"})," Rayko is presenting your software"," ",(0,s.jsx)("span",{"aria-hidden":"true",className:"call-mic",children:(0,s.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,s.jsx)("rect",{height:"11",rx:"3",width:"6",x:"9",y:"3"}),(0,s.jsx)("path",{d:"M5 10v2a7 7 0 0 0 14 0v-2M12 19v3M8 22h8"})]})})]}),(0,s.jsx)("p",{className:"demo-behavior",children:x.behavior}),(0,s.jsx)("div",{"aria-label":"Explore Rayko’s demo capabilities",className:"prompt-options",role:"group",children:r.map((e,a)=>(0,s.jsx)("button",{"aria-pressed":a===c,className:a===c?"active selected":void 0,type:"button",onClick:()=>{o(a),p(`${r[a].title}. ${r[a].reply}`),d(!0)},children:e.label},e.label))}),(0,s.jsx)("p",{className:"illustration-note",children:"Illustrative examples · Rayko demonstrates your software live."}),(0,s.jsx)("div",{"aria-live":"polite",className:"sr-only",children:h})]})}])},88221,e=>{"use strict";var s=e.i(44326),a=e.i(27809);let i=(0,a.createContext)({paused:!1,reduced:!1,hidden:!1,setPaused:()=>{}}),n="(prefers-reduced-motion: reduce)";function r(e){let s=window.matchMedia(n);return s.addEventListener("change",e),()=>s.removeEventListener("change",e)}function t(e){return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)}e.s(["HomeMotionProvider",0,function({children:e}){let l=(0,a.useSyncExternalStore)(r,()=>window.matchMedia(n).matches,()=>!1),d=(0,a.useSyncExternalStore)(t,()=>document.hidden,()=>!1),[c,o]=(0,a.useState)(null),h=c??l;return(0,a.useEffect)(()=>(document.body.classList.toggle("paused",h),()=>

1document.body.classList.remove("paused")),[h]),(0,s.jsx)(i.Provider,{value:{paused:h,reduced:l,hidden:d,setPaused:o},children:e})},"useInView",0,function(e){let s=(0,a.useRef)(null),[i,n]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let a=s.current;if(!a)return;let i=new IntersectionObserver(e=>e.forEach(e=>n(e.isIntersecting)),{threshold:e});return i.observe(a),()=>i.disconnect()},[e]),[s,i]},"useMotion",0,()=>(0,a.useContext)(i)])},61772,e=>{"use strict";var s=e.i(44326),a=e.i(27809),i=e.i(77622),n=e.i(88221);let r=[{key:"summary",label:"Overview"},{key:"transcript",label:"Transcript"},{key:"details",label:"Lead details"}],t={summary:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{className:"panel-eyebrow",children:"WHAT THEY EXPLORED"}),(0,s.jsx)("h4",{children:"Exploring shared dashboards and dependencies."}),(0,s.jsxs)("div",{className:"panel-tags",children:[(0,s.jsx)("span",{children:"Project overview"}),(0,s.jsx)("span",{children:"Dependencies"})]}),(0,s.jsx)("p",{className:"panel-eyebrow",children:"QUESTIONS THAT MATTERED"}),(0,s.jsx)("p",{className:"panel-question",children:"“Can you show me how the project dashboard works?”"}),(0,s.jsx)("p",{className:"panel-question",children:"“How do dependencies work?”"}),(0,s.jsx)("p",{className:"session-note",children:"Session recording and transcript available for your team."})]}),transcript:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"transcript-row",children:[(0,s.jsx)("strong",{children:"VISITOR · 00:24"}),"Can you show me how the project dashboard works?"]}),(0,s.jsxs)("div",{className:"transcript-row",children:[(0,s.jsx)("strong",{children:"RAYKO · 00:28"}),"Of course. Here’s how to explore projects by team and status."]}),(0,s.jsxs)("div",{className:"transcript-row",children:[(0,s.jsx)("strong",{children:"VISITOR · 01:15"}),"Wait, can you show me how dependencies work?"]}),(0,s.jsxs)("div",{className:"transcript-row",children:[(0,s.jsx)("strong",{children:"RAYKO · 01:19"}),"Let me show you how one task connects to another."]})]}),details:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"lead-detail",children:[(0,s.jsx)("span",{children:"Name"}),(0,s.jsx)("strong",{children:"Nia Brooks"})]}),(0,s.jsxs)("div",{className:"lead-detail",children:[(0,s.jsx)("span",{children:"Role"}),(0,s.jsx)("strong",{children:"Operations lead"})]}),(0,s.jsxs)("div",{className:"lead-detail",children:[(0,s.jsx)("span",{children:"Team scope"}),(0,s.jsx)("strong",{children:"Multiple teams"})]}),(0,s.jsxs)("div",{className:"lead-detail",children:[(0,s.jsx)("span",{children:"Need"}),(0,s.jsx)("strong",{children:"Visibility across teams"})]}),(0,s.jsxs)("div",{className:"lead-detail",children:[(0,s.jsx)("span",{children:"Primary interest"}),(0,s.jsx)("strong",{children:"Project dependencies"})]}),(0,s.jsx)("p",{className:"session-note",children:"Example lead details collected during the demo."})]})};e.s(["default",0,function(){let[e,l]=(0,a.useState)("summary"),[d,c]=(0,n.useInView)(.15),o=(0,a.useRef)([]);return(0,s.jsxs)("div",{ref:d,"aria-label":"Illustrative Rayko session dashboard",className:`insight-dashboard motion-scene ${c?"scene-visible":"scene-offscreen"}`,children:[(0,s.jsxs)("div",{className:"insight-dash-top",children:[(0,s.jsxs)("span",{className:"insight-logo",children:[(0,s.jsx)(i.default,{alt:"",className:"rayko-mark",height:18,src:"/brand/rayko-logo.svg",width:28,unoptimized:!0})," ",(0,s.jsx)("b",{children:"rayko"})]}),(0,s.jsx)("span",{children:"Sales conversation · Example"})]}),(0,s.jsxs)("div",{className:"session-info",children:[(0,s.jsx)("div",{className:"session-avatar",children:"NB"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{children:"Nia Brooks"}),(0,s.jsx)("p",{children:"Operations lead · Example company"})]}),(0,s.jsx)("span",{className:"session-complete",children:"Completed"})]}),(0,s.jsx)("div",{"aria-label":"Session information",className:"review-tabs",role:"tablist",children:r.map((a,i)=>(0,s.jsx)("button",{ref:e=>{o.current[i]=e},"aria-controls":"session-panel","aria-selected":e===a.key,id:`${a.key}-tab`,role:"tab",tabIndex:e===a.key?0:-1,type:"button",onClick:()=>l(a.key),onKeyDown:e=>{let s,a;return s=r.length-1,void(null!==(a="ArrowRight"===e.key?(i+1)%r.length:"ArrowLeft"===e.key?(i+s)%r.length:"Home"===e.key?0:"End"===e.key?s:null)&&(e.preventDefault(),o.current[a]?.focus(),l(r[a

1].key)))},children:a.label},a.key))}),(0,s.jsx)("div",{"aria-labelledby":`${e}-tab`,className:"session-panel",id:"session-panel",role:"tabpanel",tabIndex:0,children:t[e]},e),(0,s.jsxs)("div",{className:"session-footer",children:[(0,s.jsx)("span",{children:"Session recording included"}),(0,s.jsx)("span",{children:"Illustrative dashboard"})]})]})}])},98843,e=>{"use strict";var s=e.i(44326),a=e.i(27809),i=e.i(88221);e.s(["default",0,function({story:e,label:n,frames:r,compact:t}){let{paused:l,reduced:d,hidden:c}=(0,i.useMotion)(),[o,h]=(0,i.useInView)(.25),[p,x]=(0,a.useState)(0),m=r.length,u=!l&&!d&&!c&&h;return(0,a.useEffect)(()=>{if(!u)return;let e=setTimeout(()=>x(e=>(e+1)%m),p===m-1?3500:2500);return()=>clearTimeout(e)},[u,p,m]),(0,s.jsxs)("div",{ref:o,"aria-label":n,className:`storyboard${t?" compact-story":""}`,"data-story":e,children:[(0,s.jsx)("div",{className:"story-frames",children:r.map((e,a)=>(0,s.jsx)("div",{className:"story-frame","data-frame":a,hidden:a!==p,children:e},a))}),(0,s.jsx)("div",{className:"story-controls",children:(0,s.jsxs)("span",{children:["Illustration · ",(0,s.jsx)("b",{children:`${p+1} / ${m}`})]})})]})}])},80344,e=>{"use strict";var s=e.i(44326),a=e.i(27809),i=e.i(88221);e.s(["default",0,function({kind:e,label:n,className:r,children:t}){let{paused:l,reduced:d,hidden:c}=(0,i.useMotion)(),[o,h]=(0,i.useInView)(.35),[p,x]=(0,a.useState)(0),m=l||c||!h,u=d?2:p;return(0,a.useEffect)(()=>{let e=o.current;if(!e)return;let s=()=>{let s=e.querySelector(".walk-target"),a=e.querySelector(".walk-window");if(!s||!a)return;let i=s.getBoundingClientRect(),n=a.getBoundingClientRect();e.style.setProperty("--walk-x",`${i.left-n.left+i.width/2}px`),e.style.setProperty("--walk-y",`${i.top-n.top+i.height/2}px`)};s();let a=new ResizeObserver(s);return a.observe(e),()=>a.disconnect()},[o]),(0,a.useEffect)(()=>{if(m||d)return;let e=setTimeout(()=>x(e=>(e+1)%3),2===p?3600:2400);return()=>clearTimeout(e)},[m,d,p]),(0,s.jsx)("div",{ref:o,"aria-label":n,className:`walkthrough${r?` ${r}`:""}${m?" walk-paused":""}`,"data-phase":u,"data-walkthrough":e,role:"img",children:t})}])}]);