PageSourceSearch

https://www.vobiz.ai/assets/Index-CJzSV-1E.js

js vobiz.ai collected 2026-10-05 13:12:26 UTC 119,813 bytes, 60 lines download raw bytes

1import{c as F,i as Re,f as ke,a as Ne,J as Me,u as Ce,r as x,M as Ae,m as Ve,b as Be,d as Pe,e as q,j as e,g as P,O as R,L as te,h as H,N as Le,R as Ee,A as Z,k as B,X as We,P as se,C as _e,l as He,n as Oe,o as $e,p as qe,F as Ye,q as Ue,S as ae}from"./index-Cl5MfjTA.js";import{B as I}from"./button-B_BKg1d8.js";import{R as Ge}from"./radio-DP_X0xrh.js";import{C as Ie}from"./check-0fKbST-c.js";import{i as ne}from"./caseStudies-CnNuwp65.js";import{A as Xe}from"./arrow-right-CWRkTCZu.js";import{E as Ke}from"./external-link-DHQrsJPU.js";import{P as Qe,C as Ze}from"./play-BnZFpdkM.js";import{C as Je}from"./chevron-right-Ck40nm6U.js";import{S as ie}from"./shield-alert-C5l5Rwsp.js";import{C as et}from"./copy-HAe-2v99.js";import{S as tt}from"./search-KMYEbPbx.js";import{T as st}from"./terminal-DpB_LhBj.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const at=F("Bot",[["path",{d:"M12 8V4H8",key:"hb8ula"}],["rect",{width:"16",height:"12",x:"4",y:"8",rx:"2",key:"enze0r"}],["path",{d:"M2 14h2",key:"vft8re"}],["path",{d:"M20 14h2",key:"4cs60a"}],["path",{d:"M15 13v2",key:"1xurst"}],["path",{d:"M9 13v2",key:"rq6x2g"}]]);/**
7 * @license lucide-react v0.462.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const re=F("Clock3",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16.5 12",key:"1aq6pp"}]]);/**
12 * @license lucide-react v0.462.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const nt=F("Hand",[["path",{d:"M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2",key:"1fvzgz"}],["path",{d:"M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2",key:"1kc0my"}],["path",{d:"M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8",key:"10h0bg"}],["path",{d:"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15",key:"1s1gnw"}]]);/**
17 * @license lucide-react v0.462.0 - ISC
18 *
19 * This source code is licensed under the ISC license.
20 * See the LICENSE file in the root directory of this source tree.
21 */const oe=F("Headphones",[["path",{d:"M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3",key:"1xhozi"}]]);/**
22 * @license lucide-react v0.462.0 - ISC
23 *
24 * This source code is licensed under the ISC license.
25 * See the LICENSE file in the root directory of this source tree.
26 */const it=F("Headset",[["path",{d:"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z",key:"12oyoe"}],["path",{d:"M21 16v2a4 4 0 0 1-4 4h-5",key:"1x7m43"}]]);/**
27 * @license lucide-react v0.462.0 - ISC
28 *
29 * This source code is licensed under the ISC license.
30 * See the LICENSE file in the root directory of this source tree.
31 */const rt=F("MessageSquareWarning",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}],["path",{d:"M12 7v2",key:"stiyo7"}],["path",{d:"M12 13h.01",key:"y0uutt"}]]);/**
32 * @license lucide-react v0.462.0 - ISC
33 *
34 * This source code is licensed under the ISC license.
35 * See the LICENSE file in the root directory of this source tree.
36 */const ot=F("RotateCcw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]]);/**
37 * @license lucide-react v0.462.0 - ISC
38 *
39 * This source code is licensed under the ISC license.
40 * See the LICENSE file in the root directory of this source tree.
41 */const le=F("SquareCheckBig",[["path",{d:"M21 10.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.5",key:"1uzm8b"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]);/**
42 * @license lucide-react v0.462.0 - ISC
43 *
44 * This source code is licensed under the ISC license.
45 * See the LICENSE file in the root directory of this source tree.
46 */const ce=F("Star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);/**
47 * @license lucide-react v0.462.0 - ISC
48 *
49 * This source code is licensed under the ISC license.
50 * See the LICENSE file in the root directory of this source tree.
51 */const de=F("TrendingUp",[["polyline",{points:"22 7 13.5 15.5 8.5 10.5 2 17",key:"126l90"}],["polyline",{points:"16 7 22 7 22 13",key:"kwv8wd"}]]);/**
52 * @license lucide-react v0.462.0 - ISC
53 *
54 * This source code is licensed under the ISC license.
55 * See the LICENSE file in the root directory of this source tree.
56 */const lt=F("UserCheck",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}
56],["polyline",{points:"16 11 18 13 22 9",key:"1pwet4"}]]);function ct(...t){const s=!Array.isArray(t[0]),r=s?0:-1,a=t[0+r],i=t[1+r],d=t[2+r],c=t[3+r],l=Re(i,d,c);return s?l(a):l}function dt(t,s,r={}){const a=t.get();let i=null,d=a,c;const l=typeof a=="string"?a.replace(/[\d.-]/g,""):void 0,o=()=>{i&&(i.stop(),i=null)},p=()=>{o();const m=xe(t.get()),u=xe(d);m!==u&&(i=new Me({keyframes:[m,u],velocity:t.getVelocity(),type:"spring",restDelta:.001,restSpeed:.01,...r,onUpdate:c}))};if(t.attach((m,u)=>{d=m,c=n=>u(pe(n,l)),ke.postRender(()=>{var n;p(),(n=t.events.animationStart)==null||n.notify(),i==null||i.then(()=>{var g;(g=t.events.animationComplete)==null||g.notify()})})},o),Ne(s)){const m=s.on("change",n=>t.set(pe(n,l))),u=t.on("destroy",m);return()=>{m(),u()}}return o}function pe(t,s){return s?t+s:t}function xe(t){return typeof t=="number"?t:parseFloat(t)}function $(t){const s=Ce(()=>Ve(t)),{isStatic:r}=x.useContext(Ae);if(r){const[,a]=x.useState(t);x.useEffect(()=>s.on("change",a),[])}return s}function Fe(t,s){const r=$(s()),a=()=>r.set(s());return a(),Be(()=>{const i=()=>ke.preRender(a,!1,!0),d=t.map(c=>c.on("change",i));return()=>{d.forEach(c=>c()),Pe(a)}}),r}function pt(t){q.current=[],t();const s=Fe(q.current,t);return q.current=void 0,s}function xt(t,s,r,a){if(typeof t=="function")return pt(t);const d=ct(s,r,a),c=Array.isArray(t)?me(t,d):me([t],([o])=>d(o)),l=Array.isArray(t)?void 0:t.accelerate;return l&&!l.isTransformed&&typeof s!="function"&&Array.isArray(r)&&(a==null?void 0:a.clamp)!==!1&&(c.accelerate={...l,times:s,keyframes:r,isTransformed:!0}),c}function me(t,s){const r=Ce(()=>[]);return Fe(t,()=>{r.length=0;const a=t.length;for(let i=0;i<a;i++)r[i]=t[i].get();return s(r)})}function mt(t,s={}){const{isStatic:r}=x.useContext(Ae),a=()=>Ne(t)?t.get():t;if(r)return xt(a);const i=$(a());return x.useInsertionEffect(()=>dt(i,t,s),[i,JSON.stringify(s)]),i}function he(t,s={}){return mt(t,{type:"spring",...s})}const _=[{name:"Sarvam AI",logo:"/companies/flat/sarvam.svg",href:"https://www.sarvam.ai/",height:18},{name:"Ringg AI",logo:"/companies/flat/ringg.svg",href:"https://ring.ai/",height:22},{name:"Bolna",logo:"/companies/flat/bolna.svg",href:"https://www.bolna.ai/",height:42},{name:"Razorpay",logo:"/companies/flat/razorpay.png",href:"https://razorpay.com/",height:26},{name:"Branch",logo:"/companies/flat/branch.png",href:"https://branch.co/",height:38},{name:"Convin",logo:"/companies/convin.png",href:"https://www.convin.ai/",height:38},{name:"Nurix",logo:"/companies/nurix.svg",href:"https://www.nurix.ai/",height:20},{name:"Revrag",logo:"/companies/revrag.png",href:"https://www.revrag.ai/",height:24},{name:"Navana",logo:"/companies/navana.svg",href:"https://navana.ai/",height:18},{name:"UnleashX AI",logo:"/companies/unleashx.png",href:"https://unleashx.ai/",height:22},{name:"Predixion AI",logo:"/companies/predixion.png",href:"https://www.predixion.ai/",height:42},{name:"Arrowhead",logo:"/companies/arrowhead.png",href:"https://arrowhead.ai/",height:40},{name:"Getintelekt",logo:"/companies/inteleckttext.png",href:"https://getintelekt.ai/",height:22},{name:"Vaani",logo:"/companies/vaani.png",href:"https://vaaniresearch.com/",height:36},{name:"Shiprocket",logo:"/companies/shiprocket.png",href:"https://www.shiprocket.in/",height:36},{name:"Monade",logo:"/companies/monade.svg",href:"https://monade.io/",height:36},{name:"Fundamento",logo:"/companies/fundamento.png",href:"https://fundamento.ai/",height:22},{name:"CollegeVidya",logo:"/companies/collegevidya.webp",href:"https://collegevidya.com/",height:26},{name:"OSvi",logo:"/companies/osvi.svg",href:"https://www.osvi.ai/",height:38},{name:"Salk AI",logo:"/companies/salk-v2.png",href:"https://salk.ai/",height:32},{name:"Alchemiist AI",logo:"/companies/alchemyst-v2.png",href:"https://getalchemyst.com/",height:48},{name:"Echoleads",logo:"/companies/echoleads.png",href:"https://echoleads.ai/",height:20},{name:"IndiaShelter",logo:"/companies/indiashelter.png",href:"https://www.indiashelter.in/",height:22}];function ze({className:t="",duration:s="32s",singleRow:r=!1}){const a={maskImage:"linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%)",WebkitMaskImage:"linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%)"},i=Math.ceil(_.length/2),d=_.slice(0,i),c=_.slice(i),l=(o,p)=>{const m=[...o,...o];return e.jsx("div",{className:"w-full overflow-hidden flex",style:{position:"relative",isolation:"isolate",pointerEvents:"none",...a},children:e.jsx("div",{className:"flex shrink-0 items-center animate-marquee-track",style:{animationDuration:p},children:m.map((u,n)=>e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:"190px",padding:"0 18px"},children:e.jsx("img",{src:u.logo,alt:u.name,loading:"eager",decoding:"sync",draggable:!1,style:{height:`${u.height||22}px`,width:"auto",maxHeight:"52px",maxWidth:"155px",objectFit:"contain",opacity:.85,filter:"grayscale(1) contrast(1.2)",display:"block",userSelect:"none",pointerEvents:"none"}})},`${u.name}-${n}`))})})};return r?e.jsx("div",{className:`w-full flex py-1 ${t}`,children:l(_,s||"38s")}
56):e.jsxs("div",{className:`w-full flex flex-col gap-4 py-1 ${t}`,children:[l(d,s||"35s"),l(c,"40s")]})}const ue=[{frame:1,time:"00:00",startSecond:0,event:"call.initiated",eventStatus:"initiated",vobizStatus:"Standing by",audioSource:"Agent",audioSourceType:"agent",speaker:"none",ballDirection:"none",activeTab:null,transcriptText:"-",piiState:"none",phoneState:{status:"Idle",isRinging:!1,isConnected:!1,isEnded:!1},waveActive:!1,shagunActive:!1,transferActive:!1,duration:2600,label:"Idle"},{frame:2,time:"00:01",startSecond:1,event:"call.initiated",eventStatus:"initiated",vobizStatus:"Placing a call...",audioSource:"Agent",audioSourceType:"agent",speaker:"agent",ballDirection:"left-to-right",activeTab:null,transcriptText:"-",piiState:"none",phoneState:{status:"Connecting...",isRinging:!1,isConnected:!1,isEnded:!1},waveActive:!0,shagunActive:!1,transferActive:!1,duration:2200,label:"Dialing"},{frame:3,time:"00:02",startSecond:2,event:"call.ringing",eventStatus:"ringing",vobizStatus:"Carrier connected",audioSource:"Agent",audioSourceType:"agent",speaker:"agent",ballDirection:"left-to-right",activeTab:null,transcriptText:"-",piiState:"none",phoneState:{status:"Incoming Call...",isRinging:!0,isConnected:!1,isEnded:!1},waveActive:!0,shagunActive:!1,transferActive:!1,duration:2600,label:"Ringing"},{frame:4,time:"00:06",startSecond:6,event:"call.answered",eventStatus:"answered",vobizStatus:"Agent is Speaking...",audioSource:"Agent",audioSourceType:"agent",speaker:"agent",ballDirection:"left-to-right",activeTab:"Agent",transcriptText:"Hi, calling from Acme about your delivery today — is now a good time?",piiState:"none",phoneState:{status:"CONNECTED · 00:01",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!0,shagunActive:!1,transferActive:!1,duration:4e3,label:"Agent Speaks"},{frame:5,time:"00:10",startSecond:10,event:"call.answered",eventStatus:"answered",vobizStatus:"Customer is speaking...",audioSource:"Agent",audioSourceType:"agent",speaker:"customer",ballDirection:"right-to-left",activeTab:"Customer",transcriptText:"Sure, drop it at 42 MG Road, near Forum Mall.",piiState:"none",phoneState:{status:"CONNECTED · 00:05",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!1,shagunActive:!1,transferActive:!1,duration:3e3,label:"Customer Address"},{frame:6,time:"00:13",startSecond:13,event:"call.answered",eventStatus:"answered",vobizStatus:"Customer is speaking...",audioSource:"Agent",audioSourceType:"agent",speaker:"customer",ballDirection:"right-to-left",activeTab:"Customer",transcriptText:"Sure, drop it at 42 MG Road, near Forum Mall.",piiState:"flagged",phoneState:{status:"CONNECTED · 00:08",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!1,shagunActive:!1,transferActive:!1,duration:2500,label:"PII Detected"},{frame:7,time:"00:15",startSecond:15,event:"call.answered",eventStatus:"answered",vobizStatus:"Customer is speaking...",audioSource:"Agent",audioSourceType:"agent",speaker:"customer",ballDirection:"right-to-left",activeTab:"Customer",transcriptText:"Sure, drop it at ***** ********* ****** ***.",piiState:"redacted",phoneState:{status:"CONNECTED · 00:10",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!1,shagunActive:!1,transferActive:!1,duration:2800,label:"PII Masked"},{frame:8,time:"00:18",startSecond:18,event:"call.answered",eventStatus:"answered",vobizStatus:"Agent is Speaking...",audioSource:"Agent",audioSourceType:"agent",speaker:"agent",ballDirection:"left-to-right",activeTab:"Agent",transcriptText:"Got it, address updated! Thanks for confirming. Is there anything else I can help you with today?",piiState:"none",phoneState:{status:"CONNECTED · 00:13",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!0,shagunActive:!1,transferActive:!1,duration:3800,label:"Agent Follow-up"},{frame:9,time:"00:22",startSecond:22,event:"call.answered",eventStatus:"answered",vobizStatus:"Customer is speaking...",audioSource:"Agent",audioSourceType:"agent",speaker:"customer",ballDirection:"right-to-left",activeTab:"Customer",transcriptText:"Actually yes, I had raised a refund request and'd like to speak to a human agent — how long will it take and what are the refund modes?",piiState:"none",phoneState:{status:"CONNECTED · 00:17",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!1,shagunActive:!1,transferActive:!1,duration:4200,label:"Customer Refund Inquiry"},{frame:10,time:"00:26",startSecond:26,event:"call.answered",eventStatus:"answered",vobizStatus:"Agent is Speaking...",audioSource:"Agent",audioSourceType:"agent",speaker:"agent",ballDirection:"left-to-right",activeTab:"Agent",transcriptText:"Got it! Connecting you with a human agent right now to explain the refund modes and timeline.",piiState:"none",phoneState:{status:"CONNECTED · 00:21",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!0,shagunActive:!1,transferActive:!1,duration:3600,label:"Warm Transfer"},{frame:11,time:"00:30",startSecond:30,event:"call.answered",eventStatus:"answered",vobizStatus:"Transferring to Human Agent...",audioSource:"Switching...",audioSourceType:"switching",speaker:"human",ballDirection:"left-to-right",activeTab:null,transcriptText:"--",piiState:"none",phoneState:{status:"CONNECTED · 00:25",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!1,shagunActive:!0,transferActive:!0,duration:2600,label:"Briefing Shagun"},{frame:12,time:"00:33",startSecond:33,event:"call.answered",eventStatus:"answered",vobizStatus:"Shagun is Speaking...",audioSource:"Human supp
56ort",audioSourceType:"human",speaker:"human",ballDirection:"left-to-right",activeTab:"Human",transcriptText:"Hi, this is Shagun! Standard refunds take 2-3 business days to original payment, or instant to store credit.",piiState:"none",phoneState:{status:"CONNECTED · 00:28",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!0,shagunActive:!0,transferActive:!1,duration:4400,label:"Human Agent"},{frame:13,time:"00:37",startSecond:37,event:"call.answered",eventStatus:"answered",vobizStatus:"Customer is speaking...",audioSource:"Human support",audioSourceType:"human",speaker:"customer",ballDirection:"right-to-left",activeTab:"Customer",transcriptText:"Instant store credit works best, please go ahead with that.",piiState:"none",phoneState:{status:"CONNECTED · 00:32",isRinging:!1,isConnected:!0,isEnded:!1},waveActive:!1,shagunActive:!1,transferActive:!1,duration:3200,label:"Customer Confirms"},{frame:14,time:"00:40",startSecond:40,event:"call.Hangup",eventStatus:"hangup",vobizStatus:"Call completed. CDR saved.",audioSource:"Agent",audioSourceType:"agent",speaker:"none",ballDirection:"none",activeTab:null,transcriptText:"-- Call ended --",piiState:"none",phoneState:{status:"Call ended",isRinging:!1,isConnected:!1,isEnded:!0},waveActive:!1,shagunActive:!1,transferActive:!1,duration:3800,label:"Call Completed"}],ge=[{id:"vapi",name:"Vapi",icon:"/hero/vapi.png"},{id:"retell",name:"Retell",icon:"/hero/retell.png"},{id:"elevenlabs",name:"Elevenlabs",icon:"/hero/elevenlabs.png"},{id:"custom",name:"Your Code",isCustom:!0}],ht=()=>{const[t,s]=x.useState(0),[r,a]=x.useState(!0),[i,d]=x.useState(0),[c,l]=x.useState(""),o=x.useRef(null),p=x.useRef(null),[m,u]=x.useState(!1),n=ue[t],g=n.speaker==="agent",b=n.speaker==="customer",v=n.speaker==="human";x.useEffect(()=>{const f=p.current;if(!f)return;const N=new IntersectionObserver(([L])=>u(L.isIntersecting),{threshold:.1});N.observe(f);const E=()=>{document.hidden?u(!1):f.getBoundingClientRect().top<window.innerHeight&&u(!0)};return document.addEventListener("visibilitychange",E),()=>{N.disconnect(),document.removeEventListener("visibilitychange",E)}},[]);const S=r&&m&&!document.hidden;x.useEffect(()=>{if(d(n.startSecond),!S)return;const f=setInterval(()=>{d(N=>N+1)},1e3);return()=>clearInterval(f)},[t,S,n.startSecond]),x.useEffect(()=>{if(S)return o.current=setTimeout(()=>{s(f=>(f+1)%ue.length)},n.duration),()=>{o.current&&clearTimeout(o.current)}},[S,t,n.duration]),x.useEffect(()=>{if(n.transcriptText==="-"||n.transcriptText==="--"||n.transcriptText==="-- Call ended --"){l(n.transcriptText);return}if(!S){l(n.transcriptText);return}l("");let f=0;const N=n.transcriptText,E=3,L=Math.max(48,Math.min(90,Math.floor((n.duration-900)/N.length)*E)),h=setInterval(()=>{f=Math.min(f+E,N.length),l(N.slice(0,f)),f>=N.length&&clearInterval(h)},L);return()=>clearInterval(h)},[t,n.transcriptText,n.duration,S]);const y=String(Math.floor(i/60)).padStart(2,"0")+":"+String(i%60).padStart(2,"0"),j=Math.max(1,i-5),k=String(Math.floor(j/60)).padStart(2,"0")+":"+String(j%60).padStart(2,"0"),z=n.phoneState.isConnected?`CONNECTED · ${k}`:n.phoneState.status;return e.jsx("div",{ref:p,className:"w-full max-w-[1240px] mx-auto select-none",children:e.jsxs("div",{id:"hero-call-flow-widget",className:"relative rounded-3xl overflow-hidden border border-neutral-200/80 bg-[#FAFAFA] shadow-[0_12px_40px_-15px_rgba(0,0,0,0.05)]",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-white/70 via-transparent to-white/40 pointer-events-none"}),e.jsxs("div",{className:"relative z-10 px-4 py-10 md:px-8 md:py-12 min-h-[580px] flex flex-col items-center justify-center",children:[e.jsxs("div",{className:"hidden lg:block relative w-[940px] h-[480px] mx-auto",children:[e.jsx("img",{src:"/hero/middle-grid.svg",alt:"","aria-hidden":"true",className:"absolute left-[246px] top-[46px] w-[448px] h-[240px] pointer-events-none z-0 select-none object-contain"}),e.jsxs("div",{className:`absolute left-0 top-[6px] w-[90px] h-[320px] rounded-2xl border border-dashed p-2 flex flex-col items-center justify-between z-10 transition-all duration-300 ${g?"border-[#
56E83C00]/60 bg-[#FFFDFB] shadow-[0_0_24px_rgba(232,60,0,0.18)]":"border-neutral-200/90 bg-white/80 backdrop-blur-xs shadow-2xs"}`,children:[g&&e.jsx("span",{className:"absolute -inset-[1px] rounded-2xl border-2 border-[#F04E00] ring-2 ring-[#F04E00]/25 animate-pulse pointer-events-none"}),e.jsxs("div",{className:"text-[12px] font-medium text-[#625349] font-['Switzer_Variable',sans-serif] pt-1 text-center w-full flex items-center justify-center gap-1.5",children:[g&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#E83C00] animate-ping"}),e.jsx("span",{children:"Voice agent"})]}),e.jsx("div",{className:"flex flex-col gap-2 w-full items-center pb-1",children:ge.map(f=>e.jsxs("div",{className:"flex flex-col items-center w-full",children:[e.jsx("div",{className:"w-[40px] h-[40px] rounded-[10px] bg-white border border-[#EAE8E4] flex items-center justify-center shadow-2xs transition-colors",children:f.isCustom?e.jsx("span",{className:"font-mono font-bold text-[11px] text-neutral-700",children:"</>"}):e.jsx("img",{src:f.icon,alt:f.name,className:"w-5 h-5 object-contain"})}),e.jsx("span",{className:"text-[9px] mt-0.5 tracking-tight text-neutral-500 font-medium",children:f.name})]},f.id))})]}),e.jsx("div",{"aria-hidden":"true",className:"absolute left-[90px] top-[164px] w-[40px] h-[4px] border-y border-dashed border-[#DAC0B4] pointer-events-none z-0",children:g&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2.5 h-2.5 rounded-full bg-[#E83C00] shadow-[0_0_8px_rgba(232,60,0,0.8)]",style:{animation:"travel-l2r 1.0s ease-in-out infinite"}}),e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[#E83C00] opacity-80 shadow-[0_0_5px_rgba(232,60,0,0.6)]",style:{animation:"travel-l2r 1.0s ease-in-out infinite 0.5s"}})]})}),e.jsx("div",{className:`absolute left-[130px] top-[106px] w-[120px] h-[120px] rounded-2xl border border-dashed flex items-center justify-center z-10 transition-all duration-300 ${n.waveActive?"border-[#DAC0B4] bg-[#FFFDFB] shadow-xs":"border-neutral-300 bg-white/90 shadow-2xs"}`,children:e.jsxs("div",{className:"relative w-12 h-12 flex items-center justify-center",children:[n.waveActive&&e.jsx("span",{className:"absolute inset-0 rounded-full bg-[#E83C00]/[0.08] ring-1 ring-[#E83C00]/25 animate-pulse"}),e.jsx("div",{className:`w-12 h-12 rounded-full flex items-center justify-center z-10 transition-all ${n.waveActive?"border border-[#B28373] bg-white shadow-xs":"border border-neutral-200 bg-[#FAFAFA]"}`,children:e.jsxs("div",{className:"flex items-center gap-[2.5px] h-[20px] justify-center",children:[e.jsx("span",{className:`w-[5px] rounded-full transition-all duration-200 ${n.waveActive?"bg-[#965434]":"bg-[#D1CBC5]"}`,style:{height:(n.waveActive,"10px"),animation:n.waveActive?"soundwave 0.8s ease-in-out infinite alternate 0.1s":"none"}}),e.jsx("span",{className:`w-[5px] rounded-full transition-all duration-200 ${n.waveActive?"bg-[#965434]":"bg-[#D1CBC5]"}`,style:{height:(n.waveActive,"20px"),animation:n.waveActive?"soundwave 0.8s ease-in-out infinite alternate 0.3s":"none"}}),e.jsx("span",{className:`w-[5px] rounded-full transition-all duration-200 ${n.waveActive?"bg-[#965434]":"bg-[#D1CBC5]"}`,style:{height:(n.waveActive,"10px"),animation:n.waveActive?"soundwave 0.8s ease-in-out infinite alternate 0.2s":"none"}})]})})]})}),e.jsx("div",{"aria-hidden":"true",className:"absolute left-[190px] top-[226px] w-[4px] h-[40px] -translate-x-1/2 border-l border-dashed border-[#DAC0B4] pointer-events-none z-0",children:v&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"absolute left-0 -translate-x-1/2 w-2.5 h-2.5 rounded-full bg-[#E83C00] shadow-[0_0_8px_rgba(232,60,0,0.8)]",style:{animation:"travel-b2t 1.0s ease-in-out infinite"}}),e.jsx("span",{className:"absolute left-0 -translate-x-1/2 w-2 h-2 rounded-full bg-[#E83C00] opacity-80 shadow-[0_0_5px_rgba(232,60,0,0.6)]",style:{animation:"travel-b2t 1.0s ease-in-out infinite 0.5s"}})]})}),e.jsxs("div",{className:`absolute left-[112px] top-[266px] w-[156px] h-[58px] rounded-xl border border-dashed flex items-center gap-2 px-2.5 py-1.5 z-10 transition-all duration-300 ${v||n.shagunActive?"border-[#DAC0B4] bg-[#FFFDFB] shadow-xs":"border-[#D6D6D6] bg-[#FCFCFC] shadow-2xs"}`,children:[e.jsxs("div",{className:"w-[44px] h-[44px] relative flex items-center justify-center shrink-0",children:[(v||n.shagunActive)&&e.jsx("span",{className:"absolute inset-0 rounded-xl border border-[#F04E00] animate-pulse"}),e.jsx("div",{className:"w-9 h-9 rounded-[9px] bg-[#FDF5ED] border border-[#F4E0CD] flex items-center justify-center text-[#E83C00] shadow-2xs",children:e.jsx(it,{className:"w-5 h-5 text-[#E83C00]",strokeWidth:2.2})})]}),e.jsxs("div",{className:"text-left overflow-hidden",children:[e.jsx("div",{className:"text-[12px] font-semibold text-neutral-800 leading-tight whitespace-nowrap",children:"Human Agent"}),e.jsx("div",{className:"text-[11px] text-neutral-500 font-medium whitespace-nowrap mt-0.5",children:"Shagun"})]})]}),e.jsxs("div",{"aria-hidden":"true",className:"absolute left-[250px] top-[164px] w-[100px] h-[4px] border-y border-dashed border-[#DAC0B4] pointer-events-none z-0",children:[n.ballDirection==="left-to-right"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2.5 h-2.5 rounded-full bg-[#E83C00] shadow-[0_0_8px_rgba(232,60,0,0.8)]",style:{animation:"travel-l2r 1.4s ease-in-out infinite"}}),e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[#E83C00] opacity-80 shadow-[0_0_5px_rgba(232,60,0,0.6)]",style:{animation:"travel-l2r 1.4s ease-in-out infinite 0.7s"}})]}),n.ballDirection==="right-to-left"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2.5 h-2.5 rounded-full bg-[#E83C00] shadow-[0_0_8px_rgba(232,60,0,0.8)]",style:{animation:"travel-r2l 1.4s ease-in-out infinite"}}),e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[#E83C00] opacity-80 shadow-[0_0_5px_rgba(232,60,0,0.6)]",style:{animation:"travel-r2l 1.4s ease-in-out infinite 0.7s"}})]}),n.ballDirection==="none"&&e.jsx("span",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[#DAC0B4]"})]}),e.jsxs("div",{className:"absolute left-[370px] top-0 w-[200px] h-[42px] flex items-center justify-center gap-2 px-3 rounded-full bg-[#F6F6F6] border border-neutral-200/80 shadow-2xs z-10 text-xs font-mono text-neutral-700",children:[e.jsx("span",{className:`w-2 h-2 rounded-full ${n.eventStatus==="answered"?"bg-emerald-500 animate-pulse":n.eventStatus==="ringing"?"bg-amber-500 animate-pulse":n.eventStatus==="hangup"?"bg-neutral-400":"bg-emerald-500"}`}),e.jsx("span",{className:"font-semibold text-neutral-900",children:y}),e.jsx("span",{className:"text-neutral-500 truncate",children:n.event})]}),e.jsx("div",{"aria-hidden":"true",className:"absolute left-[469px] top-[42px] w-[2px] h-[20px] bg-neutral-300 pointer-events-none z-0"}),e.jsxs("div",{className:"absolute left-[350px] top-[62px] w-[240px] h-[208px] bg-[#FAFAF7] rounded-2xl border border-black/5 shadow-[0_8px_30px_rgb(0,0,0,0.06)] p-2 flex flex-col items-center justify-between text-center z-10",children:[e.jsx("div",{className:"w-full h-[96px] bg-white rounded-xl border border-[#
56EBEAE8] flex items-center justify-center",children:e.jsx("img",{src:"/whitelogo.svg",alt:"Vobiz",className:"h-6 object-contain"})}),e.jsxs("div",{className:"py-1 text-xs font-mono font-medium text-[#924622] flex items-center justify-center gap-1.5 truncate",children:[n.vobizStatus,n.eventStatus==="initiated"&&n.frame===2&&e.jsxs("span",{className:"flex gap-1 shrink-0",children:[e.jsx("span",{className:"w-1 h-1 bg-[#C85A32] rounded-full animate-bounce [animation-delay:-0.3s]"}),e.jsx("span",{className:"w-1 h-1 bg-[#C85A32] rounded-full animate-bounce [animation-delay:-0.15s]"}),e.jsx("span",{className:"w-1 h-1 bg-[#C85A32] rounded-full animate-bounce"})]})]}),e.jsxs("div",{className:"w-full h-[52px] bg-white rounded-xl border border-black/10 px-3 flex items-center justify-between",children:[e.jsxs("div",{className:"flex flex-col text-left",children:[e.jsx("span",{className:"text-[10px] text-neutral-400 font-sans leading-tight",children:"Audio source"}),e.jsx("span",{className:"text-[12px] font-semibold text-neutral-800 leading-tight mt-0.5",children:n.audioSource})]}),e.jsx("div",{className:"w-[36px] h-[36px] rounded-lg bg-[#FAFAF7] border border-neutral-200/80 flex items-center justify-center",children:n.audioSourceType==="human"?e.jsx(lt,{className:"w-4 h-4 text-orange-700"}):n.audioSourceType==="switching"?e.jsx(Ge,{className:"w-4 h-4 text-amber-700 animate-spin"}):e.jsx(at,{className:"w-4 h-4 text-neutral-700"})})]})]}),e.jsx("div",{"aria-hidden":"true",className:"absolute left-[469px] top-[270px] w-[2px] h-[38px] bg-neutral-300 pointer-events-none z-0"}),e.jsxs("div",{className:"absolute left-[300px] top-[308px] w-[340px] bg-white rounded-xl border border-neutral-200 shadow-[0_4px_16px_rgb(0,0,0,0.06)] p-2 text-left z-10",children:[e.jsxs("div",{className:"flex items-center gap-1.5 px-1 py-1 text-[11px] font-mono text-neutral-600 mb-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#E83C00] animate-pulse"}),e.jsx("span",{className:"font-normal text-neutral-800",children:"Live transcript"}),e.jsx("span",{className:"text-neutral-400",children:"·"}),e.jsx("span",{className:"text-neutral-500",children:"PII auto-redacted"})]}),e.jsx("div",{className:"grid grid-cols-3 gap-2 mb-2",children:["Agent","Customer","Human"].map(f=>{const N=n.activeTab===f;return e.jsx("div",{className:`h-[34px] rounded-lg flex items-center justify-center text-xs font-[Switzer_Variable,sans-serif] transition-all duration-200 ${N?"text-white font-medium shadow-2xs border border-black/10":"bg-[#F6F6F6] text-[#726863] font-normal border border-black/[0.08]"}`,style:{background:N?"linear-gradient(180deg, #A8380D 0%, #632603 100%)":"#F6F6F6"},children:f},f)})}),e.jsx("div",{className:"p-3 bg-[#F6F6F6] rounded-lg min-h-[72px] flex flex-col justify-center",children:n.piiState==="flagged"?e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsxs("p",{className:"text-xs font-mono text-neutral-700 leading-relaxed",children:['"Sure, drop it at'," ",e.jsx("span",{className:"px-1 py-0.5 rounded bg-orange-100/90 text-orange-900 border border-orange-200/80 font-medium",children:"42 MG Road, near Forum Mall."}),'"']}),e.jsx("div",{className:"flex items-center gap-1 mt-0.5",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[9px] font-mono font-medium bg-emerald-50 text-emerald-700 border border-emerald-200",children:[e.jsx("span",{className:"w-1 h-1 rounded-full bg-emerald-500 animate-pulse"}),"PII Redacted"]})})]}):n.piiState==="redacted"?e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsxs("p",{className:"text-xs font-mono text-neutral-700 leading-relaxed",children:['"Sure, drop it at'," ",e.jsx("span",{className:"px-1.5 py-0.5 rounded bg-neutral-200/90 text-neutral-600 font-mono tracking-wider",children:"***** ********* ****** ***"}),'"']}),e.jsx("div",{className:"flex items-center gap-1 mt-0.5",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[9px] font-mono font-medium bg-emerald-50 text-emerald-700 border border-emerald-200",children:[e.jsx("span",{className:"w-1 h-1 rounded-full bg-emerald-500"}),"PII Redacted"]})})]}):n.transcriptText==="-"||n.transcriptText==="--"||n.transcriptText==="-- Call ended --"?e.jsx("p",{className:"text-xs font-mono text-neutral-400 leading-relaxed",children:n.transcriptText}):e.jsxs("p",{className:"text-xs font-mono text-neutral-800 leading-relaxed",children:[e.jsxs("span",{children:['"',c]}),c.length<n.transcriptText.replace(/^[“”"]+|[“”"]+$/g,"").length?e.jsx("span",{className:"inline-block w-1.5 h-3 bg-[#E83C00] ml-0.5 animate-pulse align-middle"}):e.jsx("span",{children:'"'})]})})]}),e.jsxs("div",{"aria-hidden":"true",className:"absolute left-[590px] top-[164px] w-[75px] h-[4px] border-y border-dashed border-[#DAC0B4] pointer-events-none z-10",children:[n.ballDirection==="left-to-right"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2.5 h-2.5 rounded-full bg-[#E83C00] shadow-[0_0_8px_rgba(232,60,0,0.8)]",style:{animation:"travel-l2r 1.4s ease-in-out infinite 0.25s"}}),e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[#E83C00] opacity-80 shadow-[0_0_5px_rgba(232,60,0,0.6)]",style:{animation:"travel-l2r 1.4s ease-in-out infinite 0.95s"}})]}),n.ballDirection==="right-to-left"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2.5 h-2.5 rounded-full bg-[#E83C00] shadow-[0_0_8px_rgba(232,60,0,0.8)]",style:{animation:"travel-r2l 1.4s ease-in-out infinite 0.25s"}}),e.jsx("span",{className:"absolute top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[#E83C00] opacity-80 shadow-[0_0_5px_rgba(232,60,0,0.6)]",style:{animation:"travel-r2l 1.4s ease-in-out infinite 0.95s"}})]}),n.ballDirection==="none"&&e.jsx("span",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[#DAC0B4]"})]}),e.jsxs("div",{className:`absolute left-[665px] top-[17px] w-[250px] h-[298px] rounded-[32px] p-4 flex flex-col items-center justify-between z-10 transition-all duration-300 ${b?"border border-dashed border-[#DAC0B4] bg-[#FFFDFB] shadow-xs":"border border-dashed border-[#
56E5E5E5] bg-white/40"}`,children:[e.jsxs("div",{className:`relative z-20 w-[180px] h-[212px] rounded-[20px] bg-white border border-[#DDD8D2] shadow-sm p-3.5 flex flex-col items-center text-center mt-1 transition-all duration-300 ${n.phoneState.isRinging?"ring-2 ring-orange-400 animate-pulse":""}`,children:[e.jsx("div",{className:"w-[34px] h-[3px] rounded-full bg-neutral-300 mb-2 shrink-0"}),e.jsxs("div",{className:"text-[10px] font-mono mb-2 flex items-center gap-1.5",children:[n.phoneState.isConnected&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"}),n.phoneState.isRinging&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-orange-500 animate-ping"}),e.jsx("span",{className:`font-medium truncate ${n.phoneState.isConnected?"text-emerald-700":n.phoneState.isRinging?"text-orange-600":"text-neutral-400"}`,children:z})]}),e.jsxs("div",{className:"w-[56px] h-[56px] relative flex items-center justify-center my-1.5 shrink-0",children:[b&&e.jsx("span",{className:"absolute inset-0 rounded-full border border-[#F04E00] animate-pulse"}),e.jsx("div",{className:"w-[44px] h-[44px] rounded-full bg-[#FDF5ED] border border-[#F4E0CD] flex items-center justify-center text-xs font-bold text-[#E83C00] shadow-2xs",children:"AC"})]}),e.jsxs("div",{className:"w-full mt-3 flex flex-col items-center",children:[e.jsx("div",{className:"text-xs font-semibold text-neutral-800 leading-tight truncate w-full",children:"Acme Deliveries"}),e.jsx("div",{className:"text-[11px] font-mono text-neutral-400 truncate w-full mt-1",children:"+91 140 6789 012"})]})]}),e.jsx("span",{className:"relative z-20 text-[12px] font-medium text-[#5A5B5D] font-[Switzer_Variable,sans-serif] pb-0.5",children:"Your Customer"})]})]}),e.jsxs("div",{className:"lg:hidden flex flex-col items-center gap-6 w-full max-w-md mx-auto",children:[e.jsxs("div",{className:"flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-[#F6F6F6] border border-neutral-200 text-xs font-mono text-neutral-700",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-emerald-500 animate-pulse"}),e.jsx("span",{className:"font-semibold text-neutral-900",children:y}),e.jsx("span",{className:"text-neutral-500",children:n.event})]}),e.jsxs("div",{className:`flex gap-2 p-2 rounded-xl border border-dashed transition-all duration-300 relative ${g?"border-[#E83C00]/60 bg-[#FFFDFB] shadow-[0_0_16px_rgba(232,60,0,0.15)]":"border-neutral-200/80 bg-white/80 shadow-2xs"}`,children:[g&&e.jsx("span",{className:"absolute -inset-[1px] rounded-xl border-2 border-[#F04E00] ring-2 ring-[#F04E00]/25 animate-pulse pointer-events-none"}),ge.map(f=>e.jsxs("div",{className:"flex items-center gap-1.5 px-2.5 py-1 rounded-lg text-xs font-medium text-neutral-600 bg-white border border-[#EAE8E4]",children:[f.isCustom?e.jsx("span",{className:"font-mono font-bold text-[10px] text-neutral-700",children:"</>"}):e.jsx("img",{src:f.icon,alt:f.name,className:"w-3.5 h-3.5 object-contain"}),e.jsx("span",{children:f.name})]},f.id))]}),e.jsxs("div",{className:"w-full max-w-[320px] bg-[#FAFAF7] rounded-2xl border border-neutral-300/70 p-4 flex flex-col items-center text-center shadow-xs",children:[e.jsx("img",{src:"/whitelogo.svg",alt:"Vobiz",className:"h-6 object-contain mb-3"}),e.jsx("div",{className:"py-1.5 px-3 rounded-lg bg-white/90 border border-neutral-200 text-xs font-mono text-[#C85A32] w-full mb-3",children:n.vobizStatus}),e.jsxs("div",{className:"w-full bg-white rounded-xl border border-neutral-200 p-2.5 text-left",children:[e.jsx("div",{className:"grid grid-cols-3 gap-1.5 mb-2",children:["Agent","Customer","Human"].map(f=>e.jsx("div",{className:`h-7 rounded-md flex items-center justify-center text-[11px] ${n.activeTab===f?"bg-[#A8380D] text-white font-medium":"bg-neutral-100 text-neutral-500"}`,children:f},f))}),e.jsxs("div",{className:"text-xs text-neutral-800 min-h-[56px] bg-[#F6F6F6] rounded-md p-2.5 flex flex-col justify-center",children:[n.piiState==="flagged"?e.jsxs("div",{children:[e.jsx("span",{children:"Sure, drop it at "}),e.jsx("span",{className:"bg-[#F5946E]/40 text-neutral-900 px-1 py-0.5 rounded font-medium",children:"42 MG Road, near Forum Mall."})]}):n.piiState==="redacted"?e.jsxs("div",{children:[e.jsx("span",{children:"Sure, drop it at "}),e.jsx("span",{className:"bg-[#C5C5C5]/40 text-neutral-600 font-mono text-[11px] px-1.5 py-0.5 rounded tracking-wider",children:"***** ********* ****** ***"})]}):e.jsx("span",{children:c}),(n.piiState==="flagged"||n.piiState==="redacted")&&e.jsxs("div",{className:"mt-1.5 inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-[#E5F4E9] text-[#1E5D38] text-[10px] font-medium self-start",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#1E5D38]"}),e.jsx("span",{children:"PII Redacted"})]})]})]})]}),e.jsxs("div",{className:"w-[200px] p-3 rounded-2xl border border-dashed border-[#DDD8D2] bg-white/60 flex flex-col items-center text-center",children:[e.jsx("div",{className:"text-[10px] font-mono text-emerald-700 mb-1.5",children:z}),e.jsx("div",{className:"w-10 h-10 rounded-full bg-[#FDF5ED] border border-[#F4E0CD] flex items-center justify-center text-xs font-bold text-[#E83C00] mb-1",children:"AC"}),e.jsx("div",{className:"text-xs font-semibold text-neutral-800",children:"Acme Deliveries"}),e.jsx("span",{className:"text-[11px] text-neutral-400 mt-2",children:"Your Customer"})]})]}),e.jsx("div",{className:"absolute bottom-4 right-5 z-20 flex items-center gap-2",children:e.jsxs("button",{type:"button",onClick:()=>{s(0),a(!0)},className:"flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/85 hover:bg-white border border-neutral-200/80 text-[11px] font-medium text-neutral-600 hover:text-neutral-900 shadow-2xs backdrop-blur-xs transition-all cursor-pointer",title:"Replay animation",children:[e.jsx(ot,{className:"w-3.5 h-3.5 text-[#E83C00]"}),e.jsx("span",{children:"Replay"})]})})]})]})})},fe=[{offset:0,thickness:.4,amps:[.26,.14,.08],freqs:[4.2,7.1,11.3],speeds:[1.35,-1.02,.78],phase:0,alpha:.17},{offset:.05,thickness:.32,amps:[.29,.12,.07],freqs:[3.8,6.5,10.4],speeds:[1.18,.89,-.63],phase:1.1,alpha:.16},{offset:-.06,thickness:.25,amps:[.23,.15,.08],freqs:[4.6,7.8,12.1],speeds:[-1.27,.79,.95],phase:2.3,alpha:.15},{offset:.09,thickness:.19,amps:[.32,.1,.06],freqs:[3.4,6.1,9.7],speeds:[1.03,-1.18,.7],phase:3.4,alpha:.14},{offset:-.04,thickness:.14,amps:[.2,.14,.09],freqs:[5.1,8.4,13.2],speeds:[-1.46,.63,-.88],phase:4.6,alph
56a:.13}],Y={offset:.01,thickness:.011,amps:[.27,.13,.075],freqs:[4,6.9,11],speeds:[1.3,-.95,.82],phase:.6,alpha:.95},w=.5,ut=[[0,"104,  94,  87"],[.12," 88,  78,  71"],[.22,"110,  99,  92"],[.32,"96,  84,  76"],[.4,"178, 130,  94"],[.47,"235, 130,  70"],[.55,"245, 122,  44"],[.64,"242, 110,  26"],[.74,"249, 137,  62"],[.85,"240, 100,  18"],[1,"234,  72,   6"]],gt=[[0,"160, 148, 140"],[.12,"140, 128, 120"],[.22,"165, 152, 144"],[.32,"152, 138, 128"],[.4,"190, 148, 108"],[.47,"235, 130,  70"],[.55,"245, 122,  44"],[.64,"242, 110,  26"],[.74,"249, 137,  62"],[.85,"240, 100,  18"],[1,"234,  72,   6"]];function be(t,s,r){const a=r?gt:ut,i=t.createLinearGradient(0,0,s,0);i.addColorStop(0,`rgba(${a[0][1]}, 0)`);for(const[d,c]of a)i.addColorStop(.08+d*.84,`rgba(${c}, 1)`);return i.addColorStop(1,`rgba(${a[a.length-1][1]}, 0)`),i}function ft(t){const s=Math.min(Math.max(t,0),1);if(s<=w)return 1;const r=Math.min((s-w)/(1-w)/.45,1);return 1-.92*(r*r*(3-2*r))}function W(t,s,r,a){const[i,d,c]=t.amps,[l,o,p]=t.freqs,[m,u,n]=t.speeds,g=t.phase,b=Math.min(Math.max(s,0),1),v=ft(b),S=.45+.55*Math.abs(Math.sin(b*Math.PI*1.7-r*.55+g)*.6+Math.sin(b*Math.PI*2.9-r*.31+g*2.1)*.4),y=(i*Math.sin(b*Math.PI*2*l+r*m+g)+d*Math.sin(b*Math.PI*2*o+r*u+g*1.7)*v+c*Math.sin(b*Math.PI*2*p+r*n+g*2.3)*v)*S,j=Math.min(Math.abs(b-w)/(b<w?w:1-w),1),k=Math.pow(j,.78),z=b<w?Math.pow(Math.sin(Math.PI*b/(2*w)),.75):Math.pow(Math.sin(Math.PI*(1-b)/(2*(1-w))),.45),f=t.offset*a*k;return a*.5+f+y*a*k*z}function O(t,s,r){const a=Math.min(Math.max(s,0),1),i=Math.min(Math.abs(a-w)/(a<w?w:1-w),1),d=a<w?Math.pow(Math.sin(Math.PI*a/(2*w)),1.1):Math.pow(Math.sin(Math.PI*(1-a)/(2*(1-w))),.8),c=.18+.82*Math.pow(i,.55);return Math.max(.5,t.thickness*r*c*d)}function U(t,s){const r=Math.sin(t*127.1+s*311.7)*43758.5453;return r-Math.floor(r)}function bt(t,s,r,a,i,d){const l=Math.floor(a*w);t.beginPath();for(let o=l;o<=a;o+=8){const p=o/a,m=W(s,p,r,i)-O(s,p,i)*.5;o===l?t.moveTo(o,m):t.lineTo(o,m)}for(let o=a;o>=l;o-=8){const p=o/a,m=W(s,p,r,i)+O(s,p,i)*.5;t.lineTo(o,m)}t.closePath(),t.globalAlpha=s.alpha,t.fillStyle=d,t.fill(),t.beginPath();for(let o=l;o<=a;o+=8){const p=o/a,m=W(s,p,r,i)-O(s,p,i)*.5;o===l?t.moveTo(o,m):t.lineTo(o,m)}t.globalAlpha=s.alpha*1.5,t.strokeStyle=d,t.lineWidth=1,t.stroke()}function vt(t,s,r,a,i,d){const c=Math.ceil(a*w),l=3.5;t.fillStyle=d;for(let o=0;o<=c;o+=l){const p=o/a,m=O(s,p,i),u=W(s,p,r,i),n=Math.floor(o/l);for(let g=0;g<3;g++){const b=U(n*1.7+g*13.1,s.phase),v=U(n*2.9+g*7.7,s.phase+3.1);if(b<.25)continue;const S=(v*2-1)*m*.85,y=1+1.2*U(n+g*31.3,s.phase+11.7);t.globalAlpha=Math.min(1,s.alpha*4.8*(.5+.9*b)),t.fillRect(o,u+S,y,y)}}}function yt(t,s,r,a,i){const c=Math.floor(r*w);t.beginPath();for(let l=c;l<=r;l+=6){const o=l/r,p=W(Y,o,s,a);l===c?t.moveTo(l,p):t.lineTo(l,p)}t.globalAlpha=Y.alpha,t.strokeStyle=i,t.lineWidth=Math.max(1.5,a*Y.thickness),t.lineJoin="round",t.lineCap="round",t.stroke()}function wt(t,s,r,a){const i=s*w+s*.012,d=s*.135,c=Math.max(4.2,r*.026),l=r*.5;t.fillStyle=a;for(let o=i;o<i+d;o+=c){const p=(o-i)/d,m=r*(.17+.3*p),u=Math.pow(1-p,1.5);for(let n=l-m;n<=l+m;n+=c){const g=Math.abs(n-l)/Math.max(1,m),b=Math.max(0,1-g),v=.55*u*Math.pow(b,1.2);v<.02||(t.globalAlpha=v,t.fillRect(o,n,1.3,1.3))}}}const jt=({className:t,style:s})=>{const r=x.useRef(null);return x.useEffect(()=>{const a=r.current;if(!a)return;const i=a.getContext("2d");if(!i)return;const d=window.matchMedia("(prefers-reduced-motion: reduce)").matches;let c=0,l=null,o=0,p=0;const m=()=>{const y=a.getBoundingClientRect();o=Math.max(1,Math.min(y.width,4e3)),p=Math.max(1,Math.min(y.height,1e3));const j=Math.min(window.devicePixelRatio||1,1.25);a.width=Math.round(o*j),a.height=Math.round(p*j),i.setTransform(j,0,0,j,0,0);const k=document.documentElement.classList.contains("dark");l=be(i,o,k)};let u=!0;const n=y=>{if(!u||document.hidden)return;const j=d?0:y/1e3;if(i.clearRect(0,0,o,p),l){for(const k of fe)vt(i,k,j,o,p,l);wt(i,o,p,l);for(const k of fe)bt(i,k,j,o,p,l);yt(i,j,o,p,l)}i.globalAlpha=1,!d&&u&&!document.hidden&&(c=requestAnimationFrame(n))};m(),c=requestAnimationFrame(n);const g=new ResizeObserver(()=>{m(),d&&(c=requestAnimationFrame(n))});g.observe(a);const b=new MutationObserver(()=>{if(o>0){const y=document.documentElement.classList.contains("dark");l=be(i,o,y)}});b.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]});const v=new IntersectionObserver(y=>{var k;const j=((k=y[0])==null?void 0:k.isIntersecting)??!1;u=j,cancelAnimationFrame(c),j&&!document.hidden&&(c=requestAnimationFrame(n))},{threshold:0});v.observe(a);const S=()=>{document.hidden?cancelAnimationFrame(c):u&&(cancelAnimationFrame(c),c=requestAnimationFrame(n))};return document.addEventListener("visibilitychange",S),()=>{u=!1,cancelAnimationFrame(c),g.disconnect(),v.disconnect(),b.disconnect(),document.removeEventListener("visibilitychange",S)}}
56,[]),e.jsx("canvas",{ref:r,"aria-hidden":!0,className:t,style:s})},St=({className:t="",style:s,scale:r=1})=>{const a=132*r,i=183*r;return e.jsxs("div",{className:`relative select-none pointer-events-none ${t}`,style:{width:`${a}px`,height:`${i}px`,...s},"aria-hidden":"true",children:[e.jsx("img",{src:"/hero-wave-cube-glow.svg",alt:"",className:"hero-wave-glow",style:{position:"absolute",left:"50%",top:"50%",width:`${a*2}px`,height:`${i*1.85}px`,transform:"translate(-50%, -50%)",pointerEvents:"none"}}),e.jsx("img",{src:"/hero-wave-card.svg",alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"fill",display:"block"}}),e.jsx("img",{src:"/hero-wave-card-bevel.svg",alt:"",style:{position:"absolute",right:"-12%",top:"0",width:"53%",height:"100%",objectFit:"fill",display:"block",pointerEvents:"none"}}),e.jsx("img",{src:"/hero-wave-card-logo.png",alt:"Vobiz",style:{position:"absolute",left:"12%",top:"19.5%",width:"70.6%",height:"65.2%",objectFit:"contain",display:"block"}})]})},kt=({isMobile:t})=>e.jsxs("section",{className:"relative overflow-hidden",style:{background:"#FAFAFA",paddingTop:t?"7.5rem":"8.5rem",paddingBottom:t?"3rem":"4.5rem"},children:[e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute left-1/2 -top-[120px] -translate-x-1/2 w-[900px] h-[580px] rounded-full opacity-60 blur-3xl",style:{background:"radial-gradient(ellipse at center, rgba(232, 60, 0, 0.09) 0%, rgba(255, 170, 110, 0.08) 45%, transparent 75%)"}}),e.jsxs("div",{className:"relative z-10 max-w-[1320px] mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"text-center max-w-[900px] mx-auto mb-10 md:mb-12",children:[e.jsxs("h1",{id:"hero-heading",style:{fontFamily:'"Switzer Variable", -apple-system, BlinkMacSystemFont, sans-serif',fontWeight:400,fontSize:t?"2.35rem":"clamp(2.75rem, 4.2vw, 3.75rem)",lineHeight:1.08,letterSpacing:t?"-0.035em":"-1.2px",margin:"0 0 1.25rem 0"},children:[e.jsx("span",{style:{color:"#100703",display:"block"},children:"AI-First Telecom Infrastructure"}),e.jsx("span",{style:{color:"#726863"},children:"for Voice Agents"})]}),e.jsx("p",{id:"hero-description",className:"text-neutral-600 max-w-[660px] mx-auto mb-8 text-base md:text-[17px] leading-relaxed font-['Spline_Sans',sans-serif]",children:"The best voice agents fail on legacy rails built for humans. Run your voice AI on Vobiz to keep it low latency, compliant — and out of spam — from day one."}),e.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-center gap-3.5 sm:gap-4 max-w-md mx-auto",children:[e.jsx(I,{variant:"primary",size:"lg",asChild:!0,className:"w-full sm:w-[204px] h-12 text-[15px] font-medium justify-between px-4 shadow-sm",children:e.jsxs("a",{href:"/contact-us/",style:{textDecoration:"none"},children:["Book a demo ",e.jsx(R,{size:"lg"})]})}),e.jsx(I,{variant:"secondary",size:"lg",asChild:!0,className:"w-full sm:w-[204px] h-12 text-[15px] font-medium justify-between px-4 shadow-sm bg-white hover:bg-neutral-50 border border-neutral-200",children:e.jsxs("a",{href:"https://console.vobiz.ai/auth/signup",style:{textDecoration:"none"},children:["Get started free ",e.jsx(te,{size:"lg"})]})})]})]}),e.jsx("div",{className:"max-w-[980px] mx-auto mb-12 md:mb-14",children:e.jsx("div",{className:"bg-[#F6F6F6] rounded-2xl p-4 md:py-5 md:px-8 border border-neutral-200/60 shadow-2xs",children:e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 divide-y md:divide-y-0 md:divide-x divide-neutral-200/80",children:[e.jsxs("div",{className:"flex flex-col items-center justify-center text-center pt-2 md:pt-0 md:px-4",children:[e.jsx("span",{className:"font-['Switzer_Variable',sans-serif] font-semibold text-2xl md:text-[28px] text-[#100703] leading-tight mb-1",children:"80ms"}),e.jsx("span",{className:"font-mono text-[11px] md:text-[12px] uppercase text-[#807C7C] tracking-wide",children:"MEDIAN CALL SETUP"})]}),e.jsxs("div",{className:"flex flex-col items-center justify-center text-center pt-2 md:pt-0 md:px-4",children:[e.jsx("span",{className:"font-['Switzer_Variable',sans-serif] font-semibold text-2xl md:text-[28px] text-[#100703] leading-tight mb-1",children:"190+"}),e.jsx("span",{className:"font-mono text-[11px] md:text-[12px] uppercase text-[#807C7C] tracking-wide",children:"COUNTRIES, LIVE NUMBERS"})]}),e.jsxs("div",{className:"flex flex-col items-center justify-center text-center pt-3 md:pt-0 md:px-4",children:[e.jsx("span",{className:"font-['Switzer_Variable',sans-serif] font-semibold text-2xl md:text-[28px] text-[#100703] leading-tight mb-1",children:"Zero"}),e.jsx("span",{className:"font-mono text-[11px] md:text-[12px] uppercase text-[#807C7C] tracking-wide",children:"SALES CALLS TO START"})]}),e.jsxs("div",{className:"flex flex-col items-center justify-center text-center pt-3 md:pt-0 md:px-4",children:[e.jsx("span",{className:"font-['Switzer_Variable',sans-serif] font-semibold text-2xl md:text-[28px] text-[#100703] leading-tight mb-1",children:"TRAI + DLT"}),e.jsx("span",{className:"font-mono text-[11px] md:text-[12px] uppercase text-[#807C7C] tracking-wide",children:"COMPLIANT FROM DAY ONE"})]})]})})}),e.jsx("div",{className:"mb-14 md:mb-16",children:e.jsx(ht,{})}),e.jsxs("div",{className:"border-t border-neutral-200/80 pt-6 pb-2 flex flex-col md:flex-row items-center gap-4 md:gap-8",children:[e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M4 1L1 13H4.5L7.5 1H4Z",fill:"#E83C00"}),e.jsx("path",{d:"M9.5 1L6.5 13H10L13 1H9.5Z",fill:"#E83C00",opacity:"0.6"})]}),e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"12px",fontWeight:500,letterSpacing:"2.28px",textTransform:"uppercase",color:"#100703",whiteSpace:"nowrap"},children:"TRUSTED BY BUILDERS"})]}),e.jsx("div",{className:"flex-1 w-full overflow-hidden",children:e.jsx(ze,{duration:"30s",singleRow:!0})})]})]})]}),Nt=({isMobile:t})=>e.jsxs("section",{style:{position:"relative",background:"#FAFAFA",paddingTop:t?"8.25rem":"8.125rem",paddingBottom:t?"2rem":"2.5rem",overflowX:"clip"},children:[e.jsxs("div",{style:{position:"relative",zIndex:1,maxWidth:"1360px",margin:"0 auto",padding:t?"0 20px":"0 48px"},children:[e.jsxs("div",{"aria-hidden":"true",style:{position:"relative",width:"100%",height:t?"114px":"235px",marginBottom:t?"1.65rem":"2.35rem"},children:[e.jsx(jt,{style:{position:"absolute",inset:0,width:"100%",height:"100%"}}),e.jsx(St,{scale:t?.55:1,style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",zIndex:2}})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:t?"1fr":"1.18fr 1fr",gap:t?"1.25rem":"3rem",alignItems:"center",marginBottom:t?"2.5rem":"3.25rem"},children:[e.jsx("div",{children:e.jsxs("h1",{id:"hero-heading",style:{fontFamily:'"Switzer Variable", sans-serif',fontWeight:400,fontSize:t?"2.25rem":"clamp(2.25rem, 3.3vw, 48px)",lineHeight:"1.16",letterSpacing:t?"-0.04rem":"-1.2px",margin:0,textAlign:"left"},children:[e.jsx("span",{style:{color:"#100703",display:"block"},children:"AI-First Telecom"}),e.jsx("span",{style:{color:"#100703"}
56,children:"Infrastructure "}),e.jsx("span",{style:{color:"#726863"},children:"for Voice Agents"})]})}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1.15rem",alignItems:"flex-start"},children:[e.jsx("p",{id:"hero-description",style:{fontFamily:'"Spline Sans", sans-serif',fontSize:t?"0.9375rem":"16px",fontWeight:400,lineHeight:"1.5",color:"#4A4A4A",margin:0,maxWidth:"520px",textAlign:"left"},children:"The best voice agents fail on legacy rails built for humans. Run your voice AI on Vobiz to keep it low latency, compliant — and out of spam — from day one."}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px",flexWrap:t?"wrap":"nowrap",width:t?"100%":"auto"},children:[e.jsx(I,{variant:"primary",size:"lg",asChild:!0,className:"justify-between",style:{width:t?"100%":"200px",height:"48px",fontSize:"15px",padding:"0 16px"},children:e.jsxs("a",{href:"/contact-us/",style:{textDecoration:"none"},children:["Book a demo ",e.jsx(R,{size:"lg"})]})}),e.jsx(I,{variant:"secondary",size:"lg",asChild:!0,className:"justify-between",style:{width:t?"100%":"200px",height:"48px",fontSize:"15px",padding:"0 16px"},children:e.jsxs("a",{href:"https://console.vobiz.ai/auth/signup",style:{textDecoration:"none"},children:["Get started free ",e.jsx(te,{size:"lg"})]})})]})]})]}),e.jsxs("div",{style:{borderTop:"1px solid #EBEBEB",paddingTop:"1.25rem",paddingBottom:"0.5rem",display:"flex",flexDirection:t?"column":"row",alignItems:t?"flex-start":"center",gap:t?"1rem":"2.5rem"},children:[e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"12px",fontWeight:500,letterSpacing:"2.28px",textTransform:"uppercase",color:"#100703",whiteSpace:"nowrap",flexShrink:0},children:"TRUSTED BY BUILDERS"}),e.jsx("div",{style:{flex:1,width:"100%",overflow:"hidden"},children:e.jsx(ze,{duration:"24s"})})]})]}),e.jsx("div",{"aria-hidden":"true",style:{position:"absolute",left:"50%",top:t?"26%":"35%",transform:"translateX(-50%)",width:"100vw",maxWidth:"1600px",pointerEvents:"none",zIndex:0,opacity:.18,filter:"grayscale(1) contrast(1.05)",maskImage:"radial-gradient(ellipse 85% 65% at 50% 35%, black 25%, transparent 80%)",WebkitMaskImage:"radial-gradient(ellipse 85% 65% at 50% 35%, black 25%, transparent 80%)"},children:e.jsx("img",{src:"/global.png",alt:"",style:{width:"100%",height:"auto",display:"block",margin:"0 auto"}})})]}),Ct=()=>{const t=P(),[s,r]=x.useState(()=>{if(typeof window<"u"){const a=window.location.hostname,i=new URLSearchParams(window.location.search);return i.get("hero")==="old"?!1:a==="staging.vobiz.ai"||a.includes("staging")||a==="localhost"||a==="127.0.0.1"||i.get("hero")==="new"}return!1});return x.useEffect(()=>{const a=window.location.hostname,i=new URLSearchParams(window.location.search);if(i.get("hero")==="old"){r(!1);return}a==="staging.vobiz.ai"||a.includes("staging")||a==="localhost"||a==="127.0.0.1"||i.get("hero")==="new"?r(!0):r(!1)},[]),s?e.jsx(kt,{isMobile:t}):e.jsx(Nt,{isMobile:t})},At=[{id:"numbers",tag:"01 · NUMBERS",title:"Global Phone Numbers in 190+ Countries",subtitle:"Instant self-serve provisioning across 190+ countries with automated eKYC, local caller ID control, and clean carrier reputation.",pointers:["Local, national, and toll-free numbers across 190+ countries","Instant self-serve provisioning with automated eKYC verification","Outbound caller ID control to maintain local market presence","Proactive number health monitoring to protect answer rates"],ctaLabel:"Explore Numbers",ctaHref:"/products/phone-numbers/",imageWebp:"/stacksectionassets/stack-numbers.webp",imagePng:"/stacksectionassets/stack-numbers.png",imageAlt:"Global Phone Numbers in 190+ Countries",reverse:!1},{id:"sip-trunking",tag:"02 · SIP TRUNKING",title:"Carrier-Grade Voice Infrastructure at Scale",subtitle:"Direct Tier-1 carrier interconnects delivering sub-80ms latency and 99.999% reliability.",pointers:["Sub-80ms average round-trip latency over direct carrier interconnects","Inbound and outbound calling through a single unified SIP trunk","High-concurrency channels scaling automatically with demand","TLS and SRTP media encryption with multi-region failover"],ctaLabel:"Explore SIP Trunking",ctaHref:"/products/sip-trunking/",imageWebp:"/stacksectionassets/stack-sip-trunking.webp",imagePng:"/stacksectionassets/stack-sip-trunking.png",imageAlt:"Carrier-Grade Voice Infrastru
56cture at Scale",reverse:!0},{id:"voice-api",tag:"03 · VOICE APIS",title:"Programmable Voice APIs with Real-Time Audio Streaming",subtitle:"Connect speech models, AI voice agents, and applications directly to live phone calls across 190+ countries.",pointers:["Bidirectional WebSocket audio streaming in 20ms frames for voice AI","Automated JSON webhooks for instant call state tracking","Real-time call control to hold, transfer, bridge, or end calls","Dual-channel encrypted call recording for compliance and QA"],ctaLabel:"Explore Voice APIs",ctaHref:"/products/voice-api/",imageWebp:"/stacksectionassets/stack-voice-apis.webp",imagePng:"/stacksectionassets/stack-voice-apis.png",imageAlt:"Programmable Voice APIs with Real-Time Audio Streaming",reverse:!1},{id:"webrtc",tag:"04 · WEBRTC",title:"In-Browser and In-App Calling with Seamless PSTN Bridging",subtitle:"Bridge browser and mobile audio directly to phone networks across 190+ countries.",pointers:["Direct bridge between browser sessions and PSTN numbers in 190+ countries","Sub-50ms browser-to-agent speed with Opus 48kHz HD audio","Fully managed STUN/TURN, NAT traversal, and signaling","Lightweight SDKs for web, iOS, and Android applications"],ctaLabel:"Explore WebRTC",ctaHref:"/products/webrtc/",imageWebp:"/stacksectionassets/stack-webrtc.webp",imagePng:"/stacksectionassets/stack-webrtc.png",imageAlt:"In-Browser and In-App Calling with Seamless PSTN Bridging",reverse:!0},{id:"whatsapp",tag:"05 · WHATSAPP",title:"Official Verified WhatsApp Business Calling and Messaging",subtitle:"Engage customers on the platform they use daily with verified enterprise caller identity.",pointers:["Official Meta enterprise partner with verified green-tick identity","VoIP-to-VoIP audio calling with zero international toll rates","Automated post-call chat follow-ups, confirmations, and links","High-throughput messaging delivery across global markets"],ctaLabel:"Explore WhatsApp",ctaHref:"/products/whatsapp-overview/",imageWebp:"/stacksectionassets/stack-whatsapp.webp",imagePng:"/stacksectionassets/stack-whatsapp.png",imageAlt:"Official Verified WhatsApp Business Calling and Messaging",reverse:!1}],Et=()=>{const t=P();return e.jsxs("section",{id:"ai-infra",className:"relative w-full bg-[#100703] border-t border-[#26160F] py-20 lg:py-28 text-left overflow-hidden",children:[e.jsx("div",{className:"absolute top-1/4 left-1/2 -translate-x-1/2 w-[800px] h-[500px] rounded-full pointer-events-none opacity-20 blur-[120px]",style:{background:"radial-gradient(circle, #E83C00 0%, #F79573 50%, transparent 70%)"}}),e.jsxs("div",{className:"relative z-10 w-full max-w-[1240px] mx-auto px-6 sm:px-8 lg:px-12",children:[e.jsxs("div",{className:"w-full mb-16 lg:mb-24",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 mb-3",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#EE6524]"}),e.jsx("span",{className:"text-[12px] uppercase font-semibold tracking-[2px] text-[#A39690]",style:{fontFamily:'"Switzer Variable", sans-serif'},children:"STACK"})]}),e.jsx("h2",{className:"text-3xl sm:text-4xl lg:text-[42px] font-normal text-white tracking-[-1px] leading-[1.2] mb-4",style:{fontFamily:'"Switzer Variable", sans-serif'},children:"From API key to live call in 130+ countries — in minutes"}),e.jsx("p",{className:"text-base sm:text-[18px] text-[#C4B8B2] leading-[1.6] font-normal max-w-4xl",style:{fontFamily:'"Spline Sans", sans-serif'},children:"Single integrated stack with self-serve, instant provisioning of DID, SIP trunking, voice API and WebRTC in 130+ countries, so you're not gluing code together to integrate voice across products and channels."})]}),e.jsx("div",{className:"flex flex-col gap-20 lg:gap-28 w-full",children:At.map(s=>e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-14 items-center w-full",children:[e.jsxs("div",{className:`lg:col-span-5 flex flex-col items-start ${s.reverse?"lg:order-2":"lg:order-1"}`,children:[e.jsx("span",{className:"text-[11.5px] font-mono font-semibold tracking-wider text-[#EE6524] uppercase mb-2 block",children:s.tag}),e.jsx("h3",{className:"text-2xl sm:text-[30px] font-normal text-white tracking-[-0.6px] leading-[1.26] mb-3",style:{fontFamily:'"Switzer Variable", sans-serif'},children:s.title}
56),e.jsx("p",{className:"text-[15px] sm:text-[16px] text-[#C4B8B2] leading-[1.55] font-normal mb-6",style:{fontFamily:'"Spline Sans", sans-serif'},children:s.subtitle}),e.jsx("div",{className:"flex flex-col gap-3.5 w-full mb-7",children:s.pointers.map(r=>e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-[18px] h-[18px] rounded-full bg-[#2A150D] border border-[#EE6524]/50 flex items-center justify-center shrink-0 mt-0.5",children:e.jsx(Ie,{className:"w-2.5 h-2.5 text-[#EE6524] stroke-[2.5]"})}),e.jsx("span",{className:"text-[14px] sm:text-[14.5px] text-[#E8E2DE] leading-[1.5]",style:{fontFamily:'"Spline Sans", sans-serif'},children:r})]},r))}),e.jsx(I,{variant:"primary",size:t?"sm":"lg",asChild:!0,className:"justify-between",style:{height:"42px",padding:"0 18px"},children:e.jsxs(H,{to:s.ctaHref,children:[e.jsx("span",{children:s.ctaLabel}),e.jsx(R,{size:"sm"})]})})]}),e.jsx("div",{className:`lg:col-span-7 w-full flex items-center justify-center ${s.reverse?"lg:order-1":"lg:order-2"}`,children:e.jsx("div",{className:"w-full max-w-[620px] mx-auto",children:e.jsxs("picture",{children:[e.jsx("source",{srcSet:s.imageWebp,type:"image/webp"}),e.jsx("img",{src:s.imagePng,alt:s.imageAlt,width:1200,height:860,loading:"lazy",decoding:"async",className:"w-full h-auto max-h-[480px] object-contain block mx-auto rounded-2xl drop-shadow-2xl transition-transform duration-500 hover:scale-[1.01]"})]})})})]},s.id))})]})]})},G=720,X=860,K=[300,225,150],V=56,It=[{name:"WebSockets",angleDeg:-150,arc:0,src:"/integrationpagelogo/websocket.svg",f:"brightness(0) invert(1)"},{name:"Bolna.ai",angleDeg:-122,arc:0,src:"/integrationpagelogo/bolna.svg",f:"brightness(0) invert(1)"},{name:"Sarvam",angleDeg:-94,arc:0,src:"/integrationpagelogo/sarvam.svg",f:"brightness(0) invert(1)"},{name:"Dograh",angleDeg:-66,arc:0,src:"/integrationpagelogo/dograh.png",f:"none"},{name:"Rapida AI",angleDeg:-38,arc:0,src:"/integrationpagelogo/rapida.png",f:"none"},{name:"3CX",angleDeg:-10,arc:0,src:"/integrationpagelogo/3cx.png",f:"none"},{name:"LiveKit",angleDeg:-150,arc:1,src:"/integrationpagelogo/livekit.svg",f:"none"},{name:"OpenAI",angleDeg:-120,arc:1,src:"/integrationpagelogo/openapi.svg",f:"brightness(0) invert(1)"},{name:"WebRTC",angleDeg:-90,arc:1,src:"/integrationpagelogo/webrtc.svg",f:"none"},{name:"Pipecat",angleDeg:-60,arc:1,src:"/integrationpagelogo/pipecat.svg",f:"brightness(0) invert(1)"},{name:"ElevenLabs",angleDeg:-30,arc:1,src:"/integrationpagelogo/elevenlabs.svg",f:"brightness(0) invert(1)"},{name:"Vapi",angleDeg:-120,arc:2,src:"/integrationpagelogo/vapi.svg",f:"none"},{name:"Retell AI",angleDeg:-90,arc:2,src:"/integrationpagelogo/retell.svg",f:"none"},{name:"Ultravox",angleDeg:-60,arc:2,src:"/integrationpagelogo/ulttravox.svg",f:"none"}],ve=It.map(t=>({...t,baseAngle:t.angleDeg*Math.PI/180})),Ft=[{amp:.35,speed:.08,dir:1},{amp:.28,speed:.06,dir:-1},{amp:.2,speed:.1,dir:1}],zt=()=>{const t=x.useRef(null),s=x.useRef([]),r=x.useRef(0),a=x.useRef(null),i=x.useRef(0),d=x.useRef(!1),c=x.useRef(null);return x.useEffect(()=>{const l=c.current;if(!l)return;const o=new IntersectionObserver(([m])=>{d.current=m.isIntersecting},{threshold:.05});o.observe(l);const p=m=>{if(i.current=requestAnimationFrame(p),!d.current)return;const u=a.current!==null?(m-a.current)/1e3:0;a.current=m,r.current+=u;const n=r.current;ve.forEach((g,b)=>{const v=s.current[b];if(!v)return;const S=K[g.arc],{amp:y,speed:j,dir:k}=Ft[g.arc],z=y*Math.sin(k*n*j*Math.PI*2),f=g.baseAngle+z,N=G+S*Math.cos(f),E=X+S*Math.sin(f);v.setAttribute("transform",`translate(${N}, ${E})`)})};return i.current=requestAnimationFrame(p),()=>{cancelAnimationFrame(i.current),o.disconnect()}},[]),e.jsxs("div",{id:"integrations",ref:c,style:{background:"#0D0703",overflow:"hidden",position:"relative"},children:[e.jsxs("div",{style:{textAlign:"center",padding:"56px 24px 0",position:"relative",zIndex:2},children:[e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:"9px",marginBottom:"16px"},children:[e.jsx("img",{src:"/latency-dot.svg","aria-hidden":!0,style:{width:"7px",height:"7px",flexShrink:0}}),e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"13px",fontWeight:500,letterSpacing:"2.28px",textTransform:"uppercase",color:"#FAFAFA"},children:"Integrations"})]}),e.jsx("h2",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"clamp(1.75rem, 2.6vw, 2.375rem)",fontWeight:400,lineHeight:"120%",letterSpacing:"-0.07125rem",color:"#fff",margin:"0 0 12px"},children:"Works with the AI voice platforms you already use."}),e.jsx(I,{variant:"secondary",size:"lg",asChild:!0,className:"justify-between",children:e.jsxs("a",{href:"/integrations/",children:["Explore all integrations ",e.jsx(R,{size:"lg"})]})})]}),e.jsxs("div",{style:{position:"relative"},children:[e.jsxs("svg",{ref:t,viewBox:"50 500 1340 320",preserveAspectRatio:"xMidYMid meet",style:{display:"block",width:"100%",height:"auto"},children:[K.map((l,o)=>e.jsx("circle",{cx:G,cy:X,r:l,fill:"none",stroke:"#E96A00",strokeWidth:"1.14",strokeOpacity:"0.3"},o)),ve.map((l,o)=>{const p=K[l.arc],m=G+p*Math.cos(l.baseAngle),u=X+p*Math.sin(l.baseAngle),n=V*.08,g=V-n*2,b=V*.18;return e.jsxs("g",{ref:v=>{s.current[o]=v},transform:`translate(${m}, ${u})`,children:[e.jsx("rect",{x:-V/2,y:-V/2,width:V,height:V,rx:b,ry:b,fill:"rgba(44,44,44,0.92)",stroke:"rgba(255,255,255,0.10)",strokeWidth:"1"}),e.jsx("image",{href:l.src,x:-g/2,y:-g/2,width:g,height:g,preserveAspectRatio:"xMidYMid meet",style:{filter:l.f==="none"?void 0:l.f}})]},l.name)})]}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",inset:"0 auto 0 0",width:"22%",background:"linear-gradient(to right, #0D0703 0%, transparent 100%)",pointerEvents:"none",zIndex:3}}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",inset:"0 0 0 auto",width:"22%",background:"linear-gradient(to left, #0D0703 0%, transparent 100%)",pointerEvents:"none",zIndex:3}}
56),e.jsxs("div",{"aria-hidden":!0,className:"absolute translate-x-[-50%] translate-y-[-50%] w-[34px] h-[34px] sm:w-[56px] sm:h-[56px] lg:w-[92px] lg:h-[92px]",style:{left:"50%",top:"100%",zIndex:4,pointerEvents:"none"},children:[e.jsx("img",{src:"/compliance/Right.svg",className:"absolute w-[35px] sm:w-[58px] lg:w-[98px] h-auto",style:{top:"50%",left:"50%",transform:"translate(-120%, -60%)"}}),e.jsx("img",{src:"/compliance/Left.svg",className:"absolute w-[35px] sm:w-[58px] lg:w-[98px] h-auto",style:{top:"50%",left:"50%",transform:"translate(20%, -60%)"}}),e.jsx("div",{style:{width:"100%",height:"100%",borderRadius:"18%",overflow:"hidden",position:"relative",zIndex:1},children:e.jsx("img",{src:"/Vobiz  _ Review file_icon/Frame 2147241367.svg",alt:"Vobiz",style:{width:"100%",height:"100%",objectFit:"contain"}})})]})]}),e.jsxs("div",{style:{width:"100%",marginTop:"0",backgroundImage:'url("/Frame 2147242160.png")',backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:"clamp(88px, 10vw, 152px) 24px clamp(56px, 7vw, 112px)"},children:[e.jsxs("h2",{style:{fontFamily:'"Switzer Variable", sans-serif',fontWeight:400,fontSize:"clamp(1.75rem, 3.5vw, 3rem)",lineHeight:1.1,letterSpacing:"-0.04em",color:"#FFFFFF",margin:"0 0 16px",maxWidth:"760px"},children:["Your voice infrastructure should be",e.jsx("br",{}),"the last thing you worry about."]}),e.jsx("p",{style:{fontSize:"clamp(13px, 1.1vw, 15px)",lineHeight:1.65,color:"rgba(255,255,255,0.55)",margin:"0 0 32px",maxWidth:"480px"},children:"Carrier-grade SIP trunks, pay-per-minute pricing, no monthly minimums — connect your voice infrastructure and start routing calls in minutes."}),e.jsxs("div",{className:"flex flex-wrap gap-3 justify-center",children:[e.jsxs("a",{href:"https://console.vobiz.ai/auth/signup/",style:{borderRadius:"4px",background:"#E83C00",display:"flex",padding:"0.5rem 0.375rem 0.5rem 0.875rem",alignItems:"center",gap:"0.625rem",fontFamily:'"Spline Sans", sans-serif',fontSize:"15px",fontWeight:500,color:"#FFF",textDecoration:"none",lineHeight:"1.4"},className:"transition-all hover:opacity-90 active:scale-95",children:["Start for Free",e.jsx(Le,{className:"text-white"})]}),e.jsx(I,{variant:"secondary",size:"lg",asChild:!0,className:"justify-between",children:e.jsxs("a",{href:"/contact-us/",children:["Talk to Sales ",e.jsx(te,{size:"lg"})]})})]})]})]})},ye=[{label:"AI-Optimized Voice Latency",cpaas:"x",telco:"x"},{label:"Real-Time Audio Streaming",cpaas:"partial",telco:"x"},{label:"Noise/Echo Cancellation Out-of-the-Box",cpaas:"x",telco:"x"},{label:"Global + Local Coverage, One API",cpaas:"x",telco:"x"},{label:"Compliance by Design",cpaas:"x",telco:"partial"},{label:"Embeddable Multi-Tenant API",cpaas:"x",telco:"x"},{label:"Instant Self-Serve Provisioning",cpaas:"x",telco:"x"},{label:"Included Developer Support",cpaas:"x",telco:"x"}],J=({dark:t=!1})=>e.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:34,height:34,borderRadius:"50%",background:"rgba(255,255,255,1)",flexShrink:0},children:e.jsxs("svg",{width:"20",height:"14",viewBox:"0 0 20 14",fill:"none",children:[e.jsx("path",{d:"M1 7L6 12L13 2",stroke:"#100703",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M7 7L12 12L19 2",stroke:"#100703",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})]})}),Tt=()=>e.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:34,height:34,borderRadius:"50%",background:"#fff",flexShrink:0},children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:e.jsx("path",{d:"M4 4L14 14M14 4L4 14",stroke:"#6A6A6A",strokeWidth:"1.8",strokeLinecap:"round"})})}),Dt=()=>e.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:34,height:34,borderRadius:"50%",background:"#fff",flexShrink:0},children:e.jsxs("svg",{width:"20",height:"14",viewBox:"0 0 20 14",fill:"none",children:[e.jsx("path",{d:"M1 7L6 12L13 2",stroke:"#100703",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M7 7L12 12L19 2",stroke:"#100703",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",opacity:"0.35"})]})}),Q=({type:t})=>t==="x"?e.jsx(Tt,{}):t==="partial"?e.jsx(Dt,{}):e.jsx(J,{}),Rt=()=>{const t=P();return e.jsx("section",{id:"comparison",style:{background:"#FAFAFA",position:"relative",overflow:"hidden",padding:t?"60px 0":"80px 0"},children:e.jsxs("div",{style:{maxWidth:"var(--section-max-width)",margin:"0 auto",padding:t?"0 20px":"0 60px"},children:[e.jsx("div",{style:{display:"flex",flexDirection:t?"column":"row",alignItems:"flex-start",justifyContent:"space-between",marginBottom:t?"32px":"40px",gap:t?"1.5rem":"0"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"9px"},children:[e.jsx("img",{src:"/latency-dot.svg","aria-hidden":!0,style:{width:7,height:7,flexShrink:0}}),e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"13px",fontWeight:500,letterSpacing:"2.28px",textTransform:"uppercase",color:"#6B7280"},children:"Comparison"})]}),e.jsx("h2",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:t?"2.25rem":"2.375rem",fontWeight:400,lineHeight:"120%",letterSpacing:t?"-0.045rem":"-0.07125rem",color:"rgba(16,7,3,1)",margin:0},children:"Rails built for the voice AI revolution"}),e.jsx("p",{style:{fontFamily:'"Spline Sans", sans-serif',fontSize:t?"1rem":"18px",fontWeight:400,color:"#4B5563",margin:0,lineHeight:"1.6"},children:"Vobiz is built ground-up for the voice AI era with agents as first-class citizens, not bolt-ons"})]})}),e.jsxs("div",{style:{position:"relative"},children:[t&&e.jsxs("div",{style:{borderRadius:"16px",overflow:"hidden",border:"1px solid rgba(0,0,0,0.07)"},children:[e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 60px 60px 72px"},children:[e.jsx("div",{style:{padding:"14px 12px",background:"#fff"}}),["CPaaS","Telcos"].map(s=>e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"14px 4px",background:"#fff",fontFamily:'"Switzer Variable", sans-serif',fontSize:"11px",fontWeight:500,color:"#4B5563",letterSpacing:"0.04em",borderLeft:"1px solid rgba(0,0,0,0.06)"},children:s},s)),e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"14px 4px",background:"#FFE8E0",borderLeft:"1px solid rgba(232,60,0,0.15)",fontFamily:'"Switzer Variable", sans-serif',fontSize:"11px",fontWeight:600,color:"rgba(232,60,0,1)",letterSpacing:"0.04em"},children:"Vobiz"})]}),ye.map((s,r)=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 60px 60px 72px",borderTop:"1px solid rgba(0,0,0,0.06)"},children:[e.jsx("div",{style:{padding:"12px 12px",display:"flex",alignItems:"center",fontFamily:'"Spline Sans", sans-serif',fontSize:"13px",fontWeight:400,color:"rgba(80,80,80,1)",lineHeight:"1.35",background:r%2===0?"#fff":"rgba(0,0,0,0.015)"},children:s.label}),[s.cpaas,s.telco].map((a,i)=>e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",background:r%2===0?"#fff":"rgba(0,0,0,0.015)",borderLeft:"1px solid rgba(0,0,0,0.06)"},children:e.jsx(Q,{type:a})},i)),e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",background:r%2===0?"rgba(255,232,224,0.55)":"rgba(255,220,208,0.7)",borderLeft:"1px solid rgba(232,60,0,0.15)"},children:e.jsx(J,{})})]},s.label))]}),!t&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 255px 256px 256px",marginBottom:"0"},children:[e.jsx("div",{})," ",e.jsx("div",{style:{display:"flex",justifyContent:"center",padding:"16px 0 24px",fontFamily:'"Switzer Variable", sans-serif',fontSize:"18px",fontWeight:400,color:"rgba(40,40,40,1)"},children:"CPaaS"}),e.jsx("div",{style:{display:"flex",justifyContent:"center",padding:"16px 0 24px",fontFamily:'"Switzer Variable", sans-serif',fontSize:"18px",fontWeight:400,color:"rgba(40,40,40,1)"},children:"Local Telcos"}),e.jsxs("div",{style:{background:"linear-gradient(180deg, #FFE8E0 0%, rgba(255,232,224,0.6) 100%)",borderRadius:"16px 16px 0 0",display:"flex",alignItems:"center",justifyContent:"center",padding:"20px 0",border:"1px solid rgba(232,60,0,0.12)",borderBottom:"none"},children:[e.jsx("img",{src:"/Vobiz  _ Review file_icon/Frame 2147241367.svg",alt:"Vobiz",style:{height:"28px",width:"auto"}}),e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"18px",fontWeight:500,color:"rgba(16,7,3,1)",marginLeft:"8px"},children:"Vobiz"})]})]}),e.jsxs("div",{style:{position:"relative",display:"grid",gridTemplateColumns:"1fr 255px 256px 256px"},children:[e.jsx("div",{style:{display:"contents"},children:ye.map((s,r)=>e.jsxs(Ee.Fragment,{children:[e.jsx("div",{style:{padding:"14px 0",display:"flex",alignItems:"center",fontFamily:'"Spline Sans", sans-serif',fontSize:"16px",fontWeight:400,color:"#4B5563",borderTop:"1px solid rgba(0,0,0,0.06)"},children:s.label},`label-${r}`),e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"10px 0",borderTop:"1px solid rgba(0,0,0,0.06)"},children:e.jsx(Q,{type:s.cpaas})},`cpaas-${r}`),e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"10px 0",borderTop:"1px solid rgba(0,0,0,0.06)"},children:e.jsx(Q,{type:s.telco})},`telco-${r}`),e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"10px 0",position:"relative",zIndex:1},children:e.jsx(J,{})},`vobiz-${r}`)]},s.label))}),e.jsx("div",{style:{position:"absolute",top:0,right:0,width:"256px",bottom:0,background:"rgba(255,232,224,1)",borderRadius:"0 0 16px 16px",border:"1px solid rgba(232,60,0,0.14)",borderTop:"none",overflow:"hidden",zIndex:0,pointerEvents:"none"},children:e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",left:"-292px",top:"-149px",width:"55.25rem",height:"56.0625rem",borderRadius:"56.0625rem",background:"radial-gradient(ellipse at 93.15% 50%, rgba(232,60,0,0.8) 0%, rgba(250,250,250,0) 70%)",filter:"blur(60px)",pointerEvents:"none"}})})]})]})]})]})})},we=[{id:"limechat",isStagingOnly:!0,partnerName:"LimeChat",logoSrc:"/casestudies/limechat/limechat-logo.webp",logoAlt:"LimeChat AI Logo",logoClass:"h-6 sm:h-7 w-auto object-contain",caseStudyTitle:"LimeChat Builds Voice AI Into its Enterprise Platform with Vobiz.",caseStudyHref:"/resources/case-studies/limechat-voice-ai-enterprise-platform/",headline:"How LimeChat runs enterprise voice AI on the legacy contact-center stacks its clients already use.",stats:[{value:"545k+",label:"calls/month"},{value:"44–48%",label:"avg. connectivity rate"},{value:"72ms*",label:"median telephony latency"}],quote:"“If that purchase journey breaks, it’s a direct revenue loss to the brand.”",byline:{name:"Aniket Bajpai",role:"CTO, LimeChat AI",href:"https://www.linkedin.com/in/aniket-bajpai-13589b90/"}
56,ctaText:"See how LimeChat built it →",video:{youtubeId:"37SHo-4nC68",thumbnail:"/casestudies/limechat/hero-thumbnail.png"}},{id:"bolna",partnerName:"Bolna",logoSrc:"/companies/bolna.png",logoAlt:"Bolna Logo",logoClass:"h-10 sm:h-11 w-auto object-contain",caseStudyTitle:"Bolna Runs High-Volume Enterprise Voice Workflows on Vobiz.",caseStudyHref:"/resources/case-studies/bolna-high-volume-enterprise-voice-workflows/",headline:"How Bolna routes live calls between US and Indian agents without dropping them.",stats:[{value:"600k+",label:"peak daily call volume"},{value:"1400+",label:"peak concurrent sessions"},{value:"340+",label:"DIDs provisioned"}],quote:"“Clean IVR-AI-agent transfers, post-call delivery signals, and live cross-region routing are now API primitives for us, not bespoke infrastructure projects.”",byline:{name:"Maitreya Wagh",role:"Founder, Bolna",href:"https://www.linkedin.com/in/maitreya-wagh/"},ctaText:"See how Bolna built it →",video:{youtubeId:"dkyVrg27HCw",thumbnail:"/casestudies/bolna/hero-thumbnail.png"}}],Mt=()=>{const t=P(),[s,r]=x.useState(()=>ne());x.useEffect(()=>{r(ne())},[]);const a=s?we:we.filter(h=>!h.isStagingOnly),[i,d]=x.useState(0),[c,l]=x.useState(null),o=x.useRef(null),p=x.useRef(null),[m,u]=x.useState(0),[n,g]=x.useState(!1),[b,v]=x.useState(!1),S=$(-100),y=$(-100),j=he(S,{stiffness:450,damping:32}),k=he(y,{stiffness:450,damping:32});x.useEffect(()=>{const h=()=>{p.current&&u(p.current.offsetWidth)};return h(),window.addEventListener("resize",h),()=>window.removeEventListener("resize",h)},[]);const z=h=>{if(!o.current)return;const C=o.current.getBoundingClientRect();S.set(h.clientX-C.left),y.set(h.clientY-C.top)},f=()=>{d(h=>Math.max(0,h-1))},N=()=>{d(h=>Math.min(a.length-1,h+1))};x.useEffect(()=>{const h=C=>{C.key==="Escape"&&l(null)};return c&&(window.addEventListener("keydown",h),document.body.style.overflow="hidden"),()=>{window.removeEventListener("keydown",h),document.body.style.overflow="unset"}},[c]);const E=t?20:32,L=-i*(m+E);return e.jsxs("section",{id:"customer-stories",className:"relative w-full bg-[#FAFAFA] border-t border-[#EFEFEF] py-20 lg:py-28 text-left overflow-hidden select-none",children:[e.jsxs("div",{className:"relative z-10 w-full max-w-[1240px] mx-auto px-6 sm:px-8 lg:px-12",children:[e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-end justify-between gap-6 mb-12 sm:mb-16",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"inline-flex items-center gap-2 mb-3",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#EE6524]"}),e.jsx("span",{className:"text-[12px] uppercase font-semibold tracking-[2px] text-[#78716C]",style:{fontFamily:'"Switzer Variable", sans-serif'},children:"CUSTOMER STORIES"})]}),e.jsx("h2",{className:"text-3xl sm:text-4xl lg:text-[42px] font-normal text-[#100703] tracking-[-1px] leading-[1.2]",style:{fontFamily:'"Switzer Variable", sans-serif'},children:"Built on Vobiz, running at enterprise scale."})]}),e.jsxs(H,{to:"/resources/case-studies/",className:"inline-flex items-center gap-1.5 text-sm font-medium text-[#EE6524] hover:text-[#C8490E] transition-colors shrink-0 group self-start sm:self-auto",children:[e.jsx("span",{children:"View all case studies"}),e.jsx(Xe,{className:"w-4 h-4 transition-transform group-hover:translate-x-0.5"})]})]}),e.jsxs("div",{ref:o,onMouseEnter:()=>g(!0),onMouseLeave:()=>{g(!1),v(!1)},onMouseMove:z,className:"relative w-full overflow-visible",children:[e.jsx(Z,{children:n&&!t&&a.length>1&&e.jsxs(B.div,{initial:{opacity:0,scale:.6},animate:{opacity:1,scale:b?.92:1},exit:{opacity:0,scale:.6},transition:{duration:.15,ease:"easeOut"},style:{left:j,top:k,x:"-50%",y:"-50%"},className:"absolute z-40 pointer-events-none flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-white/95 backdrop-blur-md border border-gray-300 shadow-xl text-xs font-semibold text-gray-800",children:[e.jsx(nt,{className:"w-3.5 h-3.5 text-gray-700"}),e.jsx("span",{children:"Drag"})]})}),e.jsx(B.div,{animate:{x:L},transition:{type:"spring",stiffness:240,damping:28},drag:a.length>1?"x":!1,dragConstraints:{left:-(a.length-1)*(m+E),right:0},dragElastic:.12,onDragStart:()=>{a.length>1&&v(!0)},onDragEnd:(h,C)=>{if(a.length<=1)return;v(!1);const T=50,M=200;C.offset.x<-T||C.velocity.x<-M?N():(C.offset.x>T||C.velocity.x>M)&&f()},className:`flex items-stretch ${a.length>1?"cursor-grab active:cursor-grabbing":""}`,style:{gap:`${E}px`},children:a.map((h,C)=>{const T=C===i;return e.jsx("div",{ref:C===0?p:null,onClick:()=>{a.length>1&&!T&&d(C)},className:`shrink-0 w-full ${a.length>
561?"sm:w-[94%] lg:w-[1040px] xl:w-[1140px]":"w-full"} bg-white rounded-[28px] sm:rounded-[36px] border transition-all duration-300 ${T?"border-[#E7E5E4] shadow-[0_20px_50px_-12px_rgba(0,0,0,0.06),0_4px_16px_-4px_rgba(0,0,0,0.02)] opacity-100":"border-[#EFEFEF] shadow-sm opacity-60 hover:opacity-85 cursor-pointer"} p-6 sm:p-10 lg:p-12`,children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-center",children:[e.jsxs("div",{className:"lg:col-span-6 flex flex-col justify-between items-start text-left",children:[e.jsxs("div",{children:[e.jsx("div",{className:"mb-6 flex items-center h-12",children:e.jsx("img",{src:h.logoSrc,alt:h.logoAlt,className:h.logoClass||"h-8 w-auto object-contain",loading:"lazy"})}),e.jsx("h3",{className:"text-xl sm:text-2xl lg:text-[28px] font-normal text-[#100703] tracking-[-0.6px] leading-[1.28] mb-5",style:{fontFamily:'"Switzer Variable", sans-serif'},children:e.jsx(H,{to:h.caseStudyHref,className:"hover:text-[#EE6524] transition-colors",children:h.headline})}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-6 sm:gap-8 w-full py-5 border-y border-[#F0EFEB] mb-6",children:h.stats.map((M,De)=>e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"text-2xl sm:text-3xl lg:text-[32px] font-normal text-[#100703] tracking-tight leading-none mb-1.5",style:{fontFamily:'"Switzer Variable", sans-serif'},children:M.value}),e.jsx("span",{className:"text-xs sm:text-[13px] text-[#78716C] leading-tight font-normal",style:{fontFamily:'"Spline Sans", sans-serif'},children:M.label})]},De))}),e.jsxs("div",{className:"mb-6 w-full",children:[e.jsx("blockquote",{className:"text-[14.5px] sm:text-[15.5px] text-[#292524] italic leading-relaxed mb-2.5",style:{fontFamily:'"Spline Sans", sans-serif'},children:h.quote}),e.jsxs("div",{className:"flex items-center gap-1.5 text-xs text-[#78716C]",children:[e.jsx("span",{children:"—"}),e.jsxs("a",{href:h.byline.href,target:"_blank",rel:"noopener noreferrer",className:"font-medium text-[#100703] hover:text-[#EE6524] transition-colors inline-flex items-center gap-1",children:[e.jsx("span",{children:h.byline.name}),e.jsxs("span",{children:["(",h.byline.role,")"]}),e.jsx(Ke,{className:"w-3 h-3 opacity-60"})]})]})]})]}),e.jsx(H,{to:h.caseStudyHref,className:"inline-flex items-center gap-2 text-sm sm:text-[15px] font-semibold text-[#EE6524] hover:text-[#C8490E] transition-all group pt-2",style:{fontFamily:'"Spline Sans", sans-serif'},children:e.jsx("span",{className:"border-b border-[#EE6524]/40 group-hover:border-[#C8490E] pb-0.5",children:h.ctaText})})]}),e.jsx("div",{className:"lg:col-span-6 w-full flex items-center justify-center",children:e.jsxs("div",{onClick:M=>{M.stopPropagation(),l(h.video.youtubeId)},className:"relative w-full aspect-video rounded-2xl sm:rounded-3xl overflow-hidden cursor-pointer group shadow-xl border border-black/5 bg-black",children:[e.jsx("img",{src:h.video.thumbnail,alt:`${h.partnerName} Video Story`,className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105",loading:"lazy"}),T&&e.jsx("div",{className:"absolute inset-0 w-full h-full pointer-events-none overflow-hidden",children:e.jsx("iframe",{src:`https://www.youtube-nocookie.com/embed/${h.video.youtubeId}?autoplay=1&mute=1&loop=1&playlist=${h.video.youtubeId}&controls=0&disablekb=1&fs=0&iv_load_policy=3&showinfo=0&rel=0&modestbranding=1&playsinline=1`,title:`${h.partnerName} Video Testimonial`,className:"w-full h-full absolute inset-0 border-0 pointer-events-none scale-[1.03]",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"})}),e.jsx("div",{className:"absolute right-4 bottom-4 sm:right-6 sm:bottom-6 z-10 w-12 h-12 sm:w-14 sm:h-14 rounded-2xl bg-white/95 backdrop-blur-md text-[#100703] shadow-lg flex items-center justify-center transition-all duration-300 group-hover:scale-110 group-hover:bg-white",children:e.jsx(Qe,{className:"w-5 h-5 sm:w-6 sm:h-6 fill-[#100703] text-[#100703] translate-x-0.5"})})]})})]})},h.id)})}),a.length>1&&e.jsx("div",{className:"flex flex-col items-center justify-center gap-4 mt-8 sm:mt-10",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{type:"button",onClick:f,disabled:i===0,"aria-label":"Previous customer story",className:`w-11 h-11 rounded-full border border-gray-300 bg-white transition-all flex items-center justify-center text-[#374151] shadow-sm ${i===0?"opacity-40 cursor-not-allowed":"hover:bg-gray-100 hover:text-[#111827] hover:scale-105 active:scale-95"}`,children:e.jsx(Ze,{className:"w-5 h-5 stroke-[2.2]"})}),e.jsx("div",{className:"flex items-center gap-2 px-2",children:a.map((h,C)=>{const T=C===i;return e.jsx("button",{type:"button",onClick:()=>d(C),"aria-label":`Go to ${h.partnerName}
56 story`,className:`h-2 rounded-full transition-all duration-300 ${T?"w-8 bg-[#100703]":"w-2 bg-[#D1D5DB] hover:bg-[#9CA3AF]"}`},h.id)})}),e.jsx("button",{type:"button",onClick:N,disabled:i===a.length-1,"aria-label":"Next customer story",className:`w-11 h-11 rounded-full border border-gray-300 bg-white transition-all flex items-center justify-center text-[#374151] shadow-sm ${i===a.length-1?"opacity-40 cursor-not-allowed":"hover:bg-gray-100 hover:text-[#111827] hover:scale-105 active:scale-95"}`,children:e.jsx(Je,{className:"w-5 h-5 stroke-[2.2]"})})]})})]})]}),e.jsx(Z,{children:c&&e.jsx(B.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:()=>l(null),className:"fixed inset-0 z-50 bg-black/80 backdrop-blur-md flex items-center justify-center p-4 sm:p-6 lg:p-10",children:e.jsxs(B.div,{initial:{scale:.95,opacity:0,y:20},animate:{scale:1,opacity:1,y:0},exit:{scale:.95,opacity:0,y:20},transition:{type:"spring",stiffness:300,damping:30},onClick:h=>h.stopPropagation(),className:"relative w-full max-w-4xl bg-black rounded-2xl sm:rounded-3xl overflow-hidden shadow-2xl border border-white/10 aspect-video",children:[e.jsx("button",{type:"button",onClick:()=>l(null),"aria-label":"Close video",className:"absolute top-4 right-4 z-20 w-10 h-10 rounded-full bg-black/70 hover:bg-black text-white/80 hover:text-white flex items-center justify-center backdrop-blur-md transition-colors",children:e.jsx(We,{className:"w-5 h-5"})}),e.jsx("iframe",{src:`https://www.youtube-nocookie.com/embed/${c}?autoplay=1&rel=0&modestbranding=1`,title:"Customer Testimonial",className:"w-full h-full border-0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})]})})})]})},Vt=[{src:"/ertifications/iso.png",alt:"ISO 27001",name:"ISO 27001:2022",badge:"Certified"},{src:"/ertifications/soc2.png",alt:"AICPA SOC",name:"SOC 2 Type II",badge:"Certified"},{src:"/ertifications/gdpr.png",alt:"GDPR",name:"GDPR Compliant",badge:"Compliant"},{src:"/ertifications/hipaa.png",alt:"HIPAA",name:"HIPAA Ready",badge:"Compliant"}],Bt=()=>{const t=P();return e.jsx("section",{className:"relative py-16 lg:py-24 overflow-hidden",style:{background:"#F6F2F1"},children:e.jsxs("div",{style:{maxWidth:"var(--section-max-width)",margin:"0 auto",padding:t?"0 20px":"0 60px",position:"relative",zIndex:10,width:"100%"},children:[e.jsxs("div",{className:"max-w-4xl lg:max-w-5xl mb-12 lg:mb-16",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("img",{src:"/latency-dot.svg","aria-hidden":!0,alt:"",style:{width:"7px",height:"7px",flexShrink:0}}),e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"13px",fontWeight:500,letterSpacing:"2.28px",textTransform:"uppercase",color:"#6B7280",lineHeight:"1.4"},children:"Industry Regulations"})]}),e.jsxs("h2",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:t?"2.25rem":"2.375rem",fontWeight:400,lineHeight:"120%",letterSpacing:t?"-0.045rem":"-0.07125rem",color:"#100703",marginBottom:"16px"},children:["Built for regulated markets."," ",e.jsx("span",{style:{color:"#100703"},children:"Compliant by design."})]}),e.jsx("p",{style:{fontFamily:'"Spline Sans", sans-serif',fontSize:t?"1rem":"1.125rem",fontWeight:400,lineHeight:"140%",color:"#4A4A4A",maxWidth:"860px"},children:"Enterprise-grade communications infrastructure engineered with end-to-end media encryption, automated regulatory adherence, real-time PII redaction, and comprehensive audit logs across every call."})]}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-8 sm:gap-10 lg:gap-14 pt-8 border-t border-[rgba(16,7,3,0.1)]",children:Vt.map(s=>e.jsxs("div",{className:"flex items-center gap-3.5 sm:gap-4 group",children:[e.jsx("img",{src:s.src,alt:s.alt,className:"w-12 h-12 sm:w-14 sm:h-14 object-contain shrink-0 opacity-90 group-hover:opacity-100 transition-opacity"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("p",{className:"text-[15px] sm:text-[16px] font-medium text-[#100703] leading-[1.25]",style:{fontFamily:'"Switzer Variable", sans-serif'},children:s.name}),e.jsx("span",{className:"text-[12px] font-medium text-[#027323] mt-1",style:{fontFamily:'"Switzer Variable", sans-serif'},children:s.badge})]})]},s.alt))})]})})},Pt="#FAFAFA",ee="linear-gradient(152deg, rgba(250,250,250,0.00) 17.15%, #D7C0B8 122.74%)",D="1px solid #DEDEDE",je="0.626px solid #DEDEDE",A=({icon:t,label:s,value:r,colSpan:a=1,noRight:i=!1,noBottom:d=!1,bg:c,borderOverride:l,alwaysBg:o=!1})=>{const[p,m]=Ee.useState(!1),u=l??D,n=o?c:p?c??ee:Pt;return e.jsxs("div",{onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),style:{gridColumn:a>1?`span ${a}`:void 0,background:n,border:o&&c?l??D:void 0,padding:"28px 32px 32px",display:"flex",flexDirection:"column",justifyContent:"space-between",gap:"32px",cursor:"default",minHeight:"180px",borderRight:i?"none":u,borderBottom:d?"none":u,transition:"background 0.3s ease"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[e.jsx("span",{style:{color:"#6B7280",lineHeight:0},children:t}),e.jsx("span",{style:{fontFamily:'"Spline Sans", sans-serif',fontSize:"16px",color:"#4B5563",lineHeight:"1.4"},children:s})]}),e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"clamp(1.6rem, 3vw, 40px)",fontWeight:400,letterSpacing:"-1px",color:"rgba(16,7,3,1)",lineHeight:"1"},children:r})]})},Lt=()=>{const t=P();return e.jsxs(e.Fragment,{children:[e.jsx("section",{id:"enterprise-scale",style:{background:"#FAFAFA",padding:t?"60px 0 32px":"80px 0 48px",position:"relative",zIndex:1},children:e.jsxs("div",{style:{maxWidth:"var(--section-max-width)",margin:"0 auto",padding:t?"0 20px":"0 60px"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:t?"column":"row",alignItems:"flex-start",justifyContent:"space-between",marginBottom:t?"32px":"48px",gap:t?"1.5rem":"40px"},children:[e.jsxs(B.div,{initial:{opacity:1},transition:{duration:.6},style:{display:"flex",flexDirection:"column",gap:"12px",maxWidth:t?"100%":"720px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"9px"},children:[e.jsx("img",{src:"/latency-dot.svg","aria-hidden":!0,style:{width:7,height:7}}),e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"13px",fontWeight:500,letterSpacing:"2.28px",textTransform:"uppercase",color:"#6B7280"},children:"Scale"})]}),e.jsx("h2",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:t?"2.25rem":"2.375rem",fontWeight:400,lineHeight:"120%",letterSpacing:t?"-0.045rem":"-0.07125rem",color:"rgba(16,7,3,1)",margin:0},children:"Built for enterprise-scale"}),e.jsx("p",{style:{fontFamily:'"Spline Sans", sans-serif',fontSize:t?"16px":"18px",color:"#4B5563",margin:0,lineHeight:"1.6"},children:"Ultra-low latency at 80ms. Live context updates. Redundancy and failover designed for real-time AI workloads. And architecture that scales from 10 calls to 10,000 seamlessly."})]}),e.jsx(B.div,{initial:{opacity:1},transition:{duration:.5,delay:.15},style:{flexShrink:0},children:e.jsx(I,{variant:"primary",size:t?"sm":"lg",asChild:!0,className:"justify-between w-[13.25rem]",children:e.jsxs("a",{href:"/contact-us/",style:{textDecoration:"none"},children:["Book a demo",e.jsx(R,{size:t?"sm":"lg"})]})})})]}),t?e.jsxs("div",{style:{border:D},children:[e.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr",borderBottom:D},children:e.jsx(A,{colSpan:1,icon:e.jsx(se,{size:20,strokeWidth:1.5}
56),label:"Call Volume",value:"5 million+ calls per day",noRight:!0,noBottom:!0})}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",borderBottom:D},children:[e.jsx(A,{icon:e.jsx(le,{size:20,strokeWidth:1.5}),label:"Call Initialization Rate",value:"99.99%",noBottom:!0}),e.jsx(A,{noRight:!0,icon:e.jsx(re,{size:20,strokeWidth:1.5}),label:"Average Telephony Latency",value:"<80 ms",noBottom:!0,bg:ee})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr",borderBottom:D},children:e.jsx(A,{icon:e.jsx(ce,{size:20,strokeWidth:1.5}),label:"Average Call Quality Score:",value:"4.2+ MOS",noRight:!0,noBottom:!0})}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",borderBottom:D},children:[e.jsx(A,{icon:e.jsx(ie,{size:20,strokeWidth:1.5}),label:"Spam Flag Rate Reduction",value:"30%",noBottom:!0,borderOverride:je}),e.jsx(A,{noRight:!0,icon:e.jsx(de,{size:20,strokeWidth:1.5}),label:"Platform Uptime",value:"99.99%",noBottom:!0})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr"},children:e.jsx(A,{noRight:!0,noBottom:!0,icon:e.jsx(oe,{size:20,strokeWidth:1.5}),label:"Avg Support Turnaround Time",value:"<60 min"})})]}):e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",border:D},children:[e.jsx(A,{colSpan:2,icon:e.jsx(se,{size:20,strokeWidth:1.5}),label:"Call Volume",value:"5 million+ calls per day"}),e.jsx(A,{icon:e.jsx(le,{size:20,strokeWidth:1.5}),label:"Call Initialization Rate",value:"99.99%"}),e.jsx(A,{noRight:!0,icon:e.jsx(re,{size:20,strokeWidth:1.5}),label:"Average Telephony Latency",value:"<80 ms",bg:ee}),e.jsx(A,{icon:e.jsx(ce,{size:20,strokeWidth:1.5}),label:"Average Call Quality Score:",value:"4.2+ MOS"}),e.jsx(A,{icon:e.jsx(ie,{size:20,strokeWidth:1.5}),label:"Spam Flag Rate Reduction",value:"30%",borderOverride:je}),e.jsx(A,{icon:e.jsx(de,{size:20,strokeWidth:1.5}),label:"Platform Uptime",value:"99.99%"}),e.jsx(A,{noRight:!0,noBottom:!0,icon:e.jsx(oe,{size:20,strokeWidth:1.5}),label:"Avg Support Turnaround Time",value:"<60 min"})]})]})}),e.jsxs("div",{style:{marginTop:t?"-20px":"-104px",position:"relative",zIndex:0,maskImage:"linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 100%)",WebkitMaskImage:"linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 100%)"},children:[e.jsx("img",{src:"/texturebg2.svg","aria-hidden":!0,style:{width:"100%",height:"auto",display:"block"}}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,background:"linear-gradient(0deg, rgba(250,250,250,0.00) 42.84%, #FAFAFA 86.9%)",pointerEvents:"none"}})]})]})},Wt=({question:t,answer:s,isOpen:r,onToggle:a})=>e.jsxs("div",{style:{borderBottom:"1px solid rgba(255,255,255,0.1)"},children:[e.jsxs("button",{onClick:a,style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"20px 0",gap:"12px",background:"none",border:"none",cursor:"pointer",textAlign:"left"},children:[e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"17px",fontWeight:400,color:"#fff",lineHeight:"140%"},children:t}),e.jsx(_e,{style:{flexShrink:0,width:18,height:18,color:"rgba(255,255,255,0.7)",transition:"transform 0.3s ease",transform:r?"rotate(180deg)":"rotate(0deg)"}})]}),e.jsx(Z,{initial:!1,children:r&&e.jsx(B.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:[.16,1,.3,1]},style:{overflow:"hidden"},children:e.jsx("p",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"15px",color:"rgba(255,255,255,0.7)",lineHeight:"1.6",paddingBottom:"20px",margin:0},children:s})},"content")})]}),_t="M0 0.529899C0 0.225785 0.251854 -0.0230807 0.560987 0.0017045C1.29071 0.0602115 2.00798 0.232615 2.68645 0.513675C3.53816 0.8665 4.31204 1.38364 4.96391 2.03558C5.61578 2.68752 6.13287 3.46148 6.48566 4.31328C6.7681 4.9952 6.9408 5.71632 6.99845 6.44989C7.02228 6.7531 6.76859 7 6.45843 7L0.561602 7C0.251438 7 0 6.75347 0 6.44935V0.529899Z",Ht=["scaleX(-1)","none","scale(-1)","scaleY(-1)"],Ot=()=>e.jsx("div",{style:{position:"absolute",inset:"6px",pointerEvents:"none",zIndex:20},children:[{top:0,left:0},{top:0,right:0},{bottom:0,left:0},{bottom:0,right:0}].map((t,s)=>e.jsx("svg",{width:"7",height:"7",viewBox:"0 0 7 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{position:"absolute",...t,transform:Ht[s]},children:e.jsx("path",{d:_t,fill:"white",fillOpacity:"0.46"})},s))}),Te=[{question:"What is Vobiz and who is it built for?",answer:"Vobiz is an AI-native telephony infrastru
56cture platform for developers and businesses building voice AI applications. It provides the full carrier-grade telecom layer — numbers, SIP trunking, voice APIs, WebRTC, and real-time AI media processing — in a single stack, purpose-built for the latency and compliance requirements of production AI voice agents."},{question:"How does Vobiz's 80ms latency actually work?",answer:"The 80ms figure is the end-to-end telephony latency — the time the call spends inside the telecom layer before your AI agent even begins processing. Vobiz achieves this through AI-native packet optimization, noise cancellation, and voice isolation built directly into the media stack. The result is a telephony layer that is effectively invisible, so your LLM and TTS can run at full speed."},{question:"What does the Vobiz Partner Program offer?",answer:"The Partner Program is for AI voice builders and systems integrators who want to power their product on Vobiz infrastructure without owning telecom operations. You provision customer accounts, control billing, manage DID inventory, and access call records and financial reconciliation through a single API — under your own brand and pricing. Vobiz runs under the hood. You own the customer relationship."},{question:"Is Vobiz ready for regulated markets?",answer:"Yes, by design. Encrypted media streams, PII redaction, consent signaling, and audit logs are built into the infrastructure and available on every deployment — across healthcare, BFSI, insurance, government, retail, and any other sector operating under regulatory scrutiny. You don't need to add compliance after the fact. It ships with the platform."},{question:"Does Vobiz lock me into its number infrastructure?",answer:"No. Your DID is invoiced in your name and is fully portable. It moves with you across vendors, AI partners, and stacks — with no carrier negotiations required to reclaim it. Vobiz maintains consistent outbound caller identity across all your campaigns globally, which also means fewer spam flags and better answer rates as your volume scales."},{question:"Can Vobiz handle enterprise-scale call volumes reliably?",answer:"Vobiz processes 5 million+ calls per day at 99.99% call initialization rate and 99.99% platform uptime. The architecture scales from 10 calls to 10,000 without configuration changes, with redundancy and failover designed specifically for real-time AI workloads — not traditional telephony patterns."},{question:"Is Vobiz an alternative to Plivo?",answer:"Yes. If you’re evaluating Plivo for SIP trunking or voice APIs in India, Vobiz covers the same ground on one account: SIP trunking, DIDs, voice APIs, and WhatsApp Business messaging, with TRAI/DLT-compliant call routing and automated eKYC number verification built in from day one. Sub-80ms latency and real-time audio streaming come standard, so AI voice agent teams aren’t stitching separate vendors together to get there."},{question:"Is Vobiz an alternative to Twilio?",answer:"Yes. Twilio is a global platform built for general-purpose telephony. Vobiz is built specifically for AI voice agents, with TRAI/DLT compliance handled natively for India rather than configured after the fact. SIP trunking, DIDs, voice APIs, and WhatsApp Business calling live on one account, with self-serve provisioning that includes automated eKYC, so compliance and number setup aren’t two separate projects."},{question:"Is Vobiz an alternative to Exotel?",answer:"Yes, though the two are built for different jobs. Exotel is built around traditional cloud telephony and IVR. Vobiz is built around AI voice agents: real-time audio streaming voice APIs, sub-80ms latency, and direct integration with the AI calling platforms teams are already building on, on the same DID and SIP trunking coverage, so the switch doesn’t mean giving up trunking you already depend on."}],$t={"@context":"https://schema.org","@type":"FAQPage",mainEntity:Te.map(t=>({"@type":"Question",name:t.question,acceptedAnswer:{"@type":"Answer",text:t.answer}}))},qt=()=>{const t=P(),[s,r]=x.useState(null);
56return e.jsxs("section",{id:"partner-infrastructure",style:{background:"linear-gradient(180deg, #180F0B 0%, #0F0704 100%)",padding:t?"16px 0":"24px 0",position:"relative",overflow:"hidden"},children:[e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",top:0,left:0,right:0,height:"516px",pointerEvents:"none",zIndex:0},children:e.jsx("img",{src:"/numberporatbility/bgpattern/full-pattern.png",alt:"",style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"top center"}})}),e.jsx("div",{style:{maxWidth:"var(--section-max-width)",margin:"0 auto",padding:t?"0 20px":"0 60px",display:"flex",justifyContent:"center",position:"relative",zIndex:10},children:e.jsxs("div",{style:{width:"100%",maxWidth:"1102px",borderRadius:"0.75rem",background:"#180F0B",boxShadow:"0 -16.596px 29.873px -14.937px #FF6A36 inset",position:"relative",overflow:"hidden",height:t?"auto":"400px"},children:[!t&&e.jsxs(e.Fragment,{children:[e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,background:"radial-gradient(ellipse 80% 120% at 85% 50%, #E83C00 0%, rgba(232,60,0,0.6) 30%, rgba(232,60,0,0.15) 60%, transparent 80%)",pointerEvents:"none",zIndex:0,borderRadius:"0.75rem"}}),e.jsx("img",{"aria-hidden":!0,src:"/partner-card-v1.svg",alt:"",style:{position:"absolute",width:"23.49994rem",height:"auto",aspectRatio:"318/227",right:0,top:"50%",transform:"translateY(-50%)",mixBlendMode:"multiply",pointerEvents:"none",zIndex:3}}),e.jsx("img",{"aria-hidden":!0,src:"/partner-card-v2.svg",alt:"",style:{position:"absolute",width:"23.49994rem",height:"auto",aspectRatio:"318/227",right:0,top:"50%",transform:"translateY(-50%)",pointerEvents:"none",zIndex:4}}),e.jsx("img",{"aria-hidden":!0,src:"/partner-card-vline.svg",alt:"",style:{position:"absolute",left:"709px",top:"-33.19px",height:"444.783px",width:"1px",mixBlendMode:"overlay",pointerEvents:"none",zIndex:1}}),e.jsx("img",{"aria-hidden":!0,src:"/partner-card-vline.svg",alt:"",style:{position:"absolute",left:"16.55px",top:"-33.19px",height:"444.783px",width:"1px",mixBlendMode:"overlay",pointerEvents:"none",zIndex:1}}),e.jsx("img",{"aria-hidden":!0,src:"/partner-card-vline.svg",alt:"",style:{position:"absolute",left:"1086.45px",top:"-33.19px",height:"444.783px",width:"1px",mixBlendMode:"overlay",pointerEvents:"none",zIndex:1}}),e.jsx("img",{"aria-hidden":!0,src:"/partner-card-hline.svg",alt:"",style:{position:"absolute",left:0,top:"24.6px",width:"1102px",height:"1px",mixBlendMode:"overlay",pointerEvents:"none",zIndex:1}}),e.jsx("img",{"aria-hidden":!0,src:"/partner-card-hline.svg",alt:"",style:{position:"absolute",left:0,top:"364px",width:"1102px",height:"1px",mixBlendMode:"overlay",pointerEvents:"none",zIndex:1}})]}),e.jsx("div",{style:{position:"relative",zIndex:10,display:"flex",flexDirection:"column",justifyContent:"center",padding:t?"40px 32px 28px":"0 0 0 64px",width:"100%",height:t?"auto":"420px",boxSizing:"border-box"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px",maxWidth:t?"100%":"629px"},children:[e.jsx("h2",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:t?"2.25rem":"2.375rem",fontWeight:400,letterSpacing:t?"-0.045rem":"-0.07125rem",color:"#FAFAFA",margin:0,lineHeight:"120%"},children:"The Infrastructure Platform for Voice AI Builders and Integrators"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[e.jsx("h3",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"20px",fontWeight:500,color:"#FFFFFF",margin:0,lineHeight:"1.4"},children:t?e.jsxs(e.Fragment,{children:["Your brand.",e.jsx("br",{}),"Your pricing. Vobiz under the hood."]}):"Your brand. Your pricing. Vobiz under the hood."}),e.jsx("p",{style:{fontFamily:'"Spline Sans", sans-serif',fontSize:"16px",color:"rgba(255,255,255,0.7)",lineHeight:"1.4",margin:0},children:"Run your voice AI business through a single API. Provision customer accounts, control billing, and manage DID inventory, call records, and financial reconciliation in real-time. You own the customer relationship. We power the infrastructure behind it."})]}),e.jsxs("a",{href:"/contact-us/",style:{background:"#FFFFFF",color:"#100703",padding:"10px 10px 10px 12px",borderRadius:"8px",fontFamily:'"Switzer Variable", sans-serif',fontSize:"14px",fontWeight:400,display:"inline-flex",alignItems:"center",gap:"12px",border:"none",cursor:"pointer",transition:"transform 0.2s",alignSelf:"flex-start",textDecoration:"none"},onMouseEnter:a=>a.currentTarget.style.transform="translateY(-2px)",onMouseLeave:a=>a.currentTarget.style.transform="translateY(0)",children:["Become a partner",e.jsx(R,{size:"sm"})]})]})}),t&&e.jsxs("div",{"aria-hidden":!0,style:{position:"relative",zIndex:5,height:"140px",overflow:"hidden",background:"radial-gradient(ellipse 130% 180% at 65% 110%, #E83C00 0%, rgba(232,60,0,0.7) 30%, rgba(232,60,0,0.2) 60%, transparent 80%)",borderTop:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx("img",{src:"/partner-card-v1.svg",alt:"",style:{position:"absolute",width:"260px",height:"auto",right:"-8px",bottom:"-8px",mixBlendMode:"multiply",pointerEvents:"none"}}),e.jsx("img",{src:"/partner-card-v2.svg",alt:"",style:{position:"absolute",width:"260px",height:"auto",right:"-8px",bottom:"-8px",pointerEvents:"none"}})]}),e.jsx(Ot,{}),e.jsx("div",{"aria-hidden":!0,style:{position:"absolute",inset:0,borderRadius:"0.75rem",boxShadow:"0 -16.596px 29.873px -14.937px #FF6A36 inset",pointerEvents:"none",zIndex:30}})]})}),e.jsxs("div",{style:{maxWidth:"var(--section-max-width)",margin:t?"64px auto 0":"160px auto 0",padding:t?"0 20px":"0 60px",position:"relative",zIndex:10,display:"grid",gridTemplateColumns:t?"1fr":"1fr 1.5fr",gap:t?"40px":"60px"},children:[e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"16
56px"},children:[e.jsx("img",{src:"/latency-dot.svg","aria-hidden":!0,style:{width:"7px",height:"7px",flexShrink:0}}),e.jsx("span",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:"13px",fontWeight:500,letterSpacing:"2px",textTransform:"uppercase",color:"#FFFFFF"},children:"FAQ"})]}),e.jsxs("h2",{style:{fontFamily:'"Switzer Variable", sans-serif',fontSize:t?"2.25rem":"2.375rem",fontWeight:400,letterSpacing:t?"-0.045rem":"-0.07125rem",color:"#FFFFFF",marginBottom:"16px",lineHeight:"120%"},children:["Questions?",e.jsx("br",{}),"We're here to help"]}),e.jsx("p",{style:{fontFamily:'"Spline Sans", sans-serif',fontSize:"17px",color:"rgba(255,255,255,0.85)",lineHeight:"1.6",margin:"0 0 40px 0"},children:"Get SIP Trunking, Voice API, WhatsApp and SMS on the same number. No fragmentation, no vendor lock-in."}),e.jsx(I,{variant:"primary",size:"sm",asChild:!0,className:"justify-between",children:e.jsxs("a",{href:"/contact-us/",style:{textDecoration:"none"},children:["Partner with us",e.jsx(R,{size:"sm"})]})})]}),e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify($t)}}),e.jsx("div",{children:Te.map((a,i)=>e.jsx(Wt,{question:a.question,answer:a.answer,isOpen:s===i,onToggle:()=>r(s===i?null:i)},i))})]})]})},Se="https://www.vobiz.ai/docs/mcp",Yt=[{icon:tt,name:"search_vobiz",description:"Full-text search across the docs, code examples and API reference. Returns contextual snippets with direct links."},{icon:st,name:"query_docs_filesystem_vobiz",description:"Read-only sandboxed access (rg, grep, find, cat, jq) over every docs page and the OpenAPI spec, for reading full content by path."},{icon:rt,name:"submit_feedback",description:"Report incorrect, outdated or confusing documentation on a specific page straight back to the Vobiz team."}],Ut=[{label:"llms.txt",href:"https://www.vobiz.ai/llms.txt"},{label:"agents.md",href:"https://www.vobiz.ai/agents.md"},{label:"OpenAPI spec",href:"https://www.vobiz.ai/openapi.json"},{label:"Server card",href:"https://www.vobiz.ai/.well-known/mcp/server-card.json"}],Gt=()=>{const[t,s]=x.useState(!1),r=()=>{navigator.clipboard.writeText(Se),s(!0),He.success("MCP endpoint copied to clipboard!"),setTimeout(()=>s(!1),2e3)};return e.jsxs("section",{id:"mcp-server",className:"relative w-full bg-[#100703] border-t border-[#26160F] py-20 lg:py-28 text-left overflow-hidden",children:[e.jsx("div",{className:"absolute top-1/3 left-1/2 -translate-x-1/2 w-[760px] h-[460px] rounded-full pointer-events-none opacity-20 blur-[120px]",style:{background:"radial-gradient(circle, #E83C00 0%, #F79573 50%, transparent 70%)"}}),e.jsx("div",{className:"relative z-10 w-full max-w-[1240px] mx-auto px-6 sm:px-8 lg:px-12",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-16 items-start",children:[e.jsxs("div",{className:"lg:col-span-5",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 mb-3",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#EE6524]"}),e.jsx("span",{className:"text-[12px] uppercase font-semibold tracking-[2px] text-[#A39690]",style:{fontFamily:'"Switzer Variable", sans-serif'},children:"MCP SERVER"})]}),e.jsx("h2",{className:"text-3xl sm:text-4xl lg:text-[42px] font-normal text-white tracking-[-1px] leading-[1.2] mb-4",style:{fontFamily:'"Switzer Variable", sans-serif'},children:"Point your AI assistant at our docs"}),e.jsx("p",{className:"text-base sm:text-[18px] text-[#C4B8B2] leading-[1.6] font-normal mb-8",style:{fontFamily:'"Spline Sans", sans-serif'},children:"Vobiz ships a public, read-only MCP server. Connect it to Claude, Cursor or any MCP-capable client and your assistant answers from current, cited documentation instead of guessing from training data."}),e.jsxs("div",{className:"mb-6",children:[e.jsx("span",{className:"block text-[11.5px] font-mono font-semibold tracking-wider text-[#EE6524] uppercase mb-2",children:"Endpoint"}),e.jsxs("div",{className:"flex items-stretch gap-2",children:[e.jsx("code",{className:"flex-1 min-w-0 truncate rounded-lg border border-[#2A150D] bg-[#1A0D07] px-4 py-3 text-[13px] sm:text-[14px] text-[#E8E2DE]",style:{fontFamily:'"IBM Plex Mono", monospace'},children:Se}),e.jsxs("button",{type:"button",onClick:r,"aria-label":"Copy MCP endpoint",className:"shrink-0 inline-flex items-center gap-2 rounded-lg border border-[#2A150D] bg-[#1A0D07] px-4 text-[13px] font-medium text-[#E8E2DE] hover:border-[#
56EE6524]/50 hover:text-white transition-colors",children:[t?e.jsx(Ie,{className:"w-4 h-4 text-[#EE6524]"}):e.jsx(et,{className:"w-4 h-4"}),e.jsx("span",{className:"hidden sm:inline",children:t?"Copied":"Copy"})]})]}),e.jsx("p",{className:"mt-2 text-[13px] text-[#8C7D76]",children:"Streamable HTTP transport. Public and read-only, no authentication required."})]}),e.jsx(I,{variant:"primary",size:"lg",asChild:!0,className:"justify-between",children:e.jsxs("a",{href:"https://www.vobiz.ai/docs/mcp",target:"_blank",rel:"noopener noreferrer",children:[e.jsx("span",{children:"Read the MCP setup guide"}),e.jsx(R,{size:"sm"})]})})]}),e.jsxs("div",{className:"lg:col-span-7 w-full",children:[e.jsx("span",{className:"block text-[11.5px] font-mono font-semibold tracking-wider text-[#EE6524] uppercase mb-4",children:"Available tools"}),e.jsx("div",{className:"flex flex-col gap-3",children:Yt.map(a=>e.jsxs("div",{className:"flex items-start gap-4 rounded-xl border border-[#26160F] bg-[#160B06] p-5",children:[e.jsx("div",{className:"shrink-0 w-9 h-9 rounded-lg bg-[#2A150D] border border-[#EE6524]/30 flex items-center justify-center",children:e.jsx(a.icon,{className:"w-4 h-4 text-[#EE6524]"})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("code",{className:"block text-[13.5px] text-white mb-1",style:{fontFamily:'"IBM Plex Mono", monospace'},children:a.name}),e.jsx("p",{className:"text-[14px] text-[#A39690] leading-[1.55]",style:{fontFamily:'"Spline Sans", sans-serif'},children:a.description})]})]},a.name))}),e.jsxs("div",{className:"mt-6 pt-6 border-t border-[#26160F]",children:[e.jsx("span",{className:"block text-[11.5px] font-mono font-semibold tracking-wider text-[#8C7D76] uppercase mb-3",children:"Also machine-readable"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:Ut.map(a=>e.jsx("a",{href:a.href,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center rounded-full border border-[#2A150D] bg-[#1A0D07] px-3.5 py-1.5 text-[13px] text-[#C4B8B2] hover:border-[#EE6524]/50 hover:text-white transition-colors",style:{fontFamily:'"IBM Plex Mono", monospace'},children:a.label},a.label))})]})]})]})})]})};function Xt(){const[t,s]=x.useState(null),[r,a]=x.useState(!1);return x.useEffect(()=>{if(new URLSearchParams(window.location.search).get("scroll_debug")!=="1")return;a(!0);const d=c=>{const l=c.touches[0]||c.changedTouches[0];if(!l)return;const o=document.elementFromPoint(l.clientX,l.clientY),p=window.scrollY;if(!o)return;const u=window.getComputedStyle(o).pointerEvents,n=o.tagName.toLowerCase(),g=o.id?`#${o.id}`:"",b=o.className&&typeof o.className=="string"?o.className.split(" ").slice(0,5).join(" "):"";s({target:`${n}${g} ${b}`,scrollYBefore:p,scrollYAfter:p,pointerEvents:u}),setTimeout(()=>{s(v=>v?{...v,scrollYAfter:window.scrollY}:null)},400)};return window.addEventListener("touchstart",d,{passive:!0}),()=>window.removeEventListener("touchstart",d)},[]),r?e.jsxs("div",{className:"fixed bottom-0 left-0 right-0 z-[99999] bg-black/90 text-green-400 font-mono text-xs p-3 max-h-[40vh] overflow-auto pointer-events-none",children:[e.jsx("div",{className:"font-bold text-white mb-1",children:"Scroll debug (?scroll_debug=1)"}),t?e.jsx("pre",{className:"whitespace-pre-wrap break-all",children:`Touch target: ${t.target}
57pointer-events: ${t.pointerEvents}
58scrollY before: ${t.scrollYBefore}
59scrollY after 400ms: ${t.scrollYAfter}
60Scroll worked: ${t.scrollYAfter>t.scrollYBefore?"YES":"NO"}`}):e.jsx("span",{children:"Touch the page to see what receives the event and if scroll happened."})]}):null}function Kt(){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed top-0 left-0 right-0 h-4 z-[9998] pointer-events-none",style:{background:"linear-gradient(to bottom, hsl(var(--background) / 0.8) 0%, transparent 100%)",backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)"},"aria-hidden":!0}),e.jsx("div",{className:"fixed top-4 left-0 right-0 z-[9999] px-4 flex justify-center pointer-events-none",children:e.jsx("div",{className:"w-full max-w-6xl rounded-2xl overflow-visible pointer-events-auto glass backdrop-blur-2xl border border-border/60",
60style:{boxShadow:"0 8px 30px -6px rgb(0 0 0 / 0.08), 0 20px 40px -12px rgb(0 0 0 / 0.06)"},children:e.jsx("div",{className:"container mx-auto px-4 max-w-full",children:e.jsxs("div",{className:"flex items-center justify-between h-16 w-full min-w-0 gap-2",children:[e.jsxs("a",{href:"/",className:"flex items-center shrink-0",children:[e.jsx("img",{src:"/whitelogo.svg",alt:"Vobiz",className:"h-7 dark:hidden"}),e.jsx("img",{src:"/darklogo.svg",alt:"Vobiz",className:"h-7 hidden dark:block"})]}),e.jsxs("div",{className:"flex items-center gap-2 md:hidden",children:[e.jsx(I,{size:"sm",asChild:!0,className:"rounded-[4px] px-4 h-8 text-xs font-semibold shadow-sm",children:e.jsx("a",{href:"/contact-us/",children:"Request Demo"})}),e.jsx("span",{className:"p-2 opacity-50","aria-hidden":!0,children:e.jsx(Ue,{className:"w-6 h-6"})})]})]})})})})]})}const ds=()=>{const t=Oe();$e();const[s,r]=x.useState(()=>typeof window<"u"&&window.matchMedia("(max-width: 767px)").matches),[a]=x.useState(!0);x.useEffect(()=>{const d=window.matchMedia("(max-width: 767px)"),c=()=>r(d.matches);return c(),d.addEventListener("change",c),()=>d.removeEventListener("change",c)},[]),x.useEffect(()=>{const d=t.pathname==="/"?t.hash||window.location.hash:null;if(d){const c=d.startsWith("#")?d:`#${d}`,o=setTimeout(()=>{const p=document.querySelector(c);if(p){const u=p.getBoundingClientRect().top+window.pageYOffset-ae;window.scrollTo({top:u,behavior:"smooth"})}},150);return()=>clearTimeout(o)}},[t.pathname,t.hash]),x.useEffect(()=>{const d=()=>{const c=window.location.hash;c&&t.pathname==="/"&&setTimeout(()=>{const l=document.querySelector(c);if(l){const p=l.getBoundingClientRect().top+window.pageYOffset-ae;window.scrollTo({top:p,behavior:"smooth"})}},100)};return window.addEventListener("hashchange",d),()=>window.removeEventListener("hashchange",d)},[t.pathname]);const i=typeof window<"u"&&new URLSearchParams(window.location.search).get("scroll_debug")==="1";return e.jsxs("div",{className:"min-h-screen relative",style:{overflowX:"clip","--section-max-width":"80rem"},children:[e.jsx("div",{className:"fixed inset-0 bg-background z-[0]"}),i&&e.jsx(Xt,{}),e.jsx("div",{className:"fixed inset-0 pointer-events-none z-[10] h-screen min-h-0 page-fade-overlay","aria-hidden":!0}),s&&!a?e.jsx(Kt,{}):e.jsx(qe,{}),e.jsxs("div",{className:"relative z-[20]",children:[e.jsx(Ct,{}),e.jsx(Et,{}),e.jsx(zt,{}),e.jsx(Rt,{}),e.jsx(Mt,{}),e.jsx(Lt,{}),e.jsx(Bt,{}),e.jsx(qt,{}),e.jsx(Gt,{}),e.jsx(Ye,{})]})]})};export{ds 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.