https://www.dispatchino.com/assets/index-2BgLqJH8.js

1import{b as B,d as ne,i as nt,r as m,M as it,j as e,e as se,u as D,P as wt,h as Ct,k as ke,n as St,s as lt,o as ot,p as It,v as Mt,q as At,t as _t,w as dt,x as zt,y as Tt,z as _e,A as W,C as me,D as y,E as M,m as o,c as f,S as ae,T as Et,l as Dt,f as Pt,B as Y,L as Lt}from"./main-BMi_hHzG.js";import{u as Ot,E as v,a as ct,F as h,S as w,b as U,c as ze,d as Rt}from"./section-C7OqtXsu.js";function xt(t,s){let a;const r=()=>{const{currentTime:n}=s,l=(n===null?0:n.value)/100;a!==l&&t(l),a=l};return B.preUpdate(r,!0),()=>ne(r)}function Ft(...t){const s=!Array.isArray(t[0]),a=s?0:-1,r=t[0+a],n=t[1+a],i=t[2+a],l=t[3+a],d=nt(n,i,l);return s?d(r):d}function Te(t,s){if(typeof t=="function")return t(s);t!=null&&(t.current=s)}function $t(...t){return s=>{let a=!1;const r=t.map(n=>{const i=Te(n,s);return!a&&typeof i=="function"&&(a=!0),i});if(a)return()=>{for(let n=0;n<r.length;n++){const i=r[n];typeof i=="function"?i():Te(t[n],null)}}}}function Bt(...t){return m.useCallback($t(...t),t)}class Vt extends m.Component{getSnapshotBeforeUpdate(s){const a=this.props.childRef.current;if(se(a)&&s.isPresent&&!this.props.isPresent&&this.props.pop!==!1){const r=a.offsetParent,n=se(r)&&r.offsetWidth||0,i=se(r)&&r.offsetHeight||0,l=getComputedStyle(a),d=this.props.sizeRef.current;d.height=parseFloat(l.height),d.width=parseFloat(l.width),d.top=a.offsetTop,d.left=a.offsetLeft,d.right=n-d.width-d.left,d.bottom=i-d.height-d.top}return null}componentDidUpdate(){}render(){return this.props.children}}function Ht({children:t,isPresent:s,anchorX:a,anchorY:r,root:n,pop:i}){const l=m.useId(),d=m.useRef(null),p=m.useRef({width:0,height:0,top:0,left:0,right:0,bottom:0}),{nonce:u}=m.useContext(it),c=t.props?.ref??t?.ref,g=Bt(d,c);return m.useInsertionEffect(()=>{const{width:x,height:b,top:C,left:_,right:z,bottom:V}=p.current;if(s||i===!1||!d.current||!x||!b)return;const oe=a==="left"?`left: ${_}`:`right: ${z}`,de=r==="bottom"?`bottom: ${V}`:`top: ${C}`;d.current.dataset.motionPopId=l;const k=document.createElement("style");u&&(k.nonce=u);const P=n??document.head;return P.appendChild(k),k.sheet&&k.sheet.insertRule(`
2          [data-motion-pop-id="${l}"] {
3            position: absolute !important;
4            width: ${x}px !important;
5            height: ${b}px !important;
6            ${oe}px !important;
7            ${de}px !important;
8          }
9        `),()=>{d.current?.removeAttribute("data-motion-pop-id"),P.contains(k)&&P.removeChild(k)}},[s]),e.jsx(Vt,{isPresent:s,childRef:d,sizeRef:p,pop:i,children:i===!1?t:m.cloneElement(t,{ref:g})})}const Wt=({children:t,initial:s,isPresent:a,onExitComplete:r,custom:n,presenceAffectsLayout:i,mode:l,anchorX:d,anchorY:p,root:u})=>{const c=D(Yt),g=m.useId();let x=!0,b=m.useMemo(()=>(x=!1,{id:g,initial:s,isPresent:a,custom:n,onExitComplete:C=>{c.set(C,!0);for(const _ of c.values())if(!_)return;r&&r()},register:C=>(c.set(C,!1),()=>c.delete(C))}),[a,c,r]);return i&&x&&(b={...b}),m.useMemo(()=>{c.forEach((C,_)=>c.set(_,!1))},[a]),m.useEffect(()=>{!a&&!c.size&&r&&r()},[a]),t=e.jsx(Ht,{pop:l==="popLayout",isPresent:a,anchorX:d,anchorY:p,root:u,children:t}),e.jsx(wt.Provider,{value:b,children:t})};function Yt(){return new Map}const Q=t=>t.key||"";function Ee(t){const s=[];return m.Children.forEach(t,a=>{m.isValidElement(a)&&s.push(a)}),s}const q=({children:t,custom:s,initial:a=!0,onExitComplete:r,presenceAffectsLayout:n=!0,mode:i="sync",propagate:l=!1,anchorX:d="left",anchorY:p="top",root:u})=>{const[c,g]=Ct(l),x=m.useMemo(()=>Ee(t),[t]),b=l&&!c?[]:x.map(Q),C=m.useRef(!0),_=m.useRef(x),z=D(()=>new Map),V=m.useRef(new Set),[oe,de]=m.useState(x),[k,P]=m.useState(x);ke(()=>{C.current=!1,_.current=x;for(let S=0;S<k.length;S++){const j=Q(k[S]);b.includes(j)?(z.delete(j),V.current.delete(j)):z.get(j)!==!0&&z.set(j,!1)}},[k,b.length,b.join("-")]);const ce=[];if(x!==oe){let S=[...x];for(let j=0;j<k.length;j++){const L=k[j],xe=Q(L);b.includes(xe)||(S.splice(j,0,L),ce.push(L))}return i==="wait"&&ce.length&&(S=ce),P(Ee(S)),de(x),null}const{forceRender:Nt}=m.useContext(St);return e.jsx(e.Fragment,{children:k.map(S=>{const j=Q(S),L=l&&!c?!1:x===k||b.includes(j),xe=()=>{if(V.current.has(j))return;if(z.has(j))V.current.add(j),z.set(j,!0);else return;let Ae=!0;z.forEach(kt=>{kt||(Ae=!1)}

9),Ae&&(Nt?.(),P(_.current),l&&g?.(),r&&r())};return e.jsx(Wt,{isPresent:L,initial:!C.current||a?void 0:!1,custom:s,presenceAffectsLayout:n,mode:i,root:u,onExitComplete:L?void 0:xe,anchorX:d,anchorY:p,children:S},j)})})};function ie(t){return typeof window>"u"?!1:t?lt():ot()}const Ut=50,De=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),Gt=()=>({time:0,x:De(),y:De()}),Kt={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function Pe(t,s,a,r){const n=a[s],{length:i,position:l}=Kt[s],d=n.current,p=a.time;n.current=Math.abs(t[`scroll${l}`]),n.scrollLength=t[`scroll${i}`]-t[`client${i}`],n.offset.length=0,n.offset[0]=0,n.offset[1]=n.scrollLength,n.progress=It(0,n.scrollLength,n.current);const u=r-p;n.velocity=u>Ut?0:Mt(n.current-d,u)}function qt(t,s,a){Pe(t,"x",s,a),Pe(t,"y",s,a),s.time=a}function Xt(t,s){const a={x:0,y:0};let r=t;for(;r&&r!==s;)if(se(r))a.x+=r.offsetLeft,a.y+=r.offsetTop,r=r.offsetParent;else if(r.tagName==="svg"){const n=r.getBoundingClientRect();r=r.parentElement;const i=r.getBoundingClientRect();a.x+=n.left-i.left,a.y+=n.top-i.top}else if(r instanceof SVGGraphicsElement){const{x:n,y:i}=r.getBBox();a.x+=n,a.y+=i;let l=null,d=r.parentNode;for(;!l;)d.tagName==="svg"&&(l=d),d=r.parentNode;r=l}else break;return a}const ye={start:0,center:.5,end:1};function Le(t,s,a=0){let r=0;if(t in ye&&(t=ye[t]),typeof t=="string"){const n=parseFloat(t);t.endsWith("px")?r=n:t.endsWith("%")?t=n/100:t.endsWith("vw")?r=n/100*document.documentElement.clientWidth:t.endsWith("vh")?r=n/100*document.documentElement.clientHeight:t=n}return typeof t=="number"&&(r=s*t),a+r}const Qt=[0,0];function Zt(t,s,a,r){let n=Array.isArray(t)?t:Qt,i=0,l=0;return typeof t=="number"?n=[t,t]:typeof t=="string"&&(t=t.trim(),t.includes(" ")?n=t.split(" "):n=[t,ye[t]?t:"0"]),i=Le(n[0],a,r),l=Le(n[1],s),i-l}const G={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},Jt={x:0,y:0};function es(t){return"getBBox"in t&&t.tagName!=="svg"?t.getBBox():{width:t.clientWidth,height:t.clientHeight}}function ts(t,s,a){const{offset:r=G.All}=a,{target:n=t,axis:i="y"}=a,l=i==="y"?"height":"width",d=n!==t?Xt(n,t):Jt,p=n===t?{width:t.scrollWidth,height:t.scrollHeight}:es(n),u={width:t.clientWidth,height:t.clientHeight};s[i].offset.length=0;let c=!s[i].interpolate;const g=r.length;for(let x=0;x<g;x++){const b=Zt(r[x],u[l],p[l],d[i]);!c&&b!==s[i].interpolatorOffsets[x]&&(c=!0),s[i].offset[x]=b}c&&(s[i].interpolate=nt(s[i].offset,At(r),{clamp:!1}),s[i].interpolatorOffsets=[...s[i].offset]),s[i].progress=_t(0,1,s[i].interpolate(s[i].current))}function ss(t,s=t,a){if(a.x.targetOffset=0,a.y.targetOffset=0,s!==t){let r=s;for(;r&&r!==t;)a.x.targetOffset+=r.offsetLeft,a.y.targetOffset+=r.offsetTop,r=r.offsetParent}a.x.targetLength=s===t?s.scrollWidth:s.clientWidth,a.y.targetLength=s===t?s.scrollHeight:s.clientHeight,a.x.containerLength=t.clientWidth,a.y.containerLength=t.clientHeight}function as(t,s,a,r={}){return{measure:n=>{ss(t,r.target,a),qt(t,a,n),(r.offset||r.target)&&ts(t,a,r)},notify:()=>s(a)}}const O=new WeakMap,Oe=new WeakMap,ue=new WeakMap,Re=new WeakMap,Z=new WeakMap,Fe=t=>t===document.scrollingElement?window:t;function mt(t,{container:s=document.scrollingElement,trackContentSize:a=!1,...r}={}){if(!s)return dt;let n=ue.get(s);n||(n=new Set,ue.set(s,n));const i=Gt(),l=as(s,t,i,r);if(n.add(l),!O.has(s)){const p=()=>{for(const x of n)x.measure(Tt.timestamp);B.preUpdate(u)},u=()=>{for(const x of n)x.notify()},c=()=>B.read(p);O.set(s,c);const g=Fe(s);window.addEventListener("resize",c),s!==document.documentElement&&Oe.set(s,zt(s,c)),g.addEventListener("scroll",c),c()}if(a&&!Z.has(s)){const p=O.get(s),u={width:s.scrollWidth,height:s.scrollHeight};Re.set(s,u);const c=()=>{const x=s.scrollWidth,b=s.scrollHeight;(u.width!==x||u.height!==b)&&(p(),u.width=x,u.height=b)},g=B.read(c,!0);Z.set(s,g)}const d=O.get(s);return B.read(d,!1,!0),()=>{ne(d);const p=ue.get(s);if(!p||(p.delete(l),p.size))return;const u=O.get(s);O.delete(s),u&&(Fe(s).removeEventListener("scroll",u),Oe.get(s)?.(),window.removeEventListener("resize",u));const c=Z.get(s);c&&(ne(c),Z.delete(s)),Re.delete(s)}}const rs=[[G.Enter,"entry"],[G.Exit,"exit"],[G.Any,"cover"],[G.All,"contain"]],$e={start:0,end:1};function ns(t){const s=t.trim().split(/\s+/);if(s.length!==2)return;const a=$e[s[0]],r=$e[s[1]];if(!(a===void 0||r===void 0))return[a,r]}function is(t){if(t.length!==2)return;const s=[];for(const a of t)if(Array.isArray(a))s.push(a);

9else if(typeof a=="string"){const r=ns(a);if(!r)return;s.push(r)}else return;return s}function ls(t,s){const a=is(t);if(!a)return!1;for(let r=0;r<2;r++){const n=a[r],i=s[r];if(n[0]!==i[0]||n[1]!==i[1])return!1}return!0}function we(t){if(!t)return{rangeStart:"contain 0%",rangeEnd:"contain 100%"};for(const[s,a]of rs)if(ls(t,s))return{rangeStart:`${a} 0%`,rangeEnd:`${a} 100%`}}const Be=new Map;function Ve(t){const s={value:0},a=mt(r=>{s.value=r[t.axis].progress*100},t);return{currentTime:s,cancel:a}}function ut({source:t,container:s,...a}){const{axis:r}=a;t&&(s=t);let n=Be.get(s);n||(n=new Map,Be.set(s,n));const i=a.target??"self";let l=n.get(i);l||(l={},n.set(i,l));const d=r+(a.offset??[]).join(",");return l[d]||(a.target&&ie(a.target)?we(a.offset)?l[d]=new ViewTimeline({subject:a.target,axis:r}):l[d]=Ve({container:s,...a}):ie()?l[d]=new ScrollTimeline({source:s,axis:r}):l[d]=Ve({container:s,...a})),l[d]}function os(t,s){const a=ut(s),r=s.target?we(s.offset):void 0,n=s.target?ie(s.target)&&!!r:ie();return t.attachTimeline({timeline:n?a:void 0,...r&&n&&{rangeStart:r.rangeStart,rangeEnd:r.rangeEnd},observe:i=>(i.pause(),xt(l=>{i.time=i.iterationDuration*l},a))})}function ds(t){return t.length===2}function cs(t,s){return ds(t)?mt(a=>{t(a[s.axis].progress,a)},s):xt(t,ut(s))}function pt(t,{axis:s="y",container:a=document.scrollingElement,...r}={}){if(!a)return dt;const n={axis:s,container:a,...r};return typeof t=="function"?cs(t,n):os(t,n)}const xs=()=>({scrollX:W(0),scrollY:W(0),scrollXProgress:W(0),scrollYProgress:W(0)}),J=t=>t?!t.current:!1;function He(t,s,a,r){return{factory:n=>pt(n,{...s,axis:t,container:a?.current||void 0,target:r?.current||void 0}),times:[0,1],keyframes:[0,1],ease:n=>n,duration:1}}function ms(t,s){return typeof window>"u"?!1:t?lt()&&!!we(s):ot()}function us({container:t,target:s,...a}={}){const r=D(xs);ms(s,a.offset)&&(r.scrollXProgress.accelerate=He("x",a,t,s),r.scrollYProgress.accelerate=He("y",a,t,s));const n=m.useRef(null),i=m.useRef(!1),l=m.useCallback(()=>(n.current=pt((d,{x:p,y:u})=>{r.scrollX.set(p.current),r.scrollXProgress.set(p.progress),r.scrollY.set(u.current),r.scrollYProgress.set(u.progress)},{...a,container:t?.current||void 0,target:s?.current||void 0}),()=>{n.current?.()}),[t,s,JSON.stringify(a.offset)]);return ke(()=>{if(i.current=!1,J(t)||J(s)){i.current=!0;return}else return l()},[l]),m.useEffect(()=>{if(i.current)return _e(!J(t)),_e(!J(s)),l()},[l]),r}function ps(t){const s=D(()=>W(t)),{isStatic:a}=m.useContext(it);if(a){const[,r]=m.useState(t);m.useEffect(()=>s.on("change",r),[])}return s}function ht(t,s){const a=ps(s()),r=()=>a.set(s());return r(),ke(()=>{const n=()=>B.preRender(r,!1,!0),i=t.map(l=>l.on("change",n));return()=>{i.forEach(l=>l()),ne(r)}}),a}function hs(t){me.current=[],t();const s=ht(me.current,t);return me.current=void 0,s}function Ne(t,s,a,r){if(typeof t=="function")return hs(t);if(a!==void 0&&!Array.isArray(a)&&typeof s!="function")return fs(t,

9s,a,r);const l=typeof s=="function"?s:Ft(s,a,r),d=Array.isArray(t)?We(t,l):We([t],([u])=>l(u)),p=Array.isArray(t)?void 0:t.accelerate;return p&&!p.isTransformed&&typeof s!="function"&&Array.isArray(a)&&r?.clamp!==!1&&(d.accelerate={...p,times:s,keyframes:a,isTransformed:!0}),d}function We(t,s){const a=D(()=>[]);return ht(t,()=>{a.length=0;const r=t.length;for(let n=0;n<r;n++)a[n]=t[n].get();return s(a)})}function fs(t,s,a,r){const n=D(()=>Object.keys(a)),i=D(()=>({}));for(const l of n)i[l]=Ne(t,s,a[l],r);return i}const gs=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]],re=y("arrow-right",gs);const bs=[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]],js=y("bell",bs);const vs=[["path",{d:"M11 14h10",key:"1w8e9d"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v1.344",key:"1e62lh"}],["path",{d:"m17 18 4-4-4-4",key:"z2g111"}],["path",{d:"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113",key:"bjbb7m"}],["rect",{x:"8",y:"2",width:"8",height:"4",rx:"1",key:"ublpy"}]],ys=y("clipboard-paste",vs);const Ns=[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],ks=y("clock",Ns);const ws=[["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"}]],Cs=y("headphones",ws);const Ss=[["rect",{width:"7",height:"9",x:"3",y:"3",rx:"1",key:"10lvy0"}],["rect",{width:"7",height:"5",x:"14",y:"3",rx:"1",key:"16une8"}],["rect",{width:"7",height:"9",x:"14",y:"12",rx:"1",key:"1hutg5"}],["rect",{width:"7",height:"5",x:"3",y:"16",rx:"1",key:"ldoo1y"}]],Is=y("layout-dashboard",Ss);const Ms=[["path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",key:"18887p"}],["path",{d:"M7 11h10",key:"1twpyw"}],["path",{d:"M7 15h6",key:"d9of3u"}],["path",{d:"M7 7h8",key:"af5zfr"}]],Ye=y("message-square-text",Ms);const As=[["path",{d:"M5.8 11.3 2 22l10.7-3.79",key:"gwxi1d"}],["path",{d:"M4 3h.01",key:"1vcuye"}],["path",{d:"M22 8h.01",key:"1mrtc2"}],["path",{d:"M15 2h.01",key:"1cjtqr"}],["path",{d:"M22 20h.01",key:"1mrys2"}],["path",{d:"m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10",key:"hbicv8"}],["path",{d:"m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17",key:"1i94pl"}],["path",{d:"m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7",key:"1cofks"}],["path",{d:"M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z",key:"4kbmks"}]],_s=y("party-popper",As);const zs=[["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]],Ts=y("phone",zs);const Es=[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]],Ds=y("play",Es);const Ps=[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]],Ls=y("send",Ps);const Os=[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]],Rs=y("shield",Os);const Fs=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"6",key:"1vlfrh"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]],$s=y("target",Fs);const Bs=[["path",{d:"M16 7h6v6",key:"box55l"}],["path",{d:"m22 7-8.5 8.5-5-5L2 17",key:"1t1m79"}]],Vs=y("trending-up",Bs);const Hs=[["path",{d:"m16 11 2 2 4-4",key:"9rsbq5"}],["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"}]],Ws=y("user-check",Hs);const Ys=[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]],Us=y("zap",Ys),N=[.16,1,.3,1],X="/brand/mark.png";function I({children:t,className:s}){return e.jsx("span",{className:f("font-medium text-[10px] text-muted-foreground uppercase tracking-[0.16em]",s),children:t})}function E({children:t,className:s}){return e.jsx("div",{className:f("rounded-xl border border-border/70 bg-card shadow-[0_1px_2px_rgba(20,16,12,0.04)]",s),children:t})}function Gs({children:t,className:s}){return e.jsx("span",{className:f("grid size-7 shrink-0 place-items-center rounded-lg bg-brand/12 font-semibold text-[10px] text-brand",s),children:t})}function Ks({tone:t,children:s}){const a={attention:"bg-amber-500/15 text-amber-700 dark:text-amber-400",ai:"bg-brand/12 text-brand",booked:"bg-emerald-500/15 text-emerald-700 dark:text-emerald-400",followup:"bg-sky-500/15 text-sky-700 dark:text-sky-400",idle:"bg-muted text-muted-foreground"};return e.jsxs("span",{className:f("inline-flex items-center gap-1 rounded-full px-2 py-0.5 font-medium text-[10px]",a[t]),children:[t==="ai"&&e.jsx("span",{className:"size-1.5 animate-pulse rounded-full bg-brand"}),t==="attention"&&e.jsx("span",{className:"size-1.5 rounded-full bg-amber-500"}),t==="booked"&&e.jsx("span",{className:"size-1.5 rounded-full bg-emerald-500"}),s]})}function Ue({value:t,className:s}){return M()?e.jsx("span",{className:s,children:t}):e.jsx("span",{className:f("relative inline-block",s),children:e.jsx(q,{mode:"popLayout",initial:!1,children:e.jsx(o.span,{initial:{opacity:0,y:4}

9,animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.18,ease:N},className:"inline-block",children:t},t)})})}function ft(){return e.jsx("span",{className:"inline-flex items-center gap-1",children:["a","b","c"].map((t,s)=>e.jsx("span",{className:"size-1.5 animate-bounce rounded-full bg-brand/50",style:{animationDelay:`${s*140}ms`}},t))})}function Ce({className:t}){return e.jsx("span",{className:f("grid size-6 shrink-0 place-items-center rounded-full bg-brand/12 ring-1 ring-brand/20",t),children:e.jsx("img",{src:X,alt:"","aria-hidden":!0,className:"size-3.5 object-contain"})})}function A({children:t,className:s}){return e.jsx("div",{className:f("flex h-full flex-col overflow-hidden bg-background text-foreground",s),children:t})}function qs(){return e.jsxs("div",{className:"flex shrink-0 items-center justify-between border-border/60 border-b bg-card/60 px-4 py-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:X,alt:"","aria-hidden":!0,className:"size-4 object-contain"}),e.jsx("span",{className:"font-display font-semibold text-[13px] tracking-tight",children:"Dispatchino"}),e.jsx("span",{className:"ml-2 text-[11px] text-muted-foreground",children:"Worklist"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"rounded-md bg-secondary px-2 py-1 text-[10px] text-muted-foreground",children:"⌘K"}),e.jsx("span",{className:"size-5 rounded-full bg-gradient-to-br from-brand/40 to-brand/15"})]})]})}const Ge=[{initials:"NC",broker:"Northkettle Carriers",route:"Seattle, WA → Denver, CO",miles:"1,320 mi",id:"#CD-3582",tone:"attention",status:"Needs you",note:"Pickup is at Copart Seattle — needs 24h notice. Your call."},{initials:"BL",broker:"Brightlane Auto Co.",route:"Phoenix, AZ → Nashville, TN",miles:"1,630 mi",id:"#CD-3591",tone:"ai",status:"AI negotiating",note:"Countered at $1,450 · waiting on broker"},{initials:"FV",broker:"Foglane Vehicle Co.",route:"Dallas, TX → Atlanta, GA",miles:"780 mi",id:"#CD-3604",tone:"booked",status:"Booked · $1,940",note:"Rate con sent · pickup tomorrow 7 AM"},{initials:"QF",broker:"Quillvale Freight",route:"Chicago, IL → Kansas City, MO",miles:"510 mi",id:"#CD-3610",tone:"followup",status:"Following up",note:"Auto-text scheduled for 10:32 AM"},{initials:"PL",broker:"Pinebridge Logistics",route:"Los Angeles, CA → Phoenix, AZ",miles:"370 mi",id:"#CD-3618",tone:"ai",status:"AI negotiating",note:"Opened at $640 · target $760"},{initials:"HB",broker:"Hollowbrook Movers",route:"Miami, FL → Orlando, FL",miles:"235 mi",id:"#CD-3625",tone:"followup",status:"Following up",note:"No reply yet · nudging at 2:00 PM"},{initials:"MD",broker:"Marlow Dispatch",route:"Houston, TX → New Orleans, LA",miles:"350 mi",id:"#CD-3631",tone:"booked",status:"Booked · $880",note:"Picked up · in transit"}];function Xs({thread:t}){return e.jsxs("div",{className:"flex items-center gap-3 border-border/50 border-b px-4 py-2.5 last:border-b-0",children:[e.jsx(Gs,{children:t.initials}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"truncate font-medium text-[12.5px]",children:t.broker}),e.jsx("span",{className:"font-mono text-[10px] text-muted-foreground",children:t.id})]}),e.jsxs("div",{className:"mt-0.5 flex items-center gap-2 text-[11px] text-muted-foreground",children:[e.jsx("span",{className:"truncate font-display italic",children:t.route}),e.jsx("span",{className:"text-muted-foreground/50",children:"·"}),e.jsx("span",{className:"font-mono",children:t.miles})]})]}),e.jsx("div",{className:"hidden shrink-0 sm:block",children:e.jsx(Ks,{tone:t.tone,children:t.status})})]})}function pe({label:t,value:s,sub:a,accent:r,children:n}){return e.jsxs(E,{className:f("px-4 py-3",r&&"bg-brand/[0.04]"),children:[e.jsx(I,{children:t}),e.jsx("div",{className:f("mt-1 font-display font-semibold text-2xl leading-none tracking-tight",r&&"text-brand"),children:s}),a&&e.jsx("div",{className:"mt-1.5 text-[11px] text-muted-foreground",children:a}),n]})}const he=[{key:"attention",label:"Needs you",total:3},{key:"ai",label:"Active",total:9},{key:"followup",label:"Following up",total:4},{key:"booked",label:"Booked",total:22},{key:"all",label:"All",total:null}],fe=["attention","ai","followup","booked"];function gt({variant:t="full",onInteract:s,autoCycle:a=!1}){const r=t==="full",[n,i]=m.useState("attention"),[l,d]=m.useState(!1),p=M(),u=m.useId(),c=n==="all"?Ge:Ge.filter(x=>x.tone===n),g=he.find(x=>x.key===n)??he[0]??{label:"All",total:null};return m.useEffect(()=>{if(!a||l||p)return;const x=window.setInterval(()=>{i(b=>{const C=fe.indexOf(b);return fe[(C+1)%fe.length]??"attention"})},2400);return()=>window.clearInterval(x)},[a,l,p]),e.jsxs(A,{children:[r&&e.jsx(qs,{}),e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col gap-3 p-4",children:[r?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-3 rounded-xl bg-gradient-to-r from-brand/10 via-brand/[0.04] to-transparent px-4 py-2.5",children:[e.jsx("img",{src:X,alt:"","aria-hidden":!0,

9className:"size-7 object-contain"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-display font-semibold text-[14px]",children:"Good afternoon, Andrew."}),e.jsx("div",{className:"text-[11px] text-muted-foreground",children:"3 loads need your call · 9 negotiating on autopilot · 22 booked this month."})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-3",children:[e.jsx(pe,{label:"Revenue · MTD",value:"$31,400",sub:e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"font-medium text-foreground",children:"22"})," ","loads booked"]}),accent:!0}),e.jsx(pe,{label:"Working now",value:"9",sub:"threads on autopilot",children:e.jsx("div",{className:"mt-2 flex -space-x-1.5",children:["bg-brand/30","bg-emerald-500/30","bg-sky-500/30","bg-amber-500/30","bg-muted-foreground/20"].map(x=>e.jsx("span",{className:f("size-4 rounded-full ring-2 ring-card",x)},x))})}),e.jsx(pe,{label:"Needs you",value:"3",sub:e.jsxs(e.Fragment,{children:["1 broker is"," ",e.jsx("span",{className:"font-medium text-amber-700 dark:text-amber-400",children:"waiting now"})]})})]})]}):e.jsxs("div",{className:"flex flex-wrap items-center gap-x-5 gap-y-1.5 rounded-xl bg-brand/[0.04] px-4 py-2.5 text-[11px] text-muted-foreground",children:[e.jsxs("span",{children:[e.jsx("span",{className:"font-display font-semibold text-[15px] text-brand",children:"$31,400"})," ","revenue · MTD"]}),e.jsx("span",{className:"text-border",children:"|"}),e.jsxs("span",{children:[e.jsx("span",{className:"font-medium text-foreground",children:"22"})," booked"]}),e.jsxs("span",{children:[e.jsx("span",{className:"font-medium text-foreground",children:"9"})," negotiating"]}),e.jsxs("span",{children:[e.jsx("span",{className:"font-medium text-amber-700 dark:text-amber-400",children:"3"})," ","need you"]})]}),e.jsxs(E,{className:"flex min-h-0 flex-1 flex-col overflow-hidden",children:[e.jsxs("div",{role:"tablist","aria-label":"Worklist filters",className:"flex shrink-0 items-center gap-0.5 overflow-x-auto border-border/50 border-b px-3 py-2.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[he.map(x=>{const b=x.key===n;return e.jsxs("button",{type:"button",role:"tab","aria-selected":b,onClick:()=>{i(x.key),d(!0),s?.()},className:f("relative inline-flex shrink-0 cursor-pointer items-center gap-1.5 rounded-full px-2.5 py-1 text-[11px]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-ring focus-visible:ring-offset-1 focus-visible:ring-offset-card"),children:[b&&e.jsx(o.span,{layoutId:`worklist-pill-${u}`,transition:{type:"spring",stiffness:380,damping:30},className:"absolute inset-0 rounded-full bg-brand/12"}),e.jsxs("span",{className:f("relative z-10 inline-flex items-center gap-1.5 transition-colors duration-200",b?"font-medium text-brand":"text-muted-foreground group-hover:text-foreground"),children:[x.label,x.total!=null&&e.jsx("span",{className:f("font-mono text-[10px] tabular-nums",b?"text-brand/70":"text-muted-foreground/60"),children:x.total})]})]},x.key)}),e.jsxs("span",{className:"ml-auto hidden items-center gap-1.5 rounded-md border border-border/60 px-2 py-1 text-[10px] text-muted-foreground/70 xl:inline-flex",children:[e.jsx("span",{children:"⌕"})," Search broker, phone, city…"]})]}),e.jsx("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:e.jsx(q,{mode:"wait",initial:!1,children:e.jsx(o.div,{initial:p?!1:{opacity:0,y:6},animate:{opacity:1,y:0},exit:p?void 0:{opacity:0,y:-6},transition:{duration:.22,ease:N},className:"absolute inset-0 overflow-hidden",children:c.length===0?e.jsx("div",{className:"grid h-full place-items-center px-6 py-8 text-center",children:e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-[12px] text-foreground",children:"All clear here."}),e.jsxs("div",{className:"mt-1 text-[11px] text-muted-foreground",children:["No ",g.label.toLowerCase()," threads at the moment."]})]})}):e.jsx(o.div,{initial:"hidden",animate:"visible",variants:{hidden:{},visible:{transition:p?{}:{staggerChildren:.04,delayChildren:.04}}},children:c.map(x=>e.jsx(o.div,{variants:{hidden:p?{}:{opacity:0,y:4},visible:{opacity:1,y:0}},transition:{duration:.24,ease:N},children:e.jsx(Xs,{thread:x})},x.id))})},n)})}),e.jsxs("div",{className:"flex shrink-0 items-center justify-between border-border/50 border-t px-4 py-2 text-[10px] text-muted-foreground

9/70",children:[e.jsxs("span",{className:"inline-flex items-center gap-[3px]",children:["Showing",e.jsx(Ue,{value:c.length,className:"font-mono text-muted-foreground tabular-nums"}),"of",e.jsx(Ue,{value:g.total??38,className:"font-mono text-muted-foreground tabular-nums"}),e.jsx(q,{mode:"wait",initial:!1,children:e.jsx(o.span,{initial:p?!1:{opacity:0,y:3},animate:{opacity:1,y:0},exit:p?void 0:{opacity:0,y:-3},transition:{duration:.18,ease:N},className:"ml-1",children:g.total!=null?`${g.label.toLowerCase()} threads`:"threads"},g.label)})]}),e.jsx("span",{className:"hidden sm:inline",children:"Sorted by: who's waiting longest ⌄"})]})]})]})]})}function $({from:t,time:s,children:a}){const r=t==="ai";return e.jsxs("div",{className:f("flex items-end gap-2",r&&"flex-row-reverse"),children:[r?e.jsx(Ce,{}):e.jsx("span",{className:"grid size-6 shrink-0 place-items-center rounded-full bg-secondary text-[9px] text-muted-foreground",children:"BL"}),e.jsxs("div",{className:f("max-w-[78%]",r&&"text-right"),children:[e.jsx("div",{className:f("rounded-2xl px-3 py-2 text-[12px] leading-snug",r?"rounded-br-md bg-brand/12 text-foreground":"rounded-bl-md bg-secondary text-foreground"),children:a}),e.jsx("div",{className:"mt-1 px-1 text-[9.5px] text-muted-foreground/70",children:s})]})]})}const bt={conservative:{label:"Conservative",agreed:1320,floor:1250,started:1250,fillPct:35,hint:"Book it fast · less friction"},balanced:{label:"Balanced",agreed:1450,floor:1300,started:1250,fillPct:70,hint:"Push for fair · the default"},aggressive:{label:"Aggressive",agreed:1560,floor:1400,started:1250,fillPct:92,hint:"Hold the line · max margin"}},ee=["conservative","balanced","aggressive"];function jt({compact:t=!1,strategy:s="balanced"}){const a=bt[s];return e.jsxs("div",{className:f("grid grid-cols-[1.2fr_1fr] gap-4 rounded-xl border border-border/70 bg-card px-4",t?"py-2.5":"py-3"),children:[e.jsxs("div",{children:[e.jsx(I,{children:"Load · #CD-3591"}),e.jsx("div",{className:"mt-1 font-display text-[14px] italic",children:"Phoenix, AZ → Nashville, TN"}),e.jsx("div",{className:"font-mono text-[10px] text-muted-foreground",children:"1,630 mi · pickup tomorrow 8:00 AM"})]}),e.jsxs("div",{className:"border-border/60 border-l pl-4",children:[e.jsx(I,{children:"Deal"}),e.jsxs("div",{className:"mt-1 flex items-baseline gap-1.5",children:[e.jsx(q,{mode:"popLayout",initial:!1,children:e.jsxs(o.span,{initial:{opacity:0,y:6},animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.25,ease:N},className:"font-display font-semibold text-[20px] text-foreground leading-none tabular-nums",children:["$",a.agreed.toLocaleString()]},s)}),e.jsx("span",{className:"text-[10px] text-emerald-700 dark:text-emerald-400",children:"agreed"})]}),e.jsxs("div",{className:"mt-1 text-[10px] text-muted-foreground",children:["floor"," ",e.jsxs("span",{className:"font-mono tabular-nums",children:["$",a.floor.toLocaleString()]})," ","· started at"," ",e.jsxs("span",{className:"font-mono tabular-nums",children:["$",a.started.toLocaleString()]})]}),!t&&e.jsx("div",{className:"mt-1.5 h-1 w-full overflow-hidden rounded-full bg-secondary",children:e.jsx(o.div,{initial:!1,animate:{width:`${a.fillPct}%`},transition:{duration:.5,ease:N},className:"h-1 rounded-full bg-gradient-to-r from-brand/40 to-brand"})})]})]})}function vt(){return e.jsx(A,{children:e.jsxs("div",{className:"flex min-h-0 flex-1 gap-3 p-4",children:[e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col gap-3",children:[e.jsx(jt,{}),e.jsxs(E,{className:"flex min-h-0 flex-1 flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between border-border/50 border-b px-4 py-2",children:[e.jsx(I,{children:"Conversation"}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-[10px] text-brand",children:[e.jsx("span",{className:"size-1.5 rounded-full bg-brand"})," Focus"]})]}),e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col justify-end gap-3 overflow-hidden px-4 py-3",children:[e.jsx($,{from:"broker",time:"9:42 AM",children:"Got a 2021 Camry, Phoenix → Nashville. Need it gone this week — $1,250?"}),e.jsxs($,{from:"ai",time:"9:43 AM",children:["Thanks! That lane's running hot — we can cover it at"," ",e.jsx("strong",{children:"$1,520"}),", pickup tomorrow 8 AM."]}),e.jsx($,{from:"broker",time:"9:51 AM",children:"Can't do that. $1,350 is my ceiling."}),e.jsxs($,{from:"ai",time:"9:52 AM",children:["Let's land at ",e.jsx("strong",{children:"$1,450"})," and I'll lock the 8 AM pickup right now."]}),e.jsx($,{from:"broker",time:"10:04 AM",children:"Deal. Send the rate con."}),e.jsxs("div",{className:"flex items-center gap-2 text-[11px] text-muted-foreground",children:[e.jsx(Ce,{className:"size-5"}),e.jsx("span",{className:"italic",children:"Dispatchino is sending the rate confirmation"}),e.jsx(ft,{})]})]})]})]}),e.jsxs(E,{className:"hidden w-[34%] shrink-0 flex-col justify-between p-4 lg:flex",children:[e.jsxs("div",{children:[e.jsx(I,{children:"Load details"}),e.jsx("dl",{className:"mt-3 space-y-2.5 text-[11px]",children:[["Pickup","Tomorrow · 8:00 AM"],["Delivery","Friday · by 6:00 PM"],["Vehicle","2021 Toyota Camry · Sedan"],["Broker","Brightlane Auto Co."],["MC #","MC-1188204"],["Rate / mi","$0.89 · floor was $0.80"],["Status","Rate con out · awaiting signature"]].map(([t,s])=>e.jsxs("div",{className:"flex flex-col gap-0.5 border-border/40 border-b pb-2 last:border-b-0",children:[e.jsx("dt",{className:"text-muted-foreground uppercase tracking-[0.12em] text-[9px]",children:t}),e.jsx("dd",{className:"font-medium text-foreground",children:s})]},t))})]}),e.jsxs("div",{className:"mt-3 flex flex-col gap-2",children:[e.jsx("span",{className:"rounded-lg bg-brand px-3 py-1.5 text-center font-medium text-[11px] text-brand-foreground",children:"View full thread"}),e.jsx("span",{className:"rounded-lg border border-border/70 px-3 py-1.5 text-center text-[11px] text-muted-foreground",children:"Take over manually"})]})]})]})})}function H({k:t,meta:s,children:a}){return e.jsxs("div",{className:"grid grid-cols-[80px_1fr_auto] items-center gap-3 px-4 py-2.5",children:[e.jsx("dt",{className:"text-muted-foreground uppercase tracking-[0.12em] text-[9px]",children:t}),e.jsx("dd",{className:"text-foreground",children:a}),e.jsx("span",{className:"font-mono text-[10px] text-muted-foreground

9/70",children:s})]})}const ge=900,Ke=1800,Qs=1300;function qe(t){return`$${t.toLocaleString()}`}function Zs({onInteract:t,signupHref:s=ae}={}){const[a,r]=m.useState(Qs),[n,i]=m.useState(!1),l=M(),d=(a-ge)/(Ke-ge)*100,p=a<1100?{label:"Generous",tone:"text-emerald-700 dark:text-emerald-400"}:a<1400?{label:"Balanced",tone:"text-brand"}:{label:"Aggressive",tone:"text-amber-700 dark:text-amber-400"};return e.jsx(A,{children:e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col gap-3 p-4",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1 rounded-xl border border-emerald-500/30 bg-emerald-500/[0.06] px-4 py-2.5",children:[e.jsxs("span",{className:"flex min-w-0 items-center gap-2 text-[12px]",children:[e.jsx("span",{className:"grid size-5 shrink-0 place-items-center rounded-full bg-emerald-500/20 text-[10px] text-emerald-700 dark:text-emerald-400",children:"✓"}),e.jsxs("span",{className:"min-w-0",children:["Parsed from a broker email ·"," ",e.jsx("span",{className:"font-medium text-foreground",children:"3 vehicles"})," ","detected"]})]}),e.jsx("span",{className:"ml-auto shrink-0 text-[10px] text-muted-foreground",children:"View paste ⌄"})]}),e.jsxs(E,{className:"flex min-h-0 flex-1 flex-col overflow-hidden",children:[e.jsxs("div",{className:"border-border/50 border-b px-4 py-3",children:[e.jsx(I,{children:"02 · Manifest"}),e.jsx("div",{className:"mt-0.5 font-display font-semibold text-[16px] italic",children:"The manifest"}),e.jsx("div",{className:"text-[11px] text-muted-foreground",children:"Pulled from your paste — click anything that's off."})]}),e.jsxs("dl",{className:"min-h-0 flex-1 divide-y divide-border/40 overflow-hidden text-[12px]",children:[e.jsx(H,{k:"Route",meta:"1,630 mi",children:e.jsx("span",{className:"font-display italic",children:"Phoenix, AZ → Nashville, TN"})}),e.jsx(H,{k:"Pickup",meta:"flexible ±1 day",children:"Tomorrow · 8:00 AM"}),e.jsxs(H,{k:"Vehicles",meta:"+2 more",children:[e.jsx("span",{className:"font-medium",children:"2021 Toyota Camry"})," · Sedan"]}),e.jsx(H,{k:"Broker",meta:"+1 (555) 884-0192",children:e.jsx("span",{className:"font-display italic",children:"Brightlane Auto Co."})}),e.jsx(H,{k:"Asking",meta:"open",children:e.jsx("span",{className:"font-display font-semibold text-[16px]",children:"$1,250"})})]}),e.jsxs("div",{className:"border-border/50 border-t bg-secondary/30 px-4 py-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(I,{children:"03 · Floor price"}),e.jsxs("span",{className:"text-[11px] text-muted-foreground",children:["Walk away below"," ",e.jsx("span",{className:"font-display font-semibold text-foreground tabular-nums",children:qe(a)})," ",e.jsxs("span",{className:f("ml-1 font-medium text-[10px]",p.tone),children:["· ",p.label]})]})]}),e.jsxs("div",{className:"group/slider relative mt-2.5 mb-1 h-3 select-none",children:[e.jsx("div",{className:"absolute inset-x-0 top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-border/70"}),e.jsx("div",{className:"absolute top-1/2 left-0 h-1.5 -translate-y-1/2 rounded-full bg-gradient-to-r from-brand/40 to-brand",style:{width:`${d}%`}}),e.jsx("div",{className:"absolute top-1/2 size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-brand bg-card shadow-[0_2px_8px_rgba(232,120,46,0.35)] transition-transform duration-150 group-hover/slider:scale-110 group-focus-within/slider:scale-110 group-focus-within/slider:ring-4 group-focus-within/slider:ring-brand-ring",style:{left:`${d}%`}}),e.jsx("input",{type:"range",min:ge,max:Ke,step:25,value:a,"aria-label":"Floor price",onChange:u=>{r(Number(u.target.value)),t?.()},className:"absolute inset-0 h-full w-full cursor-grab appearance-none bg-transparent opacity-0 focus:outline-none active:cursor-grabbing"})]}),n?e.jsxs("div",{className:"mt-3 flex items-start gap-3 rounded-lg border border-brand/40 bg-brand/[0.06] px-3 py-2.5",children:[e.jsx("span",{className:"text-[18px] leading-none","aria-hidden":!0,children:"👀"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("div",{className:"font-display font-semibold text-[13px] text-foreground",children:"Caught you negotiating with the demo."}),e.jsx("div",{className:"text-[11px] text-muted-foreground",children:"You're our kind of dispatcher. Want to do this with real brokers and real money?"}),e.jsxs("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:[e.jsx("a",{href:s,className:"inline-flex cursor-pointer items-center gap-1.5 rounded-lg bg-brand px-3 py-1.5 font-medium text-[11px] text-brand-foreground transition-transform hover:scale-[1.02] active:scale-[0.98]",children:"Get early access →"}),e.jsx("button",{type:"button",onClick:()=>i(!1),className:"font-medium text-[10px] text-muted-foreground transition-colors hover:text-foreground",children:"← Back to the demo"})]})]})]}):e.jsxs("div",{className:"mt-3 flex items-center gap-2",children:[e.jsxs("span",{className:"relative inline-flex",children:[!l&&e.jsx(o.span,{"aria-hidden":!0,

9className:"-inset-[3px] pointer-events-none absolute rounded-[10px] bg-brand/40 blur-md",animate:{opacity:[.35,.8,.35]},transition:{duration:3.6,repeat:Number.POSITIVE_INFINITY,ease:N}}),e.jsxs(o.button,{type:"button",onClick:()=>{i(!0),t?.()},whileHover:l?void 0:{scale:1.03},whileTap:l?void 0:{scale:.97},transition:{type:"spring",stiffness:380,damping:24},className:"relative inline-flex cursor-pointer items-center gap-1.5 rounded-lg bg-brand px-3.5 py-1.5 font-medium text-[11px] text-brand-foreground shadow-[0_8px_24px_-8px_rgba(232,120,46,0.55)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-ring focus-visible:ring-offset-1",children:["Start AI negotiation",e.jsxs("span",{className:"font-mono text-[10px] text-brand-foreground/75 tabular-nums",children:["· floor ",qe(a)]})]})]}),e.jsx("button",{type:"button",className:"cursor-pointer rounded-lg border border-border/70 px-3 py-1.5 text-[11px] text-muted-foreground transition-colors hover:border-border hover:text-foreground",children:"Save as draft"})]})]})]})]})})}const Xe=[{n:1,label:"Shift pickup to Friday 8 AM (24h+ out)",rec:!0,outcome:"Confirmed · pickup moved to Friday 8 AM."},{n:2,label:"Keep Thursday — driver tries the gate",outcome:"Approved · attempting Thursday gate pickup."},{n:3,label:"Pause AI on this thread",outcome:"Paused · Dispatchino will hold until you ping it back."},{n:4,label:"Other — tell Dispatchino what to do",outcome:"Listening · type a custom instruction."}],Qe=4;function yt({onInteract:t}={}){const[s,a]=m.useState(null),[r,n]=m.useState(0),i=m.useRef(null),[l,d]=m.useState(!1);m.useEffect(()=>{if(!i.current)return;const c=new IntersectionObserver(([g])=>d(!!g?.isIntersecting),{threshold:.4});return c.observe(i.current),()=>c.disconnect()},[]),m.useEffect(()=>{if(r<=0)return;const c=window.setTimeout(()=>n(r-1),1e3);return()=>window.clearTimeout(c)},[r]);const p=c=>{a(c),n(Qe),t?.()};m.useEffect(()=>{if(!l)return;const c=g=>{const x=g.target;x&&(x.tagName==="INPUT"||x.tagName==="TEXTAREA"||x.isContentEditable)||["1","2","3","4"].includes(g.key)&&(g.preventDefault(),a(Number(g.key)),n(Qe),t?.())};return window.addEventListener("keydown",c),()=>window.removeEventListener("keydown",c)},[l,t]);const u=Xe.find(c=>c.n===s);return e.jsx(A,{children:e.jsxs("div",{ref:i,className:"flex min-h-0 flex-1 flex-col gap-2.5 p-3 sm:gap-3 sm:p-4",children:[e.jsxs("div",{className:"flex flex-col gap-2.5 sm:gap-3",children:[e.jsxs($,{from:"ai",time:"2:11 PM",children:["Confirming Seattle → Denver at ",e.jsx("strong",{children:"$1,940"}),", pickup Thursday — good to send the rate con?"]}),e.jsxs("div",{className:"flex items-end gap-2",children:[e.jsx("span",{className:"grid size-6 shrink-0 place-items-center rounded-full bg-secondary text-[9px] text-muted-foreground",children:"NC"}),e.jsx("div",{className:"max-w-[78%] rounded-2xl rounded-bl-md bg-secondary px-3 py-2 text-[12px] leading-snug",children:"Pickup's at Copart Seattle — they need at least 24-hour notice."})]})]}),e.jsxs(E,{className:"border-amber-500/40 bg-amber-500/[0.05] p-3 sm:p-4",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5 font-medium text-[10px] text-amber-700 uppercase tracking-[0.14em] dark:text-amber-400 sm:tracking-[0.16em]",children:[e.jsx("span",{className:"size-1.5 rounded-full bg-amber-500"})," Needs your call"]}),e.jsx("span",{className:"font-mono text-[10px] text-muted-foreground",children:"#CD-3582"})]}),e.jsx("div",{className:"mt-2 font-display font-semibold text-[14px] leading-snug sm:text-[15px]",children:"Pickup is at Copart Seattle — needs 24-hour notice. Shift the window?"}),e.jsx("div",{className:"mt-3 space-y-1.5 sm:space-y-2",children:Xe.map(c=>{const g=s===c.n,x=c.rec&&s==null;return e.jsxs("button",{type:"button",onClick:()=>p(c.n),"aria-pressed":g,className:f("flex w-full cursor-pointer items-start gap-2 rounded-lg border px-2.5 py-2 text-left text-[11.5px] transition-colors duration-200 sm:items-center sm:gap-3 sm:px-3 sm:text-[12px]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-ring focus-visible:ring-offset-1 focus-visible:ring-offset-card",g?"border-brand bg-brand/12":x?"border-brand/40 bg-brand/[0.06] hover:bg-brand/[0.10]":"border-border/60 bg-card hover:border-brand/30 hover:bg-secondary/40"),children:[e.jsx("span",{className:f("mt-px grid size-5 shrink-0 place-items-center rounded-md font-mono text-[10px] transition-colors sm:mt-0",g?"bg-brand text-brand-foreground":x?"bg-brand/15 text-brand":"bg-secondary text-muted-foreground"),children:c.n}),e.jsx("span",{className:"min-w-0 flex-1 text-balance text-foreground leading-snug",children:c.label}),g?e.jsxs(e.Fragment,{children:[e.jsx("span",{role:"img","aria-label":"Picked",className:"mt-px grid size-5 shrink-0 place-items-center rounded-full bg-brand text-[10px] text-brand-foreground sm:hidden",children:"✓"}),e.jsx("span",{className:"hidden shrink-0 items-center gap-1 rounded-full bg-brand px-2 py-0.5 font-medium text-[9px] text-brand-foreground uppercase tracking-wider sm:inline-flex",children:"✓ Picked"})]}):x&&e.jsxs(e.Fragment,{children:[e.jsx("span",{role:"img","aria-label":"Recommended",title:"Recommended",className:"mt-px grid size-5 shrink-0 place-items-center rounded-full bg-brand/15 text-[10px] text-brand sm:hidden",children:"★"}),e.jsx("span",{className:"hidden shrink-0 rounded-full bg-brand/15 px-2 py-0.5 font-medium text-[9px] text-brand uppercase tracking-wider sm:inline-block",children:"Recommended"})]})]},c.n)})}),u&&r>0?e.jsxs("div",{className:"mt-3 flex items-center justify-between rounded-lg border border-brand/40 bg-brand/[0.06] px-3 py-2 text-[11px]",children:[e.jsx("span",{className:"text-foreground",children:e.jsxs("span",{className:"font-medium",children:["✓ ",u.outcome]})}),e.jsxs("button",{type:"button",onClick:()=>{a(null),n(0)},className:"inline-flex items-center gap-1.5 rounded-md bg-card px-2 py-1 font-medium text-[10px] text-brand transition-colors hover:bg-secondary",children:["Undo · ",e.jsxs("span",{className:"font-mono tabular-nums",children:[r,"s"]})]})]}):u?e.jsxs("div",{className:"mt-3 flex items-center justify-between rounded-lg bg-emerald-500/10 px-3 py-2 text-[11px]",children:[e.jsxs("span",{className:"text-emerald-700 dark:text-emerald-400",children:["✓ ",u.outcome]}),e.jsx("button",{type:"button",onClick:()=>a(null),className:"font-medium text-[10px] text-muted-foreground hover:text-foreground",children:"Reset"})]}):e.jsxs("div",{className:"mt-3 flex flex-wrap items-center gap-x-3 gap-y-1 text-[10px] text-muted-foreground",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{className:"rounded bg-secondary px-1.5 py-0.5 font-mono",children:"1–4"}),"to pick instantly"]}),e.jsx("span",{className:"hidden sm:inline",children:"· 4-second undo on every choice"}),e.jsx("span",{className:"ml-auto inline-flex shrink-0 items-center gap-1.5",children:"⏎ Take over"})]})]})]})})}function Ze(){const[t,s]=m.useState("balanced"),[a,r]=m.useState(!1),n=M();return m.useEffect(()=>{if(a||n)return;const i=window.setInterval(()=>{s(l=>{const d=ee.indexOf(l);return ee[(d+1)%ee.length]??"balanced"})},2600);return()=>window.clearInterval(i)},[a,n]),e.jsx(A,{className:"justify-center",children:e.jsxs("div",{className:"flex flex-col gap-2.5 p-3",children:[e.jsx(jt,{compact:!0,strategy:t}),e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-x-2 gap-y-1 rounded-lg border border-border/60 bg-card px-3 py-1.5 text-[10px]",children:[e.jsx("span",{className:"font-medium text-muted-foreground uppercase tracking-[0.12em] text-[9px]",children:"Strategy"}),e.jsx("span",{className:"inline-flex flex-wrap gap-1",children:ee.map(i=>{const l=i===t;return e.jsx("button",{type:"button",onClick:()=>{s(i),r(!0)},"aria-pressed":l,className:f("rounded-full px-2 py-0.5 text-[10px] transition-colors","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-ring focus-visible:ring-offset-1",l?"bg-brand/12 font-medium text-brand":"text-muted-foreground hover:bg-secondary/70 hover:text-foreground"),children:bt[i].label},i)})})]})]})})}function Js(){return e.jsx(A,{className:"justify-center",children:e.jsxs("div",{className:"flex flex-col gap-2.5 p-3",children:[e.jsxs(E,{className:"border-sky-500/30 bg-sky-500/[0.05] px-3 py-2.5",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(I,{className:"text-sky-700 dark:text-sky-400",children:"Scheduled"}),e.jsx("span",{className:"rounded-full bg-sky-500/15 px-2 py-0.5 text-[9px] text-sky-700 dark:text-sky-400",children:"auto-sends"})]}),e.jsxs("div",{className:"mt-1.5 text-[12px] text-foreground",children:["Follow up on ",e.jsx("span",{className:"font-mono text-[11px]",children:"#C

9D-3610"})," ","— Quillvale Freight"]}),e.jsx("div",{className:"text-[10px] text-muted-foreground",children:'Tomorrow · 10:32 AM · "Still have that Chicago → KC load?"'})]}),e.jsxs("div",{className:"flex flex-col gap-1.5 px-1",children:[e.jsx("div",{className:"self-end rounded-2xl rounded-br-md bg-brand/12 px-2.5 py-1.5 text-[11px]",children:"Circling back — can we make the KC load work at $720?"}),e.jsx("div",{className:"self-start rounded-2xl rounded-bl-md bg-secondary px-2.5 py-1.5 text-[11px]",children:"Yeah let's do it. Pickup Friday."})]})]})})}function ea(){const t=[38,52,30,64,48,72,58,84,66,90];return e.jsx(A,{className:"justify-center",children:e.jsxs("div",{className:"flex flex-col gap-2.5 p-3",children:[e.jsxs(E,{className:"bg-brand/[0.04] px-3 py-2.5",children:[e.jsx(I,{children:"Revenue · month to date"}),e.jsxs("div",{className:"mt-1 flex items-baseline gap-2",children:[e.jsx("span",{className:"font-display font-semibold text-2xl text-brand leading-none",children:"$31,400"}),e.jsx("span",{className:"text-[10px] text-emerald-700 dark:text-emerald-400",children:"▲ 22 loads booked"})]}),e.jsx("div",{className:"mt-2.5 flex h-9 items-end gap-1",children:t.map((s,a)=>e.jsx("span",{className:f("flex-1 rounded-sm",a===t.length-1?"bg-brand":"bg-brand/25"),style:{height:`${s}%`}},s))})]}),e.jsxs("div",{className:"flex items-center gap-2 rounded-lg border border-border/60 bg-card px-3 py-2 text-[11px]",children:[e.jsx("span",{className:"grid size-6 place-items-center rounded-full bg-emerald-500/15 text-[11px]",children:"🎉"}),e.jsxs("span",{className:"text-foreground",children:[e.jsx("span",{className:"font-medium",children:"Foglane Vehicle Co."})," booked · $1,940 · Dallas → Atlanta"]})]})]})})}function ta(){const t=[{label:"MC authority",value:"MC-1188204",done:!0},{label:"USDOT certificate",value:"DOT-3492018",done:!0},{label:"Certificate of insurance",value:"$1M cargo · $1M auto",done:!0},{label:"W-9",value:"Add to finish",done:!1}];return e.jsx(A,{className:"justify-center",children:e.jsxs("div",{className:"flex flex-col gap-1.5 p-3",children:[e.jsxs("div",{className:"flex items-center justify-between px-1",children:[e.jsx(I,{children:"Carrier packet"}),e.jsx("span",{className:"text-[10px] text-emerald-700 dark:text-emerald-400",children:"3 of 4 · ready to dispatch"})]}),t.map(s=>e.jsxs("div",{className:f("flex items-center gap-2.5 rounded-lg border px-3 py-1.5 text-[11px]",s.done?"border-border/60 bg-card":"border-dashed border-brand/40 bg-brand/[0.04]"),children:[e.jsx("span",{className:f("grid size-5 place-items-center rounded-full text-[10px]",s.done?"bg-emerald-500/15 text-emerald-700 dark:text-emerald-400":"bg-brand/15 text-brand"),children:s.done?"✓":"+"}),e.jsx("span",{className:"flex-1 font-medium text-foreground",children:s.label}),e.jsx("span",{className:"font-mono text-[10px] text-muted-foreground/70",children:s.value})]},s.label))]})})}function sa(){return e.jsx(A,{className:"justify-center",children:e.jsxs("div",{className:"flex flex-col gap-2 p-3",children:[e.jsx(be,{tone:"success",icon:"🎉",meta:"SMS · now",label:e.jsxs(e.Fragment,{children:["Booked · Foglane Vehicle Co. ·"," ",e.jsx("span",{className:"font-medium",children:"$1,940"})]})}),e.jsx(be,{tone:"warn",icon:"!",meta:"push · 2m",label:e.jsxs(e.Fragment,{children:["Needs you · Copart pickup notice on"," ",e.jsx("span",{className:"font-mono text-[10px]",children:"#CD-3582"})]})}),e.jsx(be,{tone:"muted",icon:"·",meta:"setting",label:"Quiet hours 9 PM – 6 AM · digest only"}),e.jsx("div",{className:"px-1 pt-0.5 text-[10px] text-muted-foreground/70 leading-snug",children:"You'll only hear about money landing or a decision waiting."})]})})}function be({tone:t,icon:s,label:a,meta:r}){const n={success:{row:"border-emerald-500/30 bg-emerald-500/[0.06]",icon:"bg-emerald-500/15",label:"text-foreground"},warn:{row:"border-amber-500/40 bg-amber-500/[0.06]",icon:"bg-amber-500/15 text-amber-700 dark:text-amber-400",label:"text-foreground"},muted:{row:"border-border/60 bg-card opacity-80",icon:"bg-muted text-muted-foreground",label:"text-muted-foreground"}}[t];return e.jsxs("div",{className:f("flex items-start gap-2 rounded-lg border px-3 py-2 text-[11px]",n.row),children:[e.jsx("span",{className:f("mt-0.5 grid size-5 shrink-0 place-items-center rounded-full text-[10px]",n.icon),children:s}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("div",{className:f("leading-snug",n.label),children:a}),e.jsx("div",{className:"mt-1 text-right font-mono text-[9px] text-muted-foreground

9/80 uppercase tracking-wider sm:hidden",children:r})]}),e.jsx("span",{className:"mt-0.5 hidden shrink-0 text-[9px] text-muted-foreground sm:inline",children:r})]})}function le({children:t,caption:s,notchOnly:a=!1}){return e.jsxs("div",{className:"group/phone mx-auto flex w-full max-w-[300px] flex-col",children:[e.jsxs("div",{className:"relative aspect-[9/16] overflow-hidden rounded-[2rem] border-[6px] border-foreground/85 bg-background shadow-[0_30px_80px_rgba(20,16,12,0.18)] transition-transform duration-300 group-hover/phone:-translate-y-1",children:[e.jsx("div",{className:"pointer-events-none absolute inset-x-0 top-0 z-20 flex h-7 items-center justify-center",children:e.jsx("span",{className:"h-4 w-20 rounded-full bg-foreground/85"})}),e.jsx("div",{className:f("flex h-full flex-col",!a&&"pt-7"),children:t})]}),s&&e.jsx("p",{className:"mt-4 text-center font-medium text-[13px] text-foreground",children:s})]})}function aa({src:t,poster:s,caption:a}){return e.jsx(le,{caption:a,notchOnly:!0,children:e.jsx("video",{src:t,poster:s,controls:!0,"aria-label":"Dispatchino live broker call recording",playsInl

9ine:!0,preload:"metadata",className:"h-full w-full bg-foreground object-cover"})})}function ra({src:t,poster:s,caption:a}){return e.jsxs("div",{className:"group/landscape mx-auto flex w-full max-w-[640px] flex-col",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{"aria-hidden":!0,className:"-inset-6 -z-10 absolute rounded-3xl opacity-45 blur-3xl transition-opacity duration-500 group-hover/landscape:opacity-70",style:{background:"radial-gradient(ellipse at center, color-mix(in oklch, var(--brand) 18%, transparent), transparent 70%)"}}),e.jsx("div",{className:"relative aspect-[16/9] overflow-hidden rounded-2xl border border-border/70 bg-card shadow-[0_28px_80px_-20px_rgba(26,20,16,0.4)] transition-transform duration-500 group-hover/landscape:-translate-y-1",children:e.jsx("video",{src:t,poster:s,controls:!0,"aria-label":"Dispatchino live broker call recording",playsInline:!0,preload:"metadata",className:"absolute inset-0 h-full w-full bg-foreground object-cover"})})]}),a&&e.jsx("p",{className:"mt-4 text-center font-medium text-[13px] text-foreground",children:a})]})}function na({caption:t}){return e.jsxs("div",{className:"mx-auto flex w-full max-w-[640px] flex-col",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{"aria-hidden":!0,className:"-inset-6 -z-10 absolute rounded-3xl opacity-40 blur-3xl",style:{background:"radial-gradient(ellipse at center, color-mix(in oklch, var(--brand) 16%, transparent), transparent 70%)"}}),e.jsxs("div",{className:"relative aspect-[16/9] overflow-hidden rounded-2xl border border-border/70 bg-card shadow-[0_28px_80px_-20px_rgba(26,20,16,0.35)]",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 30% 25%, color-mix(in oklch, var(--brand) 24%, transparent), transparent 60%), radial-gradient(ellipse at 70% 80%, color-mix(in oklch, var(--brand) 12%, transparent), transparent 65%), linear-gradient(160deg, color-mix(in oklch, var(--background) 100%, transparent), color-mix(in oklch, var(--secondary) 92%, transparent))"}}),e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 opacity-25 mix-blend-overlay",style:{backgroundImage:"radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 0.5px, transparent 1px)",backgroundSize:"3px 3px"}}),e.jsxs("div",{className:"relative flex h-full flex-col items-center justify-center gap-3 px-6 text-center",children:[e.jsx("span",{className:"grid size-16 place-items-center rounded-full bg-brand text-brand-foreground shadow-[0_10px_28px_-8px_rgba(232,120,46,0.65)]",children:e.jsxs("svg",{viewBox:"0 0 24 24",role:"img","aria-hidden":"true",className:"size-7 translate-x-[2px]",fill:"currentColor",children:[e.jsx("title",{children:"Play demo"}),e.jsx("path",{d:"M8 5v14l11-7z"})]})}),e.jsx("p",{className:"font-display text-[14px] text-foreground tracking-tight",children:"Demo · dropping soon"})]})]})]}),t&&e.jsx("p",{className:"mt-4 text-center font-medium text-[13px] text-foreground",children:t})]})}function ia(){return e.jsxs("div",{className:"absolute inset-0 grid place-items-center overflow-hidden",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 30% 30%, color-mix(in oklch, var(--brand) 22%, transparent), transparent 60%), radial-gradient(ellipse at 70% 75%, color-mix(in oklch, var(--brand) 12%, transparent), transparent 65%), linear-gradient(135deg, color-mix(in oklch, var(--background) 100%, transparent), color-mix(in oklch, var(--secondary) 95%, transparent))"}}),e.jsxs("div",{className:"relative flex flex-col items-center gap-3",children:[e.jsx("span",{className:"grid size-16 place-items-center rounded-full bg-brand text-brand-foreground shadow-[0_10px_28px_-8px_rgba(232,120,46,0.65)]",children:e.jsxs("svg",{viewBox:"0 0 24 24",role:"img","aria-hidden":"true",className:"size-7 translate-x-[2px]",fill:"currentColor",children:[e.jsx("title",{children:"Play promo"}),e.jsx("path",{d:"M8 5v14l11-7z"})]})}),e.jsx("p",{className:"font-display text-[15px] text-foreground tracking-tight",children:"Promo · coming soon"}),e.jsx("p",{className:"max-w-xs text-center text-[11px] text-muted-foreground",children:"A 90-second pitch on how Dispatchino turns broker 

9chaos into booked loads. Drops here when the cut's ready."})]})]})}function la({src:t,poster:s}){return e.jsxs("div",{className:"group relative mx-auto w-full max-w-4xl",children:[e.jsx("div",{"aria-hidden":!0,className:"-inset-8 -z-10 absolute rounded-[2.25rem] opacity-55 blur-3xl",style:{background:"radial-gradient(ellipse at center, color-mix(in oklch, var(--brand) 20%, transparent), transparent 70%)"}}),e.jsx("div",{className:"relative aspect-[16/9] overflow-hidden rounded-2xl border border-border/70 bg-card shadow-[0_28px_90px_-20px_rgba(26,20,16,0.35)]",children:t?e.jsx("video",{src:t,poster:s,autoPlay:!0,muted:!0,controls:!0,"aria-label":"Dispatchino product demo video",playsInline:!0,preload:"metadata",className:"absolute inset-0 h-full w-full bg-foreground object-cover"}):e.jsx(ia,{})})]})}function je({tone:t,children:s}){return e.jsx("span",{className:f("grid size-11 place-items-center rounded-full",t==="danger"?"bg-red-500 text-white shadow-[0_8px_20px_-6px_rgba(239,68,68,0.55)]":"bg-foreground/8 text-foreground/85 dark:bg-foreground

9/12"),children:s})}function oa({call:t}){return e.jsxs("div",{className:"relative flex h-full flex-col overflow-hidden",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 -z-10",style:{background:"radial-gradient(ellipse at 50% 0%, color-mix(in oklch, var(--brand) 18%, transparent), transparent 55%), linear-gradient(180deg, color-mix(in oklch, var(--background) 100%, transparent), color-mix(in oklch, var(--secondary) 90%, transparent))"}}),e.jsxs("div",{className:"flex shrink-0 items-center justify-between px-5 pt-2 font-medium text-[10px] text-foreground/75 tabular-nums",children:[e.jsx("span",{children:"9:41"}),e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsxs("span",{className:"relative flex size-1.5",children:[e.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-red-500/70"}),e.jsx("span",{className:"relative inline-flex size-1.5 rounded-full bg-red-500"})]}),e.jsx("span",{className:"uppercase tracking-[0.14em] text-[9px]",children:"Live"})]})]}),e.jsxs("div",{className:"mt-3 flex shrink-0 flex-col items-center gap-0.5 px-4 text-center",children:[e.jsx("span",{className:"font-medium text-[9.5px] text-muted-foreground uppercase tracking-[0.18em]",children:"Outbound voice call"}),e.jsx("span",{className:"font-display font-semibold text-[22px] text-foreground leading-none tabular-nums",children:t.duration}),e.jsx("span",{className:"font-display text-[11px] text-muted-foreground italic",children:t.route})]}),e.jsxs("div",{className:"relative my-3 flex flex-1 items-center justify-center",children:[e.jsx(o.span,{"aria-hidden":!0,className:"absolute size-28 rounded-full bg-brand/25 blur-2xl",animate:{scale:[1,1.18,1],opacity:[.55,.95,.55]},transition:{duration:2.8,repeat:Number.POSITIVE_INFINITY,ease:N}}),e.jsx(o.span,{"aria-hidden":!0,className:"absolute size-24 rounded-full border-2 border-brand/40",animate:{scale:[1,1.35,1.35],opacity:[.7,0,0]},transition:{duration:2.4,repeat:Number.POSITIVE_INFINITY,ease:"easeOut"}}),e.jsx("span",{className:"relative grid size-20 place-items-center rounded-full bg-brand text-brand-foreground shadow-[0_12px_30px_-8px_rgba(232,120,46,0.6)]",children:e.jsx("img",{src:X,alt:"","aria-hidden":!0,className:"size-12 object-contain"})})]}),e.jsxs("div",{className:"shrink-0 px-5 pb-3 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-1.5 font-medium text-[9.5px] text-brand uppercase tracking-[0.16em]",children:["Dispatchino · ",t.status,e.jsx(ft,{})]}),e.jsxs("p",{className:"mt-1.5 text-[12px] text-foreground leading-snug",children:["“",t.utterance,"”"]})]}),e.jsx("div",{className:"mx-4 mb-3 shrink-0 rounded-xl border border-border/60 bg-card/80 px-3 py-2 backdrop-blur-sm",children:e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:"grid size-7 place-items-center rounded-full bg-secondary font-medium text-[10px] text-muted-foreground",children:t.brokerInitials}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("div",{className:"truncate font-medium text-[11.5px] text-foreground",children:t.broker}),e.jsx("div",{className:"font-mono text-[9.5px] text-muted-foreground",children:"on the line · audio"})]}),e.jsx("span",{className:"size-1.5 animate-pulse rounded-full bg-emerald-500"})]})}),e.jsxs("div",{className:"mb-5 flex shrink-0 items-center justify-center gap-5",children:[e.jsx(je,{tone:"neutral",children:e.jsxs("svg",{viewBox:"0 0 24 24","aria-hidden":"true",role:"img",className:"size-5",fill:"currentColor",children:[e.jsx("title",{children:"Mute"}),e.jsx("path",{d:"M12 2a3 3 0 0 0-3 3v6a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3zm5 9a1 1 0 1 0-2 0 3 3 0 1 1-6 0 1 1 0 1 0-2 0 5 5 0 0 0 4 4.9V19H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-2.1A5 5 0 0 0 17 11z"})]})}),e.jsx(je,{tone:"neutral",children:e.jsxs("svg",{viewBox:"0 0 24 24","aria-hidden":"true",role:"img",className:"size-5",fill:"currentColor",children:[e.jsx("title",{children:"Speaker"}),e.jsx("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3a4.5 4.5 0 0 0-2.5-4v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2a7 7 0 0 1 0 13.6v2a9 9 0 0 0 0-17.6z"})]})}),e.jsx(je,{tone:"danger",children:e.jsxs("svg",{viewBox:"0 0 24 24","aria-hidden":"true",role:"img",className:"size-5 rotate-[135deg]",fill:"currentColor",children:[e.jsx("title",{children:"End call"}),e.jsx("path",{d:"M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.4 11.4 0 0 0 .57 3.6 1 1 0 0 1-.25 1z"})]})})]})]})}function da({caption:t}){return e.jsx(le,{caption:t,notchOnly:!0,children:e.jsxs("div",{className:"relative h-full overflow-hidden",children:[e.jsx("div",{"aria-hidden":!0,

9className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 30% 25%, color-mix(in oklch, var(--brand) 24%, transparent), transparent 60%), radial-gradient(ellipse at 70% 80%, color-mix(in oklch, var(--brand) 12%, transparent), transparent 65%), linear-gradient(160deg, color-mix(in oklch, var(--background) 100%, transparent), color-mix(in oklch, var(--secondary) 92%, transparent))"}}),e.jsx("div",{"aria-hidden":!0,className:"absolute inset-0 opacity-30 mix-blend-overlay",style:{backgroundImage:"radial-gradient(circle at 50% 50%, rgba(255,255,255,0.15) 0.5px, transparent 1px)",backgroundSize:"3px 3px"}}),e.jsxs("div",{className:"relative flex h-full flex-col items-center justify-center gap-3 px-6 text-center",children:[e.jsx("span",{className:"grid size-16 place-items-center rounded-full bg-brand text-brand-foreground shadow-[0_10px_28px_-8px_rgba(232,120,46,0.65)]",children:e.jsxs("svg",{viewBox:"0 0 24 24",role:"img","aria-hidden":"true",className:"size-7 translate-x-[2px]",fill:"currentColor",children:[e.jsx("title",{children:"Play demo"}),e.jsx("path",{d:"M8 5v14l11-7z"})]})}),e.jsx("p",{className:"font-display text-[14px] text-foreground tracking-tight",children:"Demo · dropping soon"}),e.jsx("p",{className:"max-w-[200px] text-[11px] text-muted-foreground leading-snug",children:"A live recording of Dispatchino on the call — lands here when the cut's ready."})]})]})})}function T({from:t,children:s}){if(t==="system")return e.jsx("div",{className:"my-1 text-center text-[10px] text-muted-foreground/70",children:s});const a=t==="us";return e.jsx("div",{className:f("flex",a?"justify-end":"justify-start"),children:e.jsx("div",{className:f("max-w-[80%] rounded-2xl px-3 py-2 text-[12.5px] leading-snug",a?"rounded-br-md bg-brand text-brand-foreground":"rounded-bl-md bg-secondary text-foreground"),children:s})})}function ca(){return e.jsxs("div",{className:"flex h-full flex-col",children:[e.jsxs("div",{className:"flex shrink-0 items-center gap-2 border-border/50 border-b px-4 py-2",children:[e.jsx(Ce,{className:"size-7"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"font-medium text-[12.5px]",children:"Dispatchino"}),e.jsx("div",{className:"truncate text-[10px] text-muted-foreground",children:"on behalf of Driftway Auto Co."})]}),e.jsxs("span",{className:"ml-auto inline-flex items-center gap-1 rounded-full bg-emerald-500/15 px-1.5 py-0.5 font-medium text-[9px] text-emerald-700 uppercase tracking-wider dark:text-emerald-400",children:[e.jsx("span",{className:"size-1 rounded-full bg-emerald-500"}),"SMS"]})]}),e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col justify-end gap-2 px-4 py-3",children:[e.jsx(T,{from:"system",children:"Today · 8:14 AM"}),e.jsx(T,{from:"them",children:"Hey — got a Tahoe Chicago to KC, what can you do?"}),e.jsx(T,{from:"us",children:"Morning! We can cover Chicago → KC at $760, pickup today."}),e.jsx(T,{from:"them",children:"Need it closer to $700"}),e.jsx(T,{from:"us",children:"Let's meet at $720 and I'll dispatch a driver now."}),e.jsx(T,{from:"them",children:"Deal. Send the rate con."}),e.jsx(T,{from:"us",children:"Sent ✅ Driver assigned — you'll get tracking shortly."}),e.jsx(T,{from:"system",children:"Booked · $720 · 9 min"})]})]})}function te({time:t,tone:s="default",dim:a=!1,children:r}){return e.jsxs("div",{className:f("rounded-2xl border px-3 py-2.5 shadow-sm",s==="alert"?"border-amber-500/40 bg-amber-500/[0.06]":"border-border/60 bg-card",a&&"opacity-65"),children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:X,alt:"","aria-hidden":!0,className:"size-5 object-contain"}),e.jsx("span",{className:"font-medium text-[11px]",children:"Dispatchino"}),e.jsx("span",{className:"ml-auto text-[9px] text-muted-foreground",children:t})]}),e.jsx("div",{className:"mt-1.5 text-[12px] text-foreground",children:r})]})}function xa(){return e.jsxs("div",{className:"flex h-full flex-col",children:[e.jsxs("div",{className:"flex shrink-0 items-center justify-between border-border/50 border-b px-4 py-2 text-[10px] text-muted-foreground",children:[e.jsx("span",{className:"font-medium text-foreground tabular-nums",children:"9:41"}),e.jsx("span",{children:"Dispatchino · 5 updates"})]}),e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col gap-2.5 bg-secondary/20 px-3 py-3",children:[e.jsxs(te,{time:"now",children:["🎉 Booked — Driftway Auto Co., Chicago → KC, ",e.jsx("strong",{children:"$720"}),". Rate con sent."]}),e.jsxs(te,{time:"2m ago",tone:"alert",children:["Northkettle pickup is at Copart Seattle — needs 24h notice on"," ",e.jsx("span",{className:"font-mono text-[11px]",children:"#C

9D-3582"}),". Your call →",e.jsxs("div",{className:"mt-2 flex gap-2",children:[e.jsx("span",{className:"rounded-lg bg-brand px-2.5 py-1 font-medium text-[10px] text-brand-foreground",children:"Shift"}),e.jsx("span",{className:"rounded-lg border border-border/70 bg-card px-2.5 py-1 text-[10px] text-muted-foreground",children:"Keep"}),e.jsx("span",{className:"rounded-lg border border-border/70 bg-card px-2.5 py-1 text-[10px] text-muted-foreground",children:"Open"})]})]}),e.jsxs(te,{time:"38m ago",dim:!0,children:["Brightlane Auto Co. countered — Dispatchino held at"," ",e.jsx("strong",{children:"$1,450"}),". Negotiating."]}),e.jsx(te,{time:"1h ago",dim:!0,children:"Foglane Vehicle Co. booked · $1,940 · Dallas → Atlanta."}),e.jsx("div",{className:"mt-auto px-1 text-center text-[9.5px] text-muted-foreground/70",children:"Quiet hours 9 PM – 6 AM · digest only"})]})]})}const ve=["sms","notifications","call"],ma={sms:"Messages",notifications:"Lock screen",call:"Live call"},Je=5500,ua={route:"Seattle, WA → Denver, CO",broker:"Northkettle Carriers",brokerInitials:"NC",duration:"02:23",status:"confirming pickup",utterance:"Pickup's at Copart Seattle — they need 24-hour notice. Can we move to Friday morning?",caption:""};function pa(){const[t,s]=m.useState("sms"),a=M();return m.useEffect(()=>{if(a)return;const r=window.setInterval(()=>{s(n=>{const i=ve.indexOf(n);return ve[(i+1)%ve.length]??"sms"})},Je);return()=>window.clearInterval(r)},[a]),e.jsx(le,{caption:`Dispatchino on your phone · ${ma[t]}`,children:e.jsxs("div",{className:"relative h-full",children:[e.jsx(q,{mode:"wait",initial:!1,children:e.jsx(o.div,{initial:a?!1:{opacity:0,y:8},animate:{opacity:1,y:0},exit:a?void 0:{opacity:0,y:-8},transition:{duration:.35,ease:N},className:"absolute inset-0",children:t==="sms"?e.jsx(ca,{}):t==="notifications"?e.jsx(xa,{}):e.jsx(oa,{call:ua})},t)}),!a&&e.jsx(o.div,{className:"absolute inset-x-0 bottom-0 h-0.5 origin-left bg-brand/55",initial:{scaleX:0},animate:{scaleX:1},transition:{duration:Je/1e3,ease:"linear"}},`bar-${t}`)]})})}function ha({name:t}){return e.jsxs("div",{className:"flex shrink-0 items-center gap-2 bg-[#5288c1] px-3 py-2.5 text-white",children:[e.jsx("span",{className:"text-[14px] opacity-80","aria-hidden":!0,children:"‹"}),e.jsx("span",{className:"grid size-7 place-items-center rounded-full bg-white/15 text-[13px]",children:"🚚"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("div",{className:"truncate font-medium text-[12px]",children:t}),e.jsx("div",{className:"text-[9.5px] text-white/75",children:"5 members · 3 online"})]}),e.jsx("span",{className:"text-[14px] opacity-80","aria-hidden":!0,children:"⋮"})]})}function R({side:t,name:s,bot:a,time:r,reply:n,keyboard:i,children:l}){const d=t==="out";return e.jsxs("div",{className:f("flex flex-col",d?"items-start":"items-end"),children:[e.jsxs("div",{className:f("max-w-[88%] overflow-hidden rounded-2xl px-2.5 py-1.5 text-[12px] leading-snug shadow-[0_1px_1px_rgba(15,30,50,0.06)]",d?"rounded-bl-md bg-white text-slate-900 dark:bg-slate-700 dark:text-slate-50":"rounded-br-md bg-[#effdde] text-slate-900 dark:bg-emerald-900/40 dark:text-slate-50"),children:[s&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:f("font-medium text-[11px]",d?"text-[#5288c1]":"text-emerald-700 dark:text-emerald-300"),children:s}),a&&e.jsx("span",{className:"rounded bg-slate-200 px-1 font-medium text-[8px] text-slate-500 uppercase tracking-wider dark:bg-slate-600 dark:text-slate-300",children:"bot"})]}),n&&e.jsxs("div",{className:"mt-1 mb-1 border-l-2 border-[#5288c1] bg-[#5288c1]/[0.08] pl-2 py-0.5",children:[e.jsx("div",{className:"font-medium text-[10px] text-[#5288c1]",children:n.name}),e.jsx("div",{className:"truncate text-[10.5px] text-slate-700/80 dark:text-slate-300/80",children:n.preview})]}),e.jsx("div",{className:"mt-0.5",children:l}),e.jsxs("div",{className:"mt-0.5 flex items-center justify-end gap-1 text-[8.5px] text-slate-500 dark:text-slate-400",children:[r,!d&&e.jsx("span",{className:"text-[#5288c1]","aria-hidden":!0,

9children:"✓✓"})]})]}),i&&e.jsx("div",{className:"mt-1 flex max-w-[88%] flex-col gap-1",children:i.map(p=>e.jsx("div",{className:"flex gap-1",children:p.map(u=>e.jsx("span",{className:"flex-1 cursor-pointer truncate rounded-md bg-white/95 px-2 py-1 text-center font-medium text-[10.5px] text-[#5288c1] shadow-sm transition-colors hover:bg-white dark:bg-slate-700 dark:text-sky-300",children:u},u))},p.join("|")))})]})}function fa(){return e.jsxs(le,{caption:"Dispatchino lives in your driver group — coordinating in plain language.",notchOnly:!0,children:[e.jsx(ha,{name:"Ferncrest Hauling · Drivers"}),e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col gap-1.5 overflow-hidden px-2 py-2",style:{backgroundColor:"#dbeaf6",backgroundImage:"radial-gradient(circle at 20% 10%, rgba(255,255,255,0.6), transparent 40%), radial-gradient(circle at 80% 80%, rgba(82,136,193,0.18), transparent 60%)"},children:[e.jsx("div",{className:"self-center rounded-full bg-white/70 px-2.5 py-0.5 text-[9px] text-slate-600 dark:bg-slate-800/70 dark:text-slate-300",children:"Today"}),e.jsxs(R,{side:"out",name:"Dispatchino",bot:!0,time:"9:42 AM",children:["👋 Morning team — ",e.jsx("strong",{children:"3 loads"})," ready to dispatch."]}),e.jsxs(R,{side:"out",name:"Dispatchino",bot:!0,time:"9:42 AM",keyboard:[["✅ Accept","Pass"],["📋 Details"]],children:[e.jsx("div",{className:"font-medium",children:"📦 Brightlane Auto Co."}),e.jsxs("div",{className:"text-[10.5px] text-slate-600 dark:text-slate-300",children:["Phoenix → Nashville · 1,630 mi · ",e.jsx("strong",{children:"$1,450"})]})]}),e.jsx(R,{side:"in",name:"Mike",time:"9:43 AM",children:"I'll take it ✋"}),e.jsx(R,{side:"out",name:"Dispatchino",bot:!0,time:"9:43 AM",reply:{name:"Mike",preview:"I'll take it ✋"},children:"✅ Mike is on it · pickup tomorrow 8 AM. Sending route now."}),e.jsxs(R,{side:"out",name:"Dispatchino",bot:!0,time:"10:04 AM",children:["🎉 Foglane booked at ",e.jsx("strong",{children:"$1,940"})," — Carlos's truck."]}),e.jsx(R,{side:"in",name:"Carlos",time:"10:05 AM",children:"On my way — ETA 18m"})]}),e.jsxs("div",{className:"flex shrink-0 items-center gap-2 border-border/40 border-t bg-card px-3 py-2 text-[11px] text-muted-foreground",children:[e.jsxs("svg",{viewBox:"0 0 24 24",role:"img","aria-hidden":"true",className:"size-4 text-muted-foreground/70",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("title",{children:"Attach"}),e.jsx("path",{d:"m21.44 11.05-9.19 9.19a6 6 0 1 1-8.49-8.49l8.57-8.57A4 4 0 1 1 17.99 8.8l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"})]}),e.jsx("span",{className:"flex-1 italic",children:"Type a message"}),e.jsx("span",{"aria-hidden":!0,className:"grid size-7 shrink-0 place-items-center rounded-full bg-[#5288c1] shadow-[0_1px_2px_rgba(82,136,193,0.45)]",children:e.jsxs("svg",{viewBox:"0 0 24 24",role:"img","aria-hidden":"true",className:"size-3.5 translate-x-[1px] text-white",fill:"currentColor",children:[e.jsx("title",{children:"Send"}),e.jsx("path",{d:"M2.5 21.3 22 12 2.5 2.7 2.5 9.8 16 12 2.5 14.2z"})]})})]})]})}function ga(){const t=M();return e.jsxs("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 hidden overflow-hidden md:block",children:[e.jsx(o.div,{className:"absolute top-[6%] left-[2%] lg:top-[8%] lg:left-[5%] xl:left-[8%]",initial:t?!1:{opacity:0,scale:.9,y:14,rotate:-6},animate:t?{opacity:1,scale:1,y:0,rotate:-6}:{opacity:1,scale:1,y:[0,-10,0],rotate:[-6,-3,-6]},transition:{opacity:{duration:.7,ease:N,delay:.3},scale:{duration:.7,ease:N,delay:.3},y:{duration:4.6,ease:"easeInOut",repeat:Number.POSITIVE_INFINITY,delay:.6},rotate:{duration:7,ease:"easeInOut",repeat:Number.POSITIVE_INFINITY,delay:.6}},children:e.jsx(ba,{})}),e.jsx(o.div,{className:"absolute top-[8%] right-[2%] lg:top-[10%] lg:right-[5%] xl:right-[8%]",initial:t?!1:{opacity:0,scale:.9,y:14,rotate:5},animate:t?{opacity:1,scale:1,y:0,rotate:5}:{opacity:1,scale:1,y:[0,-12,0],rotate:[5,8,5]},transition:{opacity:{duration:.7,ease:N,delay:.45},scale:{duration:.7,ease:N,delay:.45},y:{duration:5.4,ease:"easeInOut",repeat:Number.POSITIVE_INFINITY,delay:1.4},rotate:{duration:7.6,ease:"easeInOut",repeat:Number.POSITIVE_INFINITY,delay:1.4}},children:e.jsx(ja,{})}),e.jsx(o.div,{className:"absolute right-[12%] bottom-[8%] lg:right-[15%] xl:right-[18%]",initial:t?!1:{opacity:0,scale:.9,y:14,rotate:9},animate:t?{opacity:1,scale:1,y:0,rotate:9}:{opacity:1,scale:1,y:[0,-9,0],rotate:[9,12,9]},transition:{opacity:{duration:.7,ease:N,delay:.65},scale:{duration:.7,ease:N,delay:.65},y:{duration:5,ease:"easeInOut",repeat:Number.POSITIVE_INFINITY,delay:2.4},rotate:{duration:7.2,ease:"easeInOut",repeat:Number.POSITIVE_INFINITY,delay:2.4}},children:e.jsx(va,{})})]})}const Se={background:"linear-gradient(145deg, color-mix(in oklch, var(--card) 92%, white) 0%, color-mix(in oklch, var(--secondary) 86%, var(--card)) 100%)",boxShadow:["0 0 96px -16px color-mix(in oklch, var(--brand) 38%, transparent)","0 36px 64px -18px color-mix(in oklch, var(--brand) 24%, transparent)","0 20px 40px -12px rgba(26,20,16,0.10)","inset 1.5px 1.5px 1.5px rgba(255,255,255,0.95)","inset -1px -1px 2px color-mix(in oklch, var(--brand) 10%, transparent)","inset 0 -3px 6px color-mix(in oklch, var(--foreground) 4%, transparent)"].join(", ")},Ie="color-mix(in oklch, var(--muted-foreground) 55%, var(--brand) 18%)",Me="drop-shadow(1.5px 1.5px 0 rgba(255,255,255,0.85)) drop-shadow(-0.5px -0.5px 0.5px rgba(26,20,16,0.06))";function ba(){return e.jsx("div",{className:"grid size-24 select-none place-items-center rounded-[1.4rem] sm:size-28 sm:rounded-[1.5rem] md:size-32 md:rounded-[1.75rem]",style:Se,children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round",className:"size-9 sm:size-10 md:size-11",style:{color:Ie,filter:Me},role:"img","aria-hidden":"true",children:[e.jsx("title",{children:"Phone"}),e.jsx("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"})]})})}function ja(){return e.jsx("div",{className:"grid h-24 w-28 select-none place-items-center rounded-[1.4rem] sm:h-28 sm:w-32 sm:rounded-[1.5rem] md:h-32 md:w-36 md:rounded-[1.75rem]",style:Se,children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round",className:"size-9 sm:size-10 md:size-11",style:{color:Ie,filter:Me},role:"img","aria-hidden":"true",children:[e.jsx("title",{children:"Message"}),e.jsx("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"}),e.jsx("path",{d:"M13 8H7"}),e.jsx("path",{d:"M17 12H7"})]})})}function va(){return e.jsx("div",{className:"grid size-24 select-none place-items-center rounded-[1.4rem] sm:size-28 sm:rounded-[1.5rem] md:size-32 md:rounded-[1.75rem]",style:Se,children:e.jsxs("svg",{viewBox:"0 0 24 24",fill:"

9currentColor",className:"size-10 sm:size-11 md:size-12",style:{color:Ie,filter:Me},role:"img","aria-hidden":"true",children:[e.jsx("title",{children:"Telegram"}),e.jsx("path",{d:"M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z"})]})})}function F({icon:t,animation:s}){const a=m.useRef(null),r=Ot(a,{once:!0,margin:"-40px"}),n=M(),i={ring:{hidden:{rotate:0},visible:{rotate:[0,-12,14,-10,8,-4,0],transition:{duration:.6,ease:v,delay:.2}}},stamp:{hidden:{scale:0,opacity:0},visible:{scale:[0,1.3,.9,1.05,1],opacity:1,transition:{duration:.5,ease:ct,delay:.2}}},build:{hidden:{scale:.5,opacity:0,rotate:-8},visible:{scale:1,opacity:1,rotate:0,transition:{duration:.5,ease:v,delay:.2}}},slide:{hidden:{x:-12,opacity:0},visible:{x:0,opacity:1,transition:{duration:.4,ease:v,delay:.2}}}};return e.jsx(o.div,{ref:a,initial:n?"visible":"hidden",animate:r?"visible":"hidden",variants:i[s],className:"flex size-10 items-center justify-center rounded-xl bg-brand/8 text-brand",children:e.jsx(t,{className:"size-5"})})}const et={callA:{src:"https://pcfgusev8dodbkv3.public.blob.vercel-storage.com/broker-call-1.mp4",aspect:"landscape",duration:"1m 49s",headline:"Listen in.",summary:"Dispatchino takes a live broker call end-to-end — no script, no human in the seat.",moments:["Opens the broker conversation in a natural voice.","Confirms the load context before discussing money.","Keeps the negotiation moving without a dispatcher on the call."]},callB:{src:"https://pcfgusev8dodbkv3.public.blob.vercel-storage.com/broker-call-2.mp4",aspect:"portrait",duration:"3m 18s",headline:"And again, just like it.",summary:"Same playbook, different broker. Hear how the same negotiation muscle scales across calls.",moments:["Handles a different broker with the same dispatch rules.","Moves through rate discussion and follow-up details.","Shows the repeatable call workflow behind automated dispatch."]}},tt={src:"https://pcfgusev8dodbkv3.public.blob.vercel-storage.com/dispatchino-promo.text-hq.web.mp4",poster:"/landing-media/promo/dispatchino-promo.jpg"};function ya({clip:t}){return t.aspect==="landscape"?t.src?e.jsx(ra,{src:t.src,poster:t.poster}):e.jsx(na,{}):t.src?e.jsx(aa,{src:t.src,poster:t.poster}):e.jsx(da,{})}function Na({number:t,clip:s}){return e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 font-medium font-mono text-[10px] uppercase tracking-[0.22em]",children:[e.jsxs("span",{className:"text-brand",children:["Call ",t]}),e.jsx("span",{className:"text-muted-foreground/40",children:"·"}),e.jsx("span",{className:"text-muted-foreground tabular-nums",children:s.duration})]}),e.jsx("h3",{className:"mt-4 font-display font-semibold text-3xl tracking-tight md:text-[40px] md:leading-[1.05]",children:s.headline}),s.route&&e.jsx("p",{className:"mt-1 font-display text-[16px] text-muted-foreground italic md:text-[17px]",children:s.route}),e.jsx("p",{className:"mt-5 max-w-md text-muted-foreground leading-relaxed",children:s.summary}),e.jsx("ul",{className:"mt-4 space-y-2 text-muted-foreground text-sm leading-relaxed",children:s.moments.map(a=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"mt-2 size-1.5 shrink-0 rounded-full bg-brand/60"}),e.jsx("span",{children:a})]},a))}),s.outcome&&e.jsxs("div",{className:"mt-6 inline-flex items-center gap-2 rounded-full bg-brand/10 px-3 py-1.5",children:[e.jsx("span",{className:"size-1.5 rounded-full bg-emerald-500"}),e.jsx("span",{className:"font-medium text-[12px] text-brand",children:s.outcome})]})]})}function st({clip:t,number:s,videoSide:a}){const r=t.aspect==="landscape"?a==="left"?"lg:grid-cols-[1.55fr_1fr]":"lg:grid-cols-[1fr_1.55fr]":a==="left"?"lg:grid-cols-[auto_1fr] lg:gap-20":"lg:grid-cols-[1fr_auto] lg:gap-20",n=e.jsx(o.div,{variants:h,transition:{duration:.5,ease:v,delay:.05},className:f("min-w-0",a==="left"?"lg:order-1":"lg:order-2"),children:e.jsx(ya,{clip:t})}),i=e.jsx(o.div,{variants:h,transition:{duration:.5,ease:v},className:f("min-w-0",a==="left"?"lg:order-2":"lg:order-1"),children:e.jsx(Na,{number:s,clip:t})});return e.jsxs(o.article,{variants:h,transition:{duration:.5,ease:v}

9,className:"relative",children:[e.jsx("span",{"aria-hidden":!0,className:f("-z-10 -top-10 pointer-events-none absolute select-none font-display font-bold text-[180px] text-brand/[0.07] leading-none md:text-[260px] lg:text-[320px]",a==="left"?"right-0 lg:right-[-2rem]":"left-0 lg:left-[-2rem]"),children:s}),e.jsxs("div",{className:f("relative grid items-center gap-12 lg:gap-16",r),children:[n,i]})]})}function K({children:t,className:s="",label:a,controls:r,lift:n=!0}){return e.jsxs("div",{className:f("group relative flex flex-col overflow-hidden rounded-2xl border border-border/70 bg-card shadow-[0_24px_80px_rgba(26,20,16,0.10)] transition-[transform,box-shadow] duration-300",n&&"hover:-translate-y-1 hover:shadow-[0_32px_100px_rgba(26,20,16,0.16)]",s),children:[e.jsxs("div",{className:"flex h-9 shrink-0 items-center gap-2 border-border/60 border-b bg-secondary/45 px-4",children:[e.jsx("span",{className:"size-2.5 rounded-full bg-brand/70"}),e.jsx("span",{className:"size-2.5 rounded-full bg-amber-400/80"}),e.jsx("span",{className:"size-2.5 rounded-full bg-emerald-500/70"}),a&&e.jsx("span",{className:"ml-2 truncate font-mono text-[10px] text-muted-foreground/70",children:a}),r&&e.jsx("div",{className:"ml-auto flex items-center",children:r})]}),e.jsx("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:t})]})}function ka({children:t}){return e.jsx("div",{className:"relative aspect-[3/2] overflow-hidden rounded-xl border border-border/60 bg-card shadow-[0_1px_2px_rgba(26,20,16,0.05)]",children:t})}const at=3500;function wa(){const[t,s]=m.useState(0),[a,r]=m.useState(!1),n=M(),i=()=>r(!0),l=[{label:"dispatchino.app/worklist",tag:"Your worklist",render:()=>e.jsx(gt,{variant:"full",onInteract:i})},{label:"dispatchino.app/thread/CD-3591",tag:"Live negotiation",render:()=>e.jsx(vt,{})},{label:"dispatchino.app/thread/CD-3582",tag:"Your call",render:()=>e.jsx(yt,{onInteract:i})}],d=a||n;m.useEffect(()=>{if(d)return;const u=window.setInterval(()=>s(c=>(c+1)%l.length),at);return()=>window.clearInterval(u)},[d,l.length]);const p=l[t]??l[0];return p?e.jsx("section",{"aria-roledescription":"carousel","aria-label":"Dispatchino product tour",children:e.jsxs(K,{label:p.label,lift:!1,controls:e.jsxs("div",{className:"flex items-center gap-2",children:[a?e.jsxs("button",{type:"button",onClick:()=>r(!1),className:"hidden items-center gap-1.5 rounded-full bg-brand/12 px-2.5 py-1 font-medium text-[10px] text-brand uppercase tracking-[0.1em] transition-colors hover:bg-brand/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-ring sm:inline-flex",children:[e.jsx("span",{"aria-hidden":!0,children:"▷"})," Resume tour"]}):e.jsxs("span",{className:"hidden items-center gap-1.5 rounded-full bg-brand/10 px-2.5 py-1 font-medium text-[10px] text-brand uppercase tracking-[0.1em] sm:inline-flex",children:[e.jsxs("span",{className:"relative flex size-1.5",children:[e.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-brand/70"}),e.jsx("span",{className:"relative inline-flex size-1.5 rounded-full bg-brand"})]}),"Try it · live demo"]}),e.jsx("div",{className:"flex items-center gap-1.5",children:l.map((u,c)=>e.jsx("button",{type:"button","aria-label":`Show ${u.tag}`,"aria-pressed":c===t,onClick:()=>{s(c),r(!0)},className:f("h-1.5 cursor-pointer rounded-full transition-all duration-300","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",c===t?"w-5 bg-brand":"w-1.5 bg-foreground

9/15 hover:bg-foreground/30")},u.label))})]}),className:"aspect-[3/5] sm:aspect-[16/11] lg:aspect-[16/10]",children:[l.map((u,c)=>e.jsx(o.div,{initial:!1,animate:{opacity:c===t?1:0,scale:c===t?1:1.02},transition:{duration:.5,ease:v},style:{pointerEvents:c===t?"auto":"none"},"aria-hidden":c!==t,className:"absolute inset-0",children:u.render()},u.label)),!n&&e.jsx(o.div,{className:"absolute inset-x-0 bottom-0 h-0.5 origin-left bg-brand/60",initial:{scaleX:0},animate:{scaleX:d?0:1},transition:{duration:d?.2:at/1e3,ease:"linear"}},`bar-${t}-${d?"p":"r"}`)]})}):null}function Ca(){const t=M(),s=t?void 0:{y:[0,-10,0],rotate:[-4,4,-4],transition:{y:{duration:3.2,repeat:Number.POSITIVE_INFINITY,ease:"easeInOut"},rotate:{duration:5.4,repeat:Number.POSITIVE_INFINITY,ease:"easeInOut"}}};return e.jsxs(o.div,{className:"relative mx-auto mb-8 inline-flex size-20 items-center justify-center md:size-24",whileHover:t?void 0:{scale:1.08,rotate:[0,-10,10,-6,0],transition:{duration:.6,ease:ct}},children:[e.jsx(o.span,{"aria-hidden":!0,className:"-z-10 absolute inset-0 rounded-full bg-brand/15 blur-2xl",animate:t?void 0:{scale:[1,1.25,1],opacity:[.55,.85,.55]},transition:{duration:3.6,repeat:Number.POSITIVE_INFINITY,ease:"easeInOut"}}),e.jsx(o.span,{"aria-hidden":!0,className:"absolute inset-0 rounded-full border border-brand/30",animate:t?void 0:{scale:[1,1.18,1],opacity:[.6,0,.6]},transition:{duration:2.6,repeat:Number.POSITIVE_INFINITY,ease:"easeOut"}}),e.jsx(o.img,{src:"/brand/mark.png",alt:"","aria-hidden":!0,draggable:!1,className:"relative size-16 object-contain drop-shadow-[0_6px_14px_rgba(26,20,16,0.16)] md:size-20",animate:s}),e.jsxs("span",{className:"-top-1 -right-1 absolute flex size-3",children:[e.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400/70"}),e.jsx("span",{className:"relative inline-flex size-3 rounded-full bg-emerald-500 ring-2 ring-background"})]})]})}function Sa({tag:t,className:s}){const a=Et[t];return e.jsx("span",{className:f("inline-flex items-center rounded-full px-2 py-0.5 font-medium font-mono text-[10.5px] uppercase tracking-[0.08em]",a.badgeClassName,s),children:a.label})}const rt={duration:.6,ease:v};function Ia(){const t=Dt(3);return t.length===0?null:e.jsxs(w,{className:"mx-auto max-w-5xl px-4 py-16 md:px-6 md:py-28",children:[e.jsxs(o.div,{variants:h,transition:rt,className:"mb-14 text-center",children:[e.jsx("p",{className:"mb-3 font-medium text-brand text-sm uppercase tracking-[0.18em]",children:"What's New"}),e.jsx("h2",{className:"mx-auto max-w-2xl text-balance font-display font-semibold text-3xl tracking-tight md:text-4xl",children:"Shipping daily."}),e.jsx("p",{className:"mx-auto mt-4 max-w-xl text-balance text-muted-foreground leading-relaxed",children:"The latest from the Dispatchino changelog."})]}),e.jsx(o.div,{variants:U,className:"grid gap-5 sm:grid-cols-3 [&>*]:min-w-0",children:t.map(s=>e.jsxs(o.article,{variants:h,transition:{duration:.4,ease:v},className:"rounded-2xl border border-border/60 bg-card/80 p-6 backdrop-blur transition-all duration-300 hover:-translate-y-1 hover:border-brand/40",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsx(Sa,{tag:s.tag}),e.jsx("time",{dateTime:s.date,className:"font-mono text-muted-foreground/70 text-xs tabular-nums",children:Pt(s.date)})]}),e.jsx("h3",{className:"mt-4 font-display font-semibold text-lg tracking-tight",children:s.title}),e.jsx("p",{className:"mt-2 line-clamp-3 text-muted-foreground text-sm leading-relaxed",children:s.body})]},`${s.date}-${s.title}`))}),e.jsx(o.div,{variants:h,transition:{...rt,delay:.1},className:"mt-10 text-center",children:e.jsx(Y,{asChild:!0,variant:"outline",children:e.jsxs(Lt,{to:"/changelog",children:["Read the full changelog",e.jsx(re,{className:"size-4"})]})})})]})}function Ma(){const t=M(),s=m.useRef(null),{scrollYProgress:a}=us({target:s,offset:["start start","end start"]}),r=Ne(a,[0,.8],[1,0]),n=Ne(a,[0,.8],[0,60]),i={duration:.6,ease:v};return e.jsxs("div",{className:"relative overflow-hidden",children:[e.jsx("div",{"aria-hidden":!0,

9className:"pointer-events-none absolute inset-x-0 top-0 -z-10 h-[720px]",style:{background:"radial-gradient(ellipse 80% 60% at 50% -10%, color-mix(in oklch, var(--brand) 12%, transparent) 0%, transparent 70%)"}}),e.jsxs("div",{ref:s,className:"relative",children:[e.jsx(ga,{}),e.jsxs(o.div,{style:t?{}:{opacity:r,y:n},className:"relative mx-auto max-w-5xl px-4 pt-16 pb-20 text-center md:px-6 md:pt-24 md:pb-28",children:[e.jsxs(o.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{...i,delay:.1},className:"relative mb-8 inline-flex items-center gap-2.5 overflow-hidden rounded-full border border-border/70 bg-card/70 px-4 py-2 backdrop-blur",children:[!t&&e.jsx(o.span,{"aria-hidden":!0,className:"pointer-events-none absolute inset-y-0 left-0 w-1/2 bg-gradient-to-r from-transparent via-brand/25 to-transparent",initial:{x:"-110%"},animate:{x:"240%"},transition:{duration:1.6,repeat:Number.POSITIVE_INFINITY,repeatDelay:4.6,ease:"easeOut"}}),e.jsxs("span",{className:"relative flex size-2",children:[e.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400/70"}),e.jsx("span",{className:"relative inline-flex size-2 rounded-full bg-emerald-500"})]}),e.jsx("img",{src:"/brand/mark.png",alt:"","aria-hidden":!0,className:"size-5 shrink-0 object-contain"}),e.jsx("span",{className:"relative font-medium text-muted-foreground text-xs uppercase tracking-[0.18em]",children:"AI-Powered Dispatching · Live"})]}),e.jsxs(o.h1,{initial:{opacity:0,y:24},animate:{opacity:1,y:0},transition:{...i,delay:.2},className:"mx-auto max-w-4xl text-balance font-display text-5xl font-semibold leading-[1.05] tracking-tight md:text-6xl lg:text-7xl",children:["Your AI dispatcher that negotiates loads"," ",e.jsxs("span",{className:"relative inline-block",children:[e.jsx("span",{className:"relative z-10",children:"while you sleep"}),e.jsx("span",{"aria-hidden":!0,className:"absolute -bottom-1 left-0 right-0 h-3 bg-brand/12 -rotate-[0.5deg] rounded-full md:-bottom-1.5 md:h-4"})]})]}),e.jsx(o.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{...i,delay:.35},className:"mx-auto mt-6 max-w-2xl text-balance text-muted-foreground text-lg leading-relaxed md:text-xl",children:"Dispatchino handles broker 

9calls, negotiates rates, and books loads — so you can focus on running your fleet."}),e.jsxs(o.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{...i,delay:.5},className:"mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row",children:[e.jsx(Y,{asChild:!0,variant:"brand",size:"xl",className:"group relative overflow-hidden",children:e.jsxs("a",{href:ae,children:[!t&&e.jsx(o.span,{"aria-hidden":!0,className:"pointer-events-none absolute inset-y-0 left-0 w-1/2 bg-gradient-to-r from-transparent via-white/30 to-transparent",initial:{x:"-110%"},animate:{x:"240%"},transition:{duration:1.6,repeat:Number.POSITIVE_INFINITY,repeatDelay:4.6,ease:"easeOut"}}),e.jsxs("span",{className:"relative inline-flex items-center gap-2",children:["Get Early Access",e.jsx(re,{className:"size-4 transition-transform duration-200 group-hover:translate-x-0.5"})]})]})}),e.jsx(Y,{asChild:!0,variant:"outline",size:"xl",children:e.jsxs("a",{href:"#promo",children:[e.jsx(Ds,{className:"size-4"}),"Watch Demo"]})})]})]})]}),e.jsx(w,{id:"promo",className:"mx-auto max-w-6xl scroll-mt-20 px-4 pb-16 md:px-6 md:pb-20",children:e.jsxs(o.div,{variants:h,transition:i,children:[e.jsx(la,{src:tt.src,poster:tt.poster}),e.jsx("p",{className:"mx-auto mt-5 max-w-2xl text-center text-muted-foreground text-sm leading-relaxed",children:"Watch the 90-second product demo: Dispatchino parses a load, negotiates with brokers over voice and SMS, asks for approval when needed, and keeps every load conversation in one dashboard."})]})}),e.jsx(w,{id:"showcase",className:"mx-auto max-w-5xl scroll-mt-20 px-4 pb-16 md:px-6 md:pb-28",children:e.jsxs(o.div,{variants:h,transition:i,className:"relative pr-6 sm:pr-10",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute inset-x-8 -inset-y-4 -z-10 rounded-3xl opacity-40 blur-3xl",style:{background:"radial-gradient(ellipse at center, color-mix(in oklch, var(--brand) 20%, transparent), transparent 70%)"}}),e.jsx(wa,{}),e.jsx(o.img,{src:"/brand/mascot-full.png",alt:"","aria-hidden":!0,draggable:!1,className:"pointer-events-none absolute right-0 bottom-0 z-10 h-20 w-auto translate-x-1/4 translate-y-1/4 object-contain drop-shadow-[0_8px_16px_rgba(26,20,16,0.18)] sm:h-28 md:h-32",variants:{hidden:{opacity:0,y:16,rotate:6},visible:{opacity:1,y:[0,-6,0],rotate:[0,-3,3,0],transition:{opacity:{duration:.6,ease:v,delay:.4},y:{duration:4.5,ease:"easeInOut",repeat:Number.POSITIVE_INFINITY,delay:1},rotate:{duration:7,ease:"easeInOut",repeat:Number.POSITIVE_INFINITY,delay:1}}}}})]})}),e.jsx("div",{id:"demo",className:"scroll-mt-20 border-y border-border/40 bg-secondary/20",children:e.jsxs(w,{className:"mx-auto max-w-5xl px-4 py-16 md:px-6 md:py-24",children:[e.jsxs(o.div,{variants:h,transition:i,className:"mb-14 text-center md:mb-16",children:[e.jsx("p",{className:"mb-3 font-medium text-brand text-sm uppercase tracking-[0.18em]",children:"Live broker calls"}),e.jsx("h2",{className:"mx-auto max-w-2xl text-balance font-display text-3xl font-semibold tracking-tight md:text-4xl",children:"Hear Dispatchino negotiate."}),e.jsx("p",{className:"mx-auto mt-4 max-w-xl text-muted-foreground leading-relaxed",children:"Two real conversations end-to-e

9nd — opening offer, counter-offer, rate confirmation. No script, no human in the seat."})]}),e.jsxs(o.div,{variants:U,className:"mx-auto mt-4 flex max-w-6xl flex-col gap-24 md:gap-32",children:[e.jsx(st,{clip:et.callA,number:"01",videoSide:"left"}),e.jsx(st,{clip:et.callB,number:"02",videoSide:"right"})]})]})}),e.jsxs(w,{className:"mx-auto max-w-6xl px-4 py-16 md:px-6 md:py-28",children:[e.jsxs("div",{className:"mx-auto max-w-2xl text-center",children:[e.jsx(o.div,{variants:h,transition:i,className:"flex justify-center",children:e.jsx(F,{icon:Ts,animation:"ring"})}),e.jsxs(o.h2,{variants:h,transition:i,className:"mt-5 font-display text-3xl font-semibold tracking-tight md:text-4xl",children:["AI that calls brokers"," ",e.jsx("span",{className:"text-brand",children:"and closes deals"})]}),e.jsx(o.p,{variants:h,transition:i,className:"mx-auto mt-4 max-w-xl text-muted-foreground leading-relaxed",children:"Dispatchino makes and takes broker calls autonomously — negotiating rates, handling counter-offers, and following up over SMS, all in a natural voice. You watch the whole conversation play out in real time."})]}),e.jsx(o.div,{variants:h,transition:i,className:"mt-12",children:e.jsx(K,{label:"dispatchino.app/thread/CD-3591",className:"aspect-[3/5] sm:aspect-[4/3] lg:aspect-[16/9]",children:e.jsx(vt,{})})}),e.jsx(o.ul,{variants:ze,className:"mx-auto mt-10 grid max-w-4xl gap-x-8 gap-y-3 text-sm text-muted-foreground sm:grid-cols-2 lg:grid-cols-4",children:["Outbound & inbound voice calls","SMS follow-ups when brokers go quiet","Full history as a familiar text thread","Live deal ribbon: asking vs floor vs counter"].map(l=>e.jsxs(o.li,{variants:h,transition:{duration:.4,ease:v},className:"flex items-start gap-2.5",children:[e.jsx("span",{className:"mt-1.5 size-1.5 shrink-0 rounded-full bg-brand/60"}),l]},l))})]}),e.jsx("div",{className:"border-y border-border/40 bg-secondary/20",children:e.jsx(w,{className:"mx-auto max-w-6xl px-4 py-16 md:px-6 md:py-28",children:e.jsxs("div",{className:"grid items-center gap-12 lg:grid-cols-2 lg:gap-20 [&>*]:min-w-0",children:[e.jsx(o.div,{variants:h,transition:i,className:"order-2 lg:order-1",children:e.jsx(K,{label:"dispatchino.app/worklist",className:"aspect-[3/5] sm:aspect-[4/3]",children:e.jsx(gt,{variant:"worklist",autoCycle:!0})})}),e.jsxs("div",{className:"order-1 lg:order-2",children:[e.jsx(o.div,{variants:h,transition:i,children:e.jsx(F,{icon:Is,animation:"build"})}),e.jsxs(o.h2,{variants:h,transition:i,className:"mt-5 font-display text-3xl font-semibold tracking-tight md:text-4xl",children:["Every deal,",e.jsx("br",{}),e.jsx("span",{className:"text-brand",children:"one screen"})]}),e.jsx(o.p,{variants:h,transition:i,className:"mt-4 max-w-md text-muted-foreground leading-relaxed",children:"Your worklist shows every negotiation at a glance — who's waiting, what's active, and what just booked. Filter by status, search by broker or city, and jump into any thread instantly."}),e.jsx(o.ul,{variants:h,transition:i,className:"mt-6 space-y-2.5 text-sm text-muted-foreground",children:["Color-coded status rails at a glance",'Live "AI composing" indicator when Dispatchino is working',"Revenue tracking with month-to-date totals","Search across broker names, phone numbers, and cities"].map(l=>e.jsxs("li",{className:"flex items-start gap-2.5",children:[e.jsx("span",{className:"mt-1.5 size-1.5 shrink-0 rounded-full bg-brand/60"}),l]},l))})]})]})})}),e.jsx(w,{className:"mx-auto max-w-6xl px-4 py-16 md:px-6 md:py-28",children:e.jsxs("div",{className:"grid items-center gap-12 lg:grid-cols-2 lg:gap-20 [&>*]:min-w-0",children:[e.jsxs("div",{children:[e.jsx(o.div,{variants:h,transition:i,children:e.jsx(F,{icon:ys,animation:"slide"})}),e.jsxs(o.h2,{variants:h,transition:i,className:"mt-5 font-display text-3xl font-semibold tracking-tight md:text-4xl",children:["Paste a load post.",e.jsx("br",{}),e.jsx("span",{className:"text-brand",children:"Dispatching in 60 seconds."})]}),e.jsx(o.p,{variants:h,transition:i,className:"mt-4 max-w-md text-muted-foreground leading-relaxed",children:"Copy any broker post — from load boards, emails, or group chats. Dispatchino parses it instantly, extracts route, price, broker info, and vehicles. Set your floor price, hit dispatch."}),e.jsx(o.ul,{variants:h,transition:i,className:"mt-6 space-y-2.5 text-sm text-muted-foreground",children:["Parses any format — load board posts, emails, screenshots","Auto-extracts route, vehicles, broker details, and price","Set your floor price with a simple slider","One tap to 

9start AI negotiation"].map(l=>e.jsxs("li",{className:"flex items-start gap-2.5",children:[e.jsx("span",{className:"mt-1.5 size-1.5 shrink-0 rounded-full bg-brand/60"}),l]},l))})]}),e.jsx(o.div,{variants:h,transition:i,children:e.jsx(K,{label:"dispatchino.app/load/new",className:"aspect-[3/5] sm:aspect-square",children:e.jsx(Zs,{})})})]})}),e.jsx("div",{className:"border-y border-border/40 bg-secondary/20",children:e.jsx(w,{className:"mx-auto max-w-6xl px-4 py-16 md:px-6 md:py-28",children:e.jsxs("div",{className:"grid items-center gap-12 lg:grid-cols-2 lg:gap-20 [&>*]:min-w-0",children:[e.jsx(o.div,{variants:h,transition:i,className:"order-2 lg:order-1",children:e.jsx(K,{label:"dispatchino.app/thread/CD-3582",className:"aspect-[3/5] sm:aspect-square",children:e.jsx(yt,{})})}),e.jsxs("div",{className:"order-1 lg:order-2",children:[e.jsx(o.div,{variants:h,transition:i,children:e.jsx(F,{icon:Ws,animation:"stamp"})}),e.jsxs(o.h2,{variants:h,transition:i,className:"mt-5 font-display text-3xl font-semibold tracking-tight md:text-4xl",children:["You're always",e.jsx("br",{}),e.jsx("span",{className:"text-brand",children:"the final call"})]}),e.jsx(o.p,{variants:h,transition:i,className:"mt-4 max-w-md text-muted-foreground leading-relaxed",children:"When a deal needs your judgment, Dispatchino pauses and presents options. Pick one, and you have 4 seconds to undo. Keyboard shortcuts for power users. No surprises, no accidental commits."}),e.jsx(o.ul,{variants:h,transition:i,className:"mt-6 space-y-2.5 text-sm text-muted-foreground",children:["AI recommends the best response","4-second undo window on every decision","Keyboard shortcuts (1, 2, 3) for speed","Custom counter-offer option for full control"].map(l=>e.jsxs("li",{className:"flex items-start gap-2.5",children:[e.jsx("span",{className:"mt-1.5 size-1.5 shrink-0 rounded-full bg-brand/60"}),l]},l))})]})]})})}),e.jsx(w,{className:"mx-auto max-w-6xl px-4 py-16 md:px-6 md:py-28",children:e.jsxs("div",{className:"grid items-center gap-12 lg:grid-cols-[1fr_320px] lg:gap-20 [&>*]:min-w-0",children:[e.jsxs("div",{children:[e.jsx(o.div,{variants:h,transition:i,children:e.jsx(F,{icon:Ye,animation:"slide"})}),e.jsxs(o.h2,{variants:h,transition:i,className:"mt-5 font-display font-semibold text-3xl tracking-tight md:text-4xl",children:["Stays in your pocket."," ",e.jsx("span",{className:"text-brand",children:"Quiet until it counts."})]}),e.jsx(o.p,{variants:h,transition:i,className:"mt-4 max-w-md text-muted-foreground leading-relaxed",children:"Brokers reach you over SMS. Dispatchino texts back, runs the negotiation, and lands a push on your lock screen only when a load books or a decision genuinely needs you."}),e.jsx(o.ul,{variants:h,transition:i,className:"mt-6 space-y-2.5 text-muted-foreground text-sm",children:["Two-way SMS with every broker, automatic","Push notifications only when a load books or needs you","Live transcript of every text thread, on every device","Quiet hours that actually stay quiet"].map(l=>e.jsxs("li",{className:"flex items-start gap-2.5",children:[e.jsx("span",{className:"mt-1.5 size-1.5 shrink-0 rounded-full bg-brand/60"}),l]},l))})]}),e.jsxs(o.div,{variants:h,transition:{...i,delay:.1},className:"relative mx-auto w-full max-w-[320px]",children:[e.jsx("div",{"aria-hidden":!0,className:"-inset-6 -z-10 absolute rounded-3xl opacity-50 blur-3xl",style:{background:"radial-gradient(ellipse at center, color-mix(in oklch, var(--brand) 18%, transparent), transparent 70%)"}}),e.jsx(pa,{})]})]})}),e.jsxs(w,{className:"mx-auto max-w-6xl px-4 py-16 md:px-6 md:py-28",children:[e.jsxs(o.div,{variants:h,transition:i,className:"mb-16 text-center",children:[e.jsx("p",{className:"mb-3 font-medium text-brand text-sm uppercase tracking-[0.18em]",children:"And more"}),e.jsx("h2",{className:"mx-auto max-w-2xl text-balance font-display text-3xl font-semibold tracking-tight md:text-4xl",children:"Built for dispatchers who mean business"})]}),e.jsx(o.div,{variants:U,className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3 [&>*]:min-w-0",children:[{icon:$s,anim:"stamp",title:"Negotiation Strategy",desc:"Conservative, balanced, or aggressive — Dispatchino adjusts its tone and pricing tactics to match how you'd play it.",media:Ze},{icon:Ye,anim:"slide",title:"Automatic Follow-Up",desc:"Broker goes quiet? Dispatchino texts back on schedule, keeping every thread alive until the deal closes or dies.",media:Js},{icon:Cs,anim:"ring",title:"Deal Tracking",desc:"Asking price vs. your floor vs. the broker's counter — the deal ribbon shows exactly where every negotiation stands.",media:Ze},{icon:_s,anim:"stamp",title:"Revenue, On Autopilot",desc:"Every booked load lands in your month-to-date total — revenue earned while you were doing literally anything else.",media:ea},{icon:Rs,anim:"build",title:"Compliance Ready",desc:"Drop in your MC authority, USDOT cert, and insurance once. Guided setup has you dispatching in under ten minutes.",media:ta},{icon:js,anim:"slide",title:"Notifications That Matter",desc:"Email or SMS only when it counts — a load just booked, or a deal genuinely needs your decision. Everything else stays quiet.",media:sa}

9].map(l=>e.jsxs(o.div,{variants:h,transition:{duration:.4,ease:v},className:"group flex flex-col rounded-2xl border border-border/60 bg-card/80 p-6 backdrop-blur transition-all duration-300 hover:-translate-y-1 hover:border-brand/40 hover:shadow-lg hover:shadow-brand/[0.06]",children:[e.jsx("div",{className:"mb-4",children:e.jsx(F,{icon:l.icon,animation:l.anim})}),e.jsx("h3",{className:"font-display text-lg font-semibold tracking-tight",children:l.title}),e.jsx("p",{className:"mt-2 text-muted-foreground text-sm leading-relaxed",children:l.desc}),e.jsx("div",{className:"mt-auto pt-5",children:e.jsx(ka,{children:e.jsx(l.media,{})})})]},l.title))})]}),e.jsxs(w,{id:"how-it-works",className:"mx-auto max-w-5xl scroll-mt-20 px-5 py-20 md:px-6 md:py-28",children:[e.jsxs(o.div,{variants:h,transition:i,className:"mb-12 text-center md:mb-16",children:[e.jsx("p",{className:"mb-3 font-medium text-brand text-xs uppercase tracking-[0.22em] md:text-sm md:tracking-[0.18em]",children:"How It Works"}),e.jsx("h2",{className:"mx-auto max-w-2xl text-balance font-display font-semibold text-[28px] leading-[1.1] tracking-tight md:text-4xl",children:"Three steps to hands-free dispatching"})]}),e.jsx(o.div,{variants:U,className:"grid gap-10 md:grid-cols-3 md:gap-8",children:[{n:"01",title:"Connect your operation",desc:"Upload your MC authority, set your lane preferences, and tell Dispatchino your target rates. Setup takes under 10 minutes."},{n:"02",title:"AI takes the calls",desc:"Dispatchino handles broker outreach, inbound calls, and SMS negotiations. Every interaction follows your rules and pricing strategy."},{n:"03",title:"You approve the deals",desc:"Review negotiated loads in your worklist. Approve with one tap, reject, or counter. You're always the final decision-maker."}].map(l=>e.jsxs(o.div,{variants:h,transition:{duration:.4,ease:v},className:"relative md:pt-2",children:[e.jsxs("div",{className:"flex items-center gap-3 md:hidden",children:[e.jsx("span",{"aria-hidden":!0,className:"font-display font-bold text-[2rem] text-brand/40 leading-none",children:l.n}),e.jsx("span",{"aria-hidden":!0,className:"h-px flex-1 bg-gradient-to-r from-brand/30 via-border/60 to-transparent"})]}),e.jsx("span",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 left-0 hidden font-display font-bold text-brand/15 leading-none md:inline md:text-[4.5rem]",children:l.n}),e.jsx("h3",{className:"relative mt-4 font-display font-semibold text-[1.35rem] tracking-tight md:mt-12 md:text-xl",children:l.title}),e.jsx("p",{className:"relative mt-2.5 text-muted-foreground text-[15px] leading-relaxed md:mt-3 md:text-sm",children:l.desc})]},l.n))})]}),e.jsx("div",{className:"border-y border-border/40 bg-secondary/20",children:e.jsx(w,{className:"mx-auto max-w-6xl px-4 py-16 md:px-6 md:py-28",children:e.jsxs(o.div,{variants:h,transition:i,className:"relative overflow-hidden rounded-3xl border border-border/60 bg-gradient-to-br from-card to-secondary/50 p-8 md:p-14",children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 right-0 h-64 w-64 -translate-y-1/3 translate-x-1/3 rounded-full opacity-20 blur-3xl",style:{background:"radial-gradient(circle, var(--brand), transparent 70%)"}}),e.jsxs("div",{className:"relative grid items-center gap-10 lg:grid-cols-[1fr_320px] lg:gap-16 [&>*]:min-w-0",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"mb-4 inline-flex items-center gap-2 rounded-full bg-brand/8 px-3 py-1.5",children:[e.jsx(Ls,{className:"size-4 text-brand"}),e.jsx("span",{className:"font-medium text-brand text-xs uppercase tracking-wider",children:"Coming Soon"})]}),e.jsx("h2",{className:"font-display text-3xl font-semibold tracking-tight md:text-4xl",children:"Telegram Fleet Sync"}),e.jsx("p",{className:"mt-3 max-w-lg text-muted-foreground leading-relaxed",children:"Stay connected with your drivers through Telegram. Dispatchino joins your fleet groups, coordinates pickups, relays updates, and keeps everyone on the same page — automatically."}),e.jsx(o.ul,{variants:ze,className:"mt-6 grid max-w-md gap-x-6 gap-y-2 text-sm text-muted-foreground sm:grid-cols-2",children:["Posts loads to driver groups","Replies in natural language","Tracks accept / pickup / ETA","Pings you only when stuck"].map(l=>e.jsxs(o.li,{variants:h,transition:{duration:.4,ease:v},className:"flex items-start gap-2.5",children:[e.jsx("span",{className:"mt-1.5 size-1.5 shrink-0 rounded-full bg-brand/60"}),l]},l))}),e.jsx("div",{className:"mt-8",children:e.jsx(Y,{asChild:!0,variant:"outline",size:"lg",className:"group",children:e.jsxs("a",{href:ae,children:["Join the Waitlist",e.jsx(re,{className:"size-4 transition-transform duration-200 group-hover:translate-x-0.5"})]})})})]}),e.jsxs(o.div,{variants:h,transition:{...i,delay:.1},className:"relative mx-auto w-full max-w-[320px]",children:[e.jsx("div",{"aria-hidden":!0,

9className:"-inset-6 -z-10 absolute rounded-3xl opacity-50 blur-3xl",style:{background:"radial-gradient(ellipse at center, color-mix(in oklch, var(--brand) 18%, transparent), transparent 70%)"}}),e.jsx(fa,{})]})]})]})})}),e.jsxs(w,{id:"built-for",className:"mx-auto max-w-5xl scroll-mt-20 px-4 py-16 md:px-6 md:py-28",children:[e.jsxs(o.div,{variants:h,transition:i,className:"mb-16 text-center",children:[e.jsx("p",{className:"mb-3 font-medium text-brand text-sm uppercase tracking-[0.18em]",children:"Built For"}),e.jsx("h2",{className:"mx-auto max-w-2xl text-balance font-display text-3xl font-semibold tracking-tight md:text-4xl",children:"From owner-operators to fleet dispatchers"})]}),e.jsx(o.div,{variants:U,className:"grid gap-5 sm:grid-cols-3 [&>*]:min-w-0",children:[{icon:Us,title:"Owner-Operators",desc:"Stop spending half your day on the phone. Let Dispatchino handle broker calls while you focus on driving and running your business."},{icon:Vs,title:"Small Carriers",desc:"Scale your dispatch operation without hiring. One Dispatchino instance handles what used to take 2-3 dispatchers."},{icon:ks,title:"Fleet Dispatchers",desc:"Increase your throughput 10x. Handle more loads, more lanes, and more negotiations without burning out."}].map(l=>e.jsxs(o.div,{variants:h,transition:{duration:.4,ease:v},className:"rounded-2xl border border-border/60 bg-card/80 p-6 backdrop-blur transition-all duration-300 hover:-translate-y-1 hover:border-brand/40",children:[e.jsx("div",{className:"mb-4 flex size-10 items-center justify-center rounded-xl bg-brand/8 text-brand",children:e.jsx(l.icon,{className:"size-5"})}),e.jsx("h3",{className:"font-display text-lg font-semibold tracking-tight",children:l.title}),e.jsx("p",{className:"mt-2 text-muted-foreground text-sm leading-relaxed",children:l.desc})]},l.title))})]}),e.jsx(Ia,{}),e.jsx("div",{className:"relative border-t border-border/40",children:e.jsx(w,{className:"mx-auto max-w-5xl px-4 py-20 md:px-6 md:py-36",children:e.jsxs(o.div,{variants:h,transition:i,className:"text-center",children:[e.jsx(Ca,{}),e.jsxs("h2",{className:"mx-auto max-w-3xl text-balance font-display text-4xl font-semibold leading-[1.08] tracking-tight md:text-5xl lg:text-6xl",children:["Stop chasing brokers.",e.jsx("br",{}),e.jsx("span",{className:"text-brand",children:"Start closing loads."})]}),e.jsx("p",{className:"mx-auto mt-6 max-w-xl text-muted-foreground text-lg leading-relaxed",children:"Join the dispatchers who are already booking loads on autopilot. Get early access to Dispatchino today."}),e.jsx(o.div,{variants:Rt,transition:{...i,delay:.2},className:"mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row",children:e.jsx(Y,{asChild:!0,variant:"brand",size:"xl",className:"group relative overflow-hidden",children:e.jsxs("a",{href:ae,children:[!t&&e.jsx(o.span,{"aria-hidden":!0,className:"pointer-events-none absolute inset-y-0 left-0 w-1/2 bg-gradient-to-r from-transparent via-white/30 to-transparent",initial:{x:"-110%"},animate:{x:"240%"},transition:{duration:1.6,repeat:Number.POSITIVE_INFINITY,repeatDelay:4.6,ease:"easeOut"}}),e.jsxs("span",{className:"relative inline-flex items-center gap-2",children:["Get Early Access",e.jsx(re,{className:"size-4 transition-transform duration-200 group-hover:translate-x-0.5"})]})]})})}),e.jsx("p",{className:"mt-5 text-muted-foreground text-xs",children:"Free during early access · No credit card required"})]})})})]})}const za=Ma;export{za as component};