1import{a as o,j as e,b as qt}from"./vendor-react-Bz_ZsvSD.js";import{b as Ft,c as Pt,d as Bt,e as bt,f as Pe,O as Be,g as De,D as Ue}from"./vendor-radix-CWyxWYha.js";import{u as ue,L as C}from"./vendor-wouter-B0CVBZTb.js";import{c as Dt,B as z}from"./button-CjzOfrkz.js";import{$ as we,c as E,C as ve,b as p,a6 as F,a7 as wt,a8 as Ut,X as Vt,a9 as Wt,aa as Yt,q as Ve,ab as Gt,ac as We,h as Zt,ad as Kt,H as Qt,ae as Xt,af as Jt,ag as es,t as ts,F as ss,ah as ns,ai as is}from"./index-CnUkSChN.js";import{W as as}from"./workflow-Bmg74KFs.js";import{F as os}from"./FaqAccordion-UYRF2PMC.js";import{C as vt,S as V}from"./stat-source-n_2Diy9r.js";import{Z as Ie,a as rs,I as ls,t as K}from"./testimonials-ntQae_9o.js";import{m as R,a as cs,A as ee}from"./vendor-framer-Be2PyxnT.js";import{A as ds}from"./arrow-left-Bdri2PLj.js";import{A as us}from"./arrow-right-CU5ywvRW.js";import{S as hs}from"./sparkles-CG7MgvkL.js";import{Z as ms}from"./zap-cWZm_grp.js";const ps=[["path",{d:"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16",key:"jecpp"}],["rect",{width:"20",height:"14",x:"2",y:"6",rx:"2",key:"i6l2r4"}]],xs=we("briefcase",ps);const gs=[["rect",{width:"7",height:"9",x:"3",y:"3",rx:"1",key:"10lvy0"}],["rect",{width:"7",height:"5",x:"14",y:"3",rx:"1",key:"16une8"}],["rect",{width:"7",height:"9",x:"14",y:"12",rx:"1",key:"1hutg5"}],["rect",{width:"7",height:"5",x:"3",y:"16",rx:"1",key:"ldoo1y"}]],fs=we("layout-dashboard",gs);const bs=[["path",{d:"M4 5h16",key:"1tepv9"}],["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 19h16",key:"1djgab"}]],ws=we("menu",bs);const vs=[["path",{d:"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z",key:"m3kijz"}],["path",{d:"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z",key:"1fmvmk"}],["path",{d:"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0",key:"1f8sc4"}],["path",{d:"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5",key:"qeys4"}]],ys=we("rocket",vs);const js=[["path",{d:"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978",key:"1n3hpd"}],["path",{d:"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978",key:"rfe1zi"}],["path",{d:"M18 9h1.5a1 1 0 0 0 0-5H18",key:"7xy6bh"}],["path",{d:"M4 22h16",key:"57wxv0"}],["path",{d:"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z",key:"1mhfuq"}],["path",{d:"M6 9H4.5a1 1 0 0 1 0-5H6",key:"tex48p"}]],ks=we("trophy",js),yt=Ft,Ns=Pt,Cs=Bt,Ss=bt,jt=o.forwardRef(({className:t,...s},n)=>e.jsx(Be,{className:E("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...s,ref:n}));jt.displayName=Be.displayName;const Os=Dt("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),kt=o.forwardRef(({side:t="right",className:s,children:n,...a},i)=>e.jsxs(Ss,{children:[e.jsx(jt,{}),e.jsx(Pe,{ref:i,className:E(Os({side:t}),s),...a,children:n})]}));kt.displayName=Pe.displayName;const _s=o.forwardRef(({className:t,...s},n)=>e.jsx(De,{ref:n,className:E("text-lg font-semibold text-foreground",t),...s}));_s.displayName=De.displayName;const As=o.forwardRef(({className:t,...s},n)=>e.jsx(Ue,{ref:n,className:E("text-sm text-muted-foreground",t),...s}));As.displayName=Ue.displayName;const _e={founders:[{title:"Scale without adding headcount.",description:"Revenue should grow faster than your support costs. Obi handles complex onboarding and training so your implementation and success teams do not have to. You double your customer base. Your team size stays exactly where it is.",outcomes:["Protected gross margins","More customers, same team","Higher revenue per employee"]},{title:"Accelerate time to revenue.",description:"Every week a new customer spends in implementation is revenue you have not recognized. Obi guides users through complex setups and multi-app integrations without hand-holding from your team. Customers go live faster. You get paid sooner.",outcomes:["Faster revenue recognition","No setup bottlenecks","Earlier renewals"]},{title:"Unlock profitable long-tail.",description:"High-touch onboarding makes small accounts uneconomical. Obi changes that. Every SMB customer gets a 1:1 onboarding experience delivered entirely by AI. You capture the segment you have been ignoring, at margins that make sense.",outcomes:["Profitable SMB acquisition","Premium onboarding at scale","Larger addressable market"]},{title:"Your forward deployed engineer.",description:"AI features only deliver value when customers actually use them. Obi joins every customer where they are, in their environment, on their data, and walks them through your most complex deployments and AI capabilities the moment they need it. No specialist flown out. No implementation backlog. Revenue unlocked the moment a customer goes live.",outcomes:["Faster AI feature adoption","No implementation backlog","Revenue on day one"]}],"cs-leaders":[{title:"Initial setup.",description:"Obi walks every new customer through your initial product configuration, step by step. No setup call needed from your team. Every customer starts right, every time.",outcomes:["Flawless account setups","Scale without hiring","No setup calls needed"]},{title:"Integrations.",description:"Obi guides customers through connecting their existing tools to your product, seeing their screen in real time and completing each step alongside them.",outcomes:["Unblock complex setups","Faster time-to-value","Seamless app connections"]},{title:"Implementation workflows.",description:"Complex, multi-step workflows that used to require a dedicated call now run with Obi. Your team stays focused on the accounts that need strategic attention.",outcomes:["CSMs freed for strategic work","No workflow bottlenecks","Consistent execution"]},{title:"Product training.",description:"Any customer can get a personalised training session on demand, day or night. No webinars, no documentation, no waiting for a CSM to be free.",outcomes:["Zero scheduling delays","24/7 expert guidance","Reclaim CSM time"]},{title:"Re-engagement.",description:"Obi proactively reaches out to dormant accounts and guides them back into the product with targeted help tailored to where they got stuck.",outcomes:["Accounts re-activated","Churn mitigated","CSMs focused on expansion"]}],"product-growth":[{title:"Drive in-app activation.",description:"Embed Obi directly into your interface via the Lifecycle Agent and it appears exactly when users need it most. No generic tooltips. No guesswork. Obi sees the screen, reads the context, and guides users to value the moment they are ready for it.",outcomes:["Users reach value faster","Higher activation rates","Less drop-off at setup"]},{title:"Deploy adaptive onboarding.",description:"Users do not follow a linear path. Obi watches how each user moves through your product and infers the right next step from what it sees on screen. No rigid decision trees. No forced flows. Every user gets an introduction that matches how they actually work.",outcomes:["Every user finds their path","No users left behind","Faster time to first value"]},{title:"Ship a native AI agent.",description:"Obi sees the screen and works through complex steps alongside the user in real time â menus, form fields, multi-step workflows â without pointing or waiting. Your product becomes an active guide, not a passive tool. No months of engineering. No internal AI team required.",outcomes:["Work gets done, not just explained","Live in an afternoon","Engineers stay on core product"]},{title:"Drive feature adoption.",description:"Most of your best features go undiscovered. Obi turns your knowledge base into an AI product expert that lives inside your product. When a user asks a question, it answers with full visual context and walks them directly into the feature they did not know they needed.",outcomes:["Features used, not just shipped","Instant answers, in context","Higher retention"]}]}
1,Nt=[{persona:"cs-leaders",title:"For Customer Success",description:"Scale onboarding and retention without scaling headcount."},{persona:"product-growth",title:"For Product",description:"Drive activation and feature adoption inside your app."},{persona:"founders",title:"For Founders",description:"Ship a native AI agent without rebuilding your roadmap."}];function Ct(){return Nt.map(t=>({persona:t.persona,title:t.title,useCases:_e[t.persona]}))}const Is={"cs-leaders":ks,"product-growth":ys,founders:xs},Ts="use-cases",Ms="use-case-";function st(){const t=document.getElementById(Ts);t&&t.scrollIntoView({behavior:"smooth",block:"start"})}function nt(t){if(typeof window>"u"||t===void 0)return;const s=`#${Ms}${t}`;window.location.hash===s&&window.history.replaceState(null,"",window.location.pathname+window.location.search),window.location.hash=s}function Ye(){const[t,s]=ue(),{setPersona:n}=F();return o.useCallback((a,i)=>{n(a),t==="/"?(nt(i),st()):(s("/"),setTimeout(()=>{requestAnimationFrame(()=>{nt(i),st()})},50))},[t,s,n])}function Rs(){const[t,s]=o.useState(!1),[n,a]=o.useState(!1),i=o.useRef(null),r=o.useRef(null),u=o.useRef(null),h=o.useRef(null),d=o.useCallback(()=>{i.current&&clearTimeout(i.current),r.current&&clearTimeout(r.current),a(!0),requestAnimationFrame(()=>s(!0))},[]),l=o.useCallback(()=>{i.current=setTimeout(()=>{s(!1),r.current=setTimeout(()=>a(!1),250)},150)},[]),c=o.useCallback(()=>{s(!1),r.current=setTimeout(()=>a(!1),250)},[]),m=o.useCallback(()=>{i.current&&clearTimeout(i.current),r.current&&clearTimeout(r.current)},[]);o.useEffect(()=>()=>{i.current&&clearTimeout(i.current),r.current&&clearTimeout(r.current)},[]),o.useEffect(()=>{if(!t)return;const g=y=>{y.key==="Escape"&&c()},b=y=>{const j=y.target,A=u.current?.contains(j),I=h.current?.contains(j);!A&&!I&&c()};return document.addEventListener("keydown",g),document.addEventListener("mousedown",b),()=>{document.removeEventListener("keydown",g),document.removeEventListener("mousedown",b)}},[t,c]);const f=o.useCallback(g=>{const b=g.relatedTarget,y=u.current?.contains(b),j=h.current?.contains(b);!y&&!j&&l()},[l,u,h]);return{open:t,mounted:n,doOpen:d,doClose:l,dismiss:c,cancelClose:m,triggerRef:u,panelRef:h,handleBlur:f}}function Es({open:t,doOpen:s,doClose:n,dismiss:a,triggerRef:i,handleBlur:r,className:u}){return e.jsxs("button",{ref:i,type:"button",className:u||"flex items-center gap-1 text-sm font-medium hover:text-primary transition-colors",onClick:()=>{t?a():(p("megamenu_open",{menu_context:"usecases_dropdown",trigger:"click"}),s())},onMouseEnter:()=>{t||p("megamenu_open",{menu_context:"usecases_dropdown",trigger:"hover"}),s()},onMouseLeave:n,onFocus:()=>{t||p("megamenu_open",{menu_context:"usecases_dropdown",trigger:"keyboard"}),s()},onBlur:r,"aria-expanded":t,"aria-haspopup":"true","aria-controls":"solutions-dropdown-panel",children:["Use cases",e.jsx(ve,{className:E("w-3.5 h-3.5 transition-transform duration-200",t&&"rotate-180")})]})}function Ls({column:t,onSelect:s}){const n=Is[t.persona];return e.jsxs("div",{className:E("flex flex-col gap-4 px-0 md:px-8 py-2"),children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"flex-shrink-0 w-10 h-10 bg-black/[0.12] flex items-center justify-center",children:e.jsx(n,{className:"w-4 h-4 text-white",strokeWidth:2})}),e.jsx("div",{className:"text-white text-base font-bold leading-tight",children:t.title})]}),e.jsx("ul",{className:"flex flex-col",children:t.useCases.map((a,i)=>e.jsx("li",{children:e.jsxs("button",{type:"button",role:"menuitem",onClick:()=>s(t.persona,i,a.title),className:E("group relative w-full text-left py-2.5 px-3 -mx-3 rounded-md","focus:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-purple"),children:[e.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 h-5 w-[2px] bg-white opacity-0 transition-opacity duration-150 ease-out group-hover:opacity-100 group-focus-visible:opacity-100"}),e.jsx("span",{className:"block text-white text-sm font-normal leading-snug transition-transform duration-150 ease-out group-hover:translate-x-2 group-focus-visible:translate-x-2",children:a.title})]})},a.title))})]})}function St({open:t,mounted:s,doOpen:n,doClose:a,dismiss:i,cancelClose:r,panelRef:u,handleBlur:h}){const d=Ye(),l=Ct();if(!s)return null;const c=(m,f,g)=>{p("megamenu_item_click",{item_label:g??m,item_href:f!==void 0?`/#use-case-${f}`:"/#use-cases",menu_context:"usecases_dropdown"}),d(m,f),i()};return e.jsx("div",{ref:u,id:"solutions-dropdown-panel",role:"menu",className:E("absolute left-0 right-0 top-full z-40 overflow-hidden transition-all duration-200 ease-out","bg-purple border-t-[0.5px] border-b-[0.5px] border-black/[.09] shadow-[0_4px_8px_-4px_rgba(0,0,0,0.08)]",t?"max-h-[720px] opacity-100":"max-h-0 opacity-0 pointer-events-none"),onMouseEnter:()=>{r(),n()},onMouseLeave:a,onBlur:h,children:e.jsx("div",{className:"max-w-[1440px] mx-auto px-6 md:px-[60px] py-10",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-0",children:l.map(m=>e.jsx(Ls,{column:m,onSelect:c},m.persona))})})})}function $s({onNavigate:t}
1){const s=Ye(),[n,a]=o.useState(!1),[i,r]=o.useState(!1),u=o.useRef(null),h=Ct();o.useEffect(()=>()=>{u.current&&clearTimeout(u.current)},[]);const d=o.useCallback(()=>{n?(a(!1),u.current=setTimeout(()=>r(!1),200)):(u.current&&clearTimeout(u.current),r(!0),requestAnimationFrame(()=>a(!0)))},[n]);return e.jsxs("div",{children:[e.jsxs("button",{type:"button",className:"flex items-center justify-between w-full text-lg font-medium text-white",onClick:d,"aria-expanded":n,"aria-controls":"mobile-solutions-panel",children:["Use cases",e.jsx(ve,{className:E("w-4 h-4 transition-transform duration-200",n&&"rotate-180")})]}),i&&e.jsx("div",{id:"mobile-solutions-panel",role:"group",className:E("overflow-hidden transition-all duration-200 ease-out",n?"max-h-[1600px] opacity-100 mt-3":"max-h-0 opacity-0"),children:e.jsx("div",{className:"flex flex-col gap-1 pl-2 border-l border-white",children:h.map(l=>e.jsx("button",{type:"button",onClick:()=>{p("mobile_item_click",{item_label:l.title,item_href:"/#use-cases",menu_context:"mobile_drawer"}),s(l.persona),t()},className:E("block text-left w-full rounded-md py-2 px-2 text-sm font-semibold text-white","hover:bg-white/10 transition-colors","focus:outline-none focus-visible:ring-2 focus-visible:ring-white/60"),children:l.title},l.persona))})})]})}const Ot=[{title:"Onboarding Agent",anchor:"meet-obi",href:"/product/onboarding-agent",description:"An AI agent that runs onboarding sessions end-to-e
1nd, guiding every user through your product.",icon:wt},{title:"Lifecycle Agent",anchor:"build-on-cor",href:"/product/lifecycle-agent",description:"Embed Obi natively inside your product so customers get expert guidance across the entire lifecycle.",icon:as},{title:"Admin Hub",anchor:"insights",href:"/product/admin",description:"Monitor sessions, manage content, and track adoption from a single dashboard.",icon:fs}];function it(t){const s=document.getElementById(t);s&&s.scrollIntoView({behavior:"smooth",block:"start"})}function _t(){const[t,s]=ue();return o.useCallback(n=>{t==="/"?it(n):(s("/"),setTimeout(()=>it(n),100))},[t,s])}function zs(){const[t,s]=o.useState(!1),[n,a]=o.useState(!1),i=o.useRef(null),r=o.useRef(null),u=o.useRef(null),h=o.useRef(null),d=o.useCallback(()=>{i.current&&clearTimeout(i.current),r.current&&clearTimeout(r.current),a(!0),requestAnimationFrame(()=>s(!0))},[]),l=o.useCallback(()=>{i.current=setTimeout(()=>{s(!1),r.current=setTimeout(()=>a(!1),250)},150)},[]),c=o.useCallback(()=>{s(!1),r.current=setTimeout(()=>a(!1),250)},[]),m=o.useCallback(()=>{i.current&&clearTimeout(i.current),r.current&&clearTimeout(r.current)},[]);o.useEffect(()=>()=>{i.current&&clearTimeout(i.current),r.current&&clearTimeout(r.current)},[]),o.useEffect(()=>{if(!t)return;const g=y=>{y.key==="Escape"&&c()},b=y=>{const j=y.target,A=u.current?.contains(j),I=h.current?.contains(j);!A&&!I&&c()};return document.addEventListener("keydown",g),document.addEventListener("mousedown",b),()=>{document.removeEventListener("keydown",g),document.removeEventListener("mousedown",b)}},[t,c]);const f=o.useCallback(g=>{const b=g.relatedTarget,y=u.current?.contains(b),j=h.current?.contains(b);!y&&!j&&l()},[l,u,h]);return{open:t,mounted:n,doOpen:d,doClose:l,dismiss:c,cancelClose:m,triggerRef:u,panelRef:h,handleBlur:f}}function Hs({open:t,doOpen:s,doClose:n,dismiss:a,triggerRef:i,handleBlur:r,className:u}){return e.jsxs("button",{ref:i,type:"button",className:u||"flex items-center gap-1 text-sm font-medium hover:text-primary transition-colors",onClick:()=>{t?a():(p("megamenu_open",{menu_context:"product_dropdown",trigger:"click"}),s())},onMouseEnter:()=>{t||p("megamenu_open",{menu_context:"product_dropdown",trigger:"hover"}),s()},onMouseLeave:n,onFocus:()=>{t||p("megamenu_open",{menu_context:"product_dropdown",trigger:"keyboard"}),s()},onBlur:r,"aria-expanded":t,"aria-haspopup":"true","aria-controls":"product-dropdown-panel",children:["Product",e.jsx(ve,{className:E("w-3.5 h-3.5 transition-transform duration-200",t&&"rotate-180")})]})}function qs({item:t,dismiss:s}){const n=_t(),[,a]=ue(),i=t.icon,r=()=>{p("megamenu_item_click",{item_label:t.title,item_href:t.href??null,menu_context:"product_dropdown"}),t.href?a(t.href):n(t.anchor),s()};return e.jsxs("button",{type:"button",role:"menuitem",onClick:r,className:"group relative w-full max-w-[900px] flex items-center gap-6 py-2 px-3 cursor-pointer text-left bg-transparent border-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-purple",children:[e.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute left-0 top-1/2 -translate-y-1/2 h-12 w-[2px] bg-white opacity-0 transition-opacity duration-150 ease-out group-hover:opacity-100 group-focus-visible:opacity-100"}),e.jsxs("div",{className:"flex items-center gap-5 min-w-0 transition-transform duration-150 ease-out group-hover:translate-x-2 group-focus-visible:translate-x-2",children:[e.jsx("div",{className:"flex-shrink-0 w-12 h-12 bg-black/[0.12] flex items-center justify-center",children:e.jsx(i,{className:"w-5 h-5 text-white",strokeWidth:2})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"text-white text-base font-bold leading-tight",children:t.title}),e.jsx("p",{className:"text-white text-sm mt-1 leading-relaxed",children:t.description})]})]})]})}function At({open:t,mounted:s,doOpen:n,doClose:a,dismiss:i,cancelClose:r,panelRef:u,handleBlur:h}){return s?e.jsx("div",{ref:u,id:"product-dropdown-panel",role:"menu",className:E("absolute left-0 right-0 top-full z-40 overflow-hidden transition-all duration-200 ease-out","bg-purple border-t-[0.5px] border-b-[0.5px] border-black/[.09] shadow-[0_4px_8px_-4px_rgba(0,0,0,0.08)]",t?"max-h-[500px] opacity-100":"max-h-0 opacity-0 pointer-events-none"),onMouseEnter:()=>{r(),n()},onMouseLeave:a,onBlur:h,children:e.jsx("div",{className:"px-6 md:px-[60px] py-8",children:e.jsx("div",{className:"flex flex-col gap-4 items-center",children:Ot.map(d=>e.jsx(qs,{item:d,dismiss:i},d.title))})})}):null}function Fs({onNavigate:t}){const s=_t(),[,n]=ue(),[a,i]=o.useState(!1),[r,u]=o.useState(!1),h=o.useRef(null);o.useEffect(()=>()=>{h.current&&clearTimeout(h.current)},[]);const d=o.useCallback(()=>{a?(i(!1),h.current=setTimeout(()=>u(!1),200)):(h.current&&clearTimeout(h.current),u(!0),requestAnimationFrame(()=>i(!0)))},[a]);return e.jsxs("div",{children:[e.jsxs("button",{type:"button",className:"flex items-center justify-between w-full text-lg font-medium text-white",onClick:d,"aria-expanded":a,"aria-controls":"mobile-product-panel",children:["Product",e.jsx(ve,{className:E("w-4 h-4 transition-transform duration-200",a&&"rotate-180")}
1)]}),r&&e.jsx("div",{id:"mobile-product-panel",role:"group",className:E("overflow-hidden transition-all duration-200 ease-out",a?"max-h-[600px] opacity-100 mt-2":"max-h-0 opacity-0"),children:e.jsx("div",{className:"flex flex-col gap-1 pl-2 border-l border-white",children:Ot.map(l=>e.jsx("button",{type:"button",onClick:()=>{p("mobile_item_click",{item_label:l.title,item_href:l.href??null,menu_context:"mobile_drawer"}),l.href?n(l.href):s(l.anchor),t()},className:"block text-left w-full rounded-md py-2 px-2 text-sm font-semibold text-white hover:bg-white/10 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-white/60",children:l.title},l.title))})})]})}function Ps(){return e.jsxs("svg",{width:"86",height:"24",viewBox:"0 0 86 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M17.1682 2.89094C17.1681 1.39698 16.0181 0.177149 14.572 0.102382L14.4311 0.0985985H8.7647C7.2531 0.0986447 6.02776 1.34883 6.0277 2.89094V2.89395C6.0277 2.92 6.0277 2.94414 6.0283 2.96711L6.02925 2.99579L6.02472 3.02437C5.75711 4.77771 4.34098 6.17059 2.5856 6.32171C1.18962 6.39929 0.071918 7.54431 0.00334048 8.97062L0 9.10966V14.8903C1.5149e-05 16.3612 1.11505 17.5666 2.52953 17.6747L2.52917 17.6932C4.31127 17.8196 5.7555 19.2532 6.02532 21.0262H6.0289C6.02811 21.0539 6.0277 21.0815 6.0277 21.109C6.02775 22.6512 7.25309 23.9014 8.7647 23.9014H14.4311C15.8767 23.9014 17.0604 22.7578 17.1609 21.309H17.177C17.3025 19.3698 18.822 17.8197 20.7228 17.6917V17.6753C22.0985 17.5761 23.1935 16.4396 23.2605 15.0278L23.2638 14.8903V9.10966C23.2638 7.56752 22.0385 6.31739 20.5269 6.31731C19.0624 6.31731 17.8665 7.49057 17.7932 8.96598L17.7894 9.10966V14.4306C17.7894 16.5767 16.0841 18.3164 13.9804 18.3166H9.25839C7.30848 18.3164 5.70152 16.8219 5.47651 14.8945L5.47436 14.8758V9.11491L5.47651 9.09598C5.69121 7.25842 7.16157 5.81498 8.98804 5.68414L8.99902 5.68353H14.4311C15.9428 5.6835 17.1681 4.43311 17.1682 2.89094Z",fill:"white"}),e.jsx("path",{d:"M42.2551 0C45.011 0 47.126 1.27872 48.568 2.98363L48.7923 1.60656C49.0166 0.721319 49.5293 0.426267 50.2023 0.426267C51.2918 0.426273 51.4841 0.688527 51.6763 1.67211L52.7017 7.40987C52.894 8.36061 52.7337 8.75404 51.9327 9.18025C51.0354 9.63926 50.4266 9.60654 49.9459 8.85248C47.5425 4.623 45.3956 3.34423 42.5116 3.34422C38.0254 3.34422 35.4938 7.40981 35.4938 11.9344C35.4938 17.9999 39.1148 20.6229 43.0883 20.6229C46.2287 20.6229 49.1127 19.0492 50.5868 15.7377C51.0354 14.8524 51.7084 14.6886 52.5094 15.0819C53.3746 15.4754 53.4708 16.295 53.0863 17.213C51.5802 21.1474 47.9911 24 42.2551 24C35.3016 24 31.2639 18.6885 31.2639 12.4591C31.2639 5.24594 35.8462 8.74995e-06 42.2551 0ZM63.2718 5.80283C68.4951 5.80284 71.6673 9.86845 71.6673 14.6553C71.6673 20.1306 68.5271 23.9995 63.2718 23.9995C57.9524 23.9995 54.844 19.9011 54.844 14.8519C54.844 9.60609 57.9844 5.80283 63.2718 5.80283ZM84.1144 6.01021C85.0437 6.01024 85.6847 6.63314 85.6847 7.64949C85.6847 9.25603 84.531 9.81349 82.8647 10.502C80.942 11.3217 79.7564 12.4037 79.1475 13.7152V19.3217C79.1475 20.3708 79.4999 20.8299 81.4867 21.3216C82.384 21.6168 82.5762 21.879 82.5762 22.633C82.5762 23.3544 82.3199 23.6823 81.5829 23.6823H74.0845C73.3795 23.6823 73.1231 23.3871 73.1231 22.633C73.1232 21.9445 73.2834 21.6494 73.9883 21.3544C75.1739 20.8625 75.5585 20.3708 75.5585 19.2888V11.5839C75.5585 10.2397 75.3662 9.94459 73.8602 9.35444C73.2513 9.09215 73.1231 8.9282 73.1231 8.30525C73.1231 7.7479 73.2834 7.51838 73.796 7.35446L77.0325 6.20688C78.3784 5.78065 79.0513 6.04298 79.0513 7.42001V10.5347C80.4613 7.84622 82.7044 6.01021 84.1144 6.01021ZM62.7911 8.91755C59.9392 8.91755 58.4651 11.0815 58.4651 14.1636C58.4651 17.5078 60.2275 20.8848 63.7844 20.8848C66.0916 20.8848 68.0783 19.1799 68.0784 15.6062C68.0784 12.2619 66.2199 8.91757 62.7911 8.91755Z",fill:"white"})]})}function Bs(){const[t,s]=o.useState(!1),[n,a]=o.useState(!1),i=zs(),r=Rs(),[u,h]=ue(),{setMobileNavOpen:d}=Ut(),l=m=>{s(m),d(m)};o.useEffect(()=>()=>{d(!1)},[d]);const c=m=>{m.preventDefault(),p("logo_click",{from:u}),u==="/"?window.scrollTo({top:0,behavior:"smooth"}):(h("/"),setTimeout(()=>window.scrollTo({top:0,behavior:"auto"}),0))};return o.useEffect(()=>{const m=()=>a(window.scrollY>0);return m(),window.addEventListener("scroll",m,{passive:!0}),()=>window.removeEventListener("scroll",m)},[]),e.jsx(e.Fragment,{children:e.jsxs("header",{className:"sticky top-0 left-0 right-0 z-50 bg-purple border-b-[0.5px] border-black/[.09]",children:[e.jsxs("div",{className:"max-w-[1440px] mx-auto w-full px-6 md:px-[60px] flex items-center justify-between h-20",children:[e.jsx(C,{href:"/",onClick:c,"aria-label":"Cor home",children:e.jsx(Ps,{})}),e.jsxs("nav",{className:"hidden xl:flex items-center gap-8 absolute left-1/2 -translate-x-1/2",children:[e.jsx(Hs,{open:i.open,doOpen:i.doOpen,doClose:i.doClose,dismiss:i.dismiss,triggerRef:i.triggerRef,handleBlur:i.handleBlur,className:"flex items-center gap-1 text-white text-base font-medium hover:text-white transition-colors"}),e.jsx(Es,{open:r.open,doOpen:r.doOpen,doClose:r.doClose,dismiss:r.dismiss,triggerRef:r.triggerRef,handleBlur:r.handleBlur,className:"flex items-center gap-1 text-white text-base font-medium hover:text-white transition-colors"}),e.jsx(C,{href:"/trust-security",onClick:()=>p("nav_item_click",{item_label:"Trust & Security",item_href:"/trust-security",menu_context:"top_nav"}),className:"text-white text-base font-medium hover:text-white transition-colors",children:"Trust & Security"})]}),e.jsxs("div",{className:"hidden xl:flex items-center gap-3 self-stretch",children:[e.jsx("a",{href:"https://app.coragents.ai/login",target:"_blank",rel:"noopener noreferrer",onClick:()=>p("nav_item_click",{item_label:"Login",item_href:"https://app.coragents.ai/login",menu_context:"top_nav"}),className:"pl-3.5 pr-4 py-3 rounded-[50px] flex items-center gap-2.5 text-white text-base font-medium transition-all",children:"Login"}),e.jsx(C,{href:"/book-a-demo",onClick:()=>p("nav_item_click",{item_label:"Get a demo",item_href:"/book-a-demo",menu_context:"top_nav"}
1),className:"self-stretch -my-px px-10 bg-black hover:bg-neutral-800 text-white text-base font-medium flex items-center justify-center transition-colors",children:"Get a demo"})]}),e.jsx("div",{className:"xl:hidden",children:e.jsxs(yt,{open:t,onOpenChange:m=>{m&&p("mobile_drawer_open",{menu_context:"mobile_drawer"}),l(m)},children:[e.jsx(Ns,{asChild:!0,children:e.jsx(z,{variant:"ghost",size:"icon",className:"text-white hover:bg-white/10",children:e.jsx(ws,{className:"w-6 h-6"})})}),e.jsxs(kt,{side:"right",className:"w-[300px] flex flex-col gap-6 p-0 bg-purple border-purple-800",onOpenAutoFocus:m=>m.preventDefault(),children:[e.jsxs("nav",{className:"flex flex-col gap-4 px-6 pt-6",children:[e.jsx("div",{className:"flex items-center justify-end",children:e.jsxs(Cs,{className:"text-white text-lg font-medium focus:outline-none",tabIndex:-1,children:[e.jsx(Vt,{className:"w-5 h-5"}),e.jsx("span",{className:"sr-only",children:"Close"})]})}),e.jsx(Fs,{onNavigate:()=>l(!1)}),e.jsx($s,{onNavigate:()=>l(!1)}),e.jsx(C,{href:"/trust-security",onClick:()=>{p("mobile_item_click",{item_label:"Trust & Security",item_href:"/trust-security",menu_context:"mobile_drawer"}),l(!1)},className:"text-lg font-medium text-white",children:"Trust & Security"})]}),e.jsxs("div",{className:"flex flex-col gap-2 mt-auto px-6 pb-10",children:[e.jsx(z,{asChild:!0,className:"bg-black hover:bg-neutral-800 text-white w-full rounded-full h-12 text-base",children:e.jsx(C,{href:"/book-a-demo",onClick:()=>{p("mobile_item_click",{item_label:"Get a demo",item_href:"/book-a-demo",menu_context:"mobile_drawer"}),l(!1)},children:"Get a demo"})}),e.jsx(z,{asChild:!0,variant:"outline",className:"bg-transparent border-white/20 text-white w-full rounded-full h-12 text-base hover:bg-transparent hover:border-white hover:text-white",children:e.jsx("a",{href:"https://app.coragents.ai/login",target:"_blank",rel:"noopener noreferrer",onClick:()=>p("mobile_item_click",{item_label:"Login",item_href:"https://app.coragents.ai/login",menu_context:"mobile_drawer"}),children:"Login"})})]})]})]})})]}),e.jsx(At,{open:i.open,mounted:i.mounted,doOpen:i.doOpen,doClose:i.doClose,dismiss:i.dismiss,cancelClose:i.cancelClose,panelRef:i.panelRef,handleBlur:i.handleBlur}),e.jsx(St,{open:r.open,mounted:r.mounted,doOpen:r.doOpen,doClose:r.doClose,dismiss:r.dismiss,cancelClose:r.cancelClose,panelRef:r.panelRef,handleBlur:r.handleBlur})]})})}function Ds(){return e.jsx("svg",{className:"w-5 h-5 text-white shrink-0",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.351-.166-2.001A11.954 11.954 0 0110 1.944zM10 5a1 1 0 011 1v3.586l1.707 1.707a1 1 0 01-1.414 1.414l-2-2A1 1 0 019 10V6a1 1 0 011-1z",clipRule:"evenodd"})})}function Se(){return e.jsx("svg",{className:"w-3.5 h-3.5 text-white shrink-0",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}function Us(){const t=Ye();return e.jsx("footer",{className:"bg-surface-dark overflow-hidden relative",children:e.jsxs("div",{className:"max-w-[1440px] mx-auto px-6 md:px-[60px] pt-16 relative z-10",children:[e.jsxs("div",{className:"flex flex-col lg:flex-row justify-start items-start gap-10 lg:gap-40 flex-wrap content-start",children:[e.jsxs("div",{className:"flex-1 flex flex-col sm:flex-row justify-start items-start gap-10 sm:gap-0",children:[e.jsxs("div",{className:"flex-1 inline-flex flex-col justify-start items-start gap-6",children:[e.jsx("span",{className:"self-stretch text-white text-xs font-bold leading-4 tracking-wide uppercase",children:"PRODUCT"}),e.jsx(C,{href:"/product/onboarding-agent",onClick:()=>p("footer_link_click",{label:"Onboarding Agent",section:"product"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Onboarding Agent"}),e.jsx(C,{href:"/product/lifecycle-agent",onClick:()=>p("footer_link_click",{label:"Lifecycle Agent",section:"product"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Lifecycle Agent"}),e.jsx(C,{href:"/product/admin",onClick:()=>p("footer_link_click",{label:"Admin Hub",section:"product"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Admin Hub"}),e.jsx(C,{href:"/pricing",onClick:()=>p("footer_link_click",{label:"Pricing",section:"product"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Pricing"})]}),e.jsxs("div",{className:"flex-1 inline-flex flex-col justify-start items-start gap-6",children:[e.jsx("span",{className:"self-stretch text-white text-xs font-bold leading-4 tracking-wide uppercase",children:"USE CASES"}),Nt.map(s=>e.jsx("button",{type:"button",onClick:()=>{t(s.persona),p("footer_link_click",{label:s.title,section:"use-cases"})},className:"self-stretch text-left opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:s.title},s.persona)),e.jsx("a",{href:"/llms.txt",target:"_blank",rel:"noopener","data-testid":"link-footer-for-agents",onClick:()=>p("footer_link_click",{label:"For Agents",section:"use-cases"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"For agents"})]}),e.jsxs("div",{className:"flex-1 inline-flex flex-col justify-start items-start gap-6",children:[e.jsx("span",{className:"self-stretch text-white text-xs font-bold leading-4 tracking-wide uppercase",children:"COMPANY"}),e.jsx(C,{href:"/blog",onClick:()=>p("footer_link_click",{label:"Blog",section:"company"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Blog"}),e.jsx(C,{href:"/trust-security",onClick:()=>p("footer_link_click",{label:"Trust & Security",section:"company"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Trust & security"}),e.jsx(C,{href:"/privacy-policy",onClick:()=>p("footer_link_click",{label:"Privacy Policy",section:"company"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Privacy policy"}),e.jsx(C,{href:"/terms-and-conditions",onClick:()=>p("footer_link_click",{label:"Terms & Conditions",section:"company"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Terms & Conditions"}),e.jsx(C,{href:"/sitemap",onClick:()=>p("footer_link_click",{label:"Sitemap",section:"company"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Sitemap"})]}),e.jsxs("div",{className:"flex-1 inline-flex flex-col justify-start items-start gap-6",children:[e.jsx("span",{className:"self-stretch text-white text-xs font-bold leading-4 tracking-wide uppercase",children:"CONNECT"}),e.jsx(C,{href:"/book-a-demo",onClick:()=>p("footer_link_click",{label:"Get a demo",section:"connect"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"Get a demo"}),e.jsx("a",{href:"mailto:[email protected]",onClick:()=>p("footer_link_click",{label:"Email",section:"connect"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"[email protected]"}),e.jsx("a",{href:"https://www.linkedin.com/company/cor-agents",target:"_blank",rel:"noopener noreferrer",onClick:()=>p("footer_link_click",{label:"LinkedIn",section:"connect"}),className:"self-stretch opacity-60 text-white text-base font-medium leading-6 hover:opacity-100 transition-opacity",children:"LinkedIn"})]})]}),e.jsxs("div",{className:"w-72 px-8 pt-10 pb-14 relative bg-purple inline-flex flex-col justify-start items-start gap-6",children:[e.jsxs("div",{className:"self-stretch inline-flex justify-start items-start gap-4",children:[e.jsx(Ds,{}),e.jsx("span",{className:"text-white text-xs font-bold leading-4 tracking-wide",children:"BUILT FOR TRUST"})]}),e.jsx("div",{className:"self-stretch inline-flex justify-start items-start gap-6",children:e.jsxs("div",{className:"flex-1 inline-flex flex-col justify-start items-start gap-3",children:[e.jsxs("div",{className:"self-stretch inline-flex justify-start items-center gap-5",children:[e.jsx(Se,{}),e.jsx("span",{className:"flex-1 text-white text-sm font-normal leading-5",children:"SOC 2 Compliant"})]}),e.jsxs("div",{className:"self-stretch inline-flex justify-start items-center gap-5",children:[e.jsx(Se,{}),e.jsx("span",{className:"flex-1 text-white text-sm font-normal leading-5",children:"User in Control"})]}),e.jsxs("div",{className:"self-stretch inline-flex justify-start items-center gap-5",children:[e.jsx(Se,{}),e.jsx("span",{className:"flex-1 text-white text-sm font-normal leading-5",children:"No LLM Training"})]}),e.jsxs("div",{className:"self-stretch inline-flex justify-start items-center gap-5",children:[e.jsx(Se,{}),e.jsx("span",{className:"flex-1 text-white text-sm font-normal leading-5",children:"Human-in-the-Loop"})]})]})}),e.jsx("div",{className:"px-2.5 pt-5 pb-2.5 absolute right-0 top-0 bg-violet-800 inline-flex justify-start items-center gap-2.5",children:e.jsx("img",{src:Wt,alt:"SOC 2 Type 2 Certified",loading:"lazy",className:"w-16 h-16"})})]})]}),e.jsxs("div",{className:"pb-12 pt-20 flex flex-col sm:flex-row items-start sm:items-center sm:justify-between gap-3",children:[e.jsx(C,{href:"/",onClick:()=>p("footer_link_click",{label:"Logo",section:"footer"}),children:e.jsx("img",{src:Yt,alt:"Cor Logo",loading:"lazy",className:"h-8 brightness-0 invert"})}),e.jsx("span",{className:"opacity-40 text-white text-sm font-normal",children:"© 2026 Cor. All rights reserved."}),e.jsx("span",{className:"opacity-40 text-white text-sm font-normal",children:"Designed and built in Melbourne, Australia ð¦ðº"})]})]})})}const Vs={none:"",compact:"py-20 md:py-28",standard:"py-24 md:py-32",hero:"py-32 md:py-40"};function q({children:t,className:s="",innerClassName:n="",as:a="section",id:i,useGrid:r=!1,overlay:u,spacing:h="standard"}){const d=r?"grid grid-cols-4 gap-4 md:grid-cols-12 xl:grid-cols-28 xl:gap-3":"",l=Vs[h];return e.jsxs(a,{className:`relative ${l} ${s}`,id:i,children:[u,e.jsx("div",{className:`relative max-w-[1440px] mx-auto px-6 md:px-[60px] ${d} ${n}`,children:t})]})}function N({children:t,as:s="h2",variant:n="light",size:a="xl",className:i="",subt
1itle:r,subtitleClassName:u=""}){const h=n==="dark"?"text-white":"text-black",d=n==="dark"?"text-white":"text-neutral-600",l={hero:"text-[34px] md:text-[56px] xl:text-[68px] font-semibold tracking-[-0.02em] leading-[1.05]",xl:"text-[40px] md:text-[52px] xl:text-[64px] font-semibold tracking-[-0.02em] leading-[1.05]",lg:"text-[34px] md:text-[44px] font-semibold tracking-[-0.02em] leading-[1.08]",md:"text-[28px] md:text-[36px] font-semibold tracking-[-0.015em] leading-[1.15]",sm:"text-2xl md:text-3xl font-semibold tracking-[-0.01em] leading-snug",xs:"text-xl md:text-2xl font-bold leading-tight",card:"text-xl font-bold leading-snug",xxs:"text-lg font-bold leading-snug"};return e.jsxs("div",{className:i,children:[e.jsx(s,{className:`${l[a]} ${h} whitespace-pre-line`,children:t}),r&&e.jsx("p",{className:`text-base md:text-xl leading-7 md:leading-8 mt-8 ${d} ${u}`,children:r})]})}function S({children:t,variant:s="on-light",className:n=""}){const a={"on-light":"text-purple","on-dark":"text-purple",dark:"text-white",white:"text-white",muted:"text-neutral-500","muted-light":"text-white"};return e.jsx("span",{className:`inline-block text-xs font-bold tracking-wide uppercase ${a[s]} ${n}`,children:t})}const Ws={sm:"text-base leading-7",md:"text-base md:text-lg leading-8",lg:"text-lg md:text-xl leading-8"};function Y({children:t,size:s="md",variant:n="light",className:a=""}){const i=n==="dark"?"text-white":"text-neutral-600";return e.jsx("p",{className:`${Ws[s]} ${i} ${a}`,children:t})}const Ys="/",Gs=`${Ys}icons/flashlight-fill.svg`;function $e({variant:t="hero",className:s="",bookDemoHref:n="/book-a-demo",tryNowHref:a,primaryLabel:i="Get a Demo",primaryIcon:r=null,primaryWidthMode:u="fixed",secondaryLabel:h="Watch Video",secondaryHref:d,secondaryIcon:l,secondaryShowArrow:c=!1,secondaryWidthMode:m="fixed",secondaryTargetBlank:f,onSecondaryClick:g}){const[b]=ue(),[y,j]=o.useState(!1),A=o.useRef(Date.now()),I=n.startsWith("/"),T=!g&&d===void 0&&a===void 0,Q=()=>{const ie=Math.round((Date.now()-A.current)/1e3);p("book_demo_click",{label:i,location:b,time_on_page_seconds:ie})},X=()=>{const ie=Math.round((Date.now()-A.current)/1e3);p("try_now_click",{label:h,location:b,time_on_page_seconds:ie}),T&&j(!0),g?.()},H=t==="dark"?"bg-purple hover:bg-purple-dark":"bg-black hover:bg-neutral-800",M=t==="light"?"outline outline-1 outline-offset-[-1px] outline-black/25 text-black hover:outline-2 hover:outline-black/50":t==="dark"?"bg-transparent outline outline-1 outline-offset-[-1px] outline-white text-white hover:outline-2":"bg-purple outline outline-1 outline-offset-[-1px] outline-white text-white hover:outline-2",J=l===null?null:l??(l===void 0&&!T&&d===void 0&&!c?Gs:null),te=m==="fixed"?"w-52 h-14 px-6":"h-14 px-7",P=u==="fixed"?"w-52 h-14 px-6":"h-14 px-7",le=e.jsxs(e.Fragment,{children:[J&&e.jsx("img",{src:J,alt:"",className:"w-4 h-4",loading:"lazy"}),h,c&&e.jsx("span",{"aria-hidden":!0,children:"â"})]}),se=`${te} rounded-[50px] flex items-center justify-center gap-2.5 text-base font-bold transition-colors ${M}`,ne=d??a??"/obi-ai-demo",ce=ne.startsWith("/"),ye=f??(d===void 0&&!ce);return e.jsxs("div",{className:`inline-flex flex-col sm:flex-row items-center justify-center gap-3 ${s}`,children:[I?e.jsxs(C,{href:n,onClick:Q,className:`${P} ${H} rounded-[50px] flex items-center justify-center gap-2.5 text-white text-lg font-bold transition-colors`,children:[r&&e.jsx("img",{src:r,alt:"",className:"w-4 h-4",loading:"lazy"}),i]}):e.jsxs("a",{href:n,target:"_blank",rel:"noopener noreferrer",onClick:Q,className:`${P} ${H} rounded-[50px] flex items-center justify-center gap-2.5 text-white text-lg font-bold transition-colors`,children:[r&&e.jsx("img",{src:r,alt:"",className:"w-4 h-4",loading:"lazy"}),i]}),T||g?e.jsx("button",{type:"button",onClick:X,className:se,children:le}):ce?e.jsx("a",{href:ne,onClick:X,className:se,children:le}):e.jsx("a",{href:ne,target:ye?"_blank":void 0,rel:ye?"noopener noreferrer":void 0,onClick:X,className:se,children:le}),T&&e.jsx(Ve,{open:y,initialId:"hero",onClose:()=>j(!1)})]})}function ge({title:t,description:s,icon:n,iconColor:a,iconBg:i,showDivider:r=!0}){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex flex-col items-start gap-6",children:[e.jsx("div",{className:`w-14 h-14 shrink-0 flex items-center justify-center ${i??"border border-black/10 bg-white"}`,children:n||e.jsx("div",{className:`w-8 h-8 ${a}`})}),e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("h3",{className:"text-xl font-bold text-black leading-5",children:t}),e.jsx("p",{className:"text-base md:text-lg font-normal text-neutral-600 leading-7",children:s})]})]}),r&&e.jsx("div",{className:"opacity-50 border-t border-black/25 my-12 md:my-16"})]})}function Zs({outcomes:t,className:s=""}){return e.jsx("ul",{className:`flex flex-row flex-wrap gap-x-5 gap-y-2 ${s}`,children:t.map(n=>e.jsxs("li",{className:"flex items-center gap-2 text-white text-sm lg:text-base font-normal leading-none whitespace-nowrap",children:[e.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 20 20",className:"w-4 h-4 shrink-0 text-white",f
1ill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10.5 8.5 15 16 6"})}),e.jsx("span",{children:n})]},n))})}function fe(t){if(t.variant==="step"){const{number:h,title:d,description:l}=t;return e.jsxs("div",{className:"flex items-start gap-8",children:[e.jsx("div",{className:"w-14 h-14 flex items-center justify-center shrink-0 border border-black bg-transparent",children:e.jsx("span",{className:"text-black text-lg font-bold",children:h})}),e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("h3",{className:"text-xl font-bold text-black leading-5",children:d}),e.jsx("p",{className:"text-base md:text-lg font-normal text-neutral-600 leading-7",children:l})]})]})}const{index:s,title:n,description:a,outcomes:i}=t,r=String(s+1).padStart(2,"0"),u=i&&i.length>0;return e.jsxs("div",{className:"group h-full bg-purple outline outline-1 outline-offset-[-1px] outline-black/[.09] hover:outline-black/20 transition-colors py-7 flex flex-col",children:[e.jsxs("div",{className:"px-6",children:[e.jsx("div",{className:"text-white text-5xl font-bold leading-none mb-5",children:r}),e.jsx("h3",{className:"text-white text-xl font-bold leading-tight mb-3",children:n}),e.jsx("p",{className:"text-white text-base font-normal leading-7",children:a})]}),u&&e.jsx("div",{className:"mt-6 px-6 py-4 border-t border-black/[.09]",children:e.jsx(Zs,{outcomes:i})})]})}const Ks={dark:{rule:"bg-white/25",ruleHover:"group-hover:bg-white/50",ruleActive:"bg-white",titleActive:"text-white",titleInactive:"text-white/40",bodyActive:"text-white",bodyInactive:"text-white/25"},light:{rule:"bg-black/15",ruleHover:"group-hover:bg-black/40",ruleActive:"bg-black",titleActive:"text-black",titleInactive:"text-neutral-500",bodyActive:"text-neutral-700",bodyInactive:"text-neutral-400"}};function W({title:t,description:s,active:n=!1,onClick:a,progress:i=100,orientation:r="horizontal",tone:u="dark",expandDescription:h=!1}){const d=n?Math.min(100,Math.max(0,i)):0,l=r==="vertical",c=Ks[u];return l?e.jsxs("button",{type:"button",onClick:a,className:"group relative flex w-full text-left cursor-pointer pl-6 py-5 first:pt-0",children:[e.jsx("span",{"aria-hidden":"true",className:`absolute top-0 bottom-0 left-0 w-[2px] transition-colors duration-200 ${n?c.rule:`${c.rule} ${c.ruleHover}`}`}),n&&e.jsx("span",{"aria-hidden":"true",className:`absolute top-0 left-0 w-[2px] ${c.ruleActive}`,style:{height:`${d}%`}}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("h3",{className:`text-xl font-bold leading-5 mb-3 transition-colors duration-200 ${n?c.titleActive:c.titleInactive}`,children:t}),e.jsx("p",{className:`font-normal transition-colors duration-200 text-[18px] ${n?c.bodyActive:c.bodyInactive} ${n||h?"":"line-clamp-2"}`,children:s})]})]}):e.jsxs("button",{type:"button",onClick:a,className:"group flex-1 pt-8 text-left inline-flex flex-col items-start cursor-pointer relative",children:[e.jsx("span",{"aria-hidden":"true",className:`absolute top-0 left-0 right-0 h-[2px] transition-colors duration-200 ${n?c.rule:`${c.rule} ${c.ruleHover}`}`}),n&&e.jsx("span",{"aria-hidden":"true",className:`absolute top-0 left-0 h-[2px] ${c.ruleActive}`,style:{width:`${d}%`}}),e.jsx("h3",{className:`text-xl font-bold leading-5 mb-3 transition-colors duration-200 ${n?c.titleActive:c.titleInactive}`,children:t}),e.jsx("p",{className:`font-normal transition-colors duration-200 text-[18px] ${n?c.bodyActive:c.bodyInactive}`,children:s})]})}function Qs(){const[t,s]=o.useState(()=>typeof window>"u"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches);return o.useEffect(()=>{const n=window.matchMedia("(prefers-reduced-motion: reduce)"),a=()=>s(n.matches);return n.addEventListener("change",a),()=>n.removeEventListener("change",a)},[]),t}function O({children:t,delay:s=0,className:n,once:a=!0}){const i=o.useRef(null),[r,u]=o.useState(!1),h=Qs();return o.useEffect(()=>{if(h)return;const d=i.current;if(!d)return;const l=new IntersectionObserver(([c])=>{c.isIntersecting&&(u(!0),a&&l.disconnect())},{rootMargin:"-60px"});return l.observe(d),()=>l.disconnect()},[h,a]),h?e.jsx("div",{className:n,children:t}):e.jsx("div",{ref:i,className:n,style:{opacity:r?1:0,transform:r?"translateY(0)":"translateY(20px)",transition:r?`opacity 500ms cubic-bezier(0.25,0.1,0.25,1) ${s*1e3}ms, transform 500ms cubic-bezier(0.25,0.1,0.25,1) ${s*1e3}ms`:"none",willChange:r?"auto":"opacity, transform"},children:t})}function Xs({faqs:t,idPrefix:s,eyebrow:n="FAQ",heading:a=`Frequently asked 2questions.`,bgClass:i="bg-neutral-50",variant:r="light",spacing:u="standard"}){const h=r==="dark";return e.jsx(e.Fragment,{children:e.jsx(q,{spacing:u,className:i,children:e.jsx("div",{className:"col-span-full",children:e.jsxs("div",{className:"flex flex-col lg:flex-row gap-16 lg:gap-24",children:[e.jsxs(O,{className:"lg:w-5/12 flex-shrink-0",children:[e.jsx(S,{variant:h?"on-dark":"on-light",className:"mb-6",children:n}),e.jsx(N,{variant:h?"dark":"light",children:a})]}),e.jsx(O,{className:"lg:w-7/12",delay:.1,children:e.jsx(os,{faqs:t,idPrefix:s,variant:r})})]})})})})}const Js=[{q:"What is Obi and how does it work?",a:"Obi is an AI-powered customer success agent that joins live video calls with your users, sees their screen in real time, and walks them through onboarding, training, and support. Exactly like a human CSM. It understands your product, answers questions contextually, and guides users step-by-step so they reach value faster."},{q:"How is Obi different from in-app guides or chatbots?",a:"In-app guides are static tooltips that can't adapt to what a user is actually doing. Chatbots answer questions but can't see the user's screen. Obi combines real-time screen awareness with conversational guidance on a live video call, so it can diagnose issues, demonstrate workflows, and adapt to each user's context. Something neither tooltips nor chatbots can do."},{q:"Is my data secure with Obi?",a:"Yes. Obi is SOC 2 Type 2 certified. Screen sharing is always user-initiated and encrypted end-to-e
2nd. We never store screen recordings unless you explicitly opt in, and granular user permissions give you full control over what Obi can access. Enterprise plans include SSO, custom data-retention policies, and dedicated infrastructure."},{q:"How long does it take to implement Obi?",a:"Most teams go live within two weeks. Implementation includes training Obi on your product, configuring onboarding flows, connecting integrations, and testing before launch. There's no engineering lift required on your side. Our team handles the entire setup."},{q:"How much does Obi cost?",a:`Plans start at $750 per month. Pricing is based on the tier you choose. Scaling with call volume and feature access. All plans include a 3-month minimum commitment and then go month-to-month. Annual prepayment saves you 20%. Obi is typically 80-90% cheaper than the equivalent CSM capacity (${vt}).`},{q:"Can Obi replace my existing customer success team?",a:`Obi is designed to augment your team, not replace it. It handles the repetitive, high-volume work. Onboarding calls, training walkthroughs, and routine support. So your CSMs can focus on strategic accounts, expansion, and relationship-building. Most teams see their CSMs handle 3-5x more accounts after deploying Obi (${V}).`}];function It({faqs:t=Js}){return e.jsx(Xs,{faqs:t,idPrefix:"home",bgClass:"bg-surface-dark",variant:"dark"})}const en="/assets/insights-ask-cor-screenshot-BlSKlFUn.webp",tn="/assets/insights-session-reports-screenshot-SpFvK5w9.webp",at={"subtle-light":{color:"rgba(0,0,0,0.025)"},"subtle-dark":{color:"rgba(255,255,255,0.035)"},"bold-dark":{color:"rgba(0,0,0,0.09)"}};function sn(){const[t,s]=o.useState(()=>typeof window>"u"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches);return o.useEffect(()=>{const n=window.matchMedia("(prefers-reduced-motion: reduce)"),a=()=>s(n.matches);return n.addEventListener("change",a),()=>n.removeEventListener("change",a)},[]),t}function U({tone:t,color:s,className:n=""}){const a=t?at[t]:at["subtle-dark"],i=s??a.color,r=o.useRef(null),u=sn();return o.useEffect(()=>{const h=r.current;if(!h)return;const d=document.createElement("div");d.style.cssText="position:absolute;inset:0;overflow:hidden;pointer-events:none;";let l=!1;function c(){const b=h.getBoundingClientRect(),y=b.width,j=b.height;if(y===0||j===0)return;let A,I,T;y>=1280?(A=28,I=12,T=120):y>=768?(A=12,I=16,T=120):(A=4,I=16,T=48);const H=(Math.min(1560,y-T)-(A-1)*I)/A+I,M=Math.ceil(y/H)+1,re=Math.ceil(j/H)+1;d.innerHTML="",d.style.gridTemplateColumns=`repeat(${M}, ${H.toFixed(2)}px)`,d.style.gridTemplateRows=`repeat(${re}, ${H.toFixed(2)}px)`,d.style.display="grid";for(let J=0;J<re;J++)for(let te=0;te<M;te++){const P=document.createElement("div"),le=`border-right:1px solid ${i};`,se=`border-bottom:1px solid ${i};`,ne=J===0?`border-top:1px solid ${i};`:"",ce=te===0?`border-left:1px solid ${i};`:"";P.style.cssText=`box-sizing:border-box;${ne}${ce}${le}${se}`,d.appendChild(P)}}function m(){if(l)return;h.appendChild(d);const b=new ResizeObserver(()=>c());if(b.observe(h),c(),u)h.__gridCleanup=()=>{b.disconnect(),d.remove()};else{const y=new IntersectionObserver(([j])=>{j.isIntersecting&&(d.style.animation="gridReveal 1s ease-out forwards",y.disconnect())},{threshold:0});y.observe(h),h.__gridCleanup=()=>{b.disconnect(),y.disconnect(),d.remove()}}}let f,g;return typeof requestIdleCallback<"u"?f=requestIdleCallback(m,{timeout:500}):g=setTimeout(m,50),()=>{l=!0,f!==void 0&&cancelIdleCallback(f),g!==void 0&&clearTimeout(g);const b=h.__gridCleanup;b&&(b(),delete h.__gridCleanup)}},[i,u]),e.jsxs(e.Fragment,{children:[e.jsx("style",{children:` 3 @keyframes gridReveal { 4 from { clip-path: inset(0 0 100% 0); } 5 to { clip-path: inset(0 0 0% 0); } 6 } 7 `}),e.jsx("div",{ref:r,className:`absolute inset-0 pointer-events-none ${n}`,"aria-hidden":"true"})]})}function Tt({eyebrow:t="INSIGHTS",headline:s=`Reports back with 8unmatched insights.`,card1Title:n="Session reports",card1Description:a="Every session, a detailed report of what was covered, where users got stuck, and what needs follow-up.",card2Title:i="Ask Cor",card2Description:r="Ask anything about your onboarding data. Get answers instantly across every session."}){return e.jsxs(q,{spacing:"compact",className:"bg-neutral-50",useGrid:!0,overlay:e.jsx(U,{tone:"subtle-light"}),children:[e.jsx(O,{className:"col-span-full text-center mb-20",children:e.jsxs("div",{className:"flex flex-col items-center gap-8",children:[e.jsx(S,{children:t}),e.jsx(N,{className:"whitespace-pre-line",children:s})]})}),e.jsxs("div",{className:"col-span-full flex flex-col md:flex-row gap-6 md:gap-0",children:[e.jsx(O,{className:"flex-1",delay:0,children:e.jsxs("div",{className:"bg-white p-10 md:p-14 flex flex-col items-center gap-12 md:border-r md:border-neutral-100 h-full",children:[e.jsx("div",{className:"relative w-full aspect-[710/384] bg-purple overflow-hidden",children:e.jsx(Ie,{src:tn,alt:"Session reports dashboard",loading:"lazy",className:"absolute top-[10%] left-[7%] w-[96%] h-[92%] object-cover object-left-top rounded-[10px]"})}),e.jsxs("div",{className:"max-w-[582px] flex flex-col items-center gap-5 text-center",children:[e.jsx(N,{as:"h3",size:"sm",children:n}),e.jsx("p",{className:"text-base md:text-lg font-normal text-neutral-600 leading-7",children:a})]})]})}),e.jsx(O,{className:"flex-1",delay:.06,children:e.jsxs("div",{className:"bg-white p-10 md:p-14 flex flex-col items-center gap-12 h-full",children:[e.jsx("div",{className:"relative w-full aspect-[710/384] bg-purple overflow-hidden",children:e.jsx(Ie,{src:en,alt:"Ask Cor dashboard",loading:"lazy",className:"absolute top-[10%] left-[7%] w-[96%] h-[92%] object-cover object-left-top rounded-[10px]"})}),e.jsxs("div",{className:"max-w-[582px] flex flex-col items-center gap-5 text-center",children:[e.jsx(N,{as:"h3",size:"sm",children:i}),e.jsx("p",{className:"text-base md:text-lg font-normal text-neutral-600 leading-7",children:r})]})]})})]})]})}const be=o.forwardRef(function({tone:s="dark",aspect:n="aspect-video",className:a="",children:i,...r},u){const h=s==="light"?"border-black/10":"border-neutral-800",d=s==="light"?"bg-neutral-100":"bg-neutral-900";return e.jsx("div",{ref:u,className:`relative overflow-hidden border ${h} ${d} w-full ${n} ${a}`.trim(),...r,children:i})});function nn({className:t=""}){return e.jsx("span",{className:`relative w-14 h-14 bg-black flex items-center justify-center transition-all duration-200 group-hover:bg-black/80 group-hover:scale-105 ${t}`.trim(),children:e.jsx(Gt,{className:"w-6 h-6 text-white ml-0.5",fill:"white"})})}function ot({label:t="Play video",className:s="",...n}){return e.jsx("button",{type:"button","aria-label":t,className:`group absolute inset-0 z-10 flex items-center justify-center bg-transparent ${s}`.trim(),...n,children:e.jsx(nn,{})})}const an=[{id:"awareness",title:"Runs trainings, answers questions",desc:"Obi joins via video call, sees the user's screen in real time, and guides them through their actual product with their actual data.",sidebar:[{w:"w-3/4",h:"h-2"},{w:"w-1/2",h:"h-2"},{w:"w-2/3",h:"h-2"},{w:"w-3/5",h:"h-2"},{w:"w-1/2",h:"h-2"},{w:"w-3/4",h:"h-2"}],cards:[{title:"w-1/2",subtitle:"w-3/4"},{title:"w-2/3",subtitle:"w-1/2"},{title:"w-1/2",subtitle:"w-3/5"}],glowColor:"from-purple-600/30 via-purple-500/10 to-transparent"},{id:"execution",title:"Works through it with the user",desc:"Obi sees the screen in real time and works through complex steps alongside the user. No DOM tagging. No engineering required.",sidebar:[{w:"w-2/3",h:"h-2"},{w:"w-3/4",h:"h-2"},{w:"w-1/2",h:"h-2"},{w:"w-3/5",h:"h-2"},{w:"w-2/3",h:"h-2"},{w:"w-1/2",h:"h-2"}],cards:[{title:"w-2/3",subtitle:"w-1/2"},{title:"w-1/2",subtitle:"w-3/4"},{title:"w-3/5",subtitle:"w-2/3"}],glowColor:"from-blue-600/30 via-blue-500/10 to-transparent"},{id:"reports",title:"Reports back",desc:"After every session, Cor AI generates a detailed report. What was covered, where users got stuck, and what questions came up.",sidebar:[{w:"w-1/2",h:"h-2"},{w:"w-3/5",h:"h-2"},{w:"w-3/4",h:"h-2"},{w:"w-2/3",h:"h-2"},{w:"w-1/2",h:"h-2"},{w:"w-3/5",h:"h-2"}],cards:[{title:"w-3/5",subtitle:"w-2/3"},{title:"w-1/2",subtitle:"w-3/4"},{title:"w-2/3",subtitle:"w-1/2"}
8],glowColor:"from-amber-600/30 via-amber-500/10 to-transparent"},{id:"followup",title:"Follows up",desc:"User didn't finish? Obi sends personalized emails to bring them back. With a link to pick up right where they left off.",sidebar:[{w:"w-2/3",h:"h-2"},{w:"w-1/2",h:"h-2"},{w:"w-3/5",h:"h-2"},{w:"w-3/4",h:"h-2"},{w:"w-2/3",h:"h-2"},{w:"w-1/2",h:"h-2"}],cards:[{title:"w-1/2",subtitle:"w-3/5"},{title:"w-2/3",subtitle:"w-1/2"},{title:"w-3/5",subtitle:"w-3/4"}],glowColor:"from-rose-600/30 via-rose-500/10 to-transparent"}];function on({tab:t}){return e.jsxs("div",{className:"bg-surface-elevated",children:[e.jsxs("div",{className:"flex items-center gap-2 px-4 py-3 bg-surface-elevated border-b border-white/10",children:[e.jsxs("div",{className:"flex gap-1.5",children:[e.jsx("div",{className:"w-3 h-3 rounded-full bg-[#ff5f57]"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-[#ffbd2e]"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-[#28c840]"})]}),e.jsx("div",{className:"flex-1 ml-3",children:e.jsx("div",{className:"h-5 bg-white/10 rounded-md max-w-[200px]"})})]}),e.jsxs("div",{className:"flex min-h-[440px] md:min-h-[540px]",children:[e.jsx("div",{className:"w-1/5 border-r border-white/10 p-4 space-y-3 hidden sm:block",children:t.sidebar.map((s,n)=>e.jsx("div",{className:`${s.h} ${s.w} bg-white/10 rounded`},n))}),e.jsxs("div",{className:"flex-1 p-4 md:p-6",children:[e.jsxs("div",{className:"flex gap-3 mb-6",children:[e.jsx("div",{className:"h-7 w-20 bg-white/15 rounded"}),e.jsx("div",{className:"h-7 w-24 bg-white/10 rounded"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-3 mb-6",children:t.cards.map((s,n)=>e.jsxs("div",{className:"bg-surface-elevated rounded-lg p-4 space-y-2",children:[e.jsx("div",{className:`h-3 ${s.title} bg-white/15 rounded`}),e.jsx("div",{className:`h-2 ${s.subtitle} bg-white/8 rounded`})]},n))}),e.jsx("div",{className:`h-48 md:h-64 rounded-lg bg-gradient-to-br ${t.glowColor} border border-white/5`})]})]})]})}function rn({headline:t="Obi talks to every user. Sees the screen. Works through it with them.",subtitle:s="Not a chatbot. Not a product tour. An AI agent that replicates what your best CSM does. At any scale, any time zone, without a calendar invite.",eyebrow:n,tabs:a}={}){const i=a??an,[r,u]=o.useState(0);return e.jsx(q,{spacing:"standard",className:"bg-black",useGrid:!0,overlay:e.jsx(U,{color:"rgba(255,255,255,0.07)"}),children:e.jsxs("div",{children:[e.jsxs("div",{className:"max-w-3xl mb-16",children:[n&&e.jsx(S,{variant:"muted-light",className:"mb-6",children:n}),e.jsx("h2",{className:"text-[28px] md:text-[36px] font-semibold tracking-[-0.015em] leading-[1.15] mb-6 text-white",children:t}),e.jsx("p",{className:"text-xl text-white",children:s})]}),e.jsx("div",{children:e.jsxs(be,{tone:"dark",aspect:"",children:[e.jsx("div",{role:"tabpanel",id:`tabpanel-${i[r].id}`,"aria-labelledby":`tab-${i[r].id}`,children:e.jsx(on,{tab:i[r]})},i[r].id),e.jsx("div",{className:`grid ${i.length===2?"md:grid-cols-2":i.length===3?"md:grid-cols-3":"md:grid-cols-4"} border-t border-white/20 bg-surface-dark`,role:"tablist","aria-label":"Product screen views",children:i.map((h,d)=>e.jsxs("button",{role:"tab","aria-selected":r===d,"aria-controls":`tabpanel-${h.id}`,id:`tab-${h.id}`,onClick:()=>{d!==r&&We(h.title,"obi_call_section"),u(d),p("obi_tab_click",{tab_id:h.id,tab_title:h.title,tab_index:d})},className:`p-6 md:p-8 text-left transition-all duration-300 cursor-pointer border-r border-white/10 last:border-r-0 ${r===d?"bg-white/[0.10]":"hover:bg-white/[0.05]"}`,children:[e.jsx("h3",{className:"text-lg font-bold mb-3 text-white",children:h.title}),e.jsx("p",{className:"text-white text-sm leading-relaxed",children:h.desc})]},h.id))})]})})]})})}const ln={dark:"text-white text-xs font-bold uppercase leading-4 tracking-wide",light:"text-black text-xs font-bold uppercase leading-4 tracking-wide"},cn={dark:"w-full p-5 bg-transparent text-white text-base font-normal leading-6 placeholder:text-neutral-500 border border-white/10 hover:border-white/20 focus:outline-none focus:ring-1 focus:ring-white focus:border-white focus-within:ring-1 focus-within:ring-white focus-within:border-white transition-colors",light:"w-full p-5 bg-neutral-100 text-black text-base font-normal leading-6 placeholder:text-black/30 border border-black/10 hover:border-black/20 focus:outline-none focus:ring-1 focus:ring-black focus:border-black focus-within:ring-1 focus-within:ring-black focus-within:border-black transition-colors"},Mt=1e5,dn=Mt/12,rt=140,lt=3.5,ze=.45,ct=.72,He=.05,dt=.032,ut=[{label:"Onboardings per month",key:"onboardings",min:1,max:1e4,step:1,defaultValue:100,unit:""},{label:"Sessions per onboarding",key:"sessions",min:1,max:100,step:1,defaultValue:3,unit:""},{label:"Avg. session length",key:"sessionLength",min:1,max:480,step:1,defaultValue:35,unit:"hours"},{label:"Ongoing training hours per month",key:"trainingHours",min:0,max:1e3,step:1,defaultValue:20,unit:"hours"}],un={"cs-leaders":{eyebrow:"ROI",headline:"See your CSM savings.",helper:"Enter your onboarding metrics and see how much CSM headcount cost Obi removes - in dollars, activation, and retention.",inputLabels:{onboardings:"Onboardings per month",sessions:"Sessions per onboarding",sessionLength:"Avg. session length",trainingHours:"Ongoing training hours per month"},resultEyebrow:"Estimated monthly CSM savings",resultSubtitle:"per month vs. human CSMs",activationLabel:"activation uplift",retentionLabel:"retention uplift",methodologyLead:"Savings compare your fully-loaded CSM headcount cost against Obi's per-session cost, sized to the workload below.",capacityNoun:"per CSM",capacityRateLabel:"fully loaded per CSM"},founders:{eyebrow:"ROI",headline:"See your build vs. buy gap.",helper:"Enter your onboarding load and see what Obi delivers vs. standing up an in-house AI onboarding stack.",inputLabels:{onboardings:"New customers per month",sessions:"Touchpoints per customer",sessionLength:"Avg. touchpoint length",trainingHours:"Ongoing tuning hours per month"},resultEyebrow:"Estimated monthly savings vs. in-house build",resultSubtitle:"per month vs. building it yourself",activationLabel:"activation lift",retentionLabel:"retention lift",methodologyLead:"Savings compare the fully-loaded cost of staffing an in-house AI onboarding effort against Obi's per-session cost at the volume below.",capacityNoun:"per in-house operator",capacityRateLabel:"fully loaded per in-house hire"},"product-growth":{eyebrow:"ROI",headline:"See your activation upside.",helper:"Enter your onboarding volume and see the engineering time and activation revenue Obi unlocks.",inputLabels:{onboardings:"New users per month",sessions:"Onboarding steps per user",sessionLength:"Avg. step length",trainingHours:"Ongoing iteration hours per month"},resultEyebrow:"Estimated monthly value unlocked",resultSubtitle:"per month in eng time + activation revenue",activationLabel:"activation lift",retentionLabel:"retention lift",methodologyLead:"Value unlocked compares the engineering time you'd spend building and tuning onboarding flows against Obi's per-session cost at the volume below.",capacityNoun:"per engineer",capacityRateLabel:"fully loaded per engineer"}};function hn(t){const s=Math.abs(t);
8return(t<0?"-":"")+"$"+Math.round(s).toLocaleString()}function ht({variant:t="light"}){const s=t==="dark",{persona:n}=F(),a=un[n],[i,r]=o.useState(()=>{const d={};return ut.forEach(l=>d[l.key]=l.defaultValue),d}),u=o.useMemo(()=>{const d=i.onboardings*i.sessions,c=d*i.sessionLength/60+i.trainingHours,f=Math.max(1,Math.ceil(c/rt))*dn,g=d*lt,b=f-g,y=Math.min(c/200,1),j=Math.round((ct-ze)/ze*100*(.6+.4*y)),A=Math.round((He-dt)/He*100*(.7+.3*y));return{costSavings:b,activationUplift:j,retentionUplift:A}},[i]),h=(d,l)=>{r(c=>({...c,[d]:l}))};return e.jsxs("div",{children:[e.jsxs("div",{className:"text-center mb-6",children:[e.jsx(S,{variant:s?"on-dark":"on-light",className:"mb-8",children:a.eyebrow}),e.jsx("h2",{className:`text-[40px] md:text-[52px] xl:text-[64px] font-semibold tracking-[-0.02em] leading-[1.05] ${s?"text-white":"text-black"}`,children:a.headline})]}),e.jsx("p",{className:`text-center text-lg max-w-2xl mx-auto mb-16 ${s?"text-white":"text-neutral-500"}`,children:a.helper}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[42%_50%] gap-12 md:gap-[8%] items-stretch",children:[e.jsx("div",{className:"flex flex-col gap-[33px]",children:ut.map(d=>{const l=`roi-${d.key}`,c=a.inputLabels[d.key]??d.label,m=s?"dark":"light";return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx("label",{htmlFor:l,className:ln[m],children:c}),e.jsxs("div",{className:E(cn[m],"flex items-center justify-between gap-4"),children:[e.jsx("input",{id:l,type:"number",min:d.min,max:d.max,step:d.step,value:i[d.key],onChange:f=>{const g=f.target.value;if(g==="")return;const b=Number(g);isNaN(b)||h(d.key,b)},onBlur:f=>{const g=Number(f.target.value);isNaN(g)||f.target.value===""?h(d.key,d.defaultValue):h(d.key,Math.min(d.max,Math.max(d.min,g)))},className:E("flex-1 min-w-0 bg-transparent p-0 text-base font-normal leading-6 outline-none appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [-moz-appearance:textfield]",s?"text-white":"text-black")}),d.unit&&e.jsx("span",{className:`text-base font-normal leading-6 ${s?"text-white":"text-neutral-500"}`,children:d.unit})]})]},d.key)})}),e.jsx("div",{className:"flex flex-col self-stretch",children:e.jsxs("div",{className:"bg-surface-dark border border-white/10 p-8 md:p-10 flex flex-col items-center text-center h-full",children:[e.jsxs("div",{className:"flex flex-col items-center gap-6 my-auto",children:[e.jsx("p",{className:"text-purple-600 text-xs font-bold tracking-[0.2em] uppercase",children:a.resultEyebrow}),e.jsxs("div",{className:"flex items-end justify-center flex-wrap",children:[e.jsx("p",{className:"text-white text-6xl sm:text-7xl md:text-8xl font-bold leading-none",children:hn(u.costSavings)}),e.jsx("span",{className:"text-white text-xl sm:text-2xl md:text-3xl font-bold ml-1 pb-1",children:"/mo"})]}),e.jsx("p",{className:"text-white text-lg md:text-xl font-normal",children:a.resultSubtitle})]}),e.jsxs("div",{className:"flex items-center justify-center gap-6 sm:gap-10 mt-auto pt-8 flex-wrap",children:[e.jsxs("div",{className:"flex items-baseline gap-3",children:[e.jsxs("p",{className:"text-white text-3xl sm:text-4xl font-bold leading-none whitespace-nowrap",children:["+",u.activationUplift,"%"]}),e.jsx("p",{className:"text-white text-sm font-normal whitespace-nowrap",children:a.activationLabel})]}),e.jsx("div",{className:"w-px h-11 bg-white/20 hidden sm:block"}),e.jsxs("div",{className:"flex items-baseline gap-3",children:[e.jsxs("p",{className:"text-white text-3xl sm:text-4xl font-bold leading-none whitespace-nowrap",children:["+",u.retentionUplift,"%"]}),e.jsx("p",{className:"text-white text-sm font-normal whitespace-nowrap",children:a.retentionLabel})]})]})]})})]}),e.jsxs("div",{className:"mt-16 text-center max-w-3xl mx-auto",children:[e.jsx("p",{className:"text-white text-xs font-bold tracking-[0.2em] uppercase mb-3",children:"Methodology"}),e.jsxs("p",{className:"text-white text-base font-normal leading-relaxed",children:[a.methodologyLead," ","We size workload by total session time plus ongoing hours against a capacity of ~",rt," productive hours/month ",a.capacityNoun," at ~$",(Mt/1e3).toFixed(0),"K/year ",a.capacityRateLabel,", compared to Obi's per-session cost of $",lt.toFixed(2),"."," ","Activation uplift is based on benchmark data showing AI-guided onboarding improves activation from ~",Math.round(ze*100),"% to ~",Math.round(ct*100),"%, scaled by session intensity."," ","Retention uplift reflects the reduction in monthly churn from ~",(He*100).toFixed(1),"% to ~",(dt*100).toFixed(1),"% when users receive continuous, personalized training. All figures are estimates. Actual results vary by product, audience, and implementation."]})]})]})}const mn=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,pn="/".replace(/\/$/,""),xn=`${pn}/api/form/demo`;function gn(){try{return document.cookie.match(/(?:^|;\s*)hubspotutk=([^;
8]+)/)?.[1]??void 0}catch{return}}function Rt({persona:t,className:s="",maxWidth:n="max-w-[500px]",variant:a="dark",buttonVariant:i="black"}){const[,r]=ue(),[u,h]=o.useState(""),[d,l]=o.useState(null),[c,m]=o.useState(null),[f,g]=o.useState(!1),b=o.useRef(Date.now()),y=o.useRef(!1),j=async I=>{I.preventDefault();const T=u.trim();if(!T){l("Please enter your work email.");return}if(!mn.test(T)){l("That email doesn't look right.");return}l(null),m(null);const Q=Math.round((Date.now()-b.current)/1e3);p("book_demo_click",{label:"Get a demo",location:typeof window<"u"?window.location.pathname:"/",time_on_page_seconds:Q}),g(!0);const X=Zt(),H=["utm_source","utm_medium","utm_campaign","utm_term","utm_content"].filter(M=>X[M]).map(M=>({objectTypeId:"0-1",name:M,value:X[M]}));try{const M=await fetch(xn,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({fields:[{objectTypeId:"0-1",name:"email",value:T},...H],context:{pageUri:typeof window<"u"?window.location.href:void 0,pageName:typeof document<"u"?document.title:void 0,hutk:gn()}})});if(!M.ok)throw new Error(`status ${M.status}`);typeof window<"u"&&Array.isArray(window._hsq)&&window._hsq.push(["identify",{email:T}]),p("demo_form_submit",{email:T,source:"hero_email_capture"}),p("demo_form_success",{email:T,source:"hero_email_capture"}),p("hero_email_submitted",{persona:t??"unknown",source:"hero",email:T}),r(`/book-a-demo/schedule?email=${encodeURIComponent(T)}`)}catch(M){const re=M instanceof Error?M.message:String(M);p("demo_form_error",{error:re,source:"hero_email_capture"}),r(`/book-a-demo/schedule?email=${encodeURIComponent(T)}`)}},A=d??c;return e.jsxs("div",{className:`flex flex-col items-center gap-2 w-full px-4 sm:px-0 ${s}`,children:[e.jsx("form",{onSubmit:j,noValidate:!0,className:`w-full ${n}`,"aria-label":"Get a demo",children:e.jsxs("div",{className:`flex items-center bg-white rounded-full py-1.5 pr-1.5 ${a==="light"?`ring-1 ${A?"ring-red-400":"ring-black/20"}`:A?"ring-2 ring-white":""}`,children:[e.jsx("input",{type:"email",autoComplete:"email",placeholder:"Your work email",value:u,disabled:f,onChange:I=>{!y.current&&I.target.value.length>0&&(y.current=!0,p("demo_form_start",{source:"hero_email_capture"}),p("hero_email_start",{persona:t??"unknown",location:typeof window<"u"?window.location.pathname:"/"})),h(I.target.value),d&&l(null),c&&m(null)},"aria-label":"Work email address","aria-invalid":!!A,"aria-describedby":A?"hero-email-error":void 0,className:"flex-1 min-w-0 bg-transparent text-gray-900 placeholder:text-gray-400 text-sm sm:text-base pl-5 pr-2 py-2 outline-none disabled:opacity-60 [&:-webkit-autofill]:[box-shadow:0_0_0px_1000px_white_inset] [&:-webkit-autofill]:[-webkit-text-fill-color:#111827]"}),e.jsx("button",{type:"submit",disabled:f,className:`shrink-0 px-5 sm:px-7 py-3 disabled:opacity-60 disabled:cursor-not-allowed text-white text-sm sm:text-base font-medium rounded-full transition-colors whitespace-nowrap cursor-pointer ${i==="purple"?"bg-purple hover:brightness-110":"bg-black hover:bg-neutral-800"}`,children:f?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsxs("svg",{className:"animate-spin w-4 h-4 shrink-0",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","aria-hidden":"true",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]}),e.jsx("span",{children:"Gettingâ¦"})]}):"Get a demo"})]})}),A&&e.jsx("p",{id:"hero-email-error",role:"alert",className:`text-sm text-center ${a==="light"?"text-red-600":"text-white"}`,children:A})]})}const de={hidden:{opacity:0,y:18},visible:{opacity:1,y:0,transition:{duration:.5,ease:[.25,.1,.25,1]}},exit:{opacity:0,y:-12,transition:{duration:.3,ease:[.25,.1,.25,1]}}},fn={hidden:{},visible:{transition:{staggerChildren:.1,delayChildren:.05}},exit:{transition:{staggerChildren:.05}}},bn=[{key:"cs-leaders",label:"For Customer Success",mobileLabel:"For CS"},{key:"product-growth",label:"For Product"},{key:"founders",label:"For Founders"}
8],G={founders:{headline:e.jsxs(e.Fragment,{children:[e.jsx(R.span,{className:"block md:whitespace-nowrap",variants:de,children:"Your best AI strategy"})," ",e.jsx(R.span,{className:"block md:whitespace-nowrap",variants:de,children:"starts with adoption."})]}),subheadline:"An AI agent that drives product adoption. It sees the screen, guides users proactively through every step, and answers questions. You get an AI-native experience and immediate ROI without distracting your engineers.",stats:[{value:"80",unit:"%",label:"Tasks automated",source:V},{value:"90",unit:"%",label:"Lower cost",source:V},{value:"24/7",label:"Availability",source:V}],problem:{headline:"You've tried it all, but it's still the same old puzzle.",items:[{title:"Customers expect more.",description:"Users demand intelligent, context-aware guidance 24/7. If your app falls short, they abandon your interface for ChatGPT and Claude to do the work."},{title:"Expertise doesn't scale.",description:"You cannot put your best expert on every onboarding call. Your product knowledge is trapped in human heads instead of scaling inside your app."},{title:"Static tools are a trap.",description:"Help documents, videos, and tooltips break the moment you update your interface. Your team wastes hours fixing them. Customers ignore them completely."}]},meetObi:{headline:"Meet Obi.",subtitle:"An AI agent that scales your business. It works alongside each customer exactly the way your best employee would. It sees their screen, guides them through every step, and drives product adoption automatically."},howObiWorks:{headline:`Obi works with every customer. 9Sees the screen. 10Does the work.`,tabs:[{title:"Reaches out proactively.",desc:"As soon as Obi is assigned to an account, or looped into an email thread, it initiates contact. Every customer gets a personal touchpoint, automatically, without a single CS hire."},{title:"Understands goals, tailors the plan.",desc:"Obi asks discovery questions to understand exactly what each customer is trying to achieve. Then it builds a personalised success plan: no fixed scripts, no one-size-fits-all flows."},{title:"Sees the screen, guides the user.",desc:"Obi watches the live screen and walks customers through your product step-by-step, across multiple tabs and apps. Every account gets your best expert, at scale."}]},insights:{eyebrow:"INSIGHTS",headline:`Know exactly what drives 11your ROI.`,cards:[{title:"Session reports",description:"Every session, a full breakdown of what was covered, where customers hesitated, and what to fix next."},{title:"Ask Cor",description:"Query your customer data in plain English. Get answers in seconds - no dashboards, no data team."}]},gettingStarted:{headline:`From zero to working 12agent in a day.`,steps:[{number:"01",title:"Train",description:"Upload your existing training videos and connect your knowledge base. Obi learns your product instantly. It writes the session scripts for you automatically.",color:"bg-purple"},{number:"02",title:"Review",description:"Review the output in your admin portal. Adjust the tone, add context, and refine the steps. You keep total control over the customer experience.",descriptionNode:e.jsxs(e.Fragment,{children:["Review the output in your"," ",e.jsx(C,{to:"/product/admin",className:"hover:underline hover:underline-offset-2",children:"admin portal"}),". Adjust the tone, add context, and refine the steps. You keep total control over the customer experience."]}),color:"bg-pink"},{number:"03",title:"Deploy",description:"Share a simple link with your customers to go live today. When you are ready, embed Obi natively using the Lifecycle Agent. No complex engineering is required.",descriptionNode:e.jsxs(e.Fragment,{children:["Share a simple link with your customers to go live today. When you are ready, embed Obi natively using the"," ",e.jsx(C,{to:"/product/lifecycle-agent",className:"hover:underline hover:underline-offset-2",children:"Lifecycle Agent"}),". No complex engineering is required."]}),color:"bg-blue"},{number:"04",title:"Optimize",description:"Review session data and customer questions once a week. Spend just one hour refining the steps. Obi gets smarter and more effective every cycle.",color:"bg-green"}]},sdk:{headline:"Create native AI experience without the lift.",body:"Embed Obi directly inside your product so customers get an AI-native experience under your brand. No iframes, no redirects, no engineering lift.",capabilities:[{title:"Native and in-product.",desc:"Embed Obi anywhere in your app instantly. There are no clunky iframes and no external redirects. You get a fully integrated AI layer in hours, not months."},{title:"Absolute control.",desc:"Decide exactly who sees Obi and when. Set the rules, target specific user segments, and adjust triggers on the fly. You manage the entire rollout yourself."},{title:"Own the full lifecycle.",desc:"Build directly on top of the Lifecycle Agent. Apply your own custom UI, build new features. It will feel exactly like a native feature your team spent half a million dollars building."}]},useCases:{headline:`One agent.
13Multiple solutions.`,subtitle:"Boost the productivity of your entire business without adding a single new hire. Obi slides perfectly into your growth strategy.",items:_e.founders},pricingTeaser:{body:"80-90% cheaper than the equivalent CSM capacity, and 10Ã more effective than training videos or in-app guides."},faqs:[{q:"Why should a founder choose Obi instead of building an AI feature?",a:"Building AI from scratch wastes six months and half a million dollars. Obi gives you a working AI layer instantly. Your non-technical staff manages the rollout for immediate ROI. When you are ready for a deeper integration, your developers use the Lifecycle Agent to build directly on top of our foundation."},{q:"How does Obi meet modern customer expectations?",a:"Customers no longer tolerate static help documents. They want intelligent and on-demand support. Obi acts as an active participant. It sees their screen, answers questions based on context, and works through the task with the customer in real time."},{q:"Is my data secure with Obi?",a:"Yes. Obi is SOC 2 Type 2 certified. Sessions are user-initiated and encrypted end-to-end. Privacy Mode redacts sensitive data on the fly and skips session recording entirely. Obi only acts within the logged-in user's permissions and requires human-in-the-loop confirmation before major actions."},{q:"How long does it take to see a return on investment?",a:"Most companies go live and see results within days. Your team can upload existing content, review the sessions Obi generates, and share a link immediately. No engineering is required to start generating value."},{q:"How does the Lifecycle Agent work?",a:"The Lifecycle Agent lets you embed Obi natively into your app. You start with a simple link to prove the value fast. When you are ready, your engineers integrate the Lifecycle Agent to create a deeply integrated and white-labeled AI layer."},{q:"How much does Obi cost?",a:"Plans start at $750 a month and scale with your session volume. There is a 3-month minimum, followed by month-to-month billing. Yearly contracts with rolling usage are available."}],finalCta:{headline:`Your product works. 14Obi gets it adopted.`}},"cs-leaders":{headline:e.jsx(e.Fragment,{children:e.jsx(R.span,{className:"md:block",variants:de,children:"Scale onboarding without scaling one-on-one calls."})}),subheadline:"Obi is an AI agent that handles onboarding alongside every customer. It understands their goals, sees their screen, and works through setup, integrations, and training without a call from your team. Your CSMs stop repeating the same work and start focusing on the accounts that actually need them.",stats:[{value:"80",unit:"%",label:"Work automated",source:V},{value:"3-5",unit:"x",label:"More accounts per CSM",source:V},{value:"24/7",label:"Availability",source:V}],problem:{headline:e.jsx(e.Fragment,{children:"Your team shouldn't have to repeat the same onboarding work for every customer."}),items:[{title:"The same onboarding call, every time, for every customer.",description:"Your team runs the same sessions on repeat, day after day, customer after customer. It's high-effort, low-leverage work that grows linearly with every account you add."},{title:"Customers get stuck between calls and go quiet.",description:"They hit a step they don't understand, stop, and wait. Your team follows up, reschedules, waits again. Momentum drops, activation stalls, and the clock keeps ticking."},{title:"More customers means hiring more people.",description:"There's no way to serve 10x the accounts with the same team. So you hire. Then hire again. The cost of onboarding scales with headcount, not software."}]},meetObi:{headline:"Meet Obi.",subtitle:"An AI agent that works with your customers the way your best employee would. It sees the screen, guides the user through your product step by step, and works through every step with the customer, so every customer gets white-glove onboarding, at any scale."},howObiWorks:{headline:"Understands the goal. Sees the screen. Works alongside the customer.",tabs:[{title:"Reaches out proactively.",desc:"Obi makes first contact the moment it's assigned to a customer or looped into an email thread. No trigger needed from your team. Every customer gets a personal touchpoint, automatically."},{title:"Learns their goals, builds a plan.",desc:"Instead of a fixed script, Obi runs a discovery conversation, identifies what the customer is actually trying to achieve, and builds a tailored success plan. Then gets to work executing it."},{title:"Sees the screen, guides the user.",desc:"Obi knows your product and sees the customer's screen in real time. It walks them through even the most complex workflows, step by step, across multiple apps, and answers the contextual questions that static docs never could."}]},insights:{eyebrow:"INSIGHTS",headline:`Finally know which accounts need you, 15and which ones don't.`,cards:[{title:"Session reports",description:"After every session: what was covered, where the user got stuck, and what needs follow-up. No more chasing customers to find out where they are."},{title:"Ask Cor",description:"Ask anything about your data in plain English. Which accounts are struggling? Where does onboarding break down? Why are users dropping off at step three? Answers in seconds."}]},gettingStarted:{headline:`From zero to working 16agent in a day.`,steps:[{number:"01",title:"Train",description:"Upload your existing training videos and connect your knowledge base. Obi learns your product and writes the session scripts automatically.",color:"bg-purple"},{number:"02",title:"Review",description:"Check the output in the admin portal. Adjust the tone, add context, and refine the steps. You keep total control over the customer experience.",descriptionNode:e.jsxs(e.Fragment,{children:["Check the output in the"," ",e.jsx(C,{to:"/product/admin",className:"hover:underline hover:underline-offset-2",children:"admin portal"}),". Adjust the tone, add context, and refine the steps. You keep total control over the customer experience."]}),color:"bg-pink"}
16,{number:"03",title:"Deploy",description:"Share a link with your customers to go live today. When you're ready, embed Obi natively using the Lifecycle Agent. No complex engineering required.",descriptionNode:e.jsxs(e.Fragment,{children:["Share a link with your customers to go live today. When you're ready, embed Obi natively using the"," ",e.jsx(C,{to:"/product/lifecycle-agent",className:"hover:underline hover:underline-offset-2",children:"Lifecycle Agent"}),". No complex engineering required."]}),color:"bg-blue"},{number:"04",title:"Optimize",description:"Review session data and customer questions once a week. Spend just one hour refining the steps. Obi gets smarter every cycle.",color:"bg-green"}]},sdk:{headline:`Start with a link. 17Embed when you're ready.`,body:"Most CS teams go live by sharing a link. When you want Obi inside your product natively, the Lifecycle Agent makes it native.",capabilities:[{title:"Link-based deployment.",desc:"Stand up an Obi session behind a single link. Share it over email, drop into docs, or pop it open in-app."},{title:"Native, in-product.",desc:"When you're ready to go deeper, embed Obi anywhere in your app with a few lines of code. No redirects."},{title:"Absolute control.",desc:"Decide exactly who sees Obi and when. Set the rules, manage user segments, and adjust triggers on the fly. You manage the rollout without waiting on engineering."}]},useCases:{headline:`What Obi takes off 18your team's plate.`,subtitle:"From initial setup to re-engagement, Obi handles the high-volume, repetitive work so your team can focus on the accounts that actually need them.",items:_e["cs-leaders"]},pricingTeaser:{body:"80-90% cheaper than the equivalent CSM capacity, and 10Ã more effective than training videos or in-app guides."},faqs:[{q:"What is Obi and how does it work?",a:"Obi is an AI agent that works with your customers, joining live sessions, seeing their screen in real time, and walking them through your product. It answers questions contextually, works through the task with the customer in real time, and generates a detailed session report so your team knows exactly what happened."},{q:"How is Obi different from in-app guides or chatbots?",a:"In-app guides are static tooltips that can't adapt. Chatbots answer questions but can't see the screen or do the work. Obi combines real-time screen awareness with conversational guidance and task execution, and generates session intelligence that tells you where users struggle and which accounts need attention."},{q:"What about customers who work odd hours or weekends?",a:"That's exactly who Obi is built for. Restaurant owners onboard late at night. Builders work weekends."},{q:"Is my data secure with Obi?",a:"Yes. Obi is SOC 2 Type 2 certified. Screen sharing is always user-initiated and encrypted end-to-end. Privacy Mode redacts sensitive data on the fly and skips session recording entirely. Obi operates within the logged-in user's permissions and requires human-in-the-loop confirmation before major actions."},{q:"How long does it take to implement?",a:"Most teams go live within days. Upload your existing content, review the generated sessions, and share a link with your next cohort. No engineering required. Lifecycle Agent integration is optional and takes longer."},{q:"Can Obi replace my existing customer success team?",a:`No, and that's the point. Obi handles the procedural, high-volume work so your team focuses on strategic accounts, expansion, and the conversations that actually drive revenue. Most teams see their CSMs handle 3-5x more accounts after deploying Obi (${V}).`},{q:"How much does Obi cost?",a:`Plans start at $750/month, scaling with session volume. 3-month minimum, then month-to-month. Yearly contracts with rolling usage are available. Typically 80-90% cheaper than the equivalent CSM capacity (${vt}).`}],finalCta:{headline:`Every customer deserves your best. 19Obi makes that possible.`}},"product-growth":{headline:e.jsxs(e.Fragment,{children:[e.jsx(R.span,{className:"block md:whitespace-nowrap",variants:de,children:"You ship product."})," ",e.jsx(R.span,{className:"block md:whitespace-nowrap",variants:de,children:"Obi makes sure it's used."})]}),subheadline:"Obi gets users to value, fast. It sees their screen, guides them through the work in real time, and answers questions. The
19n it reports back so you know exactly where your activation flow is breaking.",stats:[{value:"2",unit:"x",label:"Activation rate",source:V},{value:"3.6",unit:"x",label:"More engagement",source:V},{value:"0",label:"Engineering time",source:V}],problem:{headline:e.jsxs(e.Fragment,{children:["You've tried it all,"," ",e.jsx("br",{}),"but it's still the same"," ",e.jsx("br",{}),"old puzzle."]}),items:[{title:"Users get stuck.",description:"They sign up, hit a complex workflow, and drop off. You can see it in the funnel but you can't put someone next to every user to walk them through it."},{title:"Tours and docs don't help.",description:"They take engineering to build, break every time the UI changes, and users skip them anyway. More maintenance than impact."},{title:"Your insights are limited to clicks.",description:"You know where users drop off. You don't know why. No context, no questions asked, no visibility into what they were actually trying to do."}]},meetObi:{headline:"Meet Obi.",subtitle:"An AI agent that works with your users one-to-one. It sees their screen, guides them through the work in real time, and answers questions. Then it reports back so you know exactly what is working and what is not."},howObiWorks:{headline:`Obi works with every user. 20Sees the screen. 21Does the work.`,tabs:[{title:"Reaches out proactively.",desc:"Obi initiates contact after being assigned to a user or looped into a conversation. No trigger required from your team. Activation starts before the customer even asks for help."},{title:"Understands goals, tailors the plan.",desc:"Obi asks targeted discovery questions to understand each user's goals, permissions, and workflow. It builds a personalised plan and guides them through it, adapting as they progress."},{title:"Sees the screen, guides the user.",desc:"Obi watches the user's live screen and walks them through your product step-by-step across multiple apps. Real-time screen context means guidance is always accurate, never generic."}]},insights:{eyebrow:"INSIGHTS",headline:`Product intelligence from 22every user session.`,cards:[{title:"Session reports",description:"Every session, a detailed report of what was covered, where users got stuck, and which steps they skipped."},{title:"Ask Cor",description:"Ask anything about your data. Completion rates, drop-off points, feature adoption - answers in seconds."}]},gettingStarted:{headline:`From zero to working 23agent in a day.`,steps:[{number:"01",title:"Train",description:"Upload your training videos and connect your knowledge base. Obi learns your product and generates its knowledge automatically.",color:"bg-purple"},{number:"02",title:"Review",description:"Check the output in the admin portal. Adjust the tone, add context, and refine the steps.",descriptionNode:e.jsxs(e.Fragment,{children:["Check the output in the"," ",e.jsx(C,{to:"/product/admin",className:"hover:underline hover:underline-offset-2",children:"admin portal"}),". Adjust the tone, add context, and refine the steps."]}),color:"bg-pink"},{number:"03",title:"Deploy",description:"Share a link. That's it. No engineering needed to get started. Lifecycle Agent available for native integration.",descriptionNode:e.jsxs(e.Fragment,{children:["Share a link. That's it. No engineering needed to get started."," ",e.jsx(C,{to:"/product/lifecycle-agent",className:"hover:underline hover:underline-offset-2",children:"Lifecycle Agent"})," ","available for native integration."]}),color:"bg-blue"},{number:"04",title:"Optimize",description:"Review session data and user questions in the admin portal. Obi gets better every cycle.",descriptionNode:e.jsxs(e.Fragment,{children:["Review session data and user questions in the"," ",e.jsx(C,{to:"/product/admin",className:"hover:underline hover:underline-offset-2",children:"admin portal"}),". Obi gets better every cycle."]}),color:"bg-green"}]},sdk:{headline:"Give your product a native AI agent.",body:"Solve the build versus buy debate. The Lifecycle Agent gives you the speed of a ready-made tool with total control.",capabilities:[{title:"Native, in-product.",desc:"Embed Obi anywhere in your app with a few lines of code. No clunky iframes. Your users stay locked into your product experience."},{title:"Absolute control.",desc:"Decide exactly who sees Obi and when. Set the rules, target specific user segments, and adjust triggers on the fly."},{title:"Own the full lifecycle.",desc:"Build directly on top of the Lifecycle Agent. Apply your custom UI to make Obi feel exactly like a native feature your team spent months building."}]},useCases:{headline:`One agent.
24Multiple solutions.`,subtitle:"From first-run activation to ongoing feature adoption, Obi drops perfectly into your existing product stack.",items:_e["product-growth"]},pricingTeaser:{body:"80-90% cheaper than the equivalent CSM capacity, and 10Ã more effective than training videos or in-app guides."},faqs:[{q:"How is Obi different from tooltips or chatbots?",a:"In-app guides (like Pendo or Appcues) are static tooltips that break every time your UI changes. Chatbots can answer text questions, but they can't see the screen or work through tasks alongside the user. Obi combines real-time visual awareness with hands-on guidance through every step."},{q:"Is my users' data secure?",a:"Yes. Obi is SOC 2 Type 2 certified. Screen sharing is always user-initiated and encrypted end-to-end. Privacy Mode redacts sensitive data on the fly and skips session recording entirely. Obi operates within the logged-in user's permissions and requires human-in-the-loop confirmation before major actions."},{q:"How long does it take to implement?",a:"Days, not quarters. Upload your existing videos, review the output in the admin portal, and share a link with your next cohort. You need zero engineers for this. If you want to embed Obi natively inside your app, the Lifecycle Agent takes slightly longer but requires just a few lines of code."},{q:"How exactly does the pricing work?",a:"Plans start at $750/month and scale based on your session volume. There is a 3-month minimum, followed by month-to-month billing. Yearly contracts with rolling usage are available."},{q:"Do I need engineering resources to maintain this?",a:"No. This is where Obi drastically differs from traditional product tour software. Because Obi is visually aware, there is zero DOM tagging required. When you ship a UI update, you simply upload a new screen recording. Growth and Product teams manage Obi entirely on their own. Your engineers stay focused on building your core product."}],finalCta:{headline:`You ship the product. 25Let Obi make sure it gets used.`}}},Ae="/";function wn({isOpen:t,activeVideoId:s,onOpen:n,onClose:a}){const i=o.useRef(!1),r=o.useCallback(()=>{i.current||(i.current=!0,fetch(Xt,{method:"HEAD",credentials:"omit"}).catch(()=>{}))},[]);return e.jsxs(e.Fragment,{children:[e.jsx("button",{type:"button","aria-label":"Play hero video",onClick:n,onMouseEnter:r,onFocus:r,className:"group block w-full cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-purple",children:e.jsx(be,{tone:"dark",children:e.jsx("img",{src:`${Ae}hero-video-thumbnail.png`,alt:"",width:3130,height:1564,className:"absolute inset-0 w-full h-full object-cover",loading:"eager",fetchPriority:"high"})})}),e.jsx(Ve,{open:t,initialId:s,onClose:a})]})}function vn({tabsRef:t}){const{persona:s,setPersona:n}=F(),[a,i]=o.useState(!1),[r,u]=o.useState("hero"),h=o.useRef(s);o.useEffect(()=>{p("persona_tab_switch",{persona:h.current,initial:!0})},[]),o.useEffect(()=>{if(typeof window>"u")return;const f=new URLSearchParams(window.location.search).get("video");!f||!Kt.some(b=>b.id===f)||(u(f),i(!0))},[]);const d=()=>{u("hero"),i(!0)},l=()=>{if(i(!1),typeof window>"u")return;const m=new URL(window.location.href);if(!m.searchParams.has("video"))return;m.searchParams.delete("video");const f=m.searchParams.toString(),g=`${m.pathname}${f?`?${f}`:""}${m.hash}`;window.history.replaceState(null,"",g)},c=G[s];return e.jsxs(e.Fragment,{children:[e.jsxs(Qt,{children:[e.jsx("link",{rel:"preload",as:"image",href:`${Ae}hero-video-thumbnail.png`}),e.jsx("link",{rel:"preconnect",href:"https://storage.googleapis.com",crossOrigin:"anonymous"})]}),e.jsxs(q,{spacing:"none",className:"pt-10 md:pt-12 xl:pt-8 pb-24 md:pb-32 bg-purple",overlay:e.jsx(U,{tone:"bold-dark"}),useGrid:!0,innerClassName:"text-center",children:[e.jsx("div",{className:"col-span-full md:col-span-12 xl:col-span-12 xl:col-start-9 z-[1] xl:mt-5 mb-10 hidden xl:block",children:e.jsx("div",{ref:t,className:"grid grid-cols-3 bg-purple border-[0.5px] divide-x divide-black/[.09] border-black/[.09]",children:bn.map(m=>e.jsxs("button",{onClick:()=>{s!==m.key&&We(m.label,"hero_persona"),n(m.key),p("persona_tab_switch",{persona:m.key})},className:`relative py-4 text-[11px] sm:text-xs tracking-[0.1em] uppercase whitespace-nowrap transition-colors duration-200 text-center cursor-pointer ${s===m.key?"font-bold text-white":"font-medium text-white"}`,children:[e.jsx("span",{className:"sm:hidden",children:m.mobileLabel??m.label}),e.jsx("span",{className:"hidden sm:inline",children:m.label}),s===m.key&&e.jsx(cs.div,{layoutId:"hero-tab-indicator",className:"absolute bottom-0 left-0 right-0 h-[3px] bg-white",transition:{type:"spring",stiffness:500,damping:40}})]},m.key))})}),e.jsx(ee,{mode:"wait",children:e.jsxs(R.div,{className:"col-span-full grid grid-cols-4 gap-4 md:grid-cols-12 xl:grid-cols-28 xl:gap-3",initial:"hidden",animate:"visible",exit:"exit",variants:fn,children:[e.jsx(R.div,{className:"mb-6 text-center col-span-full md:col-start-2 md:col-span-10 xl:col-start-5 xl:col-span-20",variants:de,children:e.jsx(N,{as:"h1",size:"hero",variant:"dark",children:c.headline})}),e.jsx(R.div,{className:"mb-10 text-center col-span-full md:col-start-3 md:col-span-8 xl:col-start-9 xl:col-span-12",variants:de,children:e.jsx(Y,{size:"md",variant:"dark",children:c.subheadline})})]},s)}),e.jsx(R.div,{className:"col-span-full md:col-start-3 md:col-span-8 xl:col-start-8 xl:col-span-14 flex justify-center",initial:{opacity:0,y:24}
25,animate:{opacity:1,y:0},transition:{duration:.55,ease:[.25,.1,.25,1],delay:.45},children:e.jsx(Rt,{persona:s})}),e.jsxs(R.div,{className:"col-span-full flex flex-col items-center gap-6 mt-10",initial:{opacity:0},animate:{opacity:1},transition:{duration:.55,ease:[.25,.1,.25,1],delay:.6},children:[e.jsx("span",{className:"text-[10px] font-bold tracking-[0.15em] uppercase text-white",children:"Trusted by"}),e.jsx("div",{className:"flex flex-wrap justify-center gap-x-8 gap-y-6 items-center md:flex-nowrap md:gap-x-12",children:[{src:"logos/hubspot.png",alt:"HubSpot"},{src:"logos/gorgias.png",alt:"Gorgias"},{src:"logos/qualia.png",alt:"Qualia"},{src:"logos/cerby.png",alt:"Cerby",size:"h-9 md:h-10"},{src:"logos/uptick.png",alt:"Uptick"},{src:"logos/canibuild.png",alt:"Canibuild"},{src:"logos/budgetly.png",alt:"Budgetly"},{src:"logos/movepro.svg",alt:"MovePro"}].map(({src:m,alt:f,size:g})=>e.jsx("img",{src:`${Ae}${m}`,alt:f,loading:"lazy",className:`${g??"h-6 md:h-7"} basis-[28%] md:basis-auto w-auto max-w-[90px] object-contain flex-shrink-0 brightness-0 invert transition-opacity duration-200`},f))})]}),e.jsx(R.div,{className:"mt-12 mb-[-47%] z-10 col-span-full",initial:{opacity:0,y:32},animate:{opacity:1,y:0},transition:{duration:.65,ease:[.25,.1,.25,1],delay:.62},children:e.jsx(wn,{baseUrl:Ae,isOpen:a,activeVideoId:r,onOpen:d,onClose:l})})]})]})}function yn(){const{persona:t}=F(),s=G[t];return e.jsxs("section",{className:"relative bg-neutral-50",children:[e.jsx(U,{tone:"subtle-light"}),e.jsx("div",{className:"relative max-w-[1440px] mx-auto px-6 md:px-[60px]",children:e.jsx("div",{"aria-hidden":"true",className:"pt-[20%] md:pt-[38%]"})}),e.jsxs("div",{className:"relative max-w-[1440px] mx-auto px-6 md:px-[60px] grid grid-cols-4 gap-4 md:grid-cols-12 xl:grid-cols-28 xl:gap-3 py-20 md:py-28",children:[e.jsx(O,{className:"col-span-full text-center mb-12",children:e.jsx(S,{children:"GETS THE JOB DONE"})}),e.jsxs("div",{className:"col-span-full md:col-start-2 md:col-span-10 xl:col-start-5 xl:col-span-20 grid grid-cols-1 md:grid-cols-3 gap-3 md:gap-4",children:[s.stats.map((n,a)=>{const i="unit"in n&&n.unit?n.unit:"";return e.jsx(O,{delay:a*.06,className:"h-full",children:e.jsxs("div",{className:"bg-white rounded-sm text-center py-14 md:py-10 px-6 overflow-hidden h-full flex flex-col items-center justify-center",children:[e.jsxs("div",{className:"flex items-start justify-center gap-x-1 md:gap-x-1.5",children:[e.jsx("span",{className:"text-[72px] md:text-[44px] xl:text-[80px] font-bold text-black leading-[0.75]",children:n.value}),i&&e.jsx("span",{className:"text-sm md:text-base font-bold text-neutral-600 leading-none",children:i})]}),e.jsx("p",{className:"text-[10px] font-bold tracking-normal uppercase text-neutral-600 mt-4 whitespace-nowrap",children:n.label})]})},n.label)}),(()=>{const n=s.stats.find(a=>a.source)?.source;return n?e.jsx("p",{className:"col-span-full text-[10px] text-neutral-400 mt-1 text-center",children:n}):null})()]},t)]})]})}const me="/";function jn(){const{persona:t}=F(),s=t,n=G[s],i={"cs-leaders":[`${me}icons/phone-line.svg`,`${me}icons/alert-line.svg`,`${me}icons/chat-line.svg`]}[s]??[`${me}icons/phone-line.svg`,`${me}icons/question-line.svg`,`${me}icons/chat-line.svg`],r=["bg-purple","bg-purple","bg-purple"];return e.jsxs(q,{spacing:"compact",className:"bg-white",useGrid:!0,overlay:e.jsx(U,{tone:"subtle-light"}),children:[e.jsx("div",{className:"col-span-full md:col-span-5 xl:col-span-12 flex flex-col justify-start",children:e.jsxs(O,{children:[e.jsx(S,{className:"mb-8",children:"THE PROBLEM"}),e.jsx(ee,{mode:"wait",children:e.jsx(R.div,{initial:{opacity:0}
25,animate:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}},children:e.jsx(N,{children:n.problem.headline})},`${s}-problem-headline`)})]})}),e.jsx("div",{className:"col-span-full md:col-span-7 xl:col-span-14 xl:col-start-15 mt-12 md:mt-0",children:e.jsx(ee,{mode:"wait",children:e.jsx(R.div,{className:"flex flex-col gap-10 md:gap-12",initial:{opacity:0},animate:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}},children:n.problem.items.map((u,h)=>e.jsx(O,{delay:h*.06,children:e.jsx(ge,{icon:e.jsx("img",{src:i[h]??i[i.length-1],alt:"",className:"w-8 h-8 [filter:brightness(0)_invert(1)]",loading:"lazy"}),iconBg:r[h]??r[r.length-1],title:u.title,description:u.description,showDivider:!1})},u.title))},`${s}-problem-items`)})})]})}const mt=5e3,kn=50,qe=60,Nn=30;function Cn({items:t,carouselKey:s="",orientation:n="horizontal",autoAdvance:a=!0,tone:i="dark",mediaCapClassName:r="",scrollNarrative:u=!1,expandAllDescriptions:h=!0,mediaColSpan:d=7}){const l=a&&!u,[c,m]=o.useState(0),[f,g]=o.useState(0),[b,y]=o.useState(!0),j=o.useRef(!0),[A,I]=o.useState(!1),[T,Q]=o.use
25State(null),[X,H]=o.useState(!1),[M,re]=o.useState(!0),[J,te]=o.useState(0),[P,le]=o.useState(!1),[se,ne]=o.useState(!1),ce=o.useRef(null),ye=o.useRef(null),ie=o.useRef(null),Ge=o.useRef(0),je=o.useRef(0),Te=o.useRef([]),Ze=o.useRef(null),Me=o.useRef("down"),ke=o.useRef(0),Ke=t.length,Qe=Jt(),pe=o.useMemo(()=>{const w=new Map(Qe.map(v=>[v.id,v]));return t.map(v=>{const $=v.videoId?w.get(v.videoId):void 0,ae=v.video??$?.src,he=$?.webmSrc;return{...v,video:ae,videoWebm:he,registryEntry:$}})},[t,Qe]),Ne=pe.every(w=>!w.video),Et=n==="vertical";o.useEffect(()=>{m(0),g(0),y(!0),I(!1),Q(null),H(!1),ne(!1)},[s]),o.useEffect(()=>{if(j.current){j.current=!1;return}if(P){g(c),y(!0);return}y(!1);const w=window.setTimeout(()=>{g(c),y(!0)},200);return()=>window.clearTimeout(w)},[c,P]),o.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const w=window.matchMedia("(prefers-reduced-motion: reduce)"),v=()=>le(w.matches);return v(),w.addEventListener?.("change",v),()=>w.removeEventListener?.("change",v)},[]),o.useEffect(()=>{const w=ce.current;if(!w||typeof IntersectionObserver>"u")return;const v=new IntersectionObserver(([$])=>re($.isIntersecting),{threshold:.25});return v.observe(w),()=>v.disconnect()},[]);const Ce=o.useCallback(()=>{ie.current!==null&&(window.clearInterval(ie.current),ie.current=null)},[]);o.useEffect(()=>{je.current=0,te(P||!l?100:0)},[c,s,P,l]),o.useEffect(()=>{if(Ce(),!l||P||!M||se||!Ne&&A)return;const w=je.current;return Ge.current=performance.now(),ie.current=window.setInterval(()=>{const v=w+(performance.now()-Ge.current);je.current=v;const $=Math.min(100,v/mt*100);te($),v>=mt&&(Ce(),je.current=0,m(ae=>(ae+1)%Ke))},kn),Ce},[c,s,A,M,P,se,Ke,Ne,l,Ce]),o.useEffect(()=>{if(!u||typeof window>"u")return;ke.current=window.scrollY;const w=()=>{const v=window.scrollY;v>ke.current?Me.current="down":v<ke.current&&(Me.current="up"),ke.current=v};return window.addEventListener("scroll",w,{passive:!0}),()=>window.removeEventListener("scroll",w)},[u]),o.useEffect(()=>{if(!u||typeof IntersectionObserver>"u")return;const w=[];return t.forEach((v,$)=>{const ae=Te.current[$];if(!ae)return;const he=new IntersectionObserver(([Le])=>{Le.isIntersecting&&Me.current==="down"&&m($)},{rootMargin:"-45% 0px -45% 0px",threshold:0});he.observe(ae),w.push(he)}),()=>w.forEach(v=>v.disconnect())},[u,t.length,s]),o.useEffect(()=>{if(!u||typeof window>"u"||!window.matchMedia)return;const w=Ze.current;if(!w)return;const v=window.matchMedia("(min-width: 768px)"),$=()=>{v.matches?w.style.minHeight=`${(t.length-1)*qe+Nn}vh`:w.style.minHeight=""};return $(),v.addEventListener?.("change",$),()=>v.removeEventListener?.("change",$)},[u,t.length]);const Lt=o.useCallback(()=>{I(!1)},[]),Xe=()=>{if(Ne)return;const w=pe[c];w?.video&&(p("video_play",{title:w.title}),Q(w.videoId??null),I(!0))},Je=w=>{if(w!==c&&We(t[w].title,String(s||"tabbed_video_carousel")),I(!1),H(!1),ne(!0),m(w),p("feature_tab_click",{tab_title:t[w].title,tab_index:w,carousel_key:String(s)}),u){const v=Te.current[w];v&&typeof v.scrollIntoView=="function"&&v.scrollIntoView({behavior:"smooth",block:"center"})}},Re=pe[c],L=pe[f],et=e.jsxs(be,{ref:ce,tone:i,aspect:"aspect-video",children:[e.jsx("div",{className:`absolute inset-0 transition-opacity duration-200 ${b?"opacity-100":"opacity-0"}`,children:e.jsx("div",{className:"absolute inset-0",children:L.video?e.jsxs("video",{ref:ye,"aria-label":L.title,className:"w-full h-full object-cover cursor-pointer",muted:!0,playsInline:!0,preload:"metadata",onClick:Xe,children:[e.jsx("source",{src:L.video,type:"video/mp4"}),L.videoWebm&&e.jsx("source",{src:L.videoWebm,type:"video/webm"})]}):L.image?e.jsxs("button",{type:"button","aria-label":`View ${L.imageAlt??L.title} full screen`,onClick:()=>{typeof window<"u"&&window.matchMedia("(max-width: 767px)").matches&&H(!0)},className:"group absolute inset-0 w-full h-full md:cursor-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60",children:[e.jsx("img",{src:L.image,alt:L.imageAlt??L.title,loading:"eager",fetchPriority:"low",className:"w-full h-full object-cover",style:L.imageObjectPosition?{objectPosition:L.imageObjectPosition}:void 0}),e.jsx("span",{"aria-hidden":"true",className:"absolute bottom-2 right-2 w-8 h-8 flex items-center justify-center bg-black/50 text-white opacity-0 group-hover:opacity-100 md:group-hover:opacity-0 transition-opacity duration-150 pointer-events-none",children:e.jsx(rs,{className:"w-4 h-4"})})]}):L.media?e.jsx("div",{className:"w-full h-full flex items-center justify-center p-6 md:p-10",children:e.jsx("div",{className:"w-full max-w-[560px]",children:L.media})}):e.jsx("div",{role:"img","aria-label":L.imageAlt??L.title,className:`w-full h-full flex items-center justify-center text-sm tracking-widest uppercase ${i==="light"?"bg-gradient-to-br from-neutral-100 to-neutral-200 text-neutral-500":"bg-gradient-to-br from-neutral-800 to-neutral-900 text-white"}`,children:"Image placeholder"})},`${s}-${f}`)}),!Ne&&e.jsx(ot,{onClick:Xe})]}),$t=Re.image??"",zt=Re.imageAlt??Re.title,Ee=e.jsxs(e.Fragment,{children:[e.jsx(Ve,{open:A,initialId:T,onClose:Lt}),e.jsx(ls,{open:X,src:$t,alt:zt,onClose:()=>H(!1)})]});if(Et){const w={dark:"text-white font-bold",light:"text-black font-bold"},v={dark:"text-white/60",light:"text-neutral-500"},$=_=>{_.video&&(Q(_.videoId??null),I(!0))},ae=e.jsx("div",{className:"md:hidden flex flex-col gap-10",children:pe.map((_,Z)=>e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs(be,{tone:i,children:[e.jsx("div",{className:"absolute inset-0",children:_.image?e.jsx("img",{src:_.image,alt:_.imageAlt??_.title,loading:"lazy",className:"w-full h-full object-cover",style:_.imageObjectPosition?{objectPosition:_.imageObjectPosition}:void 0}):_.video?e.jsxs("video",{"aria-label":_.title,className:"w-full h-full object-cover",muted:!0,playsInl
25ine:!0,preload:"metadata",children:[e.jsx("source",{src:_.video,type:"video/mp4"}),_.videoWebm&&e.jsx("source",{src:_.videoWebm,type:"video/webm"})]}):_.media?e.jsx("div",{className:"w-full h-full flex items-center justify-center p-6",children:e.jsx("div",{className:"w-full max-w-[560px]",children:_.media})}):e.jsx("div",{role:"img","aria-label":_.imageAlt??_.title,className:`w-full h-full flex items-center justify-center text-sm tracking-widest uppercase ${i==="light"?"bg-gradient-to-br from-neutral-100 to-neutral-200 text-neutral-500":"bg-gradient-to-br from-neutral-800 to-neutral-900 text-white"}`,children:"Image placeholder"})}),_.video&&e.jsx(ot,{onClick:()=>$(_)})]}),e.jsx("h3",{className:`text-xl leading-snug ${w[i]}`,children:_.title}),e.jsx("p",{className:`text-[17px] leading-relaxed ${v[i]}`,children:_.description})]},Z))}),he={5:"md:col-span-7 flex flex-col gap-6",6:"md:col-span-6 flex flex-col gap-6",7:"md:col-span-5 flex flex-col gap-6",8:"md:col-span-4 flex flex-col gap-6"},Le={5:"md:col-span-5",6:"md:col-span-6",7:"md:col-span-7",8:"md:col-span-8"},tt=e.jsxs(e.Fragment,{children:[ae,e.jsxs("div",{className:"hidden md:grid md:grid-cols-12 gap-12 items-center",children:[e.jsx("div",{className:he[d]??"md:col-span-5 flex flex-col gap-6",children:t.map((_,Z)=>e.jsx(W,{title:_.title,description:_.description,active:c===Z,onClick:()=>Je(Z),progress:c===Z?J:0,orientation:"vertical",tone:i,expandDescription:h},Z))}),e.jsx("div",{className:Le[d]??"md:col-span-7",children:et})]})]});return u?e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:Ze,className:"relative",children:[e.jsx("div",{className:"md:sticky md:top-40",children:tt}),t.map((_,Z)=>e.jsx("div",{ref:Ht=>{Te.current[Z]=Ht},"aria-hidden":"true",className:"hidden md:block absolute left-0 w-px pointer-events-none",style:{top:`${Z*qe}vh`,height:`${qe}vh`}},`scroll-marker-${Z}`))]}),Ee]}):e.jsxs(e.Fragment,{children:[tt,Ee]})}return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mb-12",children:e.jsx("div",{className:`mx-auto w-full ${r}`,children:et})}),e.jsx("div",{className:"flex flex-col md:flex-row gap-16",children:t.map((w,v)=>e.jsx(W,{title:w.title,description:w.description,active:c===v,onClick:()=>Je(v),progress:c===v?J:0,tone:i},v))}),Ee]})}const Sn="/assets/meet-obi-live-call-CwjypSch.webp",On="/assets/meet-obi-ask-cor-Cp-hEYVT.webp",_n="/assets/image_1781488708310-ZXMQv9_e.png",Fe=[{src:_n,alt:"Obi AI proactively emails a customer to arrange a session",objectPosition:"left top"},{src:Sn,alt:"Obi live-call panel alongside the dashboard"},{src:On,alt:"Ask Cor â Obi understands goals and answers questions"}];function An(){const{persona:t}=F(),s=t,n=G[s],a=n.howObiWorks.tabs.map((i,r)=>({title:i.title,description:i.desc,image:Fe[r]?.src,imageAlt:Fe[r]?.alt,imageObjectPosition:Fe[r]?.objectPosition}));return e.jsxs(q,{id:"meet-obi",spacing:"compact",className:"bg-surface-dark scroll-mt-24",useGrid:!0,innerClassName:"text-center",overlay:e.jsx(U,{tone:"subtle-dark"}),children:[e.jsx("div",{className:"col-span-full mb-12 md:mb-14",children:e.jsxs(O,{children:[e.jsx(S,{variant:"on-dark",className:"mb-8",children:"SOLUTION"}),e.jsx(ee,{mode:"wait",children:e.jsxs(R.div,{initial:{opacity:0}
25,animate:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}},children:[e.jsx(N,{variant:"dark",children:n.meetObi.headline}),e.jsx("div",{className:"grid grid-cols-4 gap-4 md:grid-cols-12 xl:grid-cols-28 xl:gap-3 mt-8",children:e.jsx("div",{className:"col-span-full md:col-start-3 md:col-span-8 xl:col-start-9 xl:col-span-12",children:e.jsx(Y,{size:"lg",variant:"dark",children:n.meetObi.subtitle})})})]},`${s}-meet-obi`)})]})}),e.jsx(O,{className:"col-span-full",delay:.1,children:e.jsx("div",{className:"mx-auto w-full lg:max-w-[124vh]",children:e.jsx(be,{tone:"dark",aspect:"md:aspect-video",children:e.jsx(es,{})})})}),e.jsx("div",{className:"col-span-full mt-20 md:mt-24 text-left",children:e.jsxs("div",{children:[e.jsxs(O,{className:"mb-12 md:mb-14",children:[e.jsx(S,{variant:"on-dark",className:"mb-8",children:"HOW OBI WORKS"}),e.jsx(ee,{mode:"wait",children:e.jsx(R.div,{initial:{opacity:0},animate:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}},children:e.jsx(N,{variant:"dark",children:n.howObiWorks.headline})},`${s}-how-obi-works-headline`)})]}),e.jsx(Cn,{items:a,carouselKey:s,orientation:"vertical",autoAdvance:!1,expandAllDescriptions:!0})]})})]})}function In(){const{persona:t}=F(),s=t,n=G[s];return e.jsx(e.Fragment,{children:e.jsx("div",{id:"insights",className:"scroll-mt-24",children:e.jsx(ee,{mode:"wait",children:e.jsx(R.div,{initial:{opacity:0}
25,animate:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}},children:e.jsx(Tt,{eyebrow:n.insights.eyebrow,headline:n.insights.headline,card1Title:n.insights.cards[0].title,card1Description:n.insights.cards[0].description,card2Title:n.insights.cards[1].title,card2Description:e.jsxs(e.Fragment,{children:[n.insights.cards[1].description," ","All of this lives in"," ",e.jsx(C,{to:"/product/admin",className:"hover:underline hover:underline-offset-2 text-neutral-800",children:"Admin Hub"}),", alongside session recordings, friction reports, and every question Obi has ever been asked."]})})},`${s}-insights`)})})})}const Tn="/assets/getting-started-upload-training-video-BIW_5GrQ.png";function Mn(){const{persona:t}=F(),s=t,n=G[s];return e.jsxs(q,{id:"up-and-running",spacing:"compact",className:"bg-white",useGrid:!0,overlay:e.jsx(U,{tone:"subtle-light"}),children:[e.jsxs(O,{className:"col-span-full flex flex-col justify-start",children:[e.jsx(S,{className:"mb-8",children:"GETTING STARTED"}),e.jsx(ee,{mode:"wait",children:e.jsx(R.div,{initial:{opacity:0}
25,animate:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}},children:e.jsx(N,{children:n.gettingStarted.headline})},`${s}-getting-started-headline`)})]}),e.jsx("div",{className:"col-span-full md:col-span-6 xl:col-span-13 order-3 md:order-none mt-8 md:mt-12",children:e.jsx(ee,{mode:"wait",children:e.jsx(R.div,{className:"flex flex-col gap-12",initial:{opacity:0},animate:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}},children:n.gettingStarted.steps.map((a,i)=>e.jsx(O,{delay:i*.06,children:e.jsx(fe,{variant:"step",number:a.number,title:a.title,description:a.descriptionNode??a.description,color:a.color})},a.number))},`${s}-getting-started-steps`)})}),e.jsx("div",{className:"col-span-full md:col-span-6 xl:col-span-13 xl:col-start-16 mt-8 md:mt-12 order-2 md:order-none",children:e.jsx("div",{className:"md:sticky md:top-24 w-full overflow-hidden rounded-sm border border-black/5",children:e.jsx(Ie,{src:Tn,alt:"Upload Content screen â drop links and files to train your agent",loading:"lazy",className:"w-full h-auto object-cover object-top"})})})]})}const Rn="/assets/build-on-cor-sdk-hero-IwaH2DsQ.png";function En(){const{persona:t}=F(),s=t,n=G[s];return e.jsxs(q,{id:"build-on-cor",spacing:"compact",className:"bg-surface-dark overflow-hidden scroll-mt-24",useGrid:!0,overlay:e.jsx(U,{tone:"subtle-dark"}),children:[e.jsx("div",{className:"col-span-full flex flex-col justify-start",children:e.jsxs(O,{children:[e.jsx(S,{variant:"on-dark",className:"mb-8",children:"FULL LIFECYCLE"}),e.jsx("div",{children:e.jsx(N,{variant:"dark",className:"max-w-[760px]",children:n.sdk.headline})},t),e.jsxs(Y,{variant:"dark",size:"lg",className:"mt-6 max-w-[640px] opacity-70",children:["Your engineer adds one script tag and ships. Your team then manages every audience, trigger, and session script from the ",e.jsx(C,{to:"/product/lifecycle-agent",className:"hover:underline hover:underline-offset-2",children:"Lifecycle Agent"})," portal without touching code again."]})]})}),e.jsx("div",{className:"col-span-full md:col-span-6 md:col-start-7 xl:col-span-13 xl:col-start-16 mt-12 md:mt-16 order-last md:order-none",children:e.jsx("div",{className:"flex flex-col gap-10",children:n.sdk.capabilities.map((a,i)=>{const r=String(i+1).padStart(2,"0");return e.jsx(O,{delay:i*.06,children:e.jsxs("div",{className:"flex items-start gap-8",children:[e.jsx("div",{className:"flex-shrink-0 flex items-center justify-center w-14 h-14 border border-white bg-transparent text-white text-lg font-bold",children:r}),e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("h3",{className:"text-xl font-bold text-white leading-5",children:a.title}),e.jsx(Y,{size:"lg",variant:"dark",className:"max-w-[480px] opacity-60",children:a.desc})]})]})},a.title)})},`${s}-sdk-capabilities`)}),e.jsx("div",{className:"col-span-full md:col-span-6 md:col-start-1 md:row-start-2 xl:col-span-13 xl:col-start-1 mt-12 md:mt-16",children:e.jsx("div",{className:"w-full overflow-hidden border border-white/5 bg-surface-elevated rounded-sm min-h-[240px] max-h-[400px] md:max-h-none md:min-h-[320px] xl:min-h-[520px]",children:e.jsx(Ie,{src:Rn,alt:"Lifecycle Agent integration showing how to embed Obi in your product",loading:"lazy",className:"w-full h-full min-h-[240px] md:min-h-[320px] xl:min-h-[520px] object-cover block"})})})]})}function Ln({text:t}){const s=o.useRef(null),[n,a]=o.useState(!1),[i,r]=o.useState(null),u=o.useRef(!1);o.useEffect(()=>{const l=s.current;if(!l)return;const c=()=>a(l.scrollWidth>l.offsetWidth);if(c(),typeof ResizeObserver>"u")return;const m=new ResizeObserver(c);return m.observe(l),()=>m.disconnect()},[t]);const h=()=>{const l=s.current;if(!l||l.scrollWidth<=l.offsetWidth)return;const c=l.getBoundingClientRect();r({x:c.left+c.width/2,y:c.top}),u.current||(u.current=!0,ts(t))},d=()=>{u.current=!1,r(null)};return e.jsxs(e.Fragment,{children:[e.jsx("span",{ref:s,className:"min-w-0 truncate leading-tight",tabIndex:n?0:void 0,onMouseEnter:h,onMouseLeave:d,onFocus:h,onBlur:d,children:t}),i&&qt.createPortal(e.jsx("div",{style:{position:"fixed",left:i.x,top:i.y,transform:"translate(-50%, calc(-100% - 8px))",zIndex:9999},className:"px-2.5 py-1.5 rounded bg-black text-white text-xs leading-snug whitespace-nowrap shadow-lg pointer-events-none",children:t}),document.body)]})}const $n=/^#use-case-(\d+)$/;function pt(t){if(typeof window>"u")return null;const s=$n.exec(window.location.hash);if(!s)return null;const n=Number.parseInt(s[1],10);return!Number.isFinite(n)||n<0||n>=t?null:n}function zn({items:t,idPrefix:s="use-case",containerTestId:n="use-cases-accordion"}){const[a,i]=o.useState(()=>pt(t.length)??0),[r,u]=o.useState(0);o.useEffect(()=>{if(typeof window>"u")return;const l=()=>{const c=pt(t.length);c!==null&&(i(c),u(c))};return l(),window.addEventListener("hashchange",l),()=>window.removeEventListener("hashchange",l)},[t.length]);const h=(l,c)=>{if(l.key==="Enter"||l.key===" "){l.preventDefault(),i(c);return}if(l.key==="ArrowRight"){l.preventDefault(),i((c+1)%t.length);return}l.key==="ArrowLeft"&&(l.preventDefault(),i((c-1+t.length)%t.length))},d=l=>{u(l),p("use_case_click",{title:t[l].title,index:l,layout:"mobile"})};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"md:hidden flex flex-col gap-2","data-testid":`${n}-mobile`,children:t.map((l,c)=>{const m=r===c,f=String(c+1).padStart(2,"0"),g=`${s}-mobile-header-${c}`,b=`${s}-mobile-panel-${c}`,y=l.outcomes&&l.outcomes.length>0;return e.jsxs("div",{className:"bg-purple outline outline-1 outline-offset-[-1px] outline-black/[.09] hover:outline-2 hover:outline-[#7a00d4] transition-[outline-color,outline-width] overflow-hidden",children:[e.jsxs("button",{type:"button",id:g,"aria-expanded":m,"aria-controls":b,onClick:()=>d(c),className:"flex w-full items-center justify-between px-6 py-5 text-left cursor-pointer min-h-[48px] gap-4",children:[e.jsxs("div",{className:"flex items-center gap-4 min-w-0",children:[e.jsx("span",{className:"text-2xl font-bold leading-none shrink-0 text-white",children:f}),e.jsx("h3",{className:"text-base font-bold leading-snug text-white",children:l.title})]}),e.jsx(ve,{className:`h-5 w-5 flex-shrink-0 text-white transition-transform duration-300 ${m?"rotate-180":""}`,"aria-hidden":"true"})]}),e.jsx("div",{id:b,role:"region","aria-labelledby":g,className:"overflow-hidden transition-all duration-300 ease-in-out",style:{maxHeight:m?"600px":"0px",opacity:m?1:0},children:e.jsxs("div",{className:"px-6 pb-6",children:[e.jsx("p",{className:"text-white text-base leading-7 mb-8",children:l.description}),y&&e.jsx("ul",{className:"flex flex-col gap-2",children:l.outcomes.map(j=>e.jsxs("li",{className:"flex items-center gap-2 text-white text-base font-normal leading-7",children:[e.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 20 20",className:"w-4 h-4 shrink-0 text-white",f
25ill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10.5 8.5 15 16 6"})}),e.jsx("span",{children:j})]},j))})]})})]},l.title)})}),e.jsx("div",{className:"hidden md:flex gap-2 lg:gap-3 h-[440px]","data-testid":n,children:t.map((l,c)=>{const m=a===c,f=String(c+1).padStart(2,"0"),g=`${s}-header-${c}`,b=`${s}-panel-${c}`,y=l.outcomes&&l.outcomes.length>0;return e.jsx("div",{role:"button",tabIndex:0,id:g,"aria-expanded":m,"aria-controls":b,"aria-label":l.title,onClick:()=>{i(c),p("use_case_click",{title:l.title,index:c,layout:"desktop"})},onKeyDown:j=>h(j,c),style:{flexBasis:0,flexGrow:m?4:1,transition:"flex-grow 0.35s ease"},className:"relative bg-purple outline outline-1 outline-offset-[-1px] outline-black/[.09] hover:outline-2 hover:outline-[#7a00d4] focus-visible:outline-2 focus-visible:outline-[#7a00d4] transition-[outline-color,outline-width] cursor-pointer overflow-hidden min-w-0 select-none","data-testid":`${s}-card-${c}`,"data-active":m,children:e.jsxs("div",{className:"relative h-full pt-7 lg:pt-9 flex flex-col",children:[e.jsx("div",{className:"px-6 lg:px-8 text-white text-5xl lg:text-6xl font-bold leading-none mb-5 shrink-0",children:f}),e.jsx("h3",{className:"px-6 lg:px-8 text-white text-base lg:text-lg font-bold leading-snug mb-3 shrink-0",children:l.title}),e.jsxs("div",{id:b,role:"region","aria-labelledby":g,"aria-hidden":!m,className:"contents",children:[m&&e.jsx("p",{className:"px-6 lg:px-8 text-white text-base lg:text-lg font-normal leading-7 shrink-0",children:l.description}),e.jsx("div",{className:"flex-1 min-h-0","aria-hidden":"true"}),y&&e.jsx("div",{className:"shrink-0 border-t border-black/[.09] h-12 lg:h-14 overflow-hidden",children:m&&e.jsx("ul",{className:"h-full flex divide-x divide-black/[.09]",children:l.outcomes.map(j=>e.jsxs("li",{className:"flex-1 min-w-0 flex items-center justify-start gap-2 px-3 lg:px-4 text-white text-sm lg:text-base font-normal leading-tight text-left",children:[e.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 20 20",className:"w-4 h-4 shrink-0 text-white",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10.5 8.5 15 16 6"})}),e.jsx(Ln,{text:j})]},j))})})]})]})},l.title)})})]})}function Hn(){const{persona:t}=F(),s=t,n=G[s];return e.jsx(q,{id:"use-cases",spacing:"compact",className:"bg-purple scroll-mt-24",useGrid:!0,overlay:e.jsx(U,{tone:"bold-dark"}),children:e.jsxs("div",{className:"col-span-full",children:[e.jsxs(O,{className:"text-center mb-12 md:mb-14",children:[e.jsx(S,{variant:"dark",className:"mb-8",children:"USE CASES"}),e.jsx("div",{children:e.jsx(N,{variant:"dark",children:n.useCases.headline})},`${s}-use-cases-headline`)]}),e.jsx(O,{delay:.1,children:e.jsx("div",{children:e.jsx(zn,{items:n.useCases.items})},`${s}-use-cases-items`)})]})})}const qn="/";function Fn(){const[t,s]=o.useState(0);return e.jsx(q,{spacing:"compact",className:"bg-surface-dark overflow-hidden",useGrid:!0,overlay:e.jsx(U,{tone:"subtle-dark"}),children:e.jsxs("div",{className:"col-span-full",children:[e.jsx(ee,{mode:"wait",children:e.jsxs(R.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},exit:{opacity:0,y:-16},transition:{duration:.35,ease:[.25,.1,.25,1]},className:"flex flex-col items-center gap-14",children:[e.jsx(O,{children:e.jsxs("div",{className:"flex flex-col items-center gap-5",children:[e.jsx(S,{variant:"on-dark",className:"mb-4",children:"CASE STUDIES"}),e.jsx("div",{className:"h-14 flex items-center justify-center",children:K[t].companyLogo&&e.jsx("img",{src:`${qn}${K[t].companyLogo}`,alt:`${K[t].company} logo`,className:K[t].logoClassName??"h-10 w-40 object-contain brightness-0 invert",loading:"lazy"})}),e.jsx("p",{className:"text-center text-white text-base md:text-lg font-normal leading-6",children:K[t].subtitle||K[t].company})]})}),e.jsx(O,{delay:.06,children:e.jsx("blockquote",{className:"text-center text-white text-[28px] md:text-[40px] xl:text-[56px] font-semibold tracking-[-0.02em] leading-[1.1] max-w-[1200px]",children:K[t].quote})})]},t)}),e.jsxs("div",{className:"flex justify-center items-center gap-0 mt-10",children:[e.jsx("button",{onClick:()=>s(n=>(n-1+K.length)%K.length),className:"w-16 h-16 bg-transparent outline outline-1 outline-neutral-700 flex items-center justify-center hover:outline-neutral-500 transition-colors","aria-label":"Previous case study",children:e.jsx(ds,{className:"w-5 h-5 text-white"})}),e.jsx("button",{onClick:()=>s(n=>(n+1)%K.length),className:"w-16 h-16 bg-transparent outline outline-1 outline-neutral-700 flex items-center justify-center hover:outline-neutral-500 transition-colors","aria-label":"Next case study",children:e.jsx(us,{className:"w-5 h-5 text-white"})})]})]})})}function Pn(){const{persona:t}=F(),s=t,n=G[s];return e.jsx(q,{spacing:"standard",className:"bg-surface-dark",useGrid:!0,innerClassName:"text-center",overlay:e.jsx(U,{tone:"subtle-dark"}),children:e.jsx("div",{className:"col-span-full flex flex-col items-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-8 max-w-[782px]",children:[e.jsx(O,{children:e.jsx(S,{variant:"on-dark",children:"STARTING FROM"})}),e.jsx(O,{delay:.06,children:e.jsx(N,{variant:"dark",children:"$750/month"})}),e.jsx(O,{delay:.12,children:e.jsx("p",{className:"text-base md:text-xl font-normal text-white leading-7 md:leading-8 max-w-[600px]",children:n.pricingTeaser.body},`${s}-pricing-teaser`)}),e.jsx(O,{delay:.18,children:e.jsx(C,{href:"/pricing",className:"w-52 h-14 px-6 rounded-[50px] outline outline-1 outline-offset-[-1px] outline-white/25 flex items-center justify-center text-white text-base font-bold hover:bg-white/10 transition-colors",children:"View pricing"})})]})})})}function Bn(){const{persona:t}=F(),s=G[t];return e.jsxs(e.Fragment,{children:[e.jsx(ss,{faqs:s.faqs.map(n=>({question:n.q,answer:n.a}))}),e.jsx(It,{faqs:s.faqs})]})}function Dn(){const{persona:t}=F(),s=t,n=G[s];
25return e.jsx(q,{spacing:"standard",className:"bg-surface-dark",innerClassName:"text-center",children:e.jsx("div",{className:"col-span-full flex flex-col items-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-14 max-w-[841px]",children:[e.jsx(O,{children:e.jsx("div",{className:"w-px h-28 bg-white opacity-30"})}),e.jsx(O,{delay:.06,children:e.jsx(N,{size:"xl",variant:"dark",className:"text-center",children:n.finalCta.headline},`${s}-final-cta`)}),e.jsx(O,{delay:.12,className:"w-full flex justify-center",children:e.jsx(Rt,{})})]})})})}const xt="/",gt={phone:`${xt}icons/phone-line.svg`,question:`${xt}icons/question-line.svg`},Un=[{group:"Foundations",items:[{id:"colors",label:"Colors"},{id:"typography",label:"Typography"}]},{group:"Layout",items:[{id:"navbar",label:"Navbar"},{id:"product-dropdown",label:"Product Dropdown"},{id:"solutions-dropdown",label:"Solutions Dropdown"},{id:"footer",label:"Footer"}]},{group:"Shared",items:[{id:"section-container",label:"SectionContainer"},{id:"section-heading",label:"SectionHeading"},{id:"section-eyebrow",label:"SectionEyebrow"},{id:"section-body",label:"SectionBody"},{id:"cta-group",label:"CTAGroup"},{id:"problem-item",label:"ProblemItem"},{id:"step-card",label:"NumberedCard"},{id:"feature-tab",label:"FeatureTab"}]},{group:"Composite",items:[{id:"home-hero",label:"HeroSection"},{id:"home-video-stats",label:"VideoBleedStatsSection"},{id:"home-problem",label:"ProblemSection"},{id:"home-meet-obi",label:"MeetObiSection"},{id:"home-insights",label:"HomeInsightsSection"},{id:"home-getting-started",label:"GettingStartedSection"},{id:"home-build-on-cor",label:"BuildOnCorSection"},{id:"home-solutions",label:"SolutionsSection"},{id:"home-customers",label:"CustomersSection"},{id:"home-pricing",label:"PricingSection"},{id:"home-faq",label:"FaqSection"},{id:"home-obi-handles",label:"ObiHandlesSection"},{id:"obi-call",label:"ObiCallSection"},{id:"insights",label:"InsightsSection"},{id:"roi",label:"RoiCalculator"},{id:"faq",label:"HomeFaq"}]},{group:"UI Primitives",items:[{id:"button",label:"Button"},{id:"sheet",label:"Sheet"}]}];function Vn(){return e.jsxs("nav",{"aria-label":"Components library table of contents",className:"lg:sticky lg:top-24 lg:max-h-[calc(100vh-7rem)] overflow-y-auto pr-4 text-sm",children:[e.jsx(S,{variant:"muted",className:"mb-4",children:"On this page"}),e.jsx("div",{className:"flex flex-col gap-6",children:Un.map(t=>e.jsxs("div",{children:[e.jsx(S,{variant:"muted",className:"mb-2",children:t.group}),e.jsx("ul",{className:"flex flex-col gap-1.5",children:t.items.map(s=>e.jsx("li",{children:e.jsx("a",{href:`#${s.id}`,className:"block text-neutral-700 hover:text-black transition-colors",children:s.label})},s.id))})]},t.group))})]})}function k({id:t,title:s,children:n}){return e.jsxs("section",{id:t,className:"scroll-mt-24 pb-16 mb-16 border-b border-black/10",children:[e.jsx("h2",{className:"text-3xl font-bold text-black mb-8",children:s}),n]})}function x({label:t,children:s,className:n=""}){return e.jsxs("div",{className:"mb-10",children:[e.jsx(S,{variant:"muted",className:"mb-3",children:t}),e.jsx("div",{className:n,children:s})]})}function oe({name:t,hex:s,className:n}){return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("div",{className:`h-20 w-full ${n} border border-black/10`}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-bold text-black",children:t}),e.jsx("p",{className:"text-xs text-neutral-500 font-mono",children:s})]})]})}function B({label:t,className:s,text:n="The quick brown fox jumps over the lazy dog",children:a}){return e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[200px_1fr] gap-4 py-4 border-b border-black/10",children:[e.jsxs("div",{children:[e.jsx(S,{variant:"muted",children:t}),e.jsx("p",{className:"text-xs text-neutral-500 font-mono mt-1",children:s})]}),a??e.jsx("p",{className:`${s} text-black`,children:n})]})}const xe=()=>{};function D({children:t,height:s=600}){const[n,a]=o.useState("cs-leaders");return e.jsx(ns.Provider,{value:{persona:n,setPersona:a},children:e.jsxs("div",{className:"border border-black/10 rounded-md overflow-hidden bg-white",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2 px-4 py-3 border-b border-black/10 bg-neutral-50",children:[e.jsx(S,{variant:"muted",className:"mr-2",children:"Persona"}),is.map(i=>{const r=n===i.key;return e.jsx("button",{type:"button",onClick:()=>a(i.key),className:E("text-xs font-bold uppercase tracking-[0.1em] px-3 py-1.5 rounded-full border transition-colors",r?"bg-purple text-white border-purple":"bg-white text-neutral-700 border-black/15 hover:border-black/40"),children:i.shortLabel},i.key)})]}),e.jsx("div",{className:"overflow-auto bg-white",style:{maxHeight:s},children:t})]})})}function ft({variant:t}){const s=o.useRef(null),n=t==="product"?At:St;return e.jsx("div",{className:"relative bg-purple",style:{minHeight:380}
25,children:e.jsx(n,{open:!0,mounted:!0,doOpen:xe,doClose:xe,dismiss:xe,cancelClose:xe,panelRef:s,handleBlur:xe})})}const Wn={top:"inset-x-0 top-0 border-b",bottom:"inset-x-0 bottom-0 border-t",left:"inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"};function Oe({side:t}){const s=o.useRef(null),[n,a]=o.useState(null);return o.useEffect(()=>{a(s.current)},[]),e.jsx("div",{ref:s,className:"relative h-[420px] w-full overflow-hidden border border-black/10 bg-white",children:n&&e.jsx(yt,{open:!0,modal:!1,children:e.jsxs(bt,{container:n,children:[e.jsx(Be,{className:"absolute inset-0 z-10 bg-black/40",onPointerDown:i=>i.preventDefault()}),e.jsxs(Pe,{forceMount:!0,onInteractOutside:i=>i.preventDefault(),onEscapeKeyDown:i=>i.preventDefault(),onOpenAutoFocus:i=>i.preventDefault(),onCloseAutoFocus:i=>i.preventDefault(),className:E("absolute z-20 gap-4 bg-background p-6 shadow-lg",Wn[t]),children:[e.jsxs(De,{className:"text-lg font-semibold text-foreground",children:["Example sheet (side=",t,")"]}),e.jsx(Ue,{className:"text-sm text-muted-foreground",children:"Side panel for nav, filters, or detail views."}),e.jsx("div",{className:"text-sm text-neutral-700 mt-2",children:"Sheet content. Real Radix dialog primitive, rendered open into this container."})]})]})})})}function ri(){const t=o.useRef(null);return e.jsxs("div",{className:"bg-white",children:[e.jsxs("div",{className:"max-w-[1400px] mx-auto px-6 md:px-10 pt-10 pb-2",children:[e.jsx("h1",{className:"text-xl font-semibold text-zinc-900",children:"Components library"}),e.jsx("p",{className:"mt-1 text-sm text-zinc-500",children:"Design system reference. All shared components and tokens in one place."})]}),e.jsxs("div",{className:"max-w-[1400px] mx-auto px-6 md:px-10 py-12 grid grid-cols-1 lg:grid-cols-[220px_1fr] gap-12",children:[e.jsx(Vn,{}),e.jsxs("main",{className:"min-w-0",children:[e.jsx(k,{id:"colors",title:"Colors",children:e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-6",children:[e.jsx(oe,{name:"Purple",hex:"bg-purple",className:"bg-purple"}),e.jsx(oe,{name:"Purple Dark",hex:"bg-purple-dark",className:"bg-purple-dark"}),e.jsx(oe,{name:"Black",hex:"bg-black",className:"bg-black"}),e.jsx(oe,{name:"White",hex:"bg-white",className:"bg-white"}),e.jsx(oe,{name:"Neutral 50",hex:"bg-neutral-50",className:"bg-neutral-50"}),e.jsx(oe,{name:"Neutral 100",hex:"bg-neutral-100",className:"bg-neutral-100"}),e.jsx(oe,{name:"Neutral 400",hex:"bg-neutral-400",className:"bg-neutral-400"}),e.jsx(oe,{name:"Neutral 600",hex:"bg-neutral-600",className:"bg-neutral-600"})]})}),e.jsxs(k,{id:"typography",title:"Typography",children:[e.jsxs("p",{className:"text-sm text-neutral-500 mb-6",children:["Headings, body, and eyebrows render through the shared"," ",e.jsx("code",{className:"font-mono text-black",children:"SectionHeading"}),","," ",e.jsx("code",{className:"font-mono text-black",children:"SectionBody"}),", and"," ",e.jsx("code",{className:"font-mono text-black",children:"SectionEyebrow"})," ","primitives. Use these instead of hand-rolled spans."]}),e.jsx(B,{label:"SectionHeading hero",className:'size="hero"',children:e.jsx(N,{size:"hero",children:"Onboard every customer."})}),e.jsx(B,{label:"SectionHeading xl",className:'size="xl" (default)',children:e.jsx(N,{size:"xl",children:"One agent. Multiple solutions."})}),e.jsx(B,{label:"SectionHeading lg",className:'size="lg"',children:e.jsx(N,{size:"lg",children:"Heading lg for sub-sections."})}),e.jsx(B,{label:"SectionHeading md",className:'size="md"',children:e.jsx(N,{size:"md",children:"Heading md for grouped content."})}),e.jsx(B,{label:"SectionHeading sm",className:'size="sm"',children:e.jsx(N,{size:"sm",children:"Heading sm for compact blocks."})}),e.jsx(B,{label:"SectionHeading xs",className:'size="xs"',children:e.jsx(N,{size:"xs",as:"h3",children:"Heading xs."})}),e.jsx(B,{label:"SectionHeading card",className:'size="card"',children:e.jsx(N,{size:"card",as:"h3",children:"Card title."})}),e.jsx(B,{label:"SectionHeading xxs",className:'size="xxs"',children:e.jsx(N,{size:"xxs",as:"h3",children:"Heading xxs label."})}),e.jsx(B,{label:"SectionBody lg",className:'size="lg"',children:e.jsx(Y,{size:"lg",children:"Body lg for hero subtitles and lead paragraphs."})}),e.jsx(B,{label:"SectionBody md",className:'size="md" (default)',children:e.jsx(Y,{size:"md",children:"Body md for general descriptive copy across sections."})}),e.jsx(B,{label:"SectionBody sm",className:'size="sm"',children:e.jsx(Y,{size:"sm",children:"Body sm for cards and tighter UI."})}),e.jsx(B,{label:"SectionEyebrow",className:'variant="on-light"',children:e.jsx(S,{children:"Eyebrow / kicker"})})]}),e.jsxs(k,{id:"navbar",title:"Navbar",children:[e.jsx(x,{label:"Standalone",children:e.jsx("div",{className:"relative h-20 border border-black/10 overflow-hidden",children:e.jsx(Bs,{})})}),e.jsx(x,{label:"Live (top of page)",children:e.jsx("div",{className:"border border-black/10 p-4 text-sm text-neutral-500",children:"Also rendered at the top of this page."})})]}),e.jsx(k,{id:"product-dropdown",title:"Product Dropdown",children:e.jsx(x,{label:"Open",children:e.jsx(ft,{variant:"product"})})}),e.jsx(k,{id:"solutions-dropdown",title:"Solutions Dropdown",children:e.jsx(x,{label:"Open",children:e.jsx(ft,{variant:"solutions"})})}),e.jsxs(k,{id:"footer",title:"Footer",children:[e.jsx(x,{label:"Standalone",children:e.jsx("div",{className:"border border-black/10 overflow-hidden",children:e.jsx(Us,{})})}),e.jsx(x,{label:"Live (bottom of page)",children:e.jsx("div",{className:"border border-black/10 p-4 text-sm text-neutral-500",children:"Also rendered at the bottom of this page."})})]}),e.jsxs(k,{id:"section-container",title:"SectionContainer",children:[e.jsx(x,{label:"useGrid (purple, bold-dark overlay)",children:e.jsx(q,{spacing:"none",className:"bg-purple py-12 text-white",useGrid:!0,overlay:e.jsx(U,{tone:"bold-dark"}),children:e.jsx("div",{className:"col-span-full text-center",children:e.jsx(S,{variant:"white",children:"Inside SectionContainer"})})})}),e.jsx(x,{label:"Plain (no grid, no overlay)",children:e.jsx(q,{spacing:"none",className:"bg-neutral-50 py-12",children:e.jsx(S,{variant:"muted",children:"Inside SectionContainer"})})})]}),e.jsxs(k,{id:"section-heading",title:"SectionHeading",children:[e.jsx(x,{label:'size="hero" variant="on-light"',children:e.jsx(N,{size:"hero",variant:"light",children:"Heading hero light."})}),e.jsx(x,{label:'size="xl" variant="on-light" (default)',children:e.jsx(N,{size:"xl",variant:"light",children:"Heading xl light."})}),e.jsx(x,{label:'size="xl" variant="dark"',children:e.jsx("div",{className:"bg-black p-10",children:e.jsx(N,{size:"xl",variant:"dark",children:"Heading xl dark."})})}),e.jsx(x,{label:'size="lg" variant="on-light" with subtitle',children:e.jsx(N,{size:"lg",variant:"light",subt
25itle:"Subtitle text under the heading.",children:"Heading lg light."})}),e.jsx(x,{label:'size="lg" variant="dark"',children:e.jsx("div",{className:"bg-black p-10",children:e.jsx(N,{size:"lg",variant:"dark",children:"Heading lg dark."})})}),e.jsx(x,{label:'size="md" variant="on-light"',children:e.jsx(N,{size:"md",variant:"light",children:"Heading md light."})}),e.jsx(x,{label:'size="sm" variant="on-light"',children:e.jsx(N,{size:"sm",variant:"light",children:"Heading sm light."})}),e.jsx(x,{label:'size="xs" variant="on-light"',children:e.jsx(N,{size:"xs",variant:"light",as:"h3",children:"Heading xs light."})}),e.jsx(x,{label:'size="card" variant="on-light"',children:e.jsx(N,{size:"card",variant:"light",as:"h3",children:"Card title."})}),e.jsx(x,{label:'size="xxs" variant="on-light"',children:e.jsx(N,{size:"xxs",variant:"light",as:"h3",children:"Heading xxs label."})})]}),e.jsxs(k,{id:"section-eyebrow",title:"SectionEyebrow",children:[e.jsx(x,{label:'variant="on-light" (default)',children:e.jsx(S,{variant:"on-light",children:"Light (purple)"})}),e.jsx(x,{label:'variant="dark"',children:e.jsx(S,{variant:"dark",children:"Dark (purple)"})}),e.jsx(x,{label:'variant="white" (white, on purple backgrounds)',children:e.jsx("div",{className:"bg-purple p-3 inline-block",children:e.jsx(S,{variant:"white",children:"White (white text)"})})}),e.jsx(x,{label:'variant="on-dark" (purple, on dark/grey backgrounds)',children:e.jsx("div",{className:"bg-black p-3 inline-block",children:e.jsx(S,{variant:"on-dark",children:"On dark (purple)"})})}),e.jsx(x,{label:'variant="muted"',children:e.jsx(S,{variant:"muted",children:"Muted (black/60)"})}),e.jsx(x,{label:'variant="muted-light" (on black)',children:e.jsx("div",{className:"bg-black p-3 inline-block",children:e.jsx(S,{variant:"muted-light",children:"Muted light (white/60)"})})})]}),e.jsxs(k,{id:"section-body",title:"SectionBody",children:[e.jsx(x,{label:'size="lg" variant="on-light"',children:e.jsx(Y,{size:"lg",children:"Body lg is used for hero subtitles and lead paragraphs that introduce a section."})}),e.jsx(x,{label:'size="md" variant="on-light" (default)',children:e.jsx(Y,{size:"md",children:"Body md is the standard descriptive paragraph used in the body of most sections."})}),e.jsx(x,{label:'size="sm" variant="on-light"',children:e.jsx(Y,{size:"sm",children:"Body sm is used inside cards and tighter UI surfaces."})}),e.jsx(x,{label:'size="md" variant="dark" (on black)',children:e.jsx("div",{className:"bg-black p-10",children:e.jsx(Y,{size:"md",variant:"dark",children:"Dark variant uses white/70 text on dark backgrounds."})})})]}),e.jsxs(k,{id:"cta-group",title:"CTAGroup",children:[e.jsx(x,{label:'variant="hero" (on purple)',children:e.jsx("div",{className:"bg-purple p-10 flex justify-center",children:e.jsx($e,{variant:"hero"})})}),e.jsx(x,{label:'variant="dark" (on black)',children:e.jsx("div",{className:"bg-black p-10 flex justify-center",children:e.jsx($e,{variant:"dark"})})}),e.jsx(x,{label:'variant="on-light" (on white)',children:e.jsx("div",{className:"bg-white p-10 flex justify-center border border-black/10",children:e.jsx($e,{variant:"light"})})})]}),e.jsxs(k,{id:"problem-item",title:"ProblemItem",children:[e.jsx(x,{label:"As used in ProblemSection (colored iconBg, no divider)",children:e.jsxs("div",{className:"flex flex-col gap-10",children:[e.jsx(ge,{icon:e.jsx("img",{src:gt.phone,alt:"",className:"w-8 h-8 [filter:brightness(0)_invert(1)]",loading:"lazy"}),iconBg:"bg-pink",title:"Onboarding doesn't scale.",description:"Hiring more CSMs is slow and expensive. Self-serve guides are static and don't adapt to user context.",showDivider:!1}),e.jsx(ge,{icon:e.jsx("img",{src:gt.question,alt:"",className:"w-8 h-8 [filter:brightness(0)_invert(1)]",loading:"lazy"}),iconBg:"bg-green",title:"Users churn silently.",description:"Most never reach the aha moment. By the time you notice, they've already cancelled.",showDivider:!1})]})}),e.jsxs(x,{label:"Default icon container with lucide icon, divider",children:[e.jsx(ge,{icon:e.jsx(wt,{className:"w-10 h-10 text-purple",strokeWidth:1.5}),title:"Default icon container.",description:"Falls back to a white square with a thin border when no iconBg is provided."}),e.jsx(ge,{icon:e.jsx(hs,{className:"w-10 h-10 text-purple",strokeWidth:1.5}),title:"No divider after this one.",description:"Set showDivider={false} on the last item in a list.",showDivider:!1})]})]}),e.jsx(k,{id:"step-card",title:"NumberedCard",children:e.jsx(x,{label:"As used in GettingStartedSection (purple / pink / blue / green)",children:e.jsxs("div",{className:"flex flex-col gap-12",children:[e.jsx(fe,{variant:"step",number:"01",title:"Connect your product",description:"Point Obi at your app and docs. No code changes required.",color:"bg-purple"}),e.jsx(fe,{variant:"step",number:"02",title:"Train Obi",description:"Obi learns your product, workflows, and tone in under an hour.",color:"bg-pink"}),e.jsx(fe,{variant:"step",number:"03",title:"Go live",description:"Obi joins onboarding calls with every new user from day one.",color:"bg-blue"}),e.jsx(fe,{variant:"step",number:"04",title:"Iterate",description:"Tune prompts and review transcripts as Obi keeps onboarding new users.",color:"bg-green"})]})})}),e.jsxs(k,{id:"feature-tab",title:"FeatureTab",children:[e.jsx(x,{label:'orientation="horizontal" tone="dark" (on black)',children:e.jsx("div",{className:"bg-black p-10",children:e.jsxs("div",{className:"flex flex-col md:flex-row gap-6",children:[e.jsx(W,{title:"Active tab",description:"Top rule fills based on the progress prop.",active:!0,progress:60,tone:"dark"}),e.jsx(W,{title:"Inactive tab",description:"Top rule lights up on hover.",active:!1,tone:"dark"}),e.jsx(W,{title:"Inactive tab",description:"Body and title use a muted color.",active:!1,tone:"dark"})]})})}),e.jsx(x,{label:'orientation="horizontal" tone="light" (on white)',children:e.jsx("div",{className:"bg-white p-10 border border-black/10",children:e.jsxs("div",{className:"flex flex-col md:flex-row gap-6",children:[e.jsx(W,{title:"Active tab",description:"Light tone uses black rules and text.",active:!0,progress:40,tone:"light"}),e.jsx(W,{title:"Inactive tab",description:"Inactive in light tone.",active:!1,tone:"light"}),e.jsx(W,{title:"Inactive tab",description:"Inactive in light tone.",active:!1,tone:"light"})]})})}),e.jsx(x,{label:'orientation="vertical" tone="dark" (on black)',children:e.jsxs("div",{className:"bg-black p-10 max-w-md",children:[e.jsx(W,{title:"Active tab",description:"Vertical uses a left rule that fills top to bottom.",active:!0,progress:50,orientation:"vertical",tone:"dark"}),e.jsx(W,{title:"Inactive tab",description:"Inactive vertical tab.",active:!1,orientation:"vertical",tone:"dark"}),e.jsx(W,{title:"Inactive tab",description:"Inactive vertical tab.",active:!1,orientation:"vertical",tone:"dark"})]})})]}),e.jsx(k,{id:"home-hero",title:"HeroSection",children:e.jsx(D,{children:e.jsx(vn,{tabsRef:t})})}),e.jsx(k,{id:"home-video-stats",title:"VideoBleedStatsSection",children:e.jsx(D,{children:e.jsx(yn,{})})}),e.jsx(k,{id:"home-problem",title:"ProblemSection",children:e.jsx(D,{children:e.jsx(jn,{})})}),e.jsx(k,{id:"home-meet-obi",title:"MeetObiSection",children:e.jsx(D,{children:e.jsx(An,{})})}),e.jsx(k,{id:"home-insights",title:"HomeInsightsSection",children:e.jsx(D,{children:e.jsx(In,{})})}),e.jsx(k,{id:"home-getting-started",title:"GettingStartedSection",children:e.jsx(D,{children:e.jsx(Mn,{})})}),e.jsx(k,{id:"home-build-on-cor",title:"BuildOnCorSection",children:e.jsx(D,{children:e.jsx(En,{})})}),e.jsx(k,{id:"home-solutions",title:"SolutionsSection",children:e.jsx(D,{children:e.jsx(Hn,{})})}),e.jsx(k,{id:"home-customers",title:"CustomersSection",children:e.jsx(D,{children:e.jsx(Fn,{})})}),e.jsx(k,{id:"home-pricing",title:"PricingSection",children:e.jsx(D,{children:e.jsx(Pn,{})})}),e.jsx(k,{id:"home-faq",title:"FaqSection",children:e.jsx(D,{children:e.jsx(Bn,{})})}),e.jsx(k,{id:"home-obi-handles",title:"ObiHandlesSection",children:e.jsx(D,{children:e.jsx(Dn,{})})}),e.jsx(k,{id:"obi-call",title:"ObiCallSection",children:e.jsx("div",{className:"-mx-4 md:-mx-6",children:e.jsx(rn,{})})}),e.jsx(k,{id:"insights",title:"InsightsSection",children:e.jsx("div",{className:"-mx-4 md:-mx-6",children:e.jsx(Tt,{})})}),e.jsxs(k,{id:"roi",title:"RoiCalculator",children:[e.jsx(x,{label:'variant="dark" (as used on Pricing)',children:e.jsx("div",{className:"bg-black p-10",children:e.jsx(ht,{variant:"dark"})})}),e.jsx(x,{label:'variant="on-light" (default)',children:e.jsx("div",{className:"bg-white p-10 border border-black/10",children:e.jsx(ht,{variant:"light"})})})]}),e.jsx(k,{id:"faq",title:"HomeFaq",children:e.jsx("div",{className:"-mx-4 md:-mx-6",children:e.jsx(It,{})})}),e.jsxs(k,{id:"button",title:"Button",children:[e.jsx(x,{label:"Variants (size=default)",children:e.jsxs("div",{className:"flex flex-wrap gap-3 items-center",children:[e.jsx(z,{variant:"default",children:"Default"}),e.jsx(z,{variant:"destructive",children:"Destructive"}),e.jsx(z,{variant:"outline",children:"Outline"}),e.jsx(z,{variant:"secondary",children:"Secondary"}),e.jsx(z,{variant:"ghost",children:"Ghost"}),e.jsx(z,{variant:"link",children:"Link"})]})}),e.jsx(x,{label:"Sizes (variant=default)",children:e.jsxs("div",{className:"flex flex-wrap gap-3 items-center",children:[e.jsx(z,{size:"sm",children:"sm"}),e.jsx(z,{size:"default",children:"default"}),e.jsx(z,{size:"lg",children:"lg"}),e.jsx(z,{size:"icon","aria-label":"icon",children:e.jsx(ms,{})})]})}),e.jsx(x,{label:"Disabled",children:e.jsxs("div",{className:"flex flex-wrap gap-3 items-center",children:[e.jsx(z,{disabled:!0,children:"Default"}),e.jsx(z,{variant:"outline",disabled:!0,children:"Outline"})]})})]}),e.jsxs(k,{id:"sheet",title:"Sheet",children:[e.jsx(x,{label:"side=right (open in container)",children:e.jsx(Oe,{side:"right"})}),e.jsx(x,{label:"side=left",children:e.jsx(Oe,{side:"left"})}),e.jsx(x,{label:"side=top",children:e.jsx(Oe,{side:"top"})}),e.jsx(x,{label:"side=bottom",children:e.jsx(Oe,{side:"bottom"})})]})]})]})]})}export{ri as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.