1import{r as n,j as t}from"./vendor-react-DRaQALnt.js";const S="rgb(255,215,0)",G="#ffd700";function Q({active:c}){const[e,l]=n.useState(0),[w,m]=n.useState(0),[a,d]=n.useState(0),s="My baby is not breathing, please send help!";n.useEffect(()=>{if(!c){l(0),d(0);return}const x=[];function i(){l(1),d(0),x.push(setTimeout(()=>l(2),600)),x.push(setTimeout(()=>l(3),1800)),x.push(setTimeout(()=>l(4),3200)),x.push(setTimeout(()=>l(5),3800)),x.push(setTimeout(()=>{for(let r=0;r<=s.length;r++)x.push(setTimeout(()=>d(r),r*35))},4400)),x.push(setTimeout(()=>l(0),1e4)),x.push(setTimeout(()=>i(),10500))}return i(),()=>x.forEach(clearTimeout)},[c]),n.useEffect(()=>{if(!c||e<5)return;let x,i=null;function r(p){i||(i=p),m(p-i),x=requestAnimationFrame(r)}return x=requestAnimationFrame(r),()=>cancelAnimationFrame(x)},[c,e]);const f=n.useMemo(()=>{const x=w*.005;return Array.from({length:32}).map((i,r)=>{if(e<5)return 3;const p=Math.max(0,Math.sin(x*1.3+r*.1)*.6+.4),o=Math.sin(x*3.5+r*.6)*.3,k=1-Math.abs(r/32-.5)*1.4;return Math.max((p+o)*k*80,3)})},[w,e]),I=[{id:1,number:"+1 (555) 312-8847",lang:"Vietnamese",time:"02:34",status:"active"},{id:2,number:"+1 (555) 691-2205",lang:"Arabic",time:"01:12",status:"active"}],b={number:"+1 (555) 847-2391",lang:"Spanish",time:"00:03"};return e>=5?t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:91",className:"flex items-center justify-center h-full w-full p-3 lg:p-5",children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:92",className:"w-full max-w-lg rounded-xl overflow-hidden",style:{background:"rgba(15,15,15,0.95)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 20px 60px rgba(0,0,0,0.5)",animation:"portalFadeIn 0.4s ease-out"},children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:102",className:"flex items-center px-3 py-2",style:{background:"rgba(30,30,30,0.9)",borderBottom:"1px solid rgba(255,255,255,0.06)"},children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:103",className:"flex gap-1.5 mr-3",children:[t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:104",className:"w-2.5 h-2.5 rounded-full bg-red-500/70"}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:105",className:"w-2.5 h-2.5 rounded-full bg-yellow-500/70"}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:106",className:"w-2.5 h-2.5 rounded-full bg-green-500/70"})]}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:108",className:"flex-1 flex items-center",children:t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:109",className:"px-3 py-1 rounded-t text-[10px] font-medium text-white/80",style:{background:"rgba(255,255,255,0.06)",borderBottom:"2px solid "+G},children:"911Translate"})})]}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:116",className:"px-4 py-3",style:{borderBottom:"1px solid rgba(255,255,255,0.06)"},children:t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:117",className:"flex items-center justify-between",children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:118",className:"flex items-center gap-3",children:[t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:119",className:"w-8 h-8 rounded-full bg-red-500/15 flex items-center justify-center",children:t.jsx("svg",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:120",className:"w-4 h-4 text-red-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:121",strokeLinecap:"round",strokeLinejoin:"round",d:"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"})})}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:124",children:[t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:125",className:"text-white text-sm font-semibold",children:b.number}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:126",className:"text-white/40 text-[10px]",children:"Active Call"})]})]}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:129",className:"flex items-center gap-2",children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:130",className:"flex items-center gap-1.5 px-2.5 py-1 rounded-full",style:{background:"rgba(255,215,0,0.12)",border:"1px solid rgba(255,215,0,0.3)"},children:[t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:131",className:"text-[10px]",children:"ðªð¸"}),t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:132",className:"text-[10px] font-bold",style:{color:S},children:"Spanish Detected"})]}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:134",className:"flex items-center gap-1 px-2 py-1 rounded-full bg-red-500/15 border border-red-500/30",children:[t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:135",className:"w-1.5 h-1.5 rounded-full bg-red-400 animate-pulse"}),t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:136",className:"text-[9px] font-bold text-red-400 uppercase",children:"Live"})]})]})]})}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:143",className:"p-4 grid grid-cols-2 gap-3",children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:145",className:"rounded-lg p-3",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.06)"},children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:14
16",className:"flex items-center gap-1.5 mb-2",children:[t.jsx("svg",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:147",className:"w-3 h-3",style:{color:S},fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:148",strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:150",className:"text-[9px] font-bold uppercase tracking-wider",style:{color:S},children:"Live Transcript"})]}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:152",className:"text-white/80 text-[11px] leading-relaxed",children:[s.slice(0,a),a<s.length&&t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:155",className:"inline-block w-[1.5px] h-3 ml-0.5 align-middle animate-pulse",style:{backgroundColor:S}})]})]}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:161",className:"flex flex-col gap-3",children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:163",className:"rounded-lg p-3",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.06)"},children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:164",className:"flex items-center gap-1.5 mb-2",children:[t.jsx("svg",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:165",className:"w-3 h-3 text-red-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:166",strokeLinecap:"round",strokeLinejoin:"round",d:"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"})}),t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:168",className:"text-[9px] font-bold uppercase tracking-wider text-red-400",children:"Caller Audio"})]}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:170",className:"flex items-center justify-center gap-[1px]",style:{height:"32px"},children:f.map((x,i)=>t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:172",className:"rounded-full",style:{width:"2px",height:`${x}%`,backgroundColor:`rgba(239,68,68,${.3+x/80*.6})`,transition:"none"}},i))})]}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:187",className:"rounded-lg p-3",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.06)"},children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:188",className:"flex items-center gap-1.5 mb-1.5",children:[t.jsxs("svg",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:189",className:"w-3 h-3 text-blue-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:[t.jsx("path",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:190",strokeLinecap:"round",strokeLinejoin:"round",d:"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"}),t.jsx("path",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:191",strokeLinecap:"round",strokeLinejoin:"round",d:"M15 11a3 3 0 11-6 0 3 3 0 016 0z"})]}),t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:193",className:"text-[9px] font-bold uppercase tracking-wider text-blue-400",children:"Location"})]}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:195",className:"text-white/70 text-[10px]",children:"1247 Oak Street"}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:196",className:"text-white/40 text-[9px]",children:"Austin, TX 78701"})]})]})]})]}),t.jsx("style",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:202",children:` 2 @keyframes portalFadeIn { 3 from { opacity: 0; transform: scale(0.96); } 4 to { opacity: 1; transform: scale(1); } 5 } 6 `})]}):t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:214",className:"flex items-center justify-center h-full w-full p-3 lg:p-5",children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:215",className:"w-full max-w-lg rounded-xl overflow-hidden",style:{background:"rgba(15,15,15,0.95)",border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 20px 60px rgba(0,0,0,0.5)",opacity:e>=1?1:0,transform:e>=1?"translateY(0)":"translateY(12px)",transition:"all 0.5s ease"},children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:227",className:"flex items-center px-3 py-2",style:{background:"rgba(30,30,30,0.9)",borderBottom:"1px solid rgba(255,255,255,0.06)"},children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:228",className:"flex gap-1.5 mr-3",children:[t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:229",className:"w-2.5 h-2.5 rounded-full bg-red-500/70"}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:230",className:"w-2.5 h-2.5 rounded-full bg-yellow-500/70"}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:231",className:"w-2.5 h-2.5 rounded-full bg-green-500/70"})]}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:233",className:"flex-1 flex items-center",children:t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:234",className:"px-3 py-1 rounded-t text-[10px] font-medium text-white/80",style:{background:"rgba(255,255,255,0.06)",borderBottom:"2px s
6olid "+G},children:"911Translate"})})]}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:241",className:"px-4 py-3 flex items-center justify-between",style:{borderBottom:"1px solid rgba(255,255,255,0.06)"},children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:242",className:"flex items-center gap-2",children:[t.jsx("svg",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:243",className:"w-4 h-4",style:{color:S},fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:244",strokeLinecap:"round",strokeLinejoin:"round",d:"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"})}),t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:246",className:"text-white text-sm font-semibold",children:"Live Calls"})]}),t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:248",className:"flex items-center gap-1.5 px-2 py-0.5 rounded-full",style:{background:"rgba(255,215,0,0.1)",border:"1px solid rgba(255,215,0,0.2)"},children:t.jsxs("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:249",className:"text-[10px] font-bold",style:{color:S},children:[e>=3?"3":"2"," Active"]})})]}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:256",className:"p-3 flex flex-col gap-2",children:[I.map((x,i)=>t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:259",className:"rounded-lg px-3 py-2.5 flex items-center justify-between",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.06)",opacity:e>=2?1:0,transform:e>=2?"translateY(0)":"translateY(8px)",transition:`all 0.4s ease ${i*.1}s`},children:[t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:270",className:"flex items-center gap-3",children:[t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:271",className:"w-7 h-7 rounded-full bg-white/5 flex items-center justify-center",children:t.jsx("svg",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:272",className:"w-3.5 h-3.5 text-white/40",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:273",strokeLinecap:"round",strokeLinejoin:"round",d:"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"})})}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:276",children:[t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:277",className:"text-white/80 text-[11px] font-medium",children:x.number}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:278",className:"text-white/35 text-[9px]",children:[x.lang," · ",x.time]})]})]}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:281",className:"flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-500/10 border border-green-500/20",children:[t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:282",className:"w-1.5 h-1.5 rounded-full bg-green-400"}),t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:283",className:"text-[8px] font-bold text-green-400 uppercase",children:"Active"})]})]},x.id)),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:289",className:"rounded-lg px-3 py-2.5 flex items-center justify-between relative overflow-hidden",style:{background:e>=4?"rgba(255,215,0,0.08)":"rgba(239,68,68,0.04)",border:e>=4?"1px solid rgba(255,215,0,0.3)":"1px solid rgba(239,68,68,0.2)",opacity:e>=3?1:0,transform:e>=3?"translateY(0)":"translateY(12px)",transition:"all 0.5s cubic-bezier(0.22,1,0.36,1)",boxShadow:e>=4?"0 0 20px rgba(255,215,0,0.1)":e>=3?"0 0 15px rgba(239,68,68,0.08)":"none"},children:[e===3&&t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:302",className:"absolute inset-0 rounded-lg",style:{border:"1px solid rgba(239,68,68,0.4)",animation:"portalPulseRing 1.5s ease-out infinite"}}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:310",className:"flex items-center gap-3",children:[t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:311",className:"w-7 h-7 rounded-full bg-red-500/15 flex items-center justify-center",children:t.jsx("svg",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:312",className:"w-3.5 h-3.5 text-red-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:313",strokeLinecap:"round",strokeLinejoin:"round",d:"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042
611.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"})})}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:316",children:[t.jsx("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:317",className:"text-white text-[11px] font-semibold",children:b.number}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:318",className:"text-white/40 text-[9px]",children:[b.lang," · ",b.time]})]})]}),t.jsxs("div",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:321",className:"flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-500/15 border border-red-500/30",children:[t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:322",className:"w-1.5 h-1.5 rounded-full bg-red-400 animate-pulse"}),t.jsx("span",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:323",className:"text-[8px] font-bold text-red-400 uppercase",children:"Live"})]})]})]})]}),t.jsx("style",{"data-loc":"client/src/components/howItWorks/WebPortalVisual.tsx:329",children:` 7 @keyframes portalPulseRing { 8 0% { opacity: 1; transform: scale(1); } 9 100% { opacity: 0; transform: scale(1.04); } 10 } 11 `})]})}const h="rgb(255,215,0)",C="#ffd700",J="https://d2xsxph8kpxj0f.cloudfront.net/310519663312218240/hfwxf3WQBFMxToxR2LTTiy/interpreter-headset-opt_012db786.webp",q="https://d2xsxph8kpxj0f.cloudfront.net/310519663312218240/hfwxf3WQBFMxToxR2LTTiy/distressed-caller-kitchen-7cW7KvzAhnHCHeGEubGR4v.webp",Z="https://d2xsxph8kpxj0f.cloudfront.net/310519663312218240/hfwxf3WQBFMxToxR2LTTiy/cad-dispatcher-NsizDKmKGH2LtcjhYBwZHD.webp",tt="https://d2xsxph8kpxj0f.cloudfront.net/310519663312218240/hfwxf3WQBFMxToxR2LTTiy/dispatcher-headset-profile-Ec3TsBf9Tm2ptPjwY6qkmS.webp",L=[{id:"connect-in-seconds",label:"Connect to 911Translate",title:"Connect in Seconds",description:"The dispatcher conferences in 911Translate with a single action. No hold queues. No language verification. No waiting for the right interpreter. The AI joins the call instantly.",hasPhoto:!1},{id:"language-detection",label:"Language Detection",title:"Instant Language Detection",description:"Within 1 second of the caller speaking, 911Translate identifies the language from 70+ supported languages. No button pressing, no guessing, no asking the caller what language they speak.",hasPhoto:!1},{id:"two-way-voice",label:"Two-Way Voice",title:"Two-Way Voice",description:"The dispatcher speaks English. The caller hears their own language instantly. True bidirectional communication, not a relay through a third party.",hasPhoto:!1},{id:"web-portal",label:"Web Portal",title:"Web Portal",description:"Call takers open the 911Translate web app to view live details about their active calls. See the real-time transcript, detected language, caller location, CAD notes, and more â all in one browser tab. No software to install.",hasPhoto:!1},{id:"live-transcript",label:"Live Transcript",title:"Live Transcript",description:"As the caller speaks, their words are converted to text and translated to English on screen instantly. The dispatcher reads the translation directly. No audio relay, no waiting, no repeating.",hasPhoto:!1},{id:"confidence-scoring",label:"Confidence Scoring",title:"Confidence Scoring",description:"Every translation shows a confidence indicator. If the AI is less certain about a phrase, the dispatcher sees it flagged. This builds trust and gives call takers a clear signal for when to escalate.",hasPhoto:!0,bgImage:q},{id:"escalation",label:"Human Escalation",title:"Escalate to Human Interpreter",description:"One click. A human interpreter joins the call in seconds.",hasPhoto:!0,bgImage:J},{id:"cad-notes",label:"CAD-Ready Notes",title:"CAD-Ready Notes",description:"After the call, 911Translate generates a complete English transcript and structured notes ready for CAD entry. No manual transcription. No details lost in translation.",hasPhoto:!0,bgImage:Z}];function R(){return t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:96",className:"absolute inset-0 overflow-hidden",style:{background:"rgba(255,255,255,0.015)"},children:[t.jsxs("svg",{"data-loc":"client/src/components/HowItWorks.tsx:97",className:"absolute inset-0 w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("defs",{"data-loc":"client/src/components/HowItWorks.tsx:98",children:t.jsxs("pattern",{"data-loc":"client/src/components/HowItWorks.tsx:99",id:"grid-h",width:"60",height:"60",patternUnits:"userSpaceOnUse",children:[t.jsx("line",{"data-loc":"client/src/components/HowItWorks.tsx:100",x1:"0",y1:"60",x2:"60",y2:"60",stroke:"rgba(255,255,255,0.08)",strokeWidth:"0.5"}),t.jsx("line",{"data-loc":"client/src/components/HowItWorks.tsx:101",x1:"60",y1:"0",x2:"60",y2:"60",stroke:"rgba(255,255,255,0.08)",strokeWidth:"0.5"})]})}),t.jsx("rect",{"data-loc":"client/src/components/HowItWorks.tsx:104",width:"100%",height:"100%",fill:"url(#grid-h)"})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:106",className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 roun
11ded-full",style:{width:"60%",height:"60%",background:"radial-gradient(circle, rgba(255,215,0,0.05) 0%, transparent 70%)"}})]})}function $({src:c,alt:e}){return t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:121",className:"absolute inset-0",children:[t.jsx("img",{"data-loc":"client/src/components/HowItWorks.tsx:122",src:c,alt:e,className:"absolute inset-0 w-full h-full object-cover",loading:"lazy",width:1920,height:1080}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:130",className:"absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-black/30"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:131",className:"absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-black/30"})]})}function et({active:c}){const e=n.useRef(null),l=n.useRef(null),w=n.useRef(0),m=n.useRef(null),[a,d]=n.useState(!1);n.useEffect(()=>{const r=()=>{m.current?d(m.current.offsetWidth<500):d(window.innerWidth<768)};return r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]);const[s,f]=n.useState(0),[I,b]=n.useState("0.00"),x=n.useRef(null),i=n.useRef([]);return n.useEffect(()=>{if(i.current.forEach(p=>clearTimeout(p)),i.current=[],!c){f(0),b("0.00");return}function r(){f(1),b("0.00"),i.current.push(setTimeout(()=>f(2),900)),i.current.push(setTimeout(()=>f(3),1800)),i.current.push(setTimeout(()=>f(3.5),3200)),i.current.push(setTimeout(()=>f(4),3400)),i.current.push(setTimeout(()=>f(5),4300)),i.current.push(setTimeout(()=>f(7),1e4)),i.current.push(setTimeout(()=>{r()},11200))}return r(),()=>{i.current.forEach(p=>clearTimeout(p)),i.current=[]}},[c]),n.useEffect(()=>{if(s===4){let r=performance.now();x.current=setInterval(()=>{const p=(performance.now()-r)/1e3,o=Math.min(p,.86).toFixed(2);b(o)},30)}else s>=5?(x.current&&clearInterval(x.current),b("0.86")):s<4&&(x.current&&clearInterval(x.current),b("0.00"));return()=>{x.current&&clearInterval(x.current)}},[s]),n.useEffect(()=>{const r=e.current,p=l.current;if(!r||!p)return;const o=r.getContext("2d");if(!o)return;let k=0;const u="#34d399",W="#60a5fa",v="#ef4444",y="#ffd700";function H(){if(!o||!r||!p)return;const P=p.getBoundingClientRect();if(P.width===0||P.height===0){w.current=requestAnimationFrame(H);return}const T=window.devicePixelRatio||1;(r.width!==P.width*T||r.height!==P.height*T)&&(r.width=P.width*T,r.height=P.height*T,o.setTransform(T,0,0,T,0,0));const M=P.width,A=P.height;o.clearRect(0,0,M,A),k+=.06;const X=A*.25,U=A/2,V=8,F=M-8,z=F-V,Y=V+z*.38,_=V+z*.62,E=[];for(let j=V;j<=F;j+=1){const N=(j-V)/z,O=(Math.sin(N*Math.PI)*.7+.3)*X,K=U+Math.sin(j*.08+k*4)*O+Math.sin(j*.04+k*2.5)*O*.3;E.push({x:j,y:K})}if(s>=5){const j=o.createLinearGradient(V,0,F,0);j.addColorStop(0,u),j.addColorStop(.35,u),j.addColorStop(.45,y),j.addColorStop(.5,y),j.addColorStop(.55,y),j.addColorStop(.65,W),j.addColorStop(1,W),o.beginPath(),o.strokeStyle=j,o.lineWidth=2.5,o.shadowColor=y,o.shadowBlur=4;for(const N of E)N.x===V?o.moveTo(N.x,N.y):o.lineTo(N.x,N.y);o.stroke(),o.shadowBlur=0}else{o.beginPath(),o.strokeStyle=u,o.lineWidth=2.5,o.shadowColor=u,o.shadowBlur=6;for(const g of E){if(g.x>Y)break;g.x===V?o.moveTo(g.x,g.y):o.lineTo(g.x,g.y)}o.stroke(),o.shadowBlur=0;const j=s>=4?y:v;o.beginPath(),o.strokeStyle=j,o.lineWidth=2.5,o.shadowColor=j,o.shadowBlur=6;let N=!1;for(const g of E)if(!(g.x<Y-1)){if(g.x>_)break;N?o.lineTo(g.x,g.y):(o.moveTo(g.x,g.y),N=!0)}o.stroke(),o.shadowBlur=0,o.beginPath(),o.strokeStyle=W,o.lineWidth=2.5,o.shadowColor=W,o.shadowBlur=6,N=!1;for(const g of E)g.x<_-1||(N?o.lineTo(g.x,g.y):(o.moveTo(g.x,g.y),N=!0));o.stroke(),o.shadowBlur=0}w.current=requestAnimationFrame(H)}return s>=2&&(k=0,w.current=requestAnimationFrame(H)),()=>{cancelAnimationFrame(w.current)}},[s]),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:358",ref:m,className:"relative w-full h-full overflow-hidden flex items-center justify-center",children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:360",className:"relative w-full",style:{height:a?"80%":"62%"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:362",ref:l,className:"absolute z-[6] overflow-hidden",style:{left:a?"10%":"26%",top:a?"calc(10% + 72% - 20px)":"calc(6% + 82% - 28px)",width:a?"80%":"48%",height:a?"40px":"56px",borderRadius:a?"20px":"28px",background:"rgba(255,255,255,0.06)",backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 4px 16px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.08)",opacity:s===7?0:s>=2?1:0,transition:"opacity 0.8s ease",pointerEvents:"none"},children:t.jsx("canvas",{"data-loc":"client/src/components/HowItWorks.tsx:381",ref:e,className:"absolute inset-0 w-full h-full",style:{pointerEvents:"none"}})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:389",className:"absolute z-[3] overflow-hidden",style:{left:s>=5?a?"calc(40.8% - 1px)":"calc(43.88% - 1px)":a?"calc(38% + 3px)":"calc(41% + 5px)",top:a?"10%":"6%",width:s>=5?a?"calc(18.4% + 2px)":"calc(12.24% + 2px)":a?"calc(24% - 6px)":"calc(18% - 10px)",height:a?"72%":"82%",background:s>=4?"rgba(255,215,0,0.08)":"rgba(239,68,68,0.06)",backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)",border:s>=5?"none":s>=4?"1px solid rgba(255,215,0,0.35)":"1px solid rgba(239,68,68,0.25)",borderRadius:s>=5?"0":"12px",boxShadow:s>
11=5?"0 0 30px rgba(255,215,0,0.4), 0 0 60px rgba(255,215,0,0.2), inset 0 1px 0 rgba(255,215,0,0.3)":s>=4?"0 4px 16px rgba(255,215,0,0.12), inset 0 1px 0 rgba(255,215,0,0.15)":"0 4px 16px rgba(239,68,68,0.08), inset 0 1px 0 rgba(239,68,68,0.1)",opacity:s===7?0:s>=2?1:0,transform:s===7?"scale(0.8, 0)":s>=2?"scale(1)":"scale(0.3, 0)",transition:s===7?"opacity 0.6s ease, transform 0.6s ease, left 0.6s ease, width 0.6s ease":"opacity 0.5s ease, transform 0.7s cubic-bezier(0.22,1,0.36,1), background 0.4s ease, border 0.4s ease, box-shadow 0.6s ease, border-radius 0.6s ease, left 0.8s cubic-bezier(0.22,1,0.36,1), width 0.8s cubic-bezier(0.22,1,0.36,1), top 0.8s cubic-bezier(0.22,1,0.36,1), height 0.8s cubic-bezier(0.22,1,0.36,1)",pointerEvents:"none"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:419",className:"absolute inset-0",style:{background:s>=5?"radial-gradient(ellipse at 50% 50%, rgba(255,215,0,0.35) 0%, rgba(255,215,0,0.1) 50%, transparent 80%)":s>=4?"radial-gradient(ellipse at 50% 50%, rgba(255,215,0,0.15) 0%, transparent 70%)":"radial-gradient(ellipse at 50% 50%, rgba(239,68,68,0.12) 0%, transparent 70%)",animation:s>=5?"pulse 1s ease-in-out infinite":s>=2?"pulse 2s ease-in-out infinite":"none",transition:"background 0.4s ease"}}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:429",className:`absolute inset-0 flex flex-col items-center justify-center ${a?"gap-1":"gap-2"}`,children:s>=5?t.jsxs(t.Fragment,{children:[t.jsxs("svg",{"data-loc":"client/src/components/HowItWorks.tsx:433",viewBox:"0 0 29 52",className:a?"w-4 h-6":"w-6 h-10",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{opacity:.95},children:[t.jsx("rect",{"data-loc":"client/src/components/HowItWorks.tsx:440",x:"0",y:"14",width:"3",height:"24",fill:C}),t.jsx("rect",{"data-loc":"client/src/components/HowItWorks.tsx:441",x:"6.5",y:"6",width:"3",height:"40",fill:C}),t.jsx("rect",{"data-loc":"client/src/components/HowItWorks.tsx:442",x:"13",y:"0",width:"3",height:"52",fill:C}),t.jsx("rect",{"data-loc":"client/src/components/HowItWorks.tsx:443",x:"19.5",y:"8",width:"3",height:"36",fill:C}),t.jsx("rect",{"data-loc":"client/src/components/HowItWorks.tsx:444",x:"26",y:"16",width:"3",height:"20",fill:C})]}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:446",style:{color:C,fontFamily:"'Orbitron', 'Space Grotesk', system-ui, sans-serif",fontWeight:900,fontSize:a?"10px":"14px",letterSpacing:"0.02em",lineHeight:1,marginTop:a?"-2px":"-4px"},children:"911"}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:447",style:{color:"#FFFFFF",fontFamily:"'Plus Jakarta Sans', system-ui, sans-serif",fontWeight:800,fontSize:a?"9px":"13px",letterSpacing:"-0.01em",lineHeight:1,marginTop:a?"-4px":"-6px"},children:"Translate"})]}):s>=4?t.jsxs(t.Fragment,{children:[t.jsxs("svg",{"data-loc":"client/src/components/HowItWorks.tsx:452",className:`${a?"w-5 h-5":"w-8 h-8"} animate-spin`,fill:"none",viewBox:"0 0 24 24",style:{color:C},children:[t.jsx("circle",{"data-loc":"client/src/components/HowItWorks.tsx:453",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeOpacity:.2,strokeWidth:2,fill:"none"}),t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:454",d:"M12 2a10 10 0 0 1 10 10",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",fill:"none"})]}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:456",className:`${a?"text-[8px]":"text-[10px]"} font-bold uppercase tracking-wider whitespace-nowrap`,style:{opacity:.8,color:C,marginTop:"4px"},children:"Connecting"})]}):t.jsxs(t.Fragment,{children:[t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:461",className:`${a?"w-4 h-4":"w-6 h-6"} text-red-400`,style:{opacity:.8},fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:462",strokeLinecap:"round",strokeLinejoin:"round",d:"M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"})}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:464",className:`${a?"text-[8px]":"text-[11px]"} font-bold text-red-400 uppercase tracking-wider whitespace-nowrap`,style:{opacity:.9},children:"Language"}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:465",className:`${a?"text-[8px]":"text-[11px]"} font-bold text-red-400 uppercase tracking-wider whitespace-nowrap`,style:{opacity:.9,marginTop:"-4px"},children:"Barrier"})]})})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:472",className:"absolute z-[2]",style:{left:a?"3%":"5%",top:a?"10%":"6%",width:a?"35%":"36%",height:a?"72%":"82%",opacity:s===7?0:s>=1?1:0,transform:s===7?"translateX(-60px)":s>=5?"translateX(8%)":s>=1?"translateX(0)":"translateX(-60px)",transition:s===7?"opacity 0.7s ease, transform 0.7s ease":"opacity 0.9s ease, transform 0.8s cubic-bezier(0.22,1,0.36,1)"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:491",className:"absolute -inset-3 z-[-1]",style:{background:"radial-gradient(ellipse at 60% 50%, rgba(52,211,153,0.15) 0%, transparent 70%)",filter:"blur(8px)"}}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:496",className:"relative w-full h-full overflow-hidden",style:{borderRadius:s>=5?"12px 0 0 12px":"12px",border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 4px 16px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.08)",transition:"border-radius 0.6s ease"},children:[t.jsx("img",{"data-loc":"client/src/components/HowItWorks.tsx:505",src:q,alt:"911 caller in distress",className:"w-full h-full object-cover",style:{objectPosition:"55% 15%",filter:"brightness(0.8) saturate(1.15)"},loading:"lazy"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:513",className:"absolute inset-0",style:{background:"linear-gradient(135deg, rgba(180,100,20,0.12) 0%, transparent 60%)"}}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:515",className:"absolute inset-0",style:{background:"linear-gradient(to right, transparent 60%, rgba(52,211,153,0.15) 100%)"}}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:519",className:`absolute ${a?"top-1.5 left-1.5 gap-1 px-1.5 py-0.5":"top-3 left-3 gap-1.5 px-2.5 py-1"} z-10 flex items-center rounded-full`,style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(8px)",border:"1px solid rgba(52,211,153,0.3)",opacity:s>=1?1:0,transform:s>=1?"translateY(0)":"translateY(-8px)",transition:"all 0.5s ease 0.4s"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:520",className:`${a?"w-1 h-1":"w-1.5 h-1.5"} rounded-full`,style:{backgroundColor:"#34d399",boxShadow:"0 0 6px rgba(52,211,153,0.5)"}}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:521",className:`${a?"text-[7px]":"text-[10px]"} font-bold uppercase tracking-wider`,style:{color:"#34d399"},children:"911 Caller"})]})]})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:527",className:"absolute z-[2]",style:{right:a?"3%":"5%",top:a?"10%":"6%",width:a?"35%":"36%",height:a?"72%":"82%",opacity:s===7?0:s>=1?1:0,transform:s===7?"translateX(60px)":s>=5?"translateX(-8%)":s>=1?"translateX(0)":"translateX(60px)",transition:s===7?"opacity 0.7s ease 0.05s, transform 0.7s ease 0.05s":"opacity 0.9s ease 0.1s, transform 0.8s cubic-bezier(0.22,1,0.36,1) 0.1s"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:546",className:"absolute -inset-3 z-[-1]",style:{background:"radial-gradient(ellipse at 40% 50%, rgba(96,165,250,0.15) 0%, transparent 70%)",filter:"blur(8px)"}}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:551",className:"relative w-full h-full overflow-hidden",style:{borderRadius:s>=5?"0 12px 12px 0":"12px",border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 4px 16px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.08)",transition:"border-radius 0.6s ease"},children:[t.jsx("img",{"data-loc":"client/src/components/HowItWorks.tsx:560",src:tt,alt:"911 dispatcher at console",className:"w-full h-full object-cover",style:{objectPosition:"45% 15%",filter:"brightness(0.8) saturate(1.15)"},loading:"lazy"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:568",className:"absolute inset-0",style:{background:"linear-gradient(225deg, rgba(30,60,140,0.12) 0%, transparent 60%)"}}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:570",className:"absolute inset-0",style:{background:"linear-gradient(to left, transparent 60%, rgba(96,165,250,0.15) 100%)"}}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:574",className:`absolute ${a?"top-1.5 right-1.5 gap-1 px-1.5 py-0.5":"top-3 right-3 gap-1.5 px-2.5 py-1"} z-10 flex items-center rounded-full`,style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(8px)",border:"1px solid rgba(96,165,250,0.3)",opacity:s>=1?1:0,transform:s>=1?"translateY(0)":"translateY(-8px)",transition:"all 0.5s ease 0.5s"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:575",className:`${a?"w-1 h-1":"w-1.5 h-1.5"} rounded-full`,style:{backgroundColor:"#60a5fa",boxShadow:"0 0 6px rgba(96,165,250,0.5)"}}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:576",className:`${a?"text-[7px]":"text-[10px]"} font-bold uppercase tracking-wider`,style:{color:"#60a5fa"},children:"Dispatcher"})]})]})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:582",className:"absolute z-[8] flex items-center justify-center",style:{left:"50%",top:a?"calc(10% + 72% - 20px + 40px + 24px)":"calc(6% + 82% - 28px + 56px + 50px)",transform:s>=4?"translateX(-50%) translateY(0) scale(1)":s>=3.5?"translateX(-50%) translateY(2px) scale(0.92)":s>=3?"translateX(-50%) translateY(0) scale(1)":"translateX(-50%) translateY(40px) scale(1)",opacity:s===7?0:s>=3?1:0,transition:s===7?"all 0.5s ease":s>=4?"all 0.25s cubic-bezier(0.34,1.56,0.64,1)":s>=3.5?"all 0.12s ease-in":"all 0.8s cubic-bezier(0.22,1,0.36,1)",pointerEvents:"none"},children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:605",className:`flex items-center rounded-full ${a?"gap-1.5 px-3.5 py-2":"gap-2.5 px-6 py-3"}`,style:{backgroundColor:s>=5?C:s>=4?"#c99a06":s>=3.5?"#b8930a":C,boxShadow:s>=5?"0 4px 20px rgba(255,215,0,0.4), 0 2px 8px rgba(0,0,0,0.2)":s>=4?"0 2px 10px rgba(255,215,0,0.2), 0 1px 4px rgba(0,0,0,0.3)":s>=3.5?"0 1px 4px rgba(255,215,0,0.1), 0 0px 2px rgba(0,0,0,0.3)":"0 4px 20px rgba(255,215,0,0.35), 0 2px 8px rgba(0,0,0,0.2)",transition:"background-color 0.3s ease, box-shadow 0.3s ease",minWidth:a?"180px":"260px",justifyContent:"center"},children:s>=5?t.jsxs(t.Fragment,{children:[t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:624",className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"#0a0a0a",strokeWidth:3,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:625",strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})}),t.jsxs("span",{"data-loc":"client/src/components/HowItWorks.tsx:627",className:`${a?"text-[10px]":"text-[13px]"} font-extrabold uppercase tracking-wider whitespace-nowrap`,style:{color:"#0a0a0a"},children:["Connected in ",I,"s"]})]}):s>=4?t.jsxs(t.Fragment,{children:[t.jsxs("svg",{"data-loc":"client/src/components/HowItWorks.tsx:635",className:"w-4 h-4 animate-spin",fill:"none",viewBox:"0 0 24 24",stroke:"#000",strokeWidth:2.5,children:[t.jsx("circle",{"data-loc":"client/src/components/HowItWorks.tsx:636",cx:"12",cy:"12",r:"10",stroke:"#000",strokeOpacity:.25,fill:"none"}),t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:637",d:"M12 2a10 10 0 0 1 10 10",stroke:"#000",strokeLinecap:"round",fill:"none"})]}),t.jsxs("span",{"data-loc":"client/src/components/HowItWorks.tsx:639",className:`${a?"text-[10px]":"text-[13px]"} font-extrabold uppercase tracking-wider whitespace-nowrap`,style:{color:"#000"},children:["Connecting... ",I,"s"]})]}):t.jsxs(t.Fragment,{children:[t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:646",className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"#000",strokeWidth:2.5,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:647",strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"})}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:649",className:`${a?"text-[10px]":"text-[13px]"} font-extrabold uppercase tracking-wider whitespace-nowrap`,style:{color:"#000"},children:"Connect with 911Translate"})]})})})]})})}function st({active:c}
11){const[e,l]=n.useState(!1),[w,m]=n.useState(!0);n.useEffect(()=>{if(!c)return;l(!1),m(!0);const d=setTimeout(()=>m(!1),1200),s=setTimeout(()=>l(!0),1400);return()=>{clearTimeout(d),clearTimeout(s)}},[c]);const a=["English","Spanish","Mandarin","Arabic","French","Vietnamese","Korean","Russian","Portuguese","Filipino","Hindi","Bengali","Japanese","Punjabi","German","Persian","Urdu","Swahili","Thai","Somali","Turkish","Ukrainian","Polish","Italian"];return t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:684",className:"relative w-full h-full flex flex-col items-center justify-center p-8",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:685",className:"w-full max-w-sm mb-8",children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:686",className:"glass-panel-light rounded-xl p-5",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:687",className:"flex items-center gap-3 mb-4",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:688",className:"w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:689",className:"w-5 h-5 text-red-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:690",strokeLinecap:"round",strokeLinejoin:"round",d:"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"})})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:693",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:694",className:"text-white text-sm font-medium",children:"Incoming 911 Call"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:695",className:"text-white/40 text-xs",children:"+1 (555) 847-2391"})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:697",className:"ml-auto flex items-center gap-1.5",children:[t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:698",className:"w-2 h-2 rounded-full bg-red-400 animate-pulse"}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:699",className:"text-red-400 text-xs font-medium",children:"LIVE"})]})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:702",className:"h-px bg-white/10 mb-4"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:703",className:"flex items-center justify-center",style:{minHeight:40},children:w?t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:705",className:"flex items-center justify-center gap-2",children:[t.jsxs("svg",{"data-loc":"client/src/components/HowItWorks.tsx:706",className:"w-4 h-4 animate-spin",fill:"none",viewBox:"0 0 24 24",style:{color:h},children:[t.jsx("circle",{"data-loc":"client/src/components/HowItWorks.tsx:707",className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:708",className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:710",className:"text-white/60 text-sm",children:"Detecting language..."})]}):e?t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:713",className:"flex items-center justify-center gap-3",children:[t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:714",className:"text-2xl",children:"ðªð¸"}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:715",className:"text-left",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:716",className:"font-semibold text-base",style:{color:h,fontFamily:"var(--font-heading)"},children:"Spanish Detected"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:717",className:"text-white/50 text-xs",children:"Confidence: 99.2%"})]})]}):null})]})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:724",className:"w-full max-w-md",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:725",className:"grid grid-cols-4 gap-1.5",children:a.map(d=>t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:727",className:`glass-panel-light text-[10px] py-1.5 px-2 !rou
11nded text-center transition-all duration-500 ${d==="Spanish"&&e?"font-semibold":""}`,style:d==="Spanish"&&e?{background:"rgba(255,215,0,0.2)",color:h,border:"1px solid rgba(255,215,0,0.4)"}:{},children:d},d))}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:742",className:"text-center mt-3 text-white/30 text-xs",children:"70+ languages supported"})]})]})}function ot({active:c}){const[e,l]=n.useState("wave"),[w,m]=n.useState(0),[a,d]=n.useState(0),[s,f]=n.useState(0),[I,b]=n.useState(0),x=n.useRef(null),i=["Help! My baby is not breathing!","He is six months old. He is turning blue.","I am in the kitchen. I don't know what to do.","Please, send someone quickly."],r=i[w]||i[0],p=e==="wave";n.useEffect(()=>{if(!c||!p){x.current&&cancelAnimationFrame(x.current);return}let u=null;function W(v){u||(u=v),b(v-u),x.current=requestAnimationFrame(W)}return x.current=requestAnimationFrame(W),()=>{x.current&&cancelAnimationFrame(x.current)}},[c,p]),n.useEffect(()=>{if(!c){l("wave"),m(0),d(0);return}l("wave"),m(0),d(0);let u=0;const W=[];function v(){m(u),l("wave"),d(0),W.push(setTimeout(()=>{l("typing");const y=i[u];for(let H=0;H<=y.length;H++)W.push(setTimeout(()=>{d(H),H===y.length&&(l("done"),W.push(setTimeout(()=>{u=(u+1)%i.length,u===0?f(P=>P+1):v()},1200)))},H*25))},1500))}return v(),()=>W.forEach(clearTimeout)},[c,s]);const o=64,k=n.useMemo(()=>{const u=I*.004;return Array.from({length:o}).map((W,v)=>{if(!p)return 3;const y=Math.max(0,Math.sin(u*1.1+v*.08)*.6+.4),H=Math.sin(u*3.7+v*.5)*.3+Math.sin(u*5.2+v*.3)*.2,P=Math.sin(u*8.1+v*1.7)*.15,T=1-Math.abs(v/o-.5)*1.2,M=(y+H+P)*T*85;return Math.max(M,2)})},[I,p]);return t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:838",className:"flex items-center justify-center h-full w-full p-4 lg:p-6",children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:839",className:"w-full max-w-lg rounded-2xl overflow-hidden glass-panel-light",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:841",className:"flex-1 flex flex-col p-5 lg:p-6",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:842",className:"flex items-center gap-2 mb-3",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:843",className:"w-7 h-7 rounded-full bg-red-500/15 flex items-center justify-center",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:844",className:"w-3.5 h-3.5 text-red-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:845",strokeLinecap:"round",strokeLinejoin:"round",d:"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"})})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:848",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:849",className:"text-white/80 text-xs font-semibold tracking-wide",children:"911 CALLER"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:850",className:"text-white/30 text-[10px]",children:"Incoming Audio"})]})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:856",className:"flex-1 flex items-center justify-center px-2",children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:857",className:"flex items-center justify-center gap-[1.5px] w-full",style:{height:"80px"},children:k.map((u,W)=>t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:859",className:"rounded-full",style:{width:"2.5px",height:`${Math.max(u,2)}%`,backgroundColor:p?`rgba(239,68,68,${.35+u/85*.55})`:"rgba(255,255,255,0.06)",transition:p?"none":"all 0.6s ease-out"}},W))})})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:878",className:"w-full h-px bg-white/10"}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:881",className:"flex-1 flex flex-col p-5 lg:p-6",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:882",className:"flex items-center gap-2 mb-3",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:883",className:"w-7 h-7 rounded-full flex items-center justify-center",style:{backgroundColor:"rgba(255,215,0,0.15)"},children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:884",className:"w-3.5 h-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,style:{color:h},children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:885",strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:888",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:889",className:"text-xs font-semibold tracking-wide",style:{color:h},children:"DISPATCHER SCREEN"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:890",className:"text-white/30 text-[10px]",children:"English Translation"})]})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:895",className:"flex items-center justify-center mt-3",children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:896",className:"w-full rounded-xl border px-5 lg:px-6 transition-all duration-500 relative overflow-hidden",style:{height:"64px",display:"flex",alignItems:"center",backgroundColor:e==="typing"?"rgba(255,215,0,0.06)":e==="done"?"rgba(74,222,128,0.04)":"rgba(255,255,255,0.02)",borderColor:e==="typing"?"rgba(255,215,0,0.25)":e==="done"?"rgba(74,222,128,0.2)":"rgba(255,255,255,0.06)",boxShadow:e==="typing"?"0 0 30px rgba(255,215,0,0.08), 0 0 60px rgba(255,215,0,0.04)":e==="done"?"0 0 30px rgba(74,222,128,0.06), 0 0 60px rgba(74,222,128,0.03)":"0 0 15px rgba(255,255,255,0.02)"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:907",className:"w-full",style:{opacity:e==="wave"?1:0,position:e==="wave"?"relative":"absolute",transition:"opacity 0.3s"},children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:908",className:"flex items-center gap-3",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:909",className:"flex items-center gap-1",children:[0,1,2].map(u=>t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:911",className:"w-1.5 rounded-full animate-pulse",style:{height:`${8+u*4}px`,backgroundColor:"rgba(255,215,0,0.4)",animationDelay:`${u*.2}s`}},u))}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:914",className:"text-white/30 text-sm italic",children:"Listening..."})]})}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:917",className:"w-full",style:{opacity:e==="typing"?1:0,position:e==="typing"?"relative":"absolute",transition:"opacity 0.3s"},children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:918",className:"text-white text-sm lg:text-base font-medium leading-relaxed",children:[r.slice(0,a),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:920",className:"inline-block w-[2px] h-4 ml-0.5 align-middle animate-pulse",style:{backgroundColor:h}})]})}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:923",className:"w-full",style:{opacity:e==="done"?1:0,position:e==="done"?"relative":"absolute",transition:"opacity 0.3s"},children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:924",className:"flex items-center justify-between gap-3",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:925",className:"text-white text-sm lg:text-base font-medium leading-relaxed",children:r}),t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:926",className:"w-5 h-5 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,style:{color:"rgb(74,222,128)"},children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:927",strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})]})})]})})]})]})})}function B(c,e,l=40){const[w,m]=n.useState(""),[a,d]=n.useState(!1);return n.useEffect(()=>{if(!e){m(""),d(!1);return}m(""),d(!1);let s=0;const f=setInterval(()=>{s++,m(c.slice(0,s)),s>=c.length&&(clearInterval(f),d(!0))},l);return()=>clearInterval(f)},[e,c,l]),{displayed:w,done:a}}function D({color:c,active:e}){return t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:962",className:"flex items-center gap-[3px] h-4",children:[0,1,2,3].map(l=>t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:964",className:"w-[3px] rounded-full transition-all duration-300",style:{backgroundColor:c,height:e?void 0:"4px",opacity:e?.8:.2,animation:e?`twvBar 0.8s ease-in-out ${l*.15}s infinite alternate`:"none"}},l))})}function at({active:c}
11){const[e,l]=n.useState(0),[w,m]=n.useState(0);n.useEffect(()=>{if(!c){l(0);return}l(0);const W=[];return[600,2800,5200,6400,8800,11200].forEach((y,H)=>{W.push(setTimeout(()=>l(H+1),y))}),W.push(setTimeout(()=>{l(0),m(y=>y+1)},13500)),()=>W.forEach(clearTimeout)},[c,w]);const a=e===1,d=e===2,s=e===3,f=e===4,I=e===5,b=e===6,x=d||s,r=x||(I||b),p=B("Mi bebe no esta respirando, necesito ayuda!",a,30),o=B("My baby is not breathing, I need help!",d,30),k=B("Place the baby on a firm, flat surface.",f,35),u=B("Coloque al bebe sobre una superficie firme y plana.",I,28);return t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1019",className:"relative w-full h-full flex items-center justify-center p-6 lg:p-10 overflow-hidden",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1020",className:"relative flex flex-col items-center",style:{width:"min(100%, 440px)"},children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1023",className:"relative self-start",style:{width:"80%"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1025",className:"absolute right-full mr-3 top-4",children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1026",className:"relative",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1027",className:`w-11 h-11 rounded-full flex items-center justify-center transition-all duration-500 ${a?"bg-emerald-500/20 shadow-[0_0_20px_rgba(16,185,129,0.25)]":"bg-white/[0.08] border border-white/[0.12]"}`,children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1032",className:`w-5 h-5 transition-colors duration-500 ${a?"text-emerald-400":"text-white/35"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1035",strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"})})}),a&&t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1039",className:"absolute -inset-0.5 rounded-full border border-emerald-400/25",style:{animation:"twvPulse 2s ease-out infinite"}})]})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1044",className:"pt-0.5",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1045",className:"flex items-center gap-2 mb-1",children:[t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1046",className:"text-[10px] uppercase tracking-wider text-emerald-400/70 font-semibold",children:"Caller"}),t.jsx(D,{"data-loc":"client/src/components/HowItWorks.tsx:1047",color:"#34d399",active:a})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1049",className:`glass-panel-light rounded-xl px-3.5 py-2.5 transition-all duration-500 ${a?"!bg-emerald-500/10 !border-emerald-500/20":""}`,style:{minHeight:64},children:a?t.jsxs(t.Fragment,{children:[t.jsxs("p",{"data-loc":"client/src/components/HowItWorks.tsx:1056",className:"text-sm text-white leading-relaxed",children:[p.displayed,t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1056",className:"animate-pulse text-emerald-400",children:"|"})]}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1057",className:"block mt-1 text-[9px] text-emerald-400/40 uppercase tracking-widest",children:"Spanish"})]}):t.jsx("p",{"data-loc":"client/src/components/HowItWorks.tsx:1060",className:"text-sm text-white/35 leading-relaxed",children:"Esperando..."})})]})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1067",className:"relative flex flex-col items-center",style:{width:60,height:44},children:d&&t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1070",className:"absolute left-1/2 -translate-x-1/2 -top-1 pointer-events-none",style:{zIndex:5},children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1071",className:"w-2.5 h-2.5 rounded-full",style:{animation:"twvDotDownGold 0.7s ease-in-out forwards"}})})}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1079",className:`relative w-full transition-all duration-500 ${r?"scale-[1.02]":"scale-100"}`,children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1082",className:"glass-panel-light rounded-2xl px-5 py-4 transition-all duration-500",style:{...r?{background:"rgba(255,215,0,0.06)",border:"1px solid rgba(255,215,0,0.3)",boxShadow:"0 0 30px rgba(255,215,0,0.15)"}:{}},children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1090",className:"flex items-center justify-between mb-2.5",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1091",className:"flex items-center gap-2",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1092",className:"w-8 h-8 rounded-lg flex items-center justify-center transition-all duration-500",style:{backgroundColor:`rgba(255,215,0,${r?.15:.08})`,border:`1px solid rgba(255,215,0,${r?.35:.1})`},children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1096",className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:h,strokeWidth:1.5,style:{opacity:r?1:.4},children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1097",strokeLinecap:"round",strokeLinejoin:"round",d:"M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"})})}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1100",className:"text-[10px] uppercase tracking-[0.15em] font-semibold transition-all duration-500",style:{color:h,opacity:r?.8:.5},children:"911Translate"}),t.jsx(D,{"data-loc":"client/src/components/HowItWorks.tsx:1103",color:h,active:r})]}),r&&t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1106",className:"text-[9px] uppercase tracking-widest font-medium px-2 py-0.5 rounded-full",style:{color:h,backgroundColor:"rgba(255,215,0,0.1)",border:"1px solid rgba(255,215,0,0.2)",animation:"twvPulseOpacity 1.5s ease-in-out infinite"},children:x?"ES â EN":"EN â ES"})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1118",className:`rounded-xl px-4 py-3 transition-all duration-500 ${r?"bg-[#ffd700]/[0.06] border border-[#ffd700]/15":"bg-white/[0.03] border border-white/[0.06]"}`,style:{minHeight:76},children:[d&&t.jsxs(t.Fragment,{children:[t.jsxs("p",{"data-loc":"client/src/components/HowItWorks.tsx:1125",className:"text-sm leading-relaxed",style:{color:h},children:[o.displayed,!o.done&&t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1126",className:"animate-pulse",style:{color:h},children:"|"})]}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1128",className:"inline-block mt-1.5 text-[9px] uppercase tracking-widest",style:{color:h,opacity:.35},children:"Translating to English..."})]}),s&&t.jsxs(t.Fragment,{children:[t.jsx("p",{"data-loc":"client/src/components/HowItWorks.tsx:1133",className:"text-sm leading-relaxed",style:{color:h},children:"My baby is not breathing, I need help!"}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1134",className:"inline-block mt-1.5 text-[9px] uppercase tracking-widest",style:{color:h,opacity:.5},children:"Translating to English..."})]}),I&&t.jsxs(t.Fragment,{children:[t.jsxs("p",{"data-loc":"client/src/components/HowItWorks.tsx:1139",className:"text-sm leading-relaxed",style:{color:h},children:[u.displayed,!u.done&&t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1140",className:"animate-pulse",style:{color:h},children:"|"})]}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1142",className:"inline-block mt-1.5 text-[9px] uppercase tracking-widest",style:{color:h,opacity:.35},children:"Translating to Spanish..."})]}),b&&t.jsxs(t.Fragment,{children:[t.jsx("p",{"data-loc":"client/src/components/HowItWorks.tsx:1147",className:"text-sm leading-relaxed",style:{color:h},children:"Coloque al bebe sobre una superficie firme y plana."}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1148",className:"inline-block mt-1.5 text-[9px] uppercase tracking-widest",style:{color:h,opacity:.5},children:"Translating to Spanish..."})]}),!r&&t.jsx("p",{"data-loc":"client/src/components/HowItWorks.tsx:1152",className:"text-sm text-white/30 leading-relaxed",children:"Waiting for input..."})]})]})}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1159",className:"relative flex flex-col items-center",style:{width:60,height:28},children:I&&t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1162",className:"absolute left-1/2 -translate-x-1/2 -bottom-1 pointer-events-none",style:{zIndex:5},children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1163",className:"w-2.5 h-2.5 rounded-full",style:{animation:"twvDotUpGold 0.7s ease-in-out forwards"}})})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1171",className:"relative self-end",style:{width:"80%"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1173",className:"absolute left-full ml-3 top-4",children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1174",className:"relative",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1175",className:`w-11 h-11 rounded-full flex items-center justify-center transition-all duration-500 ${f?"bg-blue-500/20 shadow-[0_0_20px_rgba(59,130,246,0.25)]":"bg-white/[0.08] border border-white/[0.12]"}`,children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1180",className:`w-5 h-5 transition-colors duration-500 ${f?"text-blue-400":"text-white/35"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1183",strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0"})})}),f&&t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1187",className:"absolute -inset-0.5 rounded-full border border-blue-400/25",style:{animation:"twvPulse 2s ease-out infinite"}})]})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1192",className:"pt-0.5",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1193",className:"flex items-center gap-2 mb-1 justify-end",children:[t.jsx(D,{"data-loc":"client/src/components/HowItWorks.tsx:1194",color:"#60a5fa",active:f}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1195",className:"text-[10px] uppercase tracking-wider text-blue-400/70 font-semibold",children:"Dispatcher"})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1197",className:`glass-panel-light rounded-xl px-3.5 py-2.5 transition-all duration-500 ${f?"!bg
11-blue-500/10 !border-blue-500/20":""}`,style:{minHeight:64},children:f?t.jsxs(t.Fragment,{children:[t.jsxs("p",{"data-loc":"client/src/components/HowItWorks.tsx:1204",className:"text-sm text-white leading-relaxed text-right",children:[k.displayed,t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1204",className:"animate-pulse text-blue-400",children:"|"})]}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1205",className:"block mt-1 text-[9px] text-blue-400/40 uppercase tracking-widest text-right",children:"English"})]}):t.jsx("p",{"data-loc":"client/src/components/HowItWorks.tsx:1208",className:"text-sm text-white/35 leading-relaxed text-right",children:"Listening..."})})]})]})]}),t.jsx("style",{"data-loc":"client/src/components/HowItWorks.tsx:1217",children:` 12 @keyframes twvPulse { 13 0% { transform: scale(1); opacity: 0.5; } 14 100% { transform: scale(1.6); opacity: 0; } 15 } 16 @keyframes twvBar { 17 0% { height: 4px; } 18 100% { height: 16px; } 19 } 20 @keyframes ltWave { 21 0% { transform: scaleY(0.3); } 22 50% { transform: scaleY(1); } 23 100% { transform: scaleY(0.5); } 24 } 25 @keyframes twvPulseOpacity { 26 0%, 100% { opacity: 0.6; } 27 50% { opacity: 1; } 28 } 29 @keyframes twvDotDownGold { 30 0% { transform: translateY(0); opacity: 0; background-color: #34d399; box-shadow: 0 0 12px rgba(52,211,153,0.6); } 31 15% { opacity: 1; background-color: #34d399; box-shadow: 0 0 12px rgba(52,211,153,0.6); } 32 60% { background-color: #ffd700; box-shadow: 0 0 12px rgba(255,215,0,0.6); } 33 85% { opacity: 1; background-color: #ffd700; box-shadow: 0 0 12px rgba(255,215,0,0.6); } 34 100% { transform: translateY(30px); opacity: 0; background-color: #ffd700; box-shadow: 0 0 12px rgba(255,215,0,0.6); } 35 } 36 @keyframes twvDotUpGold { 37 0% { transform: translateY(0); opacity: 0; background-color: #60a5fa; box-shadow: 0 0 12px rgba(96,165,250,0.6); } 38 15% { opacity: 1; background-color: #60a5fa; box-shadow: 0 0 12px rgba(96,165,250,0.6); } 39 60% { background-color: #ffd700; box-shadow: 0 0 12px rgba(255,215,0,0.6); } 40 85% { opacity: 1; background-color: #ffd700; box-shadow: 0 0 12px rgba(255,215,0,0.6); } 41 100% { transform: translateY(-30px); opacity: 0; background-color: #ffd700; box-shadow: 0 0 12px rgba(255,215,0,0.6); } 42 } 43 `})]})}function nt({active:c}){const[e,l]=n.useState(0),w=[{text:"My baby is not breathing",confidence:98.7,status:"high"},{text:"He is six months old",confidence:99.1,status:"high"},{text:"He is turning blue",confidence:96.4,status:"high"},{text:"I think he swallowed the glass",confidence:78.2,status:"low"},{text:"We are in the kitchen",confidence:99.5,status:"high"}];return n.useEffect(()=>{if(!c)return;l(0);const m=[];return w.forEach((a,d)=>{m.push(setTimeout(()=>l(d+1),600+d*800))}),()=>m.forEach(clearTimeout)},[c]),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1277",className:"flex flex-col items-center justify-center h-full p-6 lg:p-10",children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1278",className:"w-full max-w-md
43space-y-3",children:w.map((m,a)=>{const d=m.status==="low",s=a<e;return t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1283",className:"glass-panel-light rounded-lg overflow-hidden",style:{...d?{background:"rgba(239,68,68,0.1)",border:"1px solid rgba(239,68,68,0.35)"}:{},opacity:s?1:0,transform:s?"translateY(0) scale(1)":"translateY(20px) scale(0.97)",transition:"opacity 0.5s ease, transform 0.5s ease",pointerEvents:s?"auto":"none"},children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1297",className:"p-4",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1298",className:"flex items-center justify-between mb-2",children:[t.jsxs("span",{"data-loc":"client/src/components/HowItWorks.tsx:1299",className:`text-sm ${d?"text-red-200":"text-white/80"}`,children:["â",m.text,"â"]}),d&&t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1303",className:"text-[10px] bg-red-500/20 text-red-300 px-2 py-0.5 rounded-full border border-red-500/30",children:"LOW CONFIDENCE"})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1308",className:"flex items-center gap-3",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1309",className:"flex-1 h-1.5 rounded-full bg-white/10 overflow-hidden",children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1310",className:"h-full rounded-full transition-all duration-1000",style:{width:`${m.confidence}%`,backgroundColor:d?"rgb(239,68,68)":"rgb(34,197,94)"}})}),t.jsxs("span",{"data-loc":"client/src/components/HowItWorks.tsx:1318",className:`text-xs font-mono ${d?"text-red-400":"text-green-400"}`,children:[m.confidence,"%"]})]}),d&&t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1323",className:"mt-2 flex items-center gap-2 text-red-400/70 text-xs",children:[t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1324",className:"w-3.5 h-3.5 flex-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1325",strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"})}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1327",children:"Flagged for dispatcher review"})]})]})},a)})})})}function ct({active:c}){const[e,l]=n.useState(0);n.useEffect(()=>{if(!c)return;l(0);const a=[setTimeout(()=>l(1),500),setTimeout(()=>l(2),2e3),setTimeout(()=>l(3),3600)];return()=>a.forEach(clearTimeout)},[c]);const w=e>=3?"Live":e>=2?"Connecting...":e>=1?"Monitoring":"Idle",m=e>=3?"rgb(74,222,128)":e>=2?h:e>=1?"rgb(239,68,68)":"rgba(255,255,255,0.3)";return t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1358",className:"relative w-full h-full flex items-center justify-center p-6 lg:p-10",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1360",className:"absolute top-4 right-4 z-20 flex items-center gap-2",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1361",className:"w-2 h-2 rounded-full transition-colors duration-700",style:{backgroundColor:m,boxShadow:e>=1?`0 0 8px ${m}`:"none"}}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1362",className:"text-[11px] md:text-xs font-medium tracking-wide transition-colors duration-700",style:{color:m},children:w})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1365",className:"w-full max-w-sm flex flex-col items-center",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1367",className:"glass-panel-light rounded-xl w-full overflow-hidden",style:{opacity:e>=1?1:0,transform:e>=1?"translateY(0) scale(1)":"translateY(16px) scale(0.97)",transition:"opacity 0.6s ease, transform 0.6s ease",...e>=1?{border:"1px solid rgba(239,68,68,0.25)"}:{}},children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1376",className:"p-4",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1377",className:"flex items-center gap-3 mb-3",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1378",className:"w-9 h-9 rounded-lg flex items-center justify-center bg-red-500/15 shadow-[0_0_12px_rgba(239,68,68,0.15)]",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1379",className:"w-4.5 h-4.5",fill:"none",viewBox:"0 0 24 24",stroke:"rgb(239,68,68)",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1380",strokeLinecap:"round",strokeLinejoin:"round",d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"})})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1383",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1384",className:"text-red-400 text-sm font-semibold tracking-wide",children:"UNCERTAIN PHRASE DETECTED"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1385",className:"text-white/50 text-xs mt-0.5",children:"Confidence below threshold"})]})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1388",className:"rounded-lg p-3",style:{background:"rgba(239,68,68,0.06)",border:"1px solid rgba(239,68,68,0.1)"},children:[t.jsx("p",{"data-loc":"client/src/components/HowItWorks.tsx:1389",className:"text-white/70 text-sm leading-relaxed",children:"âI think he swallowed the glassâ"}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1390",className:"flex items-center gap-3 mt-2",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1391",className:"flex-1 h-1.5 rounded-full bg-white/10 overflow-hidden",children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1392",className:"h-full rounded-full bg-red-500 transition-all duration-1000",style:{width:e>=1?"78.2%":"0%"}})}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1394",className:"text-xs font-mono text-red-400",children:"78.2%"})]})]})]})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1401",className:"flex flex-col items-center",style:{height:40},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1402",className:"w-px transition-all duration-700 ease-out",style:{height:e>=2?40:0,background:e>=2?"linear-gradient(to bottom, rgba(239,68,68,0.4), rgba(255,215,0,0.4))":"rgba(255,255,255,0.06)"}}),e>=2&&t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1410",className:"w-1.5 h-1.5 rounded-full -mt-1",style:{backgroundColor:h,boxShadow:`0 0 8px ${h}`,animation:"escDot 0.6s ease-out"}})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1422",className:"glass-panel-light rounded-xl w-full overflow-hidden",style:{opacity:e>=2?1:0,transform:e>=2?"translateY(0) scale(1)":"translateY(16px) scale(0.97)",transition:"opacity 0.6s ease, transform 0.6s ease",minHeight:72,...e>=2?{border:"1px solid rgba(255,215,0,0.25)"}:{}},children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1432",className:"p-4 h-full flex items-center",children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1433",className:"flex items-center gap-3 w-full",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1434",className:"w-9 h-9 rounded-lg flex items-center justify-center bg-[#ffd700]/15 shadow-[0_0_12px_rgba(255,215,0,0.15)]",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1435",className:"w-4.5 h-4.5",fill:"none",viewBox:"0 0 24 24",stroke:h,strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1436",strokeLinecap:"round",strokeLinejoin:"round",d:"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"})})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1439",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1440",className:"text-sm font-semibold tracking-wide",style:{color:h}
43,children:"ESCALATING TO HUMAN"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1441",className:"text-white/50 text-xs mt-0.5",children:"Requesting live interpreter"})]}),e===2&&t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1444",className:"ml-auto",children:t.jsxs("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1445",className:"w-4 h-4 animate-spin",fill:"none",viewBox:"0 0 24 24",style:{color:h},children:[t.jsx("circle",{"data-loc":"client/src/components/HowItWorks.tsx:1446",className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1447",className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]})})]})})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1457",className:"flex flex-col items-center",style:{height:40},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1458",className:"w-px transition-all duration-700 ease-out",style:{height:e>=3?40:0,background:e>=3?"linear-gradient(to bottom, rgba(255,215,0,0.4), rgba(74,222,128,0.4))":"rgba(255,255,255,0.06)"}}),e>=3&&t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1466",className:"w-1.5 h-1.5 rounded-full -mt-1",style:{backgroundColor:"rgb(74,222,128)",boxShadow:"0 0 8px rgb(74,222,128)",animation:"escDot 0.6s ease-out"}})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1478",className:"glass-panel-light rounded-xl w-full overflow-hidden",style:{opacity:e>=3?1:0,transform:e>=3?"translateY(0) scale(1)":"translateY(16px) scale(0.97)",transition:"opacity 0.6s ease, transform 0.6s ease",minHeight:72,...e>=3?{border:"1px solid rgba(74,222,128,0.25)"}:{}},children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1488",className:"p-4 h-full flex items-center",children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1489",className:"flex items-center gap-3 w-full",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1490",className:"w-9 h-9 rounded-lg flex items-center justify-center bg-green-500/15 shadow-[0_0_12px_rgba(74,222,128,0.15)]",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1491",className:"w-4.5 h-4.5",fill:"none",viewBox:"0 0 24 24",stroke:"rgb(74,222,128)",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1492",strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1495",className:"flex-1",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1496",className:"text-green-400 text-sm font-semibold tracking-wide",children:"INTERPRETER CONNECTED"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1497",className:"text-white/50 text-xs mt-0.5",children:"Live Spanish interpreter on the line"})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1499",className:"flex items-center gap-1.5",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1500",className:"w-2 h-2 rounded-full bg-green-400 animate-pulse",style:{boxShadow:"0 0 6px rgba(74,222,128,0.4)"}}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1501",className:"text-green-400 text-[10px] font-medium",children:"LIVE"})]})]})})})]}),t.jsx("style",{"data-loc":"client/src/components/HowItWorks.tsx:1508",children:` 44 @keyframes escDot { 45 0% { opacity: 0; transform: scale(0); } 46 60% { opacity: 1; transform: scale(1.5); } 47 100% { opacity: 1; transform: scale(1); } 48 } 49 `})]})}function lt({active:c}){const[e,l]=n.useState(!1),[w,m]=n.useState(0);return n.useEffect(()=>{if(!c){l(!1),m(0);return}l(!1),m(0);const a=[setTimeout(()=>l(!0),800),setTimeout(()=>m(1),1400),setTimeout(()=>m(2),1800),setTimeout(()=>m(3),2200),setTimeout(()=>m(4),2600)];return()=>a.forEach(clearTimeout)},[c]),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1539",className:"flex items-center justify-end h-full p-6 lg:p-10 overflow-hidden",children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1540",className:"w-full max-w-md",children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1542",className:"glass-panel-light rounded-2xl overflow-hidden",style:{transform:e?"translateX(0)":"translateX(30px)",opacity:e?1:0,transition:"transform 0.6s ease-out, opacity 0.4s ease-out"},children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1547",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1548",className:"px-5 py-3 border-b border-white/[0.06] flex items-center justify-between",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1549",className:"flex items-center gap-2",children:[t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1550",className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,style:{color:h},children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1551",strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1553",className:"text-white text-sm font-medium",children:"Call Summary"})]}),t.jsx("button",{"data-loc":"client/src/components/HowItWorks.tsx:1555",className:"text-xs border rounded-md px-3 py-1 hover:bg-white/5 transition-colors",style:{color:h,borderColor:"rgba(255,215,0,0.3)"},children:"Copy to CAD"})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1560",className:"p-5 space-y-4",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1561",style:{opacity:w>=1?1:0,transition:"opacity 0.5s ease"},children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1562",className:"grid grid-cols-2 gap-3 text-xs",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1563",children:[t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1563",className:"text-white/30",children:"Incident Type:"})," ",t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1563",className:"text-white/80",children:"Medical"})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1564",children:[t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1564",className:"text-white/30",children:"Language:"})," ",t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1564",className:"text-white/80",children:"Spanish"})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1565",children:[t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1565",className:"text-white/30",children:"Duration:"})," ",t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1565",className:"text-white/80",children:"2m 34s"})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1566",children:[t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1566",className:"text-white/30",children:"Confidence:"})," ",t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1566",className:"text-green-400",children:"97.8% avg"})]})]})}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1569",style:{opacity:w>=2?1:0,transition:"opacity 0.5s ease"},children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1570",className:"h-px bg-white/[0.06]"})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1572",style:{opacity:w>=3?1:0,transition:"opacity 0.5s ease"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1573",className:"text-white/30 text-[10px] uppercase tracking-wider mb-2",children:"Key Details Extracted"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1574",className:"space-y-1.5 text-xs",children:["6-month-old male, not breathing, turning blue","Possible foreign body aspiration","CPR initiated by mother with dispatcher guidance","Location: 1247 Oak Street, Apt 3B"].map((a,d)=>t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1576",className:"flex items-start gap-2",children:[t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1577",style:{color:h},className:"mt-0.5",children:"â¢"}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1578",className:"text-white/70",children:a})]},d))})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1583",style:{opacity:w>=4?1:0,transition:"opacity 0.5s ease"},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1584",className:"h-px bg-white/[0.06]"}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1585",className:"text-white/30 text-[10px] uppercase tracking-wider mb-2 mt-4",children:"English Transcript (Preview)"}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1586",className:"text-white/50 text-xs leading-relaxed rounded-lg p-3",style:{background:"rgba(255,255,255,0.02)",border:"1px solid rgba(255,255,255,0.04)"},children:["[00:00] Call received. Language detected: Spanish (99.2% confidence).",t.jsx("br",{"data-loc":"client/src/components/HowItWorks.tsx:1587"}),"[00:02] Caller: âHelp! My baby is not breathing!â",t.jsx("br",{"data-loc":"client/src/components/HowItWorks.tsx:1588"}),"[00:05] Dispatcher: âIâm sending help now. Is the baby conscious?â",t.jsx("br",{"data-loc":"client/src/components/HowItWorks.tsx:1589"}),"[00:08] Caller: âHe is six months old. He is turning blue.â",t.jsx("br",{"data-loc":"client/src/components/HowItWorks.tsx:1590"}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1591",className:"text-white/30",children:"... 12 more lines"})]})]})]})]})})})})}const rt={"connect-in-seconds":et,"language-detection":st,"two-way-voice":at,"web-portal":Q,"live-transcript":ot,"confidence-scoring":nt,escalation:ct,"cad-notes":lt};function dt(){const[c,e]=n.useState(0),[l,w]=n.useState(!1),[m,a]=n.useState(0),[d,s]=n.useState(!1),f=n.useRef(null),I=n.useRef(null);n.useEffect(()=>{const p=f.current;
49if(!p)return;const o=new IntersectionObserver(([k])=>{k.isIntersecting&&(w(!0),o.disconnect())},{threshold:.15});return o.observe(p),()=>o.disconnect()},[]),n.useEffect(()=>(d?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[d]);const b=p=>{p<0||p>=L.length||(e(p),a(o=>o+1))},x=p=>{e(p),a(o=>o+1),s(!0)};n.useEffect(()=>{if(!I.current)return;const p=I.current,o=p.children[c];if(o){const k=o.offsetLeft-p.offsetWidth/2+o.offsetWidth/2;p.scrollTo({left:k,behavior:"smooth"})}},[c,d]);const i=L[c],r=rt[i.id];return t.jsxs("section",{"data-loc":"client/src/components/HowItWorks.tsx:1676",ref:f,id:"how_it_works",className:"relative py-24 md:py-32",style:{background:"#0a0a0a"},children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1682",className:"max-w-7xl mx-auto px-4 md:px-8",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1684",className:`mb-12 transition-all duration-700 ${l?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1685",className:"text-sm font-medium uppercase tracking-[0.2em] mb-3",style:{color:h,opacity:.8,fontFamily:"var(--font-heading)"},children:"How It Works"}),t.jsx("h2",{"data-loc":"client/src/components/HowItWorks.tsx:1688",className:"text-3xl md:text-4xl lg:text-5xl font-bold text-white leading-tight",style:{fontFamily:"var(--font-heading)"},children:"Take a closer look."})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1696",className:`hidden md:block relative rounded-2xl border border-white/10 overflow-hidden transition-all duration-700 delay-200 ${l?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,style:{minHeight:740},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1703",className:"absolute inset-0",style:{animation:"hiwFade 0.5s ease-out"},children:i.hasPhoto&&i.bgImage?t.jsx($,{"data-loc":"client/src/components/HowItWorks.tsx:1705",src:i.bgImage,alt:i.title}):t.jsx(R,{"data-loc":"client/src/components/HowItWorks.tsx:1707"})},`bg-${m}`),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1712",className:"absolute inset-0 flex justify-end",style:{animation:"hiwFadeNoOpacity 0.5s ease-out"},children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1713",className:"w-full md:w-[50%] lg:w-[55%] h-full",children:t.jsx(r,{"data-loc":"client/src/components/HowItWorks.tsx:1714",active:!0})})},`vis-${m}`),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1719",className:"absolute left-0 top-1/2 -translate-y-1/2 z-20 flex flex-col gap-2",children:[t.jsx("button",{"data-loc":"client/src/components/HowItWorks.tsx:1720",onClick:()=>b(c-1),disabled:c===0,className:"glass-panel-light w-8 h-8 rounded-r-lg !border-l-0 !rounded-l-none flex items-center justify-center text-white/40 hover:text-white hover:bg-white/[0.12] transition-all disabled:opacity-20",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1725",className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1726",strokeLinecap:"round",strokeLinejoin:"round",d:"M5 15l7-7 7 7"})})}),t.jsx("button",{"data-loc":"client/src/components/HowItWorks.tsx:1729",onClick:()=>b(c+1),disabled:c===L.length-1,className:"glass-panel-light w-8 h-8 rounded-r-lg !border-l-0 !rounded-l-none flex items-center justify-center text-white/40 hover:text-white hover:bg-white/[0.12] transition-all disabled:opacity-20",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1734",className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1735",strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1741",className:"absolute left-14 top-8 bottom-8 z-10 flex flex-col justify-center max-w-[280px] lg:max-w-[360px] xl:max-w-[420px]",children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1742",className:"flex flex-col gap-2.5",children:L.map((p,o)=>{const k=o===c;return t.jsx("button",{"data-loc":"client/src/components/HowItWorks.tsx:1746",onClick:()=>b(o),className:"w-full text-left transition-all duration-300 group",children:t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1751",className:`transition-all duration-300 ${k?"glass-panel-light !bg-white/[0.1] !border-white/20 rounded-xl shadow-lg shadow-black/20":"glass-panel-light rounded-xl hover:!bg-white/[0.07] hover:!border-white/15"}`,children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1758",className:"px-4 py-4 flex items-center gap-2.5",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1759",className:"w-6 h-6 rounded-full flex items-center justify-center shrink-0",style:{backgroundColor:C},children:t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1763",className:"text-[11px] font-bold",style:{color:"#000"},children:o+1})}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1767",className:`text-sm font-bold transition-colors duration-300 ${k?"text-white":"text-white group-hover:text-white"}`,children:p.label}),!k&&t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1771",className:"w-3.5 h-3.5 ml-auto text-white/20 group-hover:text-white/40 transition-colors",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1772",strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4v16m8-8H4"})})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1776",className:`overflow-hidden transition-all duration-400 ease-in-out ${k?"max-h-48 opacity-100":"max-h-0 opacity-0"}`,children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1781",className:"px-4 pb-3 pt-0",children:t.jsx("p",{"data-loc":"client/src/components/HowItWorks.tsx:1782",className:"text-white/60 text-[13px] leading-relaxed",children:p.description})})})]})},p.id)})})})]}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1800",className:"md:hidden",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1802",className:`relative rounded-2xl border border-white/10 overflow-hidden transition-all duration-700 delay-200 ${l?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,style:{minHeight:400},children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1809",className:"absolute inset-0",children:i.hasPhoto&&i.bgImage?t.jsx($,{"data-loc":"client/src/components/HowItWorks.tsx:1811",src:i.bgImage,alt:i.title}):t.jsx(R,{"data-loc":"client/src/components/HowItWorks.tsx:1813"})}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1818",className:"absolute inset-0 flex items-center justify-center",children:t.jsx(r,{"data-loc":"client/src/components/HowItWorks.tsx:1819",active:!0})})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1824",className:"mt-4 -mx-4 px-4",children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1825",className:"flex gap-2 overflow-x-auto pb-2 scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:L.map((p,o)=>{const k=o===c;return t.jsxs("button",{"data-loc":"client/src/components/HowItWorks.tsx:1829",onClick:()=>x(o),className:`shrink-0 flex items-center gap-2 px-4 py-3 rounded-full border transition-all duration-300 ${k?"bg-white/[0.12] border-white/20 shadow-lg":"bg-white/[0.04] border-white/[0.08] hover:bg-white/[0.08]"}`,children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1838",className:"w-5 h-5 rounded-full flex items-center justify-center shrink-0",style:{backgroundColor:C},children:t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1842",className:"text-[10px] font-bold",style:{color:"#000"},children:o+1})}),t.jsx("span",{"data-loc":"client/src/components/HowItWorks.tsx:1844",className:`text-sm whitespace-nowrap ${k?"text-white font-medium":"text-white/50"}`,children:p.label}),!k&&t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1848",className:"w-4 h-4 text-white/20 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1849",strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4v16m8-8H4"})})]}
49,p.id)})})}),d&&t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1860",className:"fixed inset-0 z-50 flex flex-col",style:{background:"#0a0a0a"},children:[t.jsx("button",{"data-loc":"client/src/components/HowItWorks.tsx:1865",onClick:()=>s(!1),className:"glass-panel-light absolute top-4 right-4 z-[60] w-10 h-10 rounded-full !border-white/20 flex items-center justify-center",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1869",className:"w-5 h-5 text-white/70",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1870",strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1875",className:"flex-1 relative",children:[t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1877",className:"absolute inset-0",style:{animation:"hiwFade 0.4s ease-out"},children:i.hasPhoto&&i.bgImage?t.jsx($,{"data-loc":"client/src/components/HowItWorks.tsx:1879",src:i.bgImage,alt:i.title}):t.jsx(R,{"data-loc":"client/src/components/HowItWorks.tsx:1881"})},`mbg-${m}`),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1886",className:"absolute inset-0",style:{bottom:"140px",animation:"hiwFade 0.4s ease-out"},children:t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1887",className:"absolute inset-0",children:t.jsx(r,{"data-loc":"client/src/components/HowItWorks.tsx:1888",active:!0})})},`mvis-${m}`),t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1893",className:"absolute bottom-0 left-0 right-0 z-10",children:[t.jsxs("div",{"data-loc":"client/src/components/HowItWorks.tsx:1895",className:"flex items-end gap-1 px-1 pt-2 pb-1.5",children:[t.jsx("button",{"data-loc":"client/src/components/HowItWorks.tsx:1897",onClick:()=>b(c-1),disabled:c===0,className:"glass-panel-light shrink-0 w-9 h-9 rounded-full !bg-white/[0.08] flex items-center justify-center text-white/50 hover:text-white hover:!bg-white/[0.15] transition-all disabled:opacity-20",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1902",className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1903",strokeLinecap:"round",strokeLinejoin:"round",d:"M15 19l-7-7 7-7"})})}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1908",className:"glass-panel-light flex-1 rounded-2xl px-3 py-2",style:{background:"rgba(255,255,255,0.08)",animation:"hiwSlideUp 0.4s ease-out"},children:t.jsxs("p",{"data-loc":"client/src/components/HowItWorks.tsx:1916",className:"text-white text-[13px] leading-snug",children:[t.jsxs("span",{"data-loc":"client/src/components/HowItWorks.tsx:1917",className:"font-bold",style:{fontFamily:"var(--font-heading)"},children:[i.title,"."]})," ",i.description]})},`desc-${m}`),t.jsx("button",{"data-loc":"client/src/components/HowItWorks.tsx:1925",onClick:()=>b(c+1),disabled:c===L.length-1,className:"glass-panel-light shrink-0 w-9 h-9 rounded-full !bg-white/[0.08] flex items-center justify-center text-white/50 hover:text-white hover:!bg-white/[0.15] transition-all disabled:opacity-20",children:t.jsx("svg",{"data-loc":"client/src/components/HowItWorks.tsx:1930",className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{"data-loc":"client/src/components/HowItWorks.tsx:1931",strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})})]}),t.jsx("div",{"data-loc":"client/src/components/HowItWorks.tsx:1937",className:"flex justify-center gap-1.5 pb-3 pt-1",children:L.map((p,o)=>t.jsx("button",{"data-loc":"client/src/components/HowItWorks.tsx:1939",onClick:()=>b(o),className:`w-2 h-2 rounded-full transition-all duration-300 ${o===c?"bg-gold w-5":"bg-white/20"}`,style:o===c?{backgroundColor:C}:void 0},o))})]})]})]})]})]}),t.jsx("style",{"data-loc":"client/src/components/HowItWorks.tsx:1954",children:` 50 @keyframes hiwFade { 51 from { opacity: 0; transform: scale(1.02); } 52 to { opacity: 1; transform: scale(1); } 53 } 54 @keyframes hiwFadeNoOpacity { 55 from { transform: scale(1.02); } 56 to { transform: scale(1); } 57 } 58 @keyframes hiwSlideUp { 59 from { opacity: 0; transform: translateY(20px); } 60 to { opacity: 1; transform: translateY(0); } 61 } 62 .scrollbar-hide::-webkit-scrollbar { display: none; } 63 `})]})}
63export{dt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.