1import{c as y,r as c,j as e,G as h,m as d,k as f,l as C,u as v,a as N,b as A,P as j,o as g,M as F,n as k,p as B}from"./index-Cq3E1ZFn.js";import{B as w}from"./bot-DQiNqBhD.js";import{S as x}from"./shield-DdFqECs3.js";import{Z as u}from"./zap-NqQbM-Hh.js";import{R as b}from"./radio-Cs-56pLy.js";/** 2 * @license lucide-react v0.453.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const S=y("Users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"1da9ce"}]]),p={dispatchMonitors:"https://d2xsxph8kpxj0f.cloudfront.net/310519663312218240/izpA6X3BVidSmFucBvXPtM/dispatch-closeup-monitors-DsLTJDFhiC5CSvkCXAgoDM.webp",dispatchOverhead:"https://d2xsxph8kpxj0f.cloudfront.net/310519663312218240/izpA6X3BVidSmFucBvXPtM/dispatch-wide-overhead-E4ggdQu56nvsjbqSWvjFhM.webp",dispatchCalm:"https://d2xsxph8kpxj0f.cloudfront.net/310519663312218240/izpA6X3BVidSmFucBvXPtM/dispatch-calm-resolved-Tzr4ba7LywUKWBXx6WUCAy.webp",dispatchPhone:"https://d2xsxph8kpxj0f.cloudfront.net/310519663312218240/izpA6X3BVidSmFucBvXPtM/dispatch-phone-ringing-bSn2VLMFNzBLe7NB92ojNm.webp",dispatchDataWall:"https://d2xsxph8kpxj0f.cloudfront.net/310519663312218240/izpA6X3BVidSmFucBvXPtM/dispatch-data-wall-EKsxkmndaQVaks4VZzTxz2.webp"};function I(){const[t,a]=c.useState(0),[o,s]=c.useState(!1),l=c.useRef(null),r=[{icon:w,color:"#2997FF",title:"AI Call Routing",subtitle:"Intelligent classification in real-time",description:"Every call is analyzed, categorized, and routed to the right department within 2 seconds.",stat:"< 2s",statLabel:"avg routing time"},{icon:h,color:"#30D158",title:"Multilingual Support",subtitle:"140+ languages, zero delay",description:"Real-time translation and transcription for every caller, regardless of language.",stat:"140+",statLabel:"languages supported"},{icon:x,color:"#FF453A",title:"CJIS Compliant",subtitle:"Security at every layer",description:"End-to-end encryption, audit trails, and full compliance with Criminal Justice Information Services standards.",stat:"100%",statLabel:"compliance score"},{icon:u,color:"#FFD60A",title:"Instant Transcription",subtitle:"Every word captured accurately",description:"Live speech-to-text with 99.2% accuracy, searchable transcripts available immediately.",stat:"99.2%",statLabel:"transcription accuracy"}];return c.useEffect(()=>{if(!o)return l.current=setInterval(()=>{a(n=>(n+1)%r.length)},4e3),()=>{l.current&&clearInterval(l.current)}},[o,r.length]),e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:77",className:"relative overflow-hidden rounded-[24px] bg-[#0A0A0A]",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:83",className:"relative min-h-[400px] flex items-center justify-center p-12",children:r.map((n,i)=>{const m=i===t;return e.jsx(d.div,{"data-loc":"client/src/pages/AppleComponents.tsx:87",initial:!1,animate:{opacity:m?1:0,scale:m?1:.95,x:m?0:i<t?-40:40},transition:{duration:.6,ease:[.16,1,.3,1]},className:"absolute inset-0 flex items-center justify-center p-12",style:{pointerEvents:m?"auto":"none"},children:e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:99",className:"flex flex-col items-center text-center max-w-[600px]",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:101",className:"relative mb-8",children:[e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:102",className:"absolute inset-0 rounded-full blur-[40px] opacity-30",style:{background:n.color,transform:"scale(2.5)"}}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:106",className:"relative w-20 h-20 rounded-full flex items-center justify-center",style:{background:`${n.color}15`,border:`1px solid ${n.color}30`},children:e.jsx(n.icon,{"data-loc":"client/src/pages/AppleComponents.tsx:110",className:"w-9 h-9",style:{color:n.color}})})]}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:115",className:"text-[13px] tracking-[0.2em] uppercase mb-3",style:{color:n.color},children:n.subtitle}),e.jsx("h3",{"data-loc":"client/src/pages/AppleComponents.tsx:118",className:"text-[36px] font-semibold tracking-tight text-white mb-4",children:n.title}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:121",className:"text-[17px] leading-[1.6] text-[#86868B] mb-8",children:n.description}),e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:126",className:"flex items-baseline gap-2",children:[e.jsx("span",{"data-loc":"client/src/pages/AppleComponents.tsx:127",className:"text-[48px] font-semibold tracking-tight",style:{color:n.color},children:n.stat}),e.jsx("span",{"data-loc":"client/src/pages/AppleComponents.tsx:130",className:"text-[#86868B] text-[15px]",children:n.statLabel})]})]})},i)})}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:139",className:"flex items-center justify-center gap-2 pb-8",children:r.map((n,i)=>e.jsx("button",{"data-loc":"client/src/pages/AppleComponents.tsx:141",onClick:()=>a(i),className:"relative w-2 h-2 rounded-full transition-all duration-300",style:{background:i===t?"#fff":"rgba(255,255,255,0.25)",width:i===t?24:8}},i))}),e.jsx("button",{"data-loc":"client/src/pages/AppleComponents.tsx:154",onClick:()=>a(n=>(n-1+r.length)%r.length),className:"absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-white/5 border border-white/10 flex items-center justify-center text-white/60 hover:text-white hover:bg-white/10 transition-all",children:e.jsx(f,{"data-loc":"client/src/pages/AppleComponents.tsx:158",className:"w-5 h-5"})}),e.jsx("button",{"data-loc":"client/src/pages/AppleComponents.tsx:160",onClick:()=>a(n=>(n+1)%r.length),className:"absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full bg-white/5 border border-white/10 flex items-center justify-center text-white/60 hover:text-white hover:bg-white/10 transition-all",children:e.jsx(C,{"data-loc":"client/src/pages/AppleComponents.tsx:164",className:"w-5 h-5"})})]})}function E(){const[t,a]=c.useState(0),o=[{label:"Call Intake",title:"Intelligent call intake that never sleeps.",description:"AI answers every call within 2 seconds, gathers information, and classifies the request type automatically.",image:p.dispatchPhone,color:"#2997FF"},{label:"Routing Logic",title:"Smart routing to the right department.",description:"Calls are analyzed in real-time and directed to the appropriate team based on urgency, language, and request type.",image:p.dispatchMonitors,color:"#30D158"},{label:"Transcription",title:"Every word captured, searchable instantly.",description:"Live speech-to-text with 99.2% accuracy across 140+ languages. Full transcripts available immediately after each call.",image:p.dispatchDataWall,color:"#FFD60A"},{label:"Escalation",title:"Seamless handoff when humans are needed.",description:"Critical calls are escalated to live operators with full context â no caller ever has to repeat themselves.",image:p.dispatchCalm,color:"#FF453A"},{label:"Reporting",title:"Actionable insights from every interaction.",description:"Real-time dashboards, trend anal
6ysis, and automated reports that help agencies improve service quality.",image:p.dispatchOverhead,color:"#BF5AF2"}];return e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:217",className:"grid md:grid-cols-[280px_1fr] gap-8 min-h-[480px]",children:[e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:219",className:"flex flex-col gap-2",children:o.map((s,l)=>e.jsx("button",{"data-loc":"client/src/pages/AppleComponents.tsx:221",onClick:()=>a(l),className:`text-left px-5 py-4 rounded-[16px] transition-all duration-300 ${l===t?"bg-white/[0.08] border border-white/[0.12]":"bg-transparent border border-transparent hover:bg-white/[0.04]"}`,children:e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:230",className:"flex items-center gap-3",children:[e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:231",className:"w-2 h-2 rounded-full transition-all duration-300",style:{background:l===t?s.color:"rgba(255,255,255,0.2)",boxShadow:l===t?`0 0 8px ${s.color}60`:"none"}}),e.jsx("span",{"data-loc":"client/src/pages/AppleComponents.tsx:238",className:`text-[15px] font-medium transition-colors duration-300 ${l===t?"text-white":"text-[#86868B]"}`,children:s.label})]})},l))}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:249",className:"relative rounded-[20px] overflow-hidden bg-[#0A0A0A]",children:o.map((s,l)=>e.jsxs(d.div,{"data-loc":"client/src/pages/AppleComponents.tsx:251",initial:!1,animate:{opacity:l===t?1:0},transition:{duration:.5,ease:"easeInOut"},className:"absolute inset-0",style:{pointerEvents:l===t?"auto":"none"},children:[e.jsx("img",{"data-loc":"client/src/pages/AppleComponents.tsx:259",src:s.image,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:260",className:"absolute inset-0",style:{background:"linear-gradient(to top, #08080F 20%, rgba(8,8,15,0.6) 50%, transparent 100%)"}}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:261",className:"absolute bottom-0 left-0 right-0 p-8",children:e.jsxs(d.div,{"data-loc":"client/src/pages/AppleComponents.tsx:262",initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.4,delay:.1,ease:[.16,1,.3,1]},children:[e.jsx("h4",{"data-loc":"client/src/pages/AppleComponents.tsx:268",className:"text-[24px] font-semibold text-white mb-2",children:s.title}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:269",className:"text-[15px] text-[#86868B] leading-[1.6] max-w-[480px]",children:s.description})]},`text-${l}`)})]},l))})]})}function R(){const t=c.useRef(null),a=v(t,{once:!0,amount:.4}),o=[{label:"Call Resolution",value:98.7,color:"#2997FF",comparison:"Industry avg: 72%"},{label:"First Response",value:95,color:"#30D158",comparison:"Industry avg: 45%"},{label:"Caller Satisfaction",value:94.2,color:"#FFD60A",comparison:"Industry avg: 68%"},{label:"Language Coverage",value:93,color:"#BF5AF2",comparison:"Industry avg: 12%"},{label:"Uptime",value:99.99,color:"#FF9F0A",comparison:"Industry avg: 95%"}];return e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:297",ref:t,className:"space-y-6",children:o.map((s,l)=>e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:299",className:"space-y-2",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:300",className:"flex items-center justify-between",children:[e.jsx("span",{"data-loc":"client/src/pages/AppleComponents.tsx:301",className:"text-white text-[15px] font-medium",children:s.label}),e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:302",className:"flex items-center gap-3",children:[e.jsx("span",{"data-loc":"client/src/pages/AppleComponents.tsx:303",className:"text-[#48484A] text-[12px] font-mono",children:s.comparison}),e.jsxs("span",{"data-loc":"client/src/pages/AppleComponents.tsx:304",className:"text-white text-[15px] font-semibold",children:[s.value,"%"]})]})]}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:307",className:"h-3 rounded-full bg-white/[0.05] overflow-hidden",children:e.jsx(d.div,{"data-loc":"client/src/pages/AppleComponents.tsx:308",initial:{width:0},animate:{width:a?`${s.value}%`:0},transition:{duration:1.2,delay:l*.15,ease:[.16,1,.3,1]},className:"h-full rounded-full",style:{background:`linear-gradient(90deg, ${s.color}80, ${s.color})`}})})]},l))})}function D(){const t=c.useRef(null),{scrollYProgress:a}=N({target:t,offset:["start end","end start"]}),o=A(a,[0,1],["-15%","15%"]),s=A(a,[0,1],["10%","-10%"]),l=A(a,[0,.3,.7,1],[.3,1,1,.3]);return e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:338",ref:t,className:"relative h-[500px] rounded-[24px] overflow-hidden",children:[e.jsx(d.div,{"data-loc":"client/src/pages/AppleComponents.tsx:340",className:"absolute inset-0",style:{y:o},children:e.jsx("img",{"data-loc":"client/src/pages/AppleComponents.tsx:344",src:p.dispatchOverhead,alt:"",className:"w-full h-[130%] object-cover"})}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:352",className:"absolute inset-0 bg-black/50"}),e.jsx(d.div,{"data-loc":"client/src/pages/AppleComponents.tsx:355",className:"absolute inset-0 flex items-center justify-center",style:{y:s,opacity:l},children:e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:359",className:"text-center",children:[e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:360",className:"text-[13px] tracking-[0.2em] uppercase text-[#2997FF] mb-4",children:"Scroll to see parallax"}),e.jsx("h3",{"data-loc":"client/src/pages/AppleComponents.tsx:361",className:"text-[48px] font-semibold tracking-tight text-white mb-4",children:"Depth through motion."}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:364",className:"text-[17px] text-[#86868B] max-w-[400px] mx-auto",children:"Backgroun
6d and foreground move at different rates, creating a layered depth effect."})]})})]})}function P(){const t=c.useRef(null),a=v(t,{once:!0,amount:.2}),o=[{icon:j,color:"#2997FF",title:"24/7 Coverage",desc:"Never miss a call"},{icon:u,color:"#FFD60A",title:"Zero Wait Time",desc:"Instant pickup"},{icon:h,color:"#30D158",title:"Multilingual",desc:"140+ languages"},{icon:x,color:"#FF453A",title:"CJIS Compliant",desc:"Enterprise security"},{icon:b,color:"#BF5AF2",title:"Live Escalation",desc:"Seamless handoff"},{icon:g,color:"#FF9F0A",title:"Analytics",desc:"Real-time insights"}];return e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:392",ref:t,className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:o.map((s,l)=>e.jsxs(d.div,{"data-loc":"client/src/pages/AppleComponents.tsx:394",initial:{opacity:0,y:30,scale:.95},animate:a?{opacity:1,y:0,scale:1}:{},transition:{duration:.6,delay:l*.1,ease:[.16,1,.3,1]},className:"bg-[#1C1C1E] rounded-[20px] p-6 border border-white/5",children:[e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:401",className:"w-12 h-12 rounded-full flex items-center justify-center mb-4",style:{background:`${s.color}12`},children:e.jsx(s.icon,{"data-loc":"client/src/pages/AppleComponents.tsx:405",className:"w-5 h-5",style:{color:s.color}})}),e.jsx("h4",{"data-loc":"client/src/pages/AppleComponents.tsx:407",className:"text-white text-[15px] font-semibold mb-1",children:s.title}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:408",className:"text-[#86868B] text-[13px]",children:s.desc})]},l))})}function T(){return e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:422",className:"relative",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:423",className:"sticky top-0 z-10 py-6 bg-black/80 backdrop-blur-xl border-b border-white/5",children:[e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:424",className:"text-[13px] tracking-[0.2em] uppercase text-[#2997FF]",children:"Platform Capabilities"}),e.jsx("h3",{"data-loc":"client/src/pages/AppleComponents.tsx:425",className:"text-[32px] font-semibold tracking-tight text-white",children:"Everything your agency needs."})]}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:427",className:"space-y-6 pt-8",children:[{title:"Automated Call Intake",desc:"AI answers, classifies, and routes every call without human intervention. Handles noise complaints, records requests, and general inquiries.",icon:j,color:"#2997FF"},{title:"Real-Time Transcription",desc:"Every call is transcribed live with 99.2% accuracy. Searchable transcripts are available immediately for review and reporting.",icon:F,color:"#30D158"},{title:"Intelligent Escalation",desc:"When a call requires human attention, the system transfers seamlessly with full context â no caller repeats themselves.",icon:b,color:"#FF453A"},{title:"Compliance & Security",desc:"CJIS-compliant infrastructure with end-to-end encryption, role-based access, and complete audit trails.",icon:x,color:"#FFD60A"},{title:"Analytics Dashboard",desc:"Real-time visibility into call volumes, resolution rates, peak hours, and caller satisfaction scores.",icon:g,color:"#BF5AF2"}].map((t,a)=>e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:435",className:"bg-[#1C1C1E] rounded-[20px] p-8 border border-white/5 flex gap-6",children:[e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:436",className:"w-12 h-12 rounded-full flex items-center justify-center shrink-0",style:{background:`${t.color}12`},children:e.jsx(t.icon,{"data-loc":"client/src/pages/AppleComponents.tsx:440",className:"w-5 h-5",style:{color:t.color}})}),e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:442",children:[e.jsx("h4",{"data-loc":"client/src/pages/AppleComponents.tsx:443",className:"text-white text-[17px] font-semibold mb-2",children:t.title}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:444",className:"text-[#86868B] text-[15px] leading-[1.6]",children:t.desc})]})]},a))})]})}function z(){return e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:460",className:"relative rounded-[24px] overflow-hidden h-[500px]",children:[e.jsx("img",{"data-loc":"client/src/pages/AppleComponents.tsx:461",src:p.dispatchMonitors,alt:"",className:"absolute inset-0 w-full h-full object-cover"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:467",className:"absolute inset-0",style:{background:"linear-gradient(to top, #08080F 15%, rgba(8,8,15,0.7) 35%, rgba(8,8,15,0.1) 55%, transparent 100%)"}}),e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:471",className:"absolute bottom-0 left-0 right-0 p-10",children:[e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:472",className:"text-[13px] tracking-[0.2em] uppercase text-[#2997FF] mb-3",children:"Always On"}),e.jsx("h3",{"data-loc":"client/src/pages/AppleComponents.tsx:473",className:"text-[36px] font-semibold tracking-tight text-white mb-3",children:"Never miss another call."}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:476",className:"text-[17px] text-[#86868B] max-w-[500px] leading-[1.6]",children:"24/7/365 coverage means every caller reaches a professional response, regardless of time, day, or staffing levels."})]})]})}function L(){const t=[{label:"Response Time",value:"< 2 sec",detail
6:"Average first response"},{label:"Languages",value:"140+",detail:"Real-time translation"},{label:"Accuracy",value:"99.2%",detail:"Transcription accuracy"},{label:"Uptime",value:"99.99%",detail:"Service availability"},{label:"Resolution",value:"98.7%",detail:"First-call resolution"},{label:"Compliance",value:"CJIS",detail:"Full certification"},{label:"Channels",value:"Phone + Chat",detail:"Omnichannel support"},{label:"Integration",value:"CAD/RMS",detail:"Native connectors"}];return e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:502",className:"grid grid-cols-2 md:grid-cols-4 gap-px bg-white/[0.06] rounded-[20px] overflow-hidden",children:t.map((a,o)=>e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:504",className:"bg-[#0A0A0A] p-6 flex flex-col",children:[e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:505",className:"text-[#48484A] text-[11px] font-mono uppercase tracking-wider mb-2",children:a.label}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:506",className:"text-[28px] font-semibold tracking-tight mb-1",style:{background:"linear-gradient(180deg, #E8E8ED 0%, #86868B 100%)",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"},children:a.value}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:518",className:"text-[#86868B] text-[12px] mt-auto",children:a.detail})]},o))})}function M(){const t=[{icon:w,color:"#2997FF",label:"AI Engine",category:"Intelligence"},{icon:x,color:"#30D158",label:"Security",category:"Compliance"},{icon:u,color:"#FFD60A",label:"Speed",category:"Performance"},{icon:h,color:"#BF5AF2",label:"Languages",category:"Coverage"},{icon:b,color:"#FF453A",label:"Escalation",category:"Safety"},{icon:g,color:"#FF9F0A",label:"Analytics",category:"Insights"}];return e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:541",className:"grid grid-cols-3 md:grid-cols-6 gap-6",children:t.map((a,o)=>e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:543",className:"flex flex-col items-center gap-3",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:544",className:"relative",children:[e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:546",className:"absolute inset-0 rounded-full blur-[20px] opacity-25",style:{background:a.color,transform:"scale(2)"}}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:551",className:"relative w-16 h-16 rounded-full flex items-center justify-center",style:{background:`${a.color}10`,border:`1px solid ${a.color}25`},children:e.jsx(a.icon,{"data-loc":"client/src/pages/AppleComponents.tsx:555",className:"w-7 h-7",style:{color:a.color}})})]}),e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:558",className:"text-center",children:[e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:559",className:"text-white text-[13px] font-medium",children:a.label}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:560",className:"text-[#48484A] text-[10px] font-mono",children:a.category})]})]},o))})}function G(){const t=c.useRef(null),a=[{icon:k,color:"#2997FF",title:"24/7 Coverage",desc:"Every call answered, day or night"},{icon:u,color:"#FFD60A",title:"Zero Wait Time",desc:"Instant pickup, no hold queues"},{icon:h,color:"#30D158",title:"Multilingual",desc:"140+ languages in real-time"},{icon:x,color:"#FF453A",title:"CJIS Compliant",desc:"Enterprise-grade security"},{icon:b,color:"#BF5AF2",title:"Live Escalation",desc:"Seamless human handoff"},{icon:g,color:"#FF9F0A",title:"Real-Time Analytics",desc:"Dashboards & trend reports"},{icon:S,color:"#64D2FF",title:"Staffing Relief",desc:"Handle surges without hiring"},{icon:B,color:"#86868B",title:"Auto Reports",desc:"Generated after every call"}],o=s=>{t.current&&t.current.scrollBy({left:s==="left"?-300:300,behavior:"smooth"})};return e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:594",className:"relative",children:[e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:596",ref:t,className:"flex gap-4 overflow-x-auto pb-4 scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:a.map((s,l)=>e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:602",className:"flex-shrink-0 w-[220px] bg-[#1C1C1E] rounded-[16px] p-5 border border-white/5",children:[e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:606",className:"w-10 h-10 rounded-full flex items-center justify-center mb-3",style:{background:`${s.color}12`},children:e.jsx(s.icon,{"data-loc":"client/src/pages/AppleComponents.tsx:610",className:"w-5 h-5",style:{color:s.color}})}),e.jsx("h4",{"data-loc":"client/src/pages/AppleComponents.tsx:612",className:"text-white text-[14px] font-semibold mb-1",children:s.title}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:613",className:"text-[#86868B] text-[12px] leading-[1.5]",children:s.desc})]},l))}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:619",className:"absolute top-0 left-0 bottom-4 w-12 bg-gradient-to-r from-black to-transparent pointer-events-none"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:620",className:"absolute top-0 right-0 bottom-4 w-12 bg-gradient-to-l from-black to-transparent pointer-events-none"}),e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:623",className:"flex items-center gap-2 mt-4",children:[e.jsx("button",{"data-loc":"client/src/pages/AppleComponents.tsx:624",onClick:()=>o("left"),className:"w-8 h-8 rounded-full bg-white/5 border border-white/10 flex items-center justify-center text-white/60 hover:text-white hover:bg-white/10 transition-all",children:e.jsx(f,{"data-loc":"client/src/pages/AppleComponents.tsx:628",className:"w-4 h-4"})}),e.jsx("button",{"data-loc":"client/src/pages/AppleComponents.tsx:630",onClick:()=>o("right"),className:"w-8 h-8 rounded-full bg-white/5 border border-white/10 flex items-center justify-center text-white/60 hover:text-white hover:bg-white/10 transition-all",children:e.jsx(C,{"data-loc":"client/src/pages/AppleComponents.tsx:634",className:"w-4 h-4"})})]})]})}function q(){const[t,a]=c.useState("carousel"),o=[{id:"carousel",label:"Carousel"},{id:"explorer",label:"Feature Explorer"},{id:"charts",label:"Performance Charts"},{id:"parallax",label:"Parallax"},{id:"stagger",label:"Staggered Entry"},{id:"sticky",label:"Sticky Headers"},{id:"fullbleed",label:"Full-Bleed"},{id:"specgrid",label:"Spec Grid"},{id:"glow",label:"Glow Icons"},{id:"horizontal",label:"Horizontal Scroll"}];return e.jsxs("main",{"data-loc":"client/src/pages/AppleComponents.tsx:662",className:"min-h-screen bg-black text-white",children:[e.jsx("section",{"data-loc":"client/src/pages/AppleComponents.tsx:664",className:"pt-24 pb-16 px-6",children:e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:665",className:"max-w-[1200px] mx-auto",children:[e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:666",className:"text-[13px] tracking-[0.2em] uppercase text-[#2997FF] mb-4",children:"Apple-Inspired Patterns"}),e.jsx("h1",{"data-loc":"client/src/pages/AppleComponents.tsx:667",className:"text-[clamp(40px,6vw,72px)] tracking-[-0.03em] text-white mb-6",style:{fontFamily:'"Cormorant Garamond", Georgia, serif',fontWeight:400,fontStyle:"italic",lineHeight:1.15},children:"Component Library."}),e.jsxs("p",{"data-loc":"client/src/pages/AppleComponents.tsx:673",className:"text-[21px] leading-[1.5] text-[#86868B] max-w-[720px]",children:[e.jsx("span",{"data-loc":"client/src/pages/AppleComponents.tsx:674",className:"text-white font-semibold",children:"10 production-ready patterns"}
6)," ","inspired by Apple's MacBook Pro page. Scroll-triggered animations, interactive explorers, parallax depth, and more."]})]})}),e.jsx("section",{"data-loc":"client/src/pages/AppleComponents.tsx:681",className:"sticky top-0 z-50 bg-black/80 backdrop-blur-xl border-b border-white/5 px-6",children:e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:682",className:"max-w-[1200px] mx-auto",children:e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:683",className:"flex items-center gap-1 overflow-x-auto py-4",style:{scrollbarWidth:"none"},children:o.map(s=>e.jsx("button",{"data-loc":"client/src/pages/AppleComponents.tsx:685",onClick:()=>a(s.id),className:`px-4 py-2 rounded-full text-[13px] font-medium whitespace-nowrap transition-all duration-200 ${t===s.id?"bg-white/10 text-white":"text-[#86868B] hover:text-white"}`,children:s.label},s.id))})})}),e.jsx("section",{"data-loc":"client/src/pages/AppleComponents.tsx:702",className:"px-6 py-16",children:e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:703",className:"max-w-[1200px] mx-auto space-y-16",children:[t==="carousel"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:706",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:707",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:708",className:"text-white text-2xl font-semibold mb-2",children:"1. Highlights Carousel"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:709",className:"text-[#86868B] text-[15px] mb-8",children:"Full-width carousel with pagination dots, auto-advance (4s), colored glow halos behind capability icons. Pauses on hover."})]}),e.jsx(I,{"data-loc":"client/src/pages/AppleComponents.tsx:711"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:712",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:713",className:"text-xs text-[#86868B] font-mono",children:"Auto-advance: 4s interval, pauses on hover. Transition: 600ms cubic-bezier(0.16,1,0.3,1). Dots: 8px circles, active stretches to 24px. Glow: 40px blur, 30% opacity, color-matched to icon."})})]}),t==="explorer"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:719",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:720",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:721",className:"text-white text-2xl font-semibold mb-2",children:"2. Interactive Feature Explorer"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:722",className:"text-[#86868B] text-[15px] mb-8",children:"Split layout with vertical button list on the left and crossfading image on the right. Active button has glowing dot indicator. Text slides up below the image."})]}),e.jsx(E,{"data-loc":"client/src/pages/AppleComponents.tsx:724"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:725",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:726",className:"text-xs text-[#86868B] font-mono",children:"Layout: grid 280px / 1fr. Image crossfade: 500ms ease-in-out. Text entry: 400ms with 100ms delay, cubic-bezier(0.16,1,0.3,1). Active indicator: 2px dot with 8px glow blur."})})]}),t==="charts"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:732",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:733",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:734",className:"text-white text-2xl font-semibold mb-2",children:"3. Animated Performance Charts"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:735",className:"text-[#86868B] text-[15px] mb-8",children:'Bars animate from 0 to their target width when scrolled into view. Each bar staggers by 150ms. Includes "industry average" comparison text.'})]}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:737",className:"bg-[#0A0A0A] rounded-[24px] p-10 border border-white/5",children:e.jsx(R,{"data-loc":"client/src/pages/AppleComponents.tsx:738"})}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:740",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:741",className:"text-xs text-[#86868B] font-mono",children:"Trigger: useInView (once, 40% threshold). Bar animation: 1200ms, stagger 150ms, cubic-bezier(0.16,1,0.3,1). Bar height: 12px, rounded-full. Gradient: color/80 â color/100."})})]}),t==="parallax"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:747",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:748",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:749",className:"text-white text-2xl font-semibold mb-2",children:"4. Parallax Depth"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:750",className:"text-[#86868B] text-[15px] mb-8",children:"Backgroun
6d image moves at a different rate than foreground content as you scroll. Creates a layered depth effect. Scroll this section to see it in action."})]}),e.jsx(D,{"data-loc":"client/src/pages/AppleComponents.tsx:752"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:753",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:754",className:"text-xs text-[#86868B] font-mono",children:"Background: translateY -15% â +15%. Foreground: translateY +10% â -10%. Opacity: fades in/out at edges. Uses useScroll + useTransform from motion/react."})})]}),t==="stagger"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:760",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:761",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:762",className:"text-white text-2xl font-semibold mb-2",children:"5. Staggered Card Entry"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:763",className:"text-[#86868B] text-[15px] mb-8",children:"Cards don't all appear at once â they fade and slide in sequentially with 100ms delays between each. Triggered when scrolled into view."})]}),e.jsx(P,{"data-loc":"client/src/pages/AppleComponents.tsx:765"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:766",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:767",className:"text-xs text-[#86868B] font-mono",children:"Trigger: useInView (once, 20% threshold). Per-card: opacity 0â1, y 30â0, scale 0.95â1. Duration: 600ms. Stagger: 100ms. Easing: cubic-bezier(0.16,1,0.3,1)."})})]}),t==="sticky"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:773",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:774",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:775",className:"text-white text-2xl font-semibold mb-2",children:"6. Sticky Section Headers"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:776",className:"text-[#86868B] text-[15px] mb-8",children:"As you scroll through a long section, the section title pins to the top of the viewport while content scrolls beneath it. Uses backdrop-blur for depth."})]}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:778",className:"h-[600px] overflow-y-auto rounded-[24px] border border-white/5 bg-black",children:e.jsx(T,{"data-loc":"client/src/pages/AppleComponents.tsx:779"})}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:781",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:782",className:"text-xs text-[#86868B] font-mono",children:"Position: sticky, top: 0. Background: black/80 + backdrop-blur-xl. Border-bottom: white/5. Z-index: 10. Content scrolls beneath with normal flow."})})]}),t==="fullbleed"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:788",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:789",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:790",className:"text-white text-2xl font-semibold mb-2",children:"7. Full-Bleed Image Section"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:791",className:"text-[#86868B] text-[15px] mb-8",children:"Large edge-to-edge imagery with text overlay. Uses page-matched gradient (#08080F â transparent) with tight coverage (30-40%) so the image emerges from the dark page."})]}),e.jsx(z,{"data-loc":"client/src/pages/AppleComponents.tsx:793"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:794",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:795",className:"text-xs text-[#86868B] font-mono",children:"Gradient: linear-gradient(to top, #08080F 15%, rgba(8,8,15,0.7) 35%, rgba(8,8,15,0.1) 55%, transparent 100%). Image: object-cover, full container. Text: bottom-aligned, max-w-500px."})})]}),t==="specgrid"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:801",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:802",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:803",className:"text-white text-2xl font-semibold mb-2",children:"8. Spec Grid / Comparison Table"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:804",className:"text-[#86868B] text-[15px] mb-8",children:"Clean grid of specifications with subtle 1px dividers and metallic gradient text for key numbers. Compact, scannable format."})]}),e.jsx(L,{"data-loc":"client/src/pages/AppleComponents.tsx:806"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:807",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:808",className:"text-xs text-[#86868B] font-mono",children:"Grid: 4-col with 1px gap (bg white/6 shows through as dividers). Cells: bg #0A0A0A. Value text: metallic gradient (E8E8ED â 86868B). Label: mono uppercase, 48484A."})})]}),t==="glow"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:814",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:815",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:816",className:"text-white text-2xl font-semibold mb-2",children:"9. Colored Glow Behind Icons"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:817",className:"text-[#86868B] text-[15px] mb-8",children:'Radial glow behind each icon matching its category color. Blue for AI, green for security, amber for performance. Subtle (25% opacity, 20px blur) but creates a "lit from within" feeling.'})]}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:819",className:"bg-[#0A0A0A] rounded-[24px] p-12 border border-white/5",children:e.jsx(M,{"data-loc":"client/src/pages/AppleComponents.tsx:820"})}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:822",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:823",className:"text-xs text-[#86868B] font-mono",children:"Glow: absolute div, blur-[20px], opacity-25, scale(2), color-matched. Container: 64px circle, bg color/10, border color/25. Icon: 28px, color-matched."})})]}),t==="horizontal"&&e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:829",className:"space-y-8",children:[e.jsxs("div",{"data-loc":"client/src/pages/AppleComponents.tsx:830",children:[e.jsx("h2",{"data-loc":"client/src/pages/AppleComponents.tsx:831",className:"text-white text-2xl font-semibold mb-2",children:"10. Horizontal Scrolling Benefits Row"}),e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:832",className:"text-[#86868B] text-[15px] mb-8",children:"Horizontally scrollable row of compact benefit cards. Swipeable on mobile, with fade edges and arrow controls. Adds variety to vertical scroll patterns."})]}),e.jsx(G,{"data-loc":"client/src/pages/AppleComponents.tsx:834"}),e.jsx("div",{"data-loc":"client/src/pages/AppleComponents.tsx:835",className:"bg-[#111113] rounded-[16px] p-6 border border-white/5",children:e.jsx("p",{"data-loc":"client/src/pages/AppleComponents.tsx:836",className:"text-xs text-[#86868B] font-mono",children:"Cards: 220px fixed width, flex-shrink-0. Scroll: overflow-x-auto, hidden scrollbar. Edges: 48px gradient fade (black â transparent). Buttons: scroll 300px per click, smooth behavior."})})]})]})})]})}export{q 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.