https://pendo-website-next.vercel.app/_next/static/chunks/7800.b417ac33c99bf931.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4529,7800],{15239:(e,t,r)=>{r.d(t,{default:()=>n.a});var a=r(54652),n=r.n(a)},32207:(e,t,r)=>{r.d(t,{Il:()=>l,NS:()=>n,YK:()=>i,lY:()=>o,sJ:()=>s,sQ:()=>a});let a={hero:{primary:"#000000",secondary:"#080808",gradient:"linear-gradient(180deg, #000000 0%, #080808 40%, #0d0d0d 100%)"},page:{primary:"#000000",secondary:"#080808",gradient:"linear-gradient(180deg, #080808 0%, #000000 100%)"},bento:{primary:"#080808",card:"rgba(255, 255, 255, 0.04)",cardHover:"rgba(255, 255, 255, 0.06)",cardBorder:"rgba(255, 255, 255, 0.08)",cardHoverBorder:"rgba(255, 72, 118, 0.3)"},chapter:{primary:"#050505",featureBg:"rgba(255, 255, 255, 0.02)",featureBorder:"rgba(255, 255, 255, 0.06)",separator:"linear-gradient(90deg, transparent, rgba(255, 72, 118, 0.2), transparent)"},timeline:{primary:"#080808",card:"rgba(255, 255, 255, 0.04)",cardBorder:"rgba(255, 255, 255, 0.08)",cardHover:"rgba(255, 255, 255, 0.06)"},screenshotOverlay:"linear-gradient(135deg, rgba(255, 72, 118, 0.15), rgba(214, 88, 211, 0.1))"},n={Analytics:{bg:"rgba(214,88,211,0.18)",text:"#E066DD",border:"rgba(214,88,211,0.35)",darkText:"#8B2E88"},Platform:{bg:"rgba(255,72,118,0.18)",text:"#FF4876",border:"rgba(255,72,118,0.35)",darkText:"#B8213D"},AI:{bg:"rgba(16,185,129,0.18)",text:"#34d399",border:"rgba(16,185,129,0.35)",darkText:"#0D7A55"},Integrations:{bg:"rgba(245,158,11,0.18)",text:"#FBCA2E",border:"rgba(245,158,11,0.35)",darkText:"#9A6200"},Performance:{bg:"rgba(255,140,0,0.18)",text:"#FF9500",border:"rgba(255,140,0,0.35)",darkText:"#A35C00"},Security:{bg:"rgba(249,115,22,0.18)",text:"#FB9A44",border:"rgba(249,115,22,0.35)",darkText:"#A84110"},Guides:{bg:"rgba(244,63,94,0.18)",text:"#FC7F96",border:"rgba(244,63,94,0.35)",darkText:"#B01A36"}},l={heroHeadline:"font-[family-name:var(--font-inter)] font-light tracking-tight",heroBadge:"font-[family-name:var(--font-inter)] font-normal tracking-[0.3em] uppercase",chapterHeadline:"font-[family-name:var(--font-inter)] font-light tracking-tight",featureHeadline:"font-[family-name:var(--font-inter)] font-light tracking-tight",sectionTitle:"font-[family-name:var(--font-inter)] font-light tracking-tight",cardTitle:"font-[family-name:var(--font-inter)] font-light tracking-tight",body:"font-[family-name:var(--font-inter)] font-normal",mono:"font-[family-name:var(--font-inter)] font-normal tracking-widest uppercase",label:"font-[family-name:var(--font-inter)] font-semibold uppercase tracking-widest"},i={sectionPaddingY:"py-20 lg:py-32",sectionPaddingX:"px-6",containerMax:"max-w-7xl mx-auto",gridGap:"gap-4",cardPadding:"p-6 md:p-8",cardPaddingLg:"p-8 md:p-12 lg:p-16"},o={durationFast:.3,durationMedium:.6,durationSlow:.8,durationHero:1.2,staggerDelay:.1,easeOut:[.16,1,.3,1],easeInOut:[.83,0,.17,1],scrollTriggerStart:"top top",scrollTriggerEnd:"+=100%"},s={cardRadius:"rounded-2xl",badgeRadius:"rounded-full",cardBorderDark:"border border-white/[0.08]"}},54529:(e,t,r)=>{r.r(t),r.d(t,{default:()=>u});var a=r(95155),n=r(79629),l=r(12115),i=r(47605),o=r(55580),s=r(15239);function d(e){let t=e.match(/^#([a-f\d]{3,8})$/i);if(t){let e=t[1];if(3===e.length&&(e=e.split("").map(e=>e+e).join("")),e.length>=6)return{r:parseInt(e.slice(0,2),16),g:parseInt(e.slice(2,4),16),b:parseInt(e.slice(4,6),16),a:1}}let r=e.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)/);return r?{r:parseInt(r[1]),g:parseInt(r[2]),b:parseInt(r[3]),a:void 0!==r[4]?parseFloat(r[4]):1}:null}i.os.registerPlugin(o.u);let c={light:{bg:"#F7F7F0",text:"#1A1A1A",nav:"#1A1A1A",arrow:"white"},dark:{bg:"#050505",text:"#ffffff",nav:"rgba(255,255,255,0.12)",arrow:"white"}};function u(e){var t,r,u,g;let{testimonials:f=[],layout:m="default",theme:h,backgroundColor:p,textColor:x,animationDuration:b=2,staggerDelay:y=.25,fadeDuration:v=.4,quoteSize:w="lg",quoteTextClassName:j,navButtonColor:k,arrowStrokeColor:N,roleTextColor:A,sectionPadding:F="py-16 lg:py-24",borderTop:C,sectionClassName:q=""}=e,S=(0,n.i)(),T=h?c[h]:null,I=null!=(t=null!=p?p:null==T?void 0:T.bg)?t:"#F7F7F0",P=null!=(r=null!=x?x:null==T?void 0:T.text)?r:"#1A1A1A",B=null!=(u=null!=k?k:null==T?void 0:T.nav)?u:P,E=null!=(g=null!=N?N:null==T?void 0:T.arrow)?g:function(e,t){let r=d(e);if(!r)return"white";let{r:a,g:n,b:l}=r;if(r.a<1){let e=d(t);e&&(a=Math.round(r.r*r.a+e.r*(1-r.a)),n=Math.round(r.g*r.a+e.g*(1-r.a)),l=Math.round(r.b*r.a+e.b*(1-r.a)))}return(.299*a+.587*n+.114*l)/255>.5?"#1A1A1A":"white"}(B,I),O=null!=j?j:"sm"===w?"text-xl md:text-[28px]":"text-2xl md:text-[44px]",H=f.length>1,[R,D]=(0,l.useState)(0),[_,z]=(0,l.useState)(0),[L,M]=(0,l.useState)(!1),[W,G]=(0,l.useState)(!1),K=(0,l.useRef)(null),Q=(0,l.useRef)(null),Y=(0,l.useRef)(null),J=(0,l.useRef)([]),V=(0,l.useRef)(null),[X,$]=(0,l.useState)(0),U=f[_];(0,l.useLayoutEffect)(()=>

1{if(!Q.current||!V.current)return;let e=()=>{var e,t;let r=null!=(t=null==(e=Q.current)?void 0:e.clientWidth)?t:0;if(!r||!V.current)return;V.current.style.width="".concat(r,"px");let a=V.current.querySelectorAll("[data-q]"),n=0;a.forEach(e=>{n=Math.max(n,e.offsetHeight)}),n>0&&$(n)};e();let t=new ResizeObserver(e);return t.observe(Q.current),()=>t.disconnect()},[f,O]);let Z=(0,l.useCallback)(e=>e.split(/\s+/),[]),ee=(0,l.useCallback)(function(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=null==(e=Q.current)?void 0:e.querySelectorAll(".word");(null==r?void 0:r.length)&&(i.os.killTweensOf(r),i.os.set(r,{opacity:.1}),i.os.to(r,{opacity:1,duration:b,stagger:y,ease:"power2.out",delay:t}))},[b,y]),et=(0,l.useCallback)(e=>{if(W||e===_)return;G(!0);let t=i.os.timeline();if(Q.current&&t.to(Q.current,{opacity:0,duration:v,ease:"power2.inOut"},0),"split"===m&&Y.current){let e=Y.current.querySelector(".featured-image-current");e&&t.to(e,{opacity:0,scale:1.02,duration:1.2*v,ease:"power2.inOut"},0)}t.call(()=>{z(e),setTimeout(()=>{var e;let t=null==(e=Q.current)?void 0:e.querySelectorAll(".word");(null==t?void 0:t.length)&&i.os.set(t,{opacity:.1});let r=i.os.timeline({onComplete:()=>{G(!1),L&&ee(.1)}});if(Q.current&&r.to(Q.current,{opacity:1,duration:v,ease:"power2.inOut"},0),"split"===m&&Y.current){let e=Y.current.querySelector(".featured-image-current");e&&(i.os.set(e,{opacity:0,scale:1.05}),r.to(e,{opacity:1,scale:1,duration:1.2*v,ease:"power2.out"},0))}},50)})},[W,_,v,L,ee,m]);(0,l.useEffect)(()=>{R!==_&&L&&et(R)},[R,_,L,et]),(0,l.useEffect)(()=>{if(!K.current||L||0===f.length)return;let e=null,t=setTimeout(()=>{e=o.u.create({trigger:K.current,start:"top 80%",once:!0,onEnter:()=>{var e;M(!0);let t=null==(e=Q.current)?void 0:e.querySelectorAll(".word");(null==t?void 0:t.length)&&(i.os.killTweensOf(t),i.os.set(t,{opacity:.1}),i.os.to(t,{opacity:1,duration:b,stagger:y,ease:"power2.out",delay:.2}))}})},100);return()=>{clearTimeout(t),null==e||e.kill()}},[L,f.length,b,y]);let er=()=>{W||D(e=>(e-1+f.length)%f.length)},ea=()=>{W||D(e=>(e+1)%f.length)},en=e=>{"ArrowLeft"===e.key?er():"ArrowRight"===e.key&&ea()};if(J.current=[],!f.length)return null;let el=Z(U.quote),ei=()=>(0,a.jsxs)("div",{className:"flex gap-1.5",children:[(0,a.jsx)("button",{onClick:er,disabled:W,className:"w-10 h-10 rounded-full flex items-center justify-center transition-all duration-200 hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-current",style:{backgroundColor:B},"aria-label":S.previousTestimonial,children:(0,a.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:E,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:(0,a.jsx)("polyline",{points:"15 18 9 12 15 6"})})}),(0,a.jsx)("button",{onClick:ea,disabled:W,className:"w-10 h-10 rounded-full flex items-center justify-center transition-all duration-200 hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-current",style:{backgroundColor:B},"aria-label":S.nextTestimonial,children:(0,a.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:E,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:(0,a.jsx)("polyline",{points:"9 18 15 12 9 6"})})})]});return"split"===m?(0,a.jsxs)("section",{ref:K,className:"relative w-full ".concat(F," min-h-auto lg:min-h-[550px] outline-none").concat(q?" ".concat(q):""),style:{backgroundColor:I,...C?{borderTop:C}:{}},onKeyDown:en,tabIndex:0,role:"region","aria-label":S.testimonialCarousel,children:[(0,a.jsx)("div",{className:"w-full max-w-[2400px] mx-auto px-6 md:px-8 lg:px-0",children:(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-16 items-start",children:[(0,a.jsxs)("div",{ref:Y,className:"relative w-full h-full min-h-[250px] lg:min-h-[550px] overflow-hidden lg:col-span-5",children:[U.featuredImage&&(0,a.jsx)("div",{className:"featured-image-current absolute inset-0 bg-cover bg-top bg-no-repeat",style:{backgroundImage:"url(".concat(U.featuredImage,")")}}),U.companyName&&(0,a.jsx)("div",{className:"absolute top-6 right-6 bg-[#232323] rounded-full px-4 py-1.5 shadow-lg",children:(0,a.jsx)("span",{className:"text-[24px] font-normal tracking-wider font-sans tracking-wide uppercase text-white",children:U.companyName})})]}),(0,a.jsxs)("div",{ref:Q,className:"flex flex-col justify-start pr-0 lg:pr-12 lg:col-span-7",children:[(0,a.jsx)("blockquote",{className:"mb-8 md:mb-12",style:X?{minHeight:X}:void 0,children:(0,a.jsx)("p",{className:"".concat(O," leading-tight font-light font-sans"),style:{color:P},children:el.map((e,t)=>(0,a.jsx)("span",{ref:e=>{e&&(J.current[t]=e)},className:"word inline-block",style:{marginRight:"0.25em",opacity:.1},children:e},"".concat(U.id,"-").concat(t)))})}),(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[U.image&&(0,a.jsx)("div",{className:"relative w-10 h-10 rounded-full overflow-hidden flex-shrink-0",children:(0,a.jsx)(s.default,{src:U.image,alt:U.author,fill:!0,className:"object-cover",sizes:"40px"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-base md:text-lg font-semibold font-sans",style:{color:P},children:U.author}),(0,a.jsx)("p",{className:"text-sm md:text-base font-sans",style:A?{color:A}:{color:P,opacity:.6},children:U.role})]})]}),H&&(0,a.jsx)(ei,{})]})]})]})}),(0,a.jsx)("div",{ref:V,"aria-hidden":!0,style:{position:"fixed",top:"-9999px",left:0,visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:f.map(e=>(0,a.jsx)("p",{"data-q":!0,className:"".concat(O," leading-tight font-light font-sans"),children:e.quote},e.id))})]}):(0,a.jsxs)("section",{ref:K,className:"relative w-full ".concat(F," outline-none").concat(q?" ".concat(q):""),style:{backgroundColor:I,...C?{borderTop:C}:{}},onKeyDown:en,tabIndex:0,role:"region","aria-label":S.testimonialCarousel,children:[(0,a.jsx)("div",{className:"max-w-5xl mx-auto px-6 md:px-8 lg:px-12",children:(0,a.jsxs)("div",{ref:Q,children:[(0,a.jsx)("blockquote",{className:"mb-8 md:mb-12",style:X?{minHeight:X}:void 0,children:(0,a.jsx)("p",{className:"".concat(O," leading-tight font-light font-sans"),style:{color:P},children:el.map((e,t)=>(0,a.jsx)("span",{ref:e=>{e&&(J.current[t]=e)},className:"word inline-block",style:{marginRight:"0.25em",opacity:.1},children:e},"".concat(U.id,"-").concat(t)))})}),(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[U.image&&(0,a.jsx)("div",{className:"relative w-10 h-10 rounded-full overflow-hidden flex-shrink-0",children:(0,a.jsx)(s.default,{src:U.image,alt:U.author,fill:!0,className:"object-cover",sizes:"40px"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-base md:text-lg font-semibold font-sans",style:{color:P},children:U.author}),(0,a.jsx)("p",{className:"text-sm md:text-base font-sans",style:A?{color:A}:{color:P,opacity:.6},children:U.role})]})]}),H&&(0,a.jsx)("div",{className:"flex items-center gap-4",children:(0,a.jsx)(ei,{})})]})]})}),(0,a.jsx)("div",{ref:V,"aria-hidden":!0,style:{position:"fixed",top:"-9999px",left:0,visibility:"hidden",pointerEvents:"none",overflow:"hidden"},children:f.map(e=>(0,a.jsx)("p",{"data-q":!0,className:"".concat(O," leading-tight font-light font-sans"),children:e.quote},e.id))})]})}},54652:(e,t,r)=>

1{Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return s},getImageProps:function(){return o}});let a=r(28140),n=r(75040),l=r(81356),i=a._(r(71124));function o(e){let{props:t}=(0,n.getImgProps)(e,{defaultLoader:i.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],qualities:[75,85,90],path:"/_next/image/",loader:"default",dangerouslyAllowSVG:!0,unoptimized:!1}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}}let s=l.Image},57800:(e,t,r)=>{r.r(t),r.d(t,{default:()=>o});var a=r(95155),n=r(54529),l=r(32207);let i=[{id:"christopher-penney",quote:"\"Agent Analytics opens up an entirely new level of insight into customer needs.What they're struggling with,what they're asking about, without having to ask them directly. This is the holy grail of voice of the customer.\"",author:"Christopher Penney",role:"Product @ OSAIC",image:"https://www.pendo.io/_next/image/?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252F6a96e08774184353b3aa88032e406411%252F9cfecb02be8b4765b0cdd8dfd69e1cc7&w=96&q=75"},{id:"paul-frank",quote:'"Agent Analytics helps us understand what our customers want to know, which has informed how we prioritize prompt inferences,fine-tuning, filter enhancements, and experience redesigns."',author:"Paul Frank",role:"Staff Product Manager @ PushPay",image:"https://www.pendo.io/_next/image/?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252F6a96e08774184353b3aa88032e406411%252F7a5c228fd3124d4f8d66b4b839e55197&w=96&q=75"}];function o(e){let{testimonials:t}=e,r=t&&t.length>0?t.map((e,t)=>({id:"quote-".concat(t),quote:e.quote||"",author:e.author||"",role:e.role||"",image:e.image})):i;return(0,a.jsx)("div",{className:"px-6 py-6",style:{background:l.sQ.page.primary},children:(0,a.jsx)("div",{className:"max-w-5xl mx-auto",style:{minHeight:"260px"},children:(0,a.jsx)(n.default,{testimonials:r,backgroundColor:l.sQ.page.primary,textColor:"rgba(255, 255, 255, 0.92)",roleTextColor:"rgba(255, 255, 255, 0.6)",navButtonColor:"rgba(255, 255, 255, 0.12)",arrowStrokeColor:"white",quoteSize:"sm",animationDuration:1.8,staggerDelay:.2})})})}}}]);