https://www.commpeak.com/_next/static/chunks/3232.9a75e0cb828b77e3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3232],{33805:(t,i,e)=>{e.d(i,{s:()=>n});var o=e(91200),r=e(74896),a=e(98906),m=e(9171),h=e(37605);function l(t,i){[...i].reverse().forEach(e=>{let o=t.getVariant(e);o&&(0,a.U)(t,o),t.variantChildren&&t.variantChildren.forEach(t=>{l(t,i)})})}function s(){let t=!1,i=new Set,e={subscribe:t=>(i.add(t),()=>void i.delete(t)),start(e,o){(0,h.V)(t,"controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");let r=[];return i.forEach(t=>{r.push((0,m._)(t,e,{transitionOverride:o}))}),Promise.all(r)},set:e=>((0,h.V)(t,"controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."),i.forEach(t=>{var i,o;i=t,Array.isArray(o=e)?l(i,o):"string"==typeof o?l(i,[o]):(0,a.U)(i,o)})),stop(){i.forEach(t=>{t.values.forEach(t=>t.stop())})},mount:()=>(t=!0,()=>{t=!1,e.stop()})};return e}let n=function(){let t=(0,o.M)(s);return(0,r.E)(t.mount,[]),t}},93232:(t,i,e)=>{e.r(i),e.d(i,{default:()=>f});var o=e(37876),r=e(14232),a=e(70508),m=e(5135),h=e(33805),l=e(51920),s=e(62006),n=e(11465);let d=(0,r.memo)(function({icon:t,width:i,height:e,position:a={right:"13.82rem",bottom:"8.93rem"},mobilePosition:m,mdPosition:d,animateOpacity:c=.85,entranceDelay:g=0,waveDelay:u=0,iconSize:p,className:b="",isInView:f=!1,disableAnimation:x=!1}){let w=(0,h.s)(),v=(0,r.useRef)(!1);return(0,r.useEffect)(()=>{x||!f||v.current||(v.current=!0,w.start({scale:1,opacity:c,transition:{type:"spring",stiffness:200,damping:18,delay:g}}).then(()=>{w.start({scale:[1,1.06,1],y:[0,-8,0],transition:{duration:4,ease:"easeInOut",repeat:1/0,repeatDelay:1,delay:u}})}))},[f,w,c,g,u,x]),(0,o.jsx)(l.m.div,{className:(0,n.cn)("absolute flex items-center justify-center border p-1.5","top-[var(--pos-top)] right-[var(--pos-right)] bottom-[var(--pos-bottom)] left-[var(--pos-left)]",m&&"max-md:top-[var(--mobile-top)] max-md:right-[var(--mobile-right)] max-md:bottom-[var(--mobile-bottom)] max-md:left-[var(--mobile-left)]",d&&"md:max-lg:top-[var(--md-top)] md:max-lg:right-[var(--md-right)] md:max-lg:bottom-[var(--md-bottom)] md:max-lg:left-[var(--md-left)]",b),initial:x?{scale:1,opacity:c}:{scale:0,opacity:0},animate:x?{scale:1,opacity:c}:w,style:{padding:"6px",borderRadius:"10px",borderWidth:"0.255px",willChange:"transform, opacity",transform:"translateZ(0)","--pos-top":a.top??"auto","--pos-right":a.right??"auto","--pos-bottom":a.bottom??"auto","--pos-left":a.left??"auto",...m&&{"--mobile-top":m.top??"auto","--mobile-right":m.right??"auto","--mobile-bottom":m.bottom??"auto","--mobile-left":m.left??"auto"},...d&&{"--md-top":d.top??"auto","--md-right":d.right??"auto","--md-bottom":d.bottom??"auto","--md-left":d.left??"auto"},background:"rgba(204, 224, 255, 0.25)",borderColor:"var(--color-primary-light, #F5F9FF)"},children:(0,o.jsx)("div",{className:(0,n.cn)("flex items-center justify-center rounded bg-white p-1.5",{"p-0":!!p}),children:(0,o.jsx)(s.A,{src:t,width:i,height:e,objectFit:"contain",className:p,"aria-hidden":"true"})})})});var c=e(79310),g=e(76706),u=e(8990);let p=[{id:"altima",icon:{src:"/_next/static/media/altima.85993507.svg",height:24,width:24,blurWidth:0,blurHeight:0},width:24,height:24,position:{right:"13rem",top:"10.5rem"},mdPosition:{right:"16rem",bottom:"1rem"}},{id:"claude",icon:{src:"/_next/static/media/claude.fdbd265a.svg",height:45,width:45,blurWidth:0,blurHeight:0},width:45,height:45,position:{top:"0.5rem",right:"0.5rem"}},{id:"fxbo",icon:{src:"/_next/static/media/fxbo.3e68ae60.svg",height:38,width:38,blurWidth:0,blurHeight:0},width:38,height:38,position:{left:"2rem",top:"10rem"},mdPosition:{left:"2rem",top:"7rem"}},{id:"getlead",icon:{src:"/_next/static/media/getlead.e22c28ce.svg",height:32,width:32,blurWidth:0,blurHeight:0},width:32,height:32,position:{left:"33rem",top:"0rem"},mdPosition:{left:"25rem",top:"0rem"}},{id:"git",icon:{src:"/_next/static/media/git.a41c6505.svg",height:53,width:54,blurWidth:0,blurHeight:0},width:54,height:53,position:{right:"10rem",bottom:"2.2rem"},mdPosition:{right:"6.5rem",bottom:"1.5rem"},iconSize:"w-12 h-12"},{id:"ic",icon:{src:"/_next/static/media/ic.bea327d7.svg",height:53,width:54,blurWidth:0,blurHeight:0},width:54,height:53,position:{left:"0.5rem",bottom:"1.75rem"},mobilePosition:{left:"0",right:"auto",top:"6rem",bottom:"auto"},iconSize:"w-8 h-8 lg:w-14 lg:h-14"},{id:"icv",icon:{src:"/_next/static/media/icv.2ee2c8a5.svg",height:53,width:54,blurWidth:0,blurHeight:0},width:54,height:53,position:{left:"12rem",top:"11.5rem"},mdPosition:{left:"7rem",top:"12rem"},mobilePosition:{left:"auto",right:"0.25rem",top:"6rem",bottom:"auto"},iconSize:"w-10 h-10 lg:w-14 lg:h-14"},{id:"icvb",icon:{src:"/_next/static/media/icvb.a641671a.svg",height:53,width:54,blurWidth:0,blurHeight:0},width:54,height:53,position:{left:"27rem",bottom:"0.5rem"},mdPosition:{left:"25rem",bottom:"0"},iconSize:"w-14 h-14"},{id:"magentus",icon:{src:"/_next/static/media/magentus.2351f02b.svg",height:38,width:38,blurWidth:0,blurHeight:0},width:38,height:38,position:{left:"0.75rem",top:"0.75rem"},mobilePosition:{left:"0",right:"auto",top:"-1rem",bottom:"auto"},iconSize:"w-8 h-8 lg:w-9.5 lg:h-9.5"},{id:"microsoft",icon:{src:"/_next/static/media/microsoft.effac71d.svg",height:29,width:30,blurWidth:0,blurHeight:0},width:30,height:29,position:{left:"7rem",top:"5rem"},mdPosition:{left:"7rem",top:"3rem"}},{id:"octolit",icon:{src:"/_next/static/media/octolit.edbb6006.svg",height:38,width:38,blurWidth:0,blurHeight:0},width:38,height:38,position:{left:"18rem",bottom:"0rem"},mdPosition:{left:"12rem",bottom:"0rem"},mobilePosition:{left:"auto",right:"0",top:"auto",bottom:"-1rem"},iconSize:"w-7 h-7 lg:w-9.5 lg:h-9.5 m-1.5"},{id:"salesforce",icon:{src:"/_next/static/media/salesforce.3285392e.svg",height:37,width:38,blurWidth:0,blurHeight:0},width:38,height:37,position:{right:"4rem",top:"8rem"}},{id:"sdf",icon:{src:"/_next/static/media/sdf.86f80b70.svg",height:53,width:54,blurWidth:0,blurHeight:0},width:54,height:53,position:{right:"0.25rem",bottom:"1rem"},iconSize:"w-14 h-14"},{id:"shopify",icon:{src:"/_next/static/media/shopify.bb2dde50.svg",height:36,width:31,blurWidth:0,blurHeight:0},width:31,height:36,position:{left:"14.5rem",top:"2.5rem"},mdPosition:{left:"13rem",top:"1rem"},mobilePosition:{left:"auto",right:"0",top:"-1rem",bottom:"auto"},iconSize:"w-4 h-5 lg:w-8 lg:h-9 m-1.5"},{id:"stockton",icon:{src:"/_next/static/media/stockton.44f97b0c.svg",height:38,width:38,blurWidth:0,blurHeight:0},width:38,height:38,position:{right:"21rem",bottom:"0rem"},mdPosition:{left:"18rem",bottom:"1rem"},mobilePosition:{left:"0",right:"auto",top:"auto",bottom:"0rem"},iconSize:"w-6 h-6 lg:w-9.5 lg:h-9.5 m-1.5"},{id:"xcv",icon:{src:"/_next/static/media/xcv.2a2d467c.svg",height:53,width:54,blurWidth:0,blurHeight:0},width:54,height:53,position:{right:"11rem",top:"2rem"},iconSize:"w-14 h-14"},{id:"livekit",icon:{src:"/_next/static/media/livekit.3b4929bd.svg",height:24,width:24,blurWidth:0,blurHeight:0},width:24,height:24,position:{left:"24rem",top:"1.5rem"},mdPosition:{left:"19rem",top:"1rem"}},{id:"elevenlabs",icon:{src:"/_next/static/media/elevenlabs.ea7bb14c.svg",height:26,width:26,blurWidth:0,blurHeight:0},width:26,height:26,position:{left:"8rem",bottom:"0"},mdPosition:{left:"6rem",bottom:"1rem"}},{id:"vapi",icon:{src:"/_next/static/media/vapi.504a988f.svg",height:24,width:24,blurWidth:0,blurHeight:0},width:24,height:24,position:{right:"33%",top:"1.5rem"}}

1],b=["ic","magentus","octolit","shopify","stockton","icv"];function f({animated:t,overtitle:i="+100 INTEGRATIONS",title:e="Connect the Tools You Rely On",description:h,primaryCtaText:l="See All Integrations",primaryCtaHref:s="/integrations",showSecondaryCta:n=!0,iconOverrides:x={}}){let w=(0,r.useRef)(null),v=(0,a.W)(w,{once:!0,margin:"-100px"}),y=(0,m.I)(),_=(0,r.useMemo)(()=>{var t;let i,e,o;return e=Math.min(...i=(t=p.map(t=>x[t.id]?{...t,...x[t.id]}:t)).map(t=>{var i;let e,o;return i=t.position,e=40,o=10,null!=i.left?e=parseFloat(i.left):null!=i.right&&(e=80-parseFloat(i.right)),null!=i.top?o=parseFloat(i.top):null!=i.bottom&&(o=20-parseFloat(i.bottom)),Math.sqrt((e-40)**2+(o-10)**2)})),o=Math.max(...i)-e||1,t.map((t,r)=>{let a=(i[r]-e)/o;return{...t,animateOpacity:.75+.15*a,entranceDelay:.8*a,waveDelay:.8*a}})},[x]),W=t?c.d:"article";return(0,o.jsx)(W,{...t?{as:"article"}:{},id:"+100-integrations",className:"mx-auto w-full max-w-xl px-4 py-8 text-center sm:px-0 md:max-w-[1024px] md:py-16 lg:py-16 xl:max-w-7xl xl:px-32",children:(0,o.jsxs)("div",{ref:w,className:"relative md:py-20 lg:py-24",children:[_.map(t=>{if(t.hidden)return null;let i=b.includes(t.id);return(0,o.jsx)(d,{...t,isInView:v,disableAnimation:y,className:i?"":"hidden md:block"},t.id)}),(0,o.jsx)(u.A,{className:"mb-2 text-sm",children:i}),(0,o.jsx)("h2",{className:"font-semibold",children:e}),h&&(0,o.jsx)("p",{className:"mx-auto mt-4 max-w-2xl",children:h}),(0,o.jsxs)("div",{className:"mt-12 flex flex-col justify-center gap-6 md:flex-row md:gap-4",children:[(0,o.jsx)(g.S,{href:s,className:"mx-auto max-md:min-w-56.5 md:mx-0",children:l}),n&&(0,o.jsx)(g.S,{href:"https://docs.commpeak.com/page/api-reference",target:"_blank",rel:"noopener noreferrer",theme:"outline",className:"mx-auto max-md:min-w-56.5 md:mx-0",children:"Explore API Solutions"})]})]})})}}}]);