https://hellotars.com/_next/static/chunks/4773.d6a3de63ed359224.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4773],{91373:function(e,t,r){r.d(t,{Z:function(){return l}});var n=r(67294);const s=e=>{const t=(e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,((e,t,r)=>r?r.toUpperCase():t.toLowerCase())))(e);return t.charAt(0).toUpperCase()+t.slice(1)},a=(...e)=>e.filter(((e,t,r)=>Boolean(e)&&""!==e.trim()&&r.indexOf(e)===t)).join(" ").trim(),i=e=>{for(const t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0};var o={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const c=(0,n.forwardRef)((({color:e="currentColor",size:t=24,strokeWidth:r=2,absoluteStrokeWidth:s,className:c="",children:l,iconNode:d,...u},m)=>(0,n.createElement)("svg",{ref:m,...o,width:t,height:t,stroke:e,strokeWidth:s?24*Number(r)/Number(t):r,className:a("lucide",c),...!l&&!i(u)&&{"aria-hidden":"true"},...u},[...d.map((([e,t])=>(0,n.createElement)(e,t))),...Array.isArray(l)?l:[l]]))),l=(e,t)=>

1{const r=(0,n.forwardRef)((({className:r,...i},o)=>{return(0,n.createElement)(c,{ref:o,iconNode:t,className:a(`lucide-${l=s(e),l.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,r),...i});var l}));return r.displayName=s(e),r}},41352:function(e,t,r){r.d(t,{Z:function(){return n}});const n=(0,r(91373).Z)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},24773:function(e,t,r){r.r(t);var n=r(85893),s=r(41352),a=r(66452),i=r(15206),o=[{metric:"60% deflection rate",experience:"Explaining the same problem twice"},{metric:"Ticket resolved",experience:"Chat ended. Problem did not"},{metric:"Fast response time",experience:"Three channels. Three fresh starts"},{metric:"High automation rate",experience:"Giving up before getting help"}];function c(){return(0,n.jsx)("span",{className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-rose-500/20 text-rose-400",children:(0,n.jsx)(s.Z,{size:12,strokeWidth:2})})}function l(){return(0,n.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",className:"h-6 w-6 shrink-0","aria-hidden":!0,children:[(0,n.jsx)("circle",{cx:"12",cy:"12",r:"12",fill:"#2BAE66",fillOpacity:"0.15"}),(0,n.jsx)("path",{d:"M7 12L10.5 15.5L17 9",stroke:"#2BAE66",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}t.default=function(){return(0,n.jsxs)("section",{className:"relative overflow-hidden bg-[#120d1c] pb-16 pt-10 font-poppins sm:pb-28",children:[(0,n.jsxs)("div",{className:"absolute inset-0",children:[(0,n.jsx)("img",{src:"/images/home/v3/story/measured-wrong.png",alt:"",className:"absolute inset-0 h-full w-full scale-105 object-cover object-top blur-[2px]"}),(0,n.jsx)("div",{className:"absolute inset-0 bg-[#120d1c]/80"}),(0,n.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-[30%] bg-gradient-to-t from-[#120d1c]/60 to-transparent"}),(0,n.jsx)("div",{className:"absolute inset-x-0 top-0 h-32 bg-gradient-to-b from-[#120d1c] to-transparent"}),(0,n.jsx)("div",{className:"absolute inset-y-0 left-0 w-40 bg-gradient-to-r from-[#120d1c] to-transparent"}),(0,n.jsx)("div",{className:"absolute inset-y-0 right-0 w-40 bg-gradient-to-l from-[#120d1c] to-transparent"})]}),(0,n.jsxs)("div",{className:"relative z-10 mx-auto max-w-6xl px-5",children:[(0,n.jsx)("div",{className:"flex w-full flex-col items-start pb-8 pt-10 text-left sm:items-center sm:pb-16 sm:pt-14 sm:text-center",children:(0,n.jsxs)(i.Ue,{className:"flex w-full flex-col items-start gap-4 sm:items-center",children:[(0,n.jsx)("h2",{className:"text-balance w-full bg-gradient-to-b from-white to-[#cbbce6] bg-clip-text pb-2 text-[36px] font-bold leading-[1.15] tracking-tight text-transparent sm:text-4xl md:text-[44px]",children:"For years, we measured the wrong thing"}),(0,n.jsxs)("p",{className:"mx-auto max-w-4xl text-base leading-relaxed text-[#b3b3b3] sm:text-lg",children:["How many support tickets never reached a human? The number looked good. But your customers were not getting happier. We rebuilt Tars around the question that actually matters:",(0,n.jsx)("br",{}),(0,n.jsx)("span",{className:"text-white",children:"Did they get what they came for?"})]})]})}),(0,n.jsx)(i.Ue,{fade:!1,className:"mt-4",children:(0,n.jsxs)("div",{className:"relative overflow-hidden rounded-[26px] border border-[#a882e6]/[0.16] bg-white/[0.05] p-2 backdrop-blur-2xl sm:p-3",children:[(0,n.jsx)("span",{"aria-hidden":!0,className:"absolute inset-x-0 top-0 h-px",style:{background:"linear-gradient(90deg, transparent, rgba(120,120,120,0.12), transparent)"}}),(0,n.jsxs)("div",{className:"relative grid grid-cols-1 overflow-hidden rounded-[18px] md:grid-cols-2",children:[(0,n.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-y-3 left-1/2 hidden w-px -translate-x-1/2 border-l border-dashed border-white/[0.05] md:block"}),(0,n.jsx)("div",{className:"hidden px-6 pb-4 pt-3 text-xs font-semibold uppercase tracking-[0.14em] text-[#8b7fa3] md:block md:px-8",children:"What the metrics showed"}),(0,n.jsx)("div",{className:"relative hidden px-6 pb-4 pt-3 text-xs font-semibold uppercase tracking-[0.14em] text-[#c084fc] md:block md:px-8",children:"What the customer experienced"}),o.map((function(e,t){return(0,n.jsxs)("div",{className:"contents",children:[(0,n.jsxs)("div",{className:"flex items-center gap-3 px-6 py-5 md:px-8 ".concat(0===t?"md:border-t md:border-dashed md:border-white/[0.05]":"border-t border-dashed border-white/[0.05]"),children:[(0,n.jsx)(c,{}),(0,n.jsx)("span",{className:"text-sm text-[#9c9c9c] line-through decoration-[rgba(156,156,156,0.45)] decoration-1 sm:text-base",children:e.metric})]}),(0,n.jsxs)("div",{className:"relative flex items-center gap-3 border-t border-dashed border-white/[0.05] px-6 py-5 md:px-8",children:[(0,n.jsx)(l,{}),(0,n.jsx)("span",{className:"text-sm font-medium text-white sm:text-base",children:e.experience})]})]},t)}))]})]})}),(0,n.jsx)(i.Ue,{className:"mt-8 flex justify-center",children:(0,n.jsx)(a.Z,{className:"px-[24px] py-[12px]"})})]})]})}},15206:function(e,t,r){r.d(t,{$T:function(){return x},Ue:function(){return l},WY:function(){return m},pA:function(){return d}});var n=r(828),s=r(85893),a=r(67294),i="cubic-bezier(0.22, 1, 0.36, 1)",o="0px 0px -18% 0px",c=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=(0,a.useRef)(null),r=(0,a.useState)(!1),s=r[0],i=r[1];return(0,a.useEffect)((function(){var r=t.current;if(r){if("undefined"!==typeof IntersectionObserver){var s=new IntersectionObserver((function(t){(0,n.Z)(t,1)[0].isIntersecting?(i(!0),e&&s.disconnect()):e||i(!1)}),{rootMargin:o});return s.observe(r),function(){return s.disconnect()}}i(!0)}}),[e]),[t,s]};function l(e){var t=e.children,r=e.className,a=e.delay,o=void 0===a?0:a,l=e.y,d=void 0===l?24:l,u=e.once,m=void 0!==u&&u,x=e.fade,f=void 0===x||x,p=(0,n.Z)(c(m),2),h=p[0],b=p[1];return(0,s.jsx)("div",{ref:h,className:r,style:{opacity:f?b?1:0:void 0,transform:b?"translateY(0px)":"translateY(".concat(d,"px)"),transition:"transform 0.7s ".concat(i," ").concat(o,"s, opacity 0.7s ").concat(i," ").concat(o,"s")},children:t})}function d(e){var t=e.children,r=e.className,a=e.from,o=void 0===a?"left":a,l=e.delay,d=void 0===l?0:l,u=(0,n.Z)(c(),2),m=u[0],x=u[1];return(0,s.jsx)("div",{ref:m,className:r,style:{opacity:x?1:0,transform:x?"translateX(0px)":"translateX(".concat("left"===o?-40:40,"px)"),transition:"transform 0.75s ".concat(i," ").concat(d,"s, opacity 0.75s ").concat(i," ").concat(d,"s")},children:t})}var u=(0,a.createContext)(!1);function m(e){var t=e.children,r=e.className,a=(0,n.Z)(c(),2),i=a[0],o=a[1];return(0,s.jsx)("div",{ref:i,className:r,children:(0,s.jsx)(u.Provider,{value:o,children:t})})}function x(e){var t=e.children,r=e.className,n=e.index,o=void 0===n?0:n,c=(0,a.useContext)(u);return(0,s.jsx)("div",{className:r,style:{transform:c?"translateY(0px)":"translateY(26px)",transition:"transform 0.65s ".concat(i," ").concat(.05+.1*o,"s")},children:t})}},20943:function(e,t,r){function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}r.d(t,{Z:function(){return n}})},13375:function(e,t,r){function n(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}r.d(t,{Z:function(){return n}})},828:function(e,t,r){r.d(t,{Z:function(){return a}});var n=r(13375);var s=r(91566);function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||(0,n.Z)(e,t)||(0,s.Z)(e,t)||function(){throw new TypeError("Invalid attempt to de

1structure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},91566:function(e,t,r){r.d(t,{Z:function(){return s}});var n=r(20943);function s(e,t){if(e){if("string"===typeof e)return(0,n.Z)(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?(0,n.Z)(e,t):void 0}}}}]);