https://justinhealthcareai.com/_next/static/chunks/6370.9de27c89ebdfe58f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6370],{61792:(e,a,t)=>{t.d(a,{W:()=>r});var i=t(12115),s=t(58392);let n={some:0,all:1};function r(e,{root:a,margin:t,amount:l,once:o=!1,initial:c=!1}={}){let[d,p]=(0,i.useState)(c);return(0,i.useEffect)(()=>{if(!e.current||o&&d)return;let i={root:a&&a.current||void 0,margin:t,amount:l};return function(e,a,{root:t,margin:i,amount:r="some"}={}){let l=(0,s.K)(e),o=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{let t=o.get(e.target);if(!!t!==e.isIntersecting)if(e.isIntersecting){let t=a(e.target,e);"function"==typeof t?o.set(e.target,t):c.unobserve(e.target)}else"function"==typeof t&&(t(e),o.delete(e.target))})},{root:t,rootMargin:i,threshold:"number"==typeof r?r:n[r]});return l.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(p(!0),o?void 0:()=>p(!1)),i)},[a,e,t,o,l]),d}},96370:(e,a,t)=>{t.r(a),t.d(a,{HomeIntegrations:()=>p});var i=t(95155),s=t(5772),n=t(12115),r=t(61792),l=t(17436),o=t(23033);let c=[{id:"ecw",label:"eClinicalWorks",src:"/icons/c798b33f5c89a5cbe8090744c43b6b3c53c386e5.png",x:7.2,y:31.5,w:36,h:36,radius:10},{id:"drchrono",label:"DrChrono",src:"/icons/91d997ad4d69762d2a4ddf1825ccdf63e3c002cb.png",x:11.2,y:5.5,w:36,h:36,radius:10},{id:"epic",label:"Epic",src:"/icons/0e7c81af28bd5d3678e2375b57bca4ba48ff05b8.png",x:29.5,y:3.5,w:36,h:36,radius:10},{id:"stripe",label:"Stripe",src:"/icons/4666ed2edd6cfa2903c6adb7236def8605085f82.png",x:80.5,y:5.8,w:36,h:36,radius:10},{id:"teams",label:"Microsoft Teams",src:"/icons/9570228b904734ff6015967950732b8893972e59.png",x:86.5,y:24.5,w:36,h:36,radius:10},{id:"twilio",label:"Twilio",src:"/icons/32e876a04478370f0ba67352c257513d65f7fa99.png",x:95.5,y:45.5,w:40,h:40,radius:999,fit:"cover",bg:"#000000"},{id:"slack",label:"Slack",src:"/icons/0abe09408e10d0a7c9453528b21df2a7cfdda4df.png",x:94.5,y:67.5,w:56,h:36,radius:10,fit:"contain",bg:"#000000"},{id:"microsoft",label:"Microsoft",src:"/icons/1f6e321e3a2dea4007f7974197908b189dcb16bc.png",x:95.5,y:83.5,w:44,h:44,radius:12},{id:"athena",label:"athenahealth",src:"/icons/9c0def7b827f3e8ccb08bc05f5c369f0f1c1d339.png",x:6.5,y:58.5,w:56,h:34,radius:10},{id:"ring",label:"RingCentral",src:"/icons/b756d47c6f15b81ed5946acbf6b327149598a84a.png",x:16.5,y:81.5,w:36,h:36,radius:10},{id:"copilot",label:"Microsoft Copilot",src:"/icons/5f2ca24aadecb47027865ab88256b40b5470a493.png",x:29.5,y:96.5,w:48,h:32,radius:10,fit:"contain",bg:"#000000"},{id:"google",label:"Google",src:"/icons/7a8f923f84cdac71d659825ee1c269d781af15e0.png",x:72.5,y:91.5,w:40,h:40,radius:999,fit:"contain",bg:"#000000"}];function d({item:e}){return(0,i.jsx)("span",{className:"relative block overflow-hidden shadow-[0_8px_24px_rgba(0,0,0,0.35)]",style:{width:e.w,height:e.h,borderRadius:e.radius??10,background:e.bg??"transparent"},children:(0,i.jsx)(s.default,{src:e.src,alt:e.label,fill:!0,className:"cover"===e.fit?"object-cover":"object-contain",style:"twilio"===e.id?{objectPosition:"center 28%"}:void 0,sizes:`${2*Math.max(e.w,e.h)}px`,draggable:!1,quality:75})})}function p(){let e=(0,n.useRef)(null),a=(0,r.W)(e,{once:!0,amount:.35});return(0,i.jsx)("section",{id:"integrations",className:"relative overflow-hidden px-4 py-16 sm:px-6 sm:py-20 lg:py-24",style:{fontFamily:"var(--font-outfit), 'Outfit', sans-serif",background:"#0A182B"},children:(0,i.jsxs)("div",{className:"relative mx-auto w-full max-w-[1728px]",children:[(0,i.jsxs)("div",{className:"mx-auto grid max-w-[1484px] gap-6 lg:grid-cols-2 lg:items-start lg:gap-10",children:[(0,i.jsx)(l.P.h2,{className:"m-0 max-w-[889px] text-white",style:{fontWeight:700,fontSize:"clamp(2rem, 4.5vw, 64px)",lineHeight:1.25},initial:{opacity:0,y:18},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.55},children:"Plugs into the tools you already pay for."}),(0,i.jsx)(l.P.p,{className:"m-0 max-w-[625px] text-white lg:pt-2 lg:justify-self-end",style:{fontWeight:400,fontSize:"clamp(1rem, 2vw, 24px)",lineHeight:"30px"},initial:{opacity:0,y:18},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.55,delay:.08},children:"Your agents don't live in a silo. They work directly inside your EHR, your payments, your phones, your calendar — wherever your team already works. No new dashboards. No new logins."})]}),(0,i.jsxs)("div",{ref:e,className:"figma-integrations-stage relative mx-auto mt-6 w-full max-w-[820px] sm:mt-10 lg:mt-4",style:{aspectRatio:"725 / 748"}

1,children:[(0,i.jsx)(l.P.div,{"aria-hidden":!0,className:"pointer-events-none absolute left-1/2 top-[52%] z-0 -translate-x-1/2 -translate-y-1/2 rounded-full",style:{width:"42%",aspectRatio:"1",background:"radial-gradient(circle, rgba(60,198,255,0.28) 0%, transparent 70%)"},initial:{opacity:0,scale:.4},animate:a?{opacity:[0,.9,.35],scale:[.4,1.35,1.1]}:{opacity:0,scale:.4},transition:{duration:1.1,ease:"easeOut"}}),(0,i.jsx)("svg",{className:"pointer-events-none absolute inset-0 z-1 h-full w-full",viewBox:"0 0 100 100",preserveAspectRatio:"none","aria-hidden":!0,children:c.map((e,t)=>{var s,n;let r,o,c;return(0,i.jsx)(l.P.path,{d:(s=e.x,n=e.y,c=Math.hypot(r=s-50,o=n-52)||1,`M 50 52 Q ${(50+s)/2+-o/c*c*.18} ${(52+n)/2+r/c*c*.18} ${s} ${n}`),fill:"none",stroke:"#3CC6FF",strokeWidth:1.15,strokeDasharray:"3 6",strokeOpacity:.55,vectorEffect:"non-scaling-stroke",initial:{pathLength:0,opacity:0},animate:a?{pathLength:1,opacity:1}:{pathLength:0,opacity:0},transition:{pathLength:{duration:.85,delay:.4+.05*t,ease:[.22,1,.36,1]},opacity:{duration:.25,delay:.4+.05*t}}},`line-${e.id}`)})}),c.map((e,t)=>{let s=(50-e.x)/100*720*.55,n=(52-e.y)/100*740*.55;return(0,i.jsx)(l.P.div,{className:"absolute z-2 will-change-transform",style:{left:`${e.x}%`,top:`${e.y}%`,marginLeft:-e.w/2,marginTop:-e.h/2},title:e.label,initial:{x:s,y:n,opacity:0,scale:.15},animate:a?{x:0,y:0,opacity:1,scale:1}:{x:s,y:n,opacity:0,scale:.15},transition:{type:"spring",stiffness:240,damping:16,mass:.7,delay:.18+.055*t},whileHover:{scale:1.14,zIndex:20},children:(0,i.jsx)("div",{className:"figma-int-icon cursor-pointer transition-[filter] duration-300 hover:drop-shadow-[0_0_16px_rgba(60,198,255,0.55)]",children:(0,i.jsx)(d,{item:e})})},e.id)}),(0,i.jsx)(l.P.div,{className:"absolute left-1/2 top-[52%] z-10 -translate-x-1/2 -translate-y-1/2",style:{width:"min(172px, 28%)"},initial:{opacity:0,scale:.88,y:28},animate:a?{opacity:1,scale:1,y:0}:{opacity:0,scale:.88,y:28},transition:{duration:.65,ease:[.22,1,.36,1]},children:(0,i.jsx)("div",{className:"relative w-full",style:{aspectRatio:"172 / 442",filter:"drop-shadow(0 24px 48px rgba(0,0,0,0.55)) drop-shadow(0 0 40px rgba(60,198,255,0.22))"},children:(0,i.jsx)(s.default,{src:"/figma/charty-phone.webp",alt:"Charty charting agent on mobile",fill:!0,className:"object-contain",sizes:"172px",quality:75})})})]}),(0,i.jsxs)(l.P.div,{className:"mt-2 flex flex-col items-center gap-5 sm:mt-4",initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.55,delay:.2},children:[(0,i.jsx)("p",{className:"m-0 px-2 text-center text-white",style:{fontWeight:400,fontSize:"clamp(1rem, 3.5vw, 24px)",lineHeight:1.35},children:"+ 40 more \xb7 custom integrations available"}),(0,i.jsx)(o.k,{label:"Ready to see how AI could transform your practice?",className:"h-12 w-full max-w-[472px] justify-between px-4 text-[13px] font-medium leading-tight sm:px-6 sm:text-[16px] sm:w-[472px]"})]})]})})}}}]);