https://front.com/_next/static/chunks/3062-f2fa03e922e7bf4d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3062],{3062:function(e,t,n){Promise.resolve().then(n.t.bind(n,65878,23)),Promise.resolve().then(n.t.bind(n,72972,23)),Promise.resolve().then(n.bind(n,37868))},37868:function(e,t,n){"use strict";n.d(t,{default:function(){return F}});var l,r,i=n(57437),s=n(2265),a=n(27648),o=n(63024),c=n(94746),d=["title","titleId"];function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(null,arguments)}var h=c.memo(function(e){var t=e.title,n=e.titleId,i=function(e,t){if(null==e)return{};var n,l,r=function(e,t){if(null==e)return{};var n={};for(var l in e)if(({}).hasOwnProperty.call(e,l)){if(-1!==t.indexOf(l))continue;n[l]=e[l]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(l=0;l<i.length;l++)n=i[l],-1===t.indexOf(n)&&({}).propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(e,d);return c.createElement("svg",u({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 12",fill:"none","aria-labelledby":n},i),t?c.createElement("title",{id:n},t):null,l||(l=c.createElement("g",{clipPath:"url(#close-white_svg__clip0_4432_7979)",stroke:"#E3E3E3",strokeWidth:2,strokeLinecap:"round"},c.createElement("path",{d:"M1 1l10 10M11 1L1 11"}))),r||(r=c.createElement("defs",null,c.createElement("clipPath",{id:"close-white_svg__clip0_4432_7979"},c.createElement("path",{fill:"#fff",d:"M0 0h12v12H0z"})))))});let m=e=>{let{onClick:t,className:n}=e;return(0,i.jsx)("button",{onClick:t,"aria-label":"Dismiss banner",className:n,children:(0,i.jsx)(h,{className:"w-2 h-2"})})},p=e=>{let{title:t,subtitle:n,cta:l}=e,[r,c]=(0,s.useState)(!1);return r?null:(0,i.jsx)("div",{className:"bg-violet-800 text-white py-2",children:(0,i.jsxs)("div",{className:"max-w-grid mx-auto px-container-mobile md:px-container-desktop relative",children:[(0,i.jsx)("div",{className:"flex justify-end lg:hidden mb-2",children:(0,i.jsx)(m,{onClick:()=>c(!0)})}),(0,i.jsx)("div",{className:"hidden lg:block absolute top-2 right-[96px] z-10",children:(0,i.jsx)(m,{onClick:()=>c(!0)})}),(0,i.jsxs)("div",{className:"text-center pt-2 md:pt-2",children:[(0,i.jsx)(o.xv,{type:"h2",as:"h2",children:t}),(0,i.jsx)(o.xv,{type:"h3",as:"h3",className:"text-violet-300 mb-2",children:n}),(0,i.jsx)(a.default,{href:l.href,className:"inline-block h-5 bg-white text-16 text-violet-900 rounded-40 leading-40 font-500 px-8 hover:bg-violet-200 transition-colors duration-400",target:l.target||"_self",children:(0,i.jsx)("button",{children:l.label})})]})]})})};var f=n(97987),x=n(36760),g=n.n(x);let v=e=>{let{title:t,invert:n,scrolled:l,className:r,...s}=e;return(0,i.jsx)("button",{className:g()("block button button-size-medium",r,{"button-primary-link-header":!n||l,"button-primary-link-header-invert":n&&!l}),...s,children:t})};var b=n(71359);let j=e=>{let{href:t,title:n,invert:l,scrolled:r,...s}=e;return(0,i.jsx)(b.default,{className:g()("block button button-size-medium",{"button-primary-link-header":!l||r,"button-primary-link-header-invert":l&&!r}),href:t,...s,children:n})},k=e=>{let{desktopMenu:t,invert:n,isHeaderScrolled:l,onCloseAllMenus:r,onClickMenuDrawer:s,onMouseEnterMenuDrawer:a,activeDesktopHeaderMenuIndex:o}=e;return(0,i.jsx)("div",{className:"lg:col-span-4 2xl:col-span-6 hidden lg:flex lg:justify-center",children:(0,i.jsx)("ul",{className:"flex 2xl:gap-1 justify-center items-center transition-opacity duration-300 ease-appear text-blue-900",children:t.map((e,t)=>{switch(e.type){case"link":return(0,i.jsx)("div",{children:(0,i.jsx)(j,{...e,invert:n,scrolled:l,onMouseEnter:r,onClick:r})},"header-desktop-menu-link-".concat(t));case"drawer":return(0,i.jsx)("div",{children:(0,i.jsx)(v,{invert:n,scrolled:l,title:e.title,onMouseEnter:a(t),onClick:s(t),className:g()({active:t===o})})},"header-desktop-menu-drawer-".concat(t));default:return null}})})})};var w=n(28281),y=()=>{let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{t(!0)},[]),e},N=n(20186),M=n(81906),C=n(69367),z=n(37679),E=n(22345),_=n.n(E),O=n(1238),L=n(373);let P=e=>{let{title:t,linkColumns:n=1,links:l=[],featuredLinks:r=[],image:s}=e,{setMobileMenuOpen:a,setDesktopHeaderMenuIndex:o}=(0,N.ZP)(),c=()=>{a(!1),o(null)},d=!!(l&&l.length),u=!!(r&&r.length),h=t&&(0,i.jsx)("p",{className:"text-14/20 font-500",children:t}),m=s&&(0,i.jsx)("div",{className:"w-full rounded-10 overflow-hidden",style:{width:330},children:s}),p=d&&(0,i.jsx)("div",{className:g()("grid gap-y-3 gap-x-gutter-desktop",{"grid-cols-1 w-30":1===n,"grid-cols-2 w-55":2===n,"grid-cols-3 w-75":3===n,"grid-cols-4 w-100":4===n}),children:l.map(e=>(0,i.jsxs)("div",{className:"flex gap-1 relative items-start link-arrow",children:[e.icon&&(0,i.jsx)("div",{className:"relative top-[2px]",children:e.icon}),(0,i.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,i.jsxs)("div",{className:"flex gap-1",children:[(0,i.jsx)(b.default,{href:e.href,onClick:c,className:"text-15/19 link-cover",children:e.title}),e.tag&&(0,i.jsx)("div",{children:(0,i.jsxs)("div",{className:"relative top-[1px]",children:[(0,i.jsx)("div",{className:"absolute inset-[-8px]",children:(0,i.jsx)(L.Z,{width:"100%",height:"100%",preserveAspectRatio:"none",className:"absolute left-0 top-0"})}),(0,i.jsx)("div",{className:"relative top-[1px] bg-white text-gray-500 block rounded-4 px-half text-10/15 h-[15px] uppercase font-mono",children:e.tag})]})}),(0,i.jsx)(O.Z,{className:"link-arrow__icon block"})]}),e.subtitle&&(0,i.jsx)("p",{className:"text-12/14 text-gray-800",children:e.subt

1itle})]})]},"link-grid-".concat(e.href)))}),f=u&&(0,i.jsx)("div",{className:"flex flex-col gap-2",children:r.map(e=>(0,i.jsxs)("div",{className:"relative flex justify-between items-center",children:[(0,i.jsx)(b.default,{href:e.href,onClick:c,target:e.target,rel:"noopener noreferrer",className:"text-16/20 font-500 link-cover",children:e.title}),(0,i.jsx)(O.Z,{className:"block"})]},"featured-link-".concat(e.href)))});return(0,i.jsxs)("div",{className:"flex flex-col gap-3",children:[h,m,p,f]})};var H=e=>{let{menu:t=[]}=e;y();let n=(0,M.c)(0),l=(0,M.c)(0),r=t.map(()=>(0,s.useRef)(null)),{activeDesktopHeaderMenuIndex:a}=(0,N.ZP)(),o=(0,s.useRef)(a),c=t[a];(0,s.useEffect)(()=>{let e=r[a];e&&e.current&&(null===o.current&&_()(a)?((0,C.j)(n,e.current.offsetWidth,{duration:0}),(0,C.j)(l,e.current.offsetHeight,{duration:0})):o.current!==a&&_()(o.current)&&_()(a)&&((0,C.j)(n,e.current.offsetWidth,{duration:.4,ease:[.16,1,.3,1]}),(0,C.j)(l,e.current.offsetHeight,{duration:.4,ease:[.16,1,.3,1]})),o.current=a)},[a,r]);let d=t.map((e,t)=>{var n,l;return"drawer"!==e.type?null:(0,i.jsx)(z.E.div,{ref:r[t],animate:{opacity:a===t?1:0,pointerEvents:a===t?"auto":"none"},transition:{duration:.3,ease:w.Z.appear},className:"absolute top-0 left-0",children:(0,i.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,i.jsx)("div",{className:"table table-fixed border-collapse border-none",children:e.sections.map((e,t)=>{var n,l;return(0,i.jsx)("div",{className:"table-cell align-top border-x border-solid border-gray-200 first:border-l-0 last:border-r-0 px-3",children:(0,i.jsx)(P,{...e})},"header-desktop-menu-drawer-section-".concat(null!==(l=null===(n=e.title)||void 0===n?void 0:n.replace(/\s/g,"-"))&&void 0!==l?l:t))})}),e.promoBanner&&(0,i.jsx)("div",{className:"px-3",children:e.promoBanner})]})},"header-desktop-menu-drawer-".concat(null!==(l=null===(n=e.title)||void 0===n?void 0:n.replace(/\s/g,"-"))&&void 0!==l?l:t))});return(0,i.jsx)("div",{className:g()("hidden lg:block absolute top-10 pt-2 left-[50%] translate-x-[-50%] z-20",{"pointer-events-none":!c}),children:(0,i.jsx)(z.E.div,{initial:!1,animate:{opacity:c?1:0,y:c?0:20},transition:{duration:.3,ease:w.Z.appear},children:(0,i.jsx)("div",{className:"rounded-20 bg-white border-[5px] border-solid border-violet-200 shadow-header-scrolled overflow-hidden px-1 py-4",children:(0,i.jsx)(z.E.div,{className:"relative",initial:!1,style:{width:n,height:l},children:d})})})})};let Z=e=>{let{isHeaderScrolled:t,isMobileMenuOpen:n,forceOpaque:l,onMouseLeaveHeader:r,desktopMenu:s,logoColumn:a,centerMenuColumn:o,rightMenuColumn:c}=e;return(0,i.jsxs)("header",{className:g()("left-0 right-0 duration-600 ease-appear",{"shadow-header-scrolled":t&&!n,"bg-white":t||n||l}),onMouseLeave:r,children:[(0,i.jsx)("div",{className:"px-container-mobile md:px-container-desktop",children:(0,i.jsx)("div",{className:"mx-auto max-w-grid",children:(0,i.jsxs)("div",{className:"h-12 md:h-10 flex justify-between items-center",children:[a,o,c]})})}),(0,i.jsx)(H,{menu:s})]})};var S=n(32950);let B=e=>{let{hasGlobalBanner:t}=e,[n]=(0,S.Z)(),l=t?222:50,{isHeaderScrolled:r,isMobileMenuOpen:i,activeDesktopHeaderMenuIndex:a,setHeaderScrolled:o,setMobileMenuOpen:c,setDesktopHeaderMenuIndex:d,setDemoModalOpen:u,setTrialModalOpen:h}=(0,N.ZP)();return(0,s.useEffect)(()=>{n>=l&&!r?o(!0):n<l&&r&&o(!1)},[n,r]),{onToggleMobileMenu:()=>c(!i),onCloseAllMenus:()=>{c(!1),d(null)},onMouseLeaveHeader:()=>{i||(c(!1),d(null))},onClickMenuDrawer:e=>()=>{e===a?d(null):d(e),c(!1)},onMouseEnterMenuDrawer:e=>()=>{d(e),c(!1)},onClickMenuButton:e=>{if(null==e)return;let t={trial:()=>h(!0),demo:()=>u(!0),url:()=>{}}[e];t&&t()},activeDesktopHeaderMenuIndex:a,isMobileMenuOpen:i,isHeaderScrolled:r}};var D=n(71191);let T=e=>{let{invert:t,isMobileMenuOpen:n,isHeaderScrolled:l}=e;return(0,i.jsx)("div",{className:"lg:col-span-2 2xl:col-span-3 flex",children:(0,i.jsx)(b.default,{href:"/",className:"block",children:(0,i.jsx)(D.default,{className:g()("w-[112px] h-[26px] transition-colors duration-300",{"text-white":t&&!n&&!l,"text-violet-900":!t||n||l})})})})},W=["trial","demo","url"],q=e=>W.includes(e);var A=n(33145);let I=e=>{let{isMobileMenuOpen:t,onToggleMobileMenu:n}=e;return(0,i.jsx)("button",{"aria-label":t?"Close menu":"Open menu",onClick:n,className:"button button-size-circle-medium button-mobile-menu-trigger flex items-center justify-center",children:t?(0,i.jsx)(A.default,{width:18,height:18,className:"block",src:"https://front.com/webassets/rebrand/icon-header-mobile-menu-close.svg",alt:"Close mobile menu"}):(0,i.jsx)(A.default,{width:19,height:14,className:"block",src:"https://front.com/webassets/rebrand/icon-header-mobile-menu-trigger.svg",alt:"Mobile menu"})})},R=e=>{let{desktopMenuLinks:t,invert:n,isHeaderScrolled:l,onCloseAllMenus:r,onClickMenuButton:s,isMobileMenuOpen:a,onToggleMobileMenu:o}=e;return(0,i.jsxs)("ul",{className:"lg:col-span-6 2xl:col-span-3 flex gap-1 justify-end items-center whitespace-nowrap",children:[t.map((e,t)=>{var a;let{type:o,title:c,href:d,action:u}=e;return(0,i.jsx)("li",{className:"hidden lg:block",children:d.length?(0,i.jsx)(b.default,{className:g()("block button button-size-medium",{"button-primary-link-header":"link"===o&&(!n||l),"button-primary-link-header-invert":"link"===o&&n&&!l,"button-primary-violet":"primary"===o&&(!n||l),"button-primary-white":"primary"===o&&n&&!l,"button-secondary-gray":"secondary"===o&&(!n||l),"button-secondary-violet-300":"secondary"===o&&n&&!l}),href:d,onClick:r,children:c}):(0,i.jsx)("button",{className:g()("block",{"text-16/16 px-2 font-500":"link"===o,"text-white":"link"===o&&n&&!l,"button button-size-medium":"primary"===o||"secondary"===o,"button-primary-violet":"primary"===o&&(!n||l),"button-primary-white":"primary"===o&&n&&!l,"button-secondary-gray":"secondary"===o&&(!n||l),"button-secondary-violet-300":"secondary"===o&&n&&!l}),onClick:()=>{q(u)&&s(u)},children:c})},"header-desktop-menu-link-".concat(null!==(a=null==c?void 0:c.replace(/\s/g,"-"))&&void 0!==a?a:t))}),(0,i.jsx)("li",{className:"lg:hidden",children:(0,i.jsx)(I,{isMobileMenuOpen:a,onToggleMobileMenu:o})})]})};var F=e=>{let{invert:t,promoBanner:n,forceOpaque:l,desktopMenu:r=[],desktopMenuLinks:a=[],mobileMenu:o=[],mobileMenuLinks:c=[],hasGlobalBanner:d}=e,{onToggleMobileMenu:u,onCloseAllMenus:h,onMouseLeaveHeader:m,onClickMenuButton:x,onClickMenuDrawer:g,onMouseEnterMenuDrawer:v,activeDesktopHeaderMenuIndex:b,isMobileMenuOpen:j,isHeaderScrolled:w}=B({hasGlobalBanner:d});return(0,i.jsxs)(s.Fragment,{children:[!j&&n,(0,i.jsx)(f.ZP,{menu:o,menuLinks:c,onClickMenuButton:x}),(0,i.jsx)("div",{className:"sticky top-0 z-20",children:(0,i.jsx)(Z,{isHeaderScrolled:w,isMobileMenuOpen:j,forceOpaque:l,onMouseLeaveHeader:m,desktopMenu:r,logoColumn:(0,i.jsx)(T,{invert:t,isMobileMenuOpen:j,isHeaderScrolled:w}),centerMenuColumn:(0,i.jsx)(k,{desktopMenu:r,invert:t,isHeaderScrolled:w,onCloseAllMenus:h,onClickMenuDrawer:g,onMouseEnterMenuDrawer:v,activeDesktopHeaderMenuIndex:b}),rightMenuColumn:(0,i.jsx)(R,{desktopMenuLinks:a,invert:t,isHeaderScrolled:w,onCloseAllMenus:h,onClickMenuButton:x,isMobileMenuOpen:j,onToggleMobileMenu:u})})}),d&&(0,i.jsx)(p,{title:"Find out if your customer service is as good as you think",subtitle:"Take this 5-question quiz to get your customer service score",cta:{label:"See my score",href:"https://graphite-growth.involve.me/front-quiz",target:"_blank"}})]})}},1238:function(e,t,n){"use strict";var l=n(57437);t.Z=e=>{let{...t}=e;return(0,l.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:[(0,l.jsx)("path",{d:"M3.75 9H14.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M9 3.75L14.25 9L9 14.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}},63024:function(e,t,n){"use strict";n.d(t,{Sv:function(){return o},xv:function(){return d}});var l=n(72163),r=n(36760),i=n.n(r),s=n(2265);let a="font-sans antialiased",o={display1:"".concat(a," font-weight-medium font-size-d1 font-line-height-d1 font-letter-spacing-d1"),display2:"".concat(a," font-weight-medium font-size-d2 font-line-height-d2 font-letter-spacing-d2"),display3:"".concat(a," font-weight-medium font-size-d3 font-line-height-d3 font-letter-spacing-d3"),h1:"".concat(a," font-weight-medium font-size-h1 font-line-height-h1 font-letter-spacing-h1"),h2:"".concat(a," font-weight-medium font-size-h2 font-line-height-h2 font-letter-spacing-h2"),h3:"".concat(a," font-weight-medium font-size-h3 font-line-height-h3 font-letter-spacing-h3"),h4:"".concat(a," font-weight-medium font-size-h4 font-line-height-h4 font-letter-spacing-h4"),p1:"".concat(a," font-weight-regular font-size-p1 font-line-height-p1 font-letter-spacing-p1"),"p1-medium":"".concat(a," font-weight-medium font-size-p1 font-line-height-p1 font-letter-spacing-p1"),p2:"".concat(a," font-weight-regular font-size-p2 font-line-height-p2 font-letter-spacing-p2"),"p2-medium":"".concat(a," font-weight-medium font-size-p2 font-line-height-p2 font-letter-spacing-p2"),caption1:"".concat(a," font-weight-regular font-size-c1 font-line-height-c1 font-letter-spacing-c1"),

1caption2:"".concat(a," font-weight-regular font-size-c2 font-line-height-c2 font-letter-spacing-c2"),micro1:"".concat(a," font-weight-regular font-size-m1 font-line-height-m1 font-letter-spacing-m1 uppercase"),micro2:"".concat(a," font-weight-bold font-size-m2 font-line-height-m2 font-letter-spacing-m2 uppercase")},c=(0,l.j)("",{variants:{type:o},defaultVariants:{type:"p1"}}),d=(0,s.forwardRef)((e,t)=>{let{className:n,type:l,as:r="p",children:a,...o}=e;return(0,s.createElement)(r,{className:i()(c({type:l}),n),ref:t,...o},a)});d.displayName="Text"}}]);
2//# sourceMappingURL=3062-f2fa03e922e7bf4d.js.map