https://12twenty-marketing-site.netlify.app/_next/static/chunks/647-89ef97699daebcbc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[647],{46647:function(e,n,l){l.r(n),l.d(n,{default:function(){return $}});var a=l(35029),s=l(88965),t=l(24670),r=l(57437),i=l(16691),o=l.n(i),u=l(61396),c=l.n(u),d=l(2265),m=l(35769),p=l(48935),v=l(5125),x=l(11170),h=l(1802),g=l(62167),f=l(3072),b=l(25446),j=l(67606),N=(0,j.j)(["grid","max-w-[312px]","gap-4","z-10"],{variants:{includesParentPanel:{true:[],false:["border-r","border-gray-100"]}}}),w=(0,j.j)(["transition-colors"],{variants:{isOpen:{true:["text-purple-500"],false:[]}}}),y=(0,j.j)(["flex","h-full","w-full","cursor-pointer","items-center","justify-between","py-6"]),M=(0,j.j)(["border-gray-200","absolute","left-0","top-[88px]","w-screen","border-t","bg-white"]),k=(0,j.j)(["grid","gap-4","p-8","z-10"],{variants:{includesParentPanel:{true:[],false:["border-r","border-gray-100"]},isLast:{true:["border-transparent"]}}}),S=(0,j.j)(["font-headings text-md font-semibold uppercase tracking-widest"],{variants:{subNavColorScheme:{purple:["text-purple-500"],orange:["text-orange-400"],blue:["text-teal-600"],pink:["text-pink-400"]}}}),_=(0,j.j)(["before:web-mask","relative","bg-white","before:absolute","before:bottom-0","before:left-0","before:z-50","before:w-screen","before:bg-rainbow-gradient-light","before:p-0.5"]),C=(0,j.j)(["flex min-h-[72px]","items-center","justify-between","py-0","sm:min-h-[88px]","sm:py-0","md:py-0","lg:py-0"]),P=(0,j.j)([],{variants:{subMenuColorScheme:{purple:["text-purple-500"],orange:["text-orange-400"],blue:["text-teal-600"],dark:["text-gray-900"],pink:["text-pink-400"]}}}),O=(0,j.j)(["flex","h-full","w-full","cursor-pointer","items-center","justify-between","py-6"]),I=(0,j.j)(["text-lg","font-medium","text-gray-900","transition-colors","hover:text-purple-500"]),L=(0,j.j)(["grid","bg-white","left-0","top-0","fixed","w-full","h-full","pt-6","pb-32","px-4","sm:px-6","z-50","transition-transform"],{variants:{isMobileNavOpen:{true:["translate-y-[72px]","sm:translate-y-[88px]"],false:["-translate-y-full"]}}}),z=(0,j.j)(["transition-transform"],{variants:{isOpen:{true:["rotate-180","text-purple-500"]}}}

1),Z=(0,j.j)(["flex w-full cursor-pointer gap-4 rounded-xl p-3 transition-colors"],{variants:{panelHoverStyling:{purple:["bg-purple-25"],orange:["bg-orange-50"],blue:["bg-teal-25"],pink:["bg-pink-25"],default:["bg-white"]}}}),T=(0,j.j)(["header-clip-path","z-10","w-full","max-w-[312px]","py-5","pl-5","pr-6","shadow-header-panel"]),H=(0,j.j)(["grid"],{variants:{isColumn:{true:["grid-cols-2","gap-8","gap-y-2"],false:["gap-2"]}}}),A=(0,j.j)(["flex","relative"],{variants:{includesParentPanel:{true:["bg-gray-50","border-r","border-gray-200","before:absolute","before:bg-gray-50","before:left-0","before:top-0","before:w-screen","before:h-full","before:-right-full"],false:[]}}}),D=(0,j.j)(["min-h-[24px] min-w-[24px]"],{variants:{subMenuColorScheme:{purple:["text-purple-500"],orange:["text-orange-400"],blue:["text-teal-600"],pink:["text-pink-400"]}}}),E=(0,j.j)(["flex gap-4 rounded-xl p-3 transition-colors"],{variants:{subMenuColorScheme:{purple:["hover:bg-purple-25"],orange:["hover:bg-orange-50"],blue:["hover:bg-teal-25"],pink:["hover:bg-pink-25"]}}}),K=(0,j.j)(["flex w-full gap-4 rounded-xl p-3 transition-colors lg:px-6 lg:py-5"],{variants:{subNavColorScheme:{purple:["hover:bg-purple-25"],orange:["hover:bg-orange-50"],blue:["hover:bg-teal-25"],pink:["hover:bg-pink-25"]}}}),F=function(e,n,l,a,s){var t,i,u,c,d,m,v,x,h,g,f,b,j={custom:{image:null==n?void 0:n.featuredImage,title:null==n?void 0:n.title,description:null==n?void 0:n.description},blog:{image:null==l?void 0:null===(i=l.value)||void 0===i?void 0:null===(t=i.data)||void 0===t?void 0:t.featuredImage,title:null==l?void 0:null===(c=l.value)||void 0===c?void 0:null===(u=c.data)||void 0===u?void 0:u.title,description:null==l?void 0:null===(m=l.value)||void 0===m?void 0:null===(d=m.data)||void 0===d?void 0:d.description},successStory:{image:null==a?void 0:null===(x=a.value)||void 0===x?void 0:null===(v=x.data)||void 0===v?void 0:v.featuredImage,title:null==a?void 0:null===(g=a.value)||void 0===g?void 0:null===(h=g.data)||void 0===h?void 0:h.title,description:null==a?void 0:null===(b=a.value)||void 0===b?void 0:null===(f=b.data)||void 0===f?void 0:f.description}}[e];return j?(0,r.jsxs)(r.Fragment,{children:[j.image&&(0,r.jsx)(o(),{src:j.image,alt:j.title||"",width:600,height:600,className:"aspect-video w-full rounded-3xl object-cover sm:h-[136px] sm:min-w-[240px]"}),(0,r.jsxs)("div",{className:"grid gap-3",children:[(0,r.jsxs)("div",{className:"grid gap-1",children:[j.title&&(0,r.jsx)("span",{className:"text-md font-semibold text-gray-900",children:j.title}),j.description&&(0,r.jsx)("span",{className:"text-sm font-normal text-gray-600",children:j.description})]}),(0,r.jsx)(p.Z,{hierarchy:"text",label:s||"Read now",endIcon:"arrow-right",className:"w-fit py-0 text-md"})]})]}):null},R=function(e){var n=e.articleType,l=e.callToActionText,a=e.custom,s=e.blog,t=e.successStory,i=e.slug,o=e.subNavColorScheme;return(0,r.jsx)(c(),{href:i||"",className:(0,m.m)(K({subNavColorScheme:void 0===o?"purple":o})),children:(0,r.jsx)("div",{className:"flex flex-col gap-4 p-4 sm:flex-row sm:gap-6 lg:flex-col lg:gap-4 lg:p-3",children:F(void 0===n?"custom":n,a,s,t,l)})})},W=function(e){var n=e.label,l=e.description,a=e.icon,s=e.url,t=e.subMenuColorScheme,i=void 0===t?"purple":t;return(0,r.jsxs)(c(),{href:s||"",className:(0,m.m)(E({subMenuColorScheme:i})),children:[a&&(0,r.jsx)(b.Z,{icon:a,className:(0,m.m)(D({subMenuColorScheme:i})),size:24}),(0,r.jsxs)("div",{className:"grid gap-3",children:[n&&(0,r.jsx)("span",{className:"text-md font-medium text-gray-900",children:n}),l&&(0,r.jsx)("span",{className:"hidden text-sm font-normal text-gray-600 sm:block",children:l})]})]})},q=function(e){var n=e.articles,l=e.includesParentPanel,t=void 0!==l&&l,i=e.subNavs;return(0,r.jsxs)("ul",{className:(0,m.m)(A({includesParentPanel:t})),children:[n&&n.length>0&&n.map(function(e,n){return(0,r.jsx)("li",{className:(0,m.m)(N({includesParentPanel:t})),children:(0,r.jsx)(R,(0,s._)((0,a._)({},e),{subNavColorScheme:(null==e?void 0:e.subNavColorScheme)||"purple"}))},"".concat(e.slug,"-").concat(n))}),i&&i.length>0&&i.map(function(e,n){var l,o,u=(null==e?void 0:e.subMenus)&&(null==e?void 0:null===(l=e.subMenus)||void 0===l?void 0:l.length)>3,c=e.subnavColorScheme||"purple",d=(null==i?void 0:i.length)-1===n;return(0,r.jsxs)("li",{className:(0,m.m)(k({includesParentPanel:t,isLast:d})),children:[(null==e?void 0:e.subnavHeading)&&(0,r.jsx)("span",{className:(0,m.m)(S({subNavColorScheme:c})),children:null==e?void 0:e.subnavHeading}),(null==e?void 0:e.subMenus)&&(null==e?void 0:null===(o=e.subMenus)||void 0===o?void 0:o.length)>0&&(0,r.jsx)("ul",{className:H({isColumn:u}),children:null==e?void 0:e.subMenus.map(function(e,n){return(0,r.jsx)("li",{children:(0,r.jsx)(W,(0,s._)((0,a._)({},e),{subMenuColorScheme:c}))},"".concat(null==e?void 0:e.label,"-").concat(n))})})]},"".concat(e.subnavHeading,"-").concat(n))})]})},B=l(38309),G=function(e){var n=e.desktopPanelLabel,l=e.menuItem,i=e.showPanelDesktop,o=(0,t._)((0,d.useState)(0),2),u=o[0],c=o[1];return(0,r.jsxs)("div",{className:"flex",children:[(0,r.jsx)("div",{className:(0,m.m)(T()

1),children:(0,r.jsxs)("div",{className:"grid gap-4",children:[n&&(0,r.jsx)("span",{className:"text-lg font-semibold text-gray-900",children:n}),l&&l.length>0&&l.map(function(e,n){var l=n===u,a=(null==e?void 0:e.colorScheme)||"purple",s=l?a:"dark",t=l?a:"default";return(0,r.jsx)("div",{children:(0,r.jsxs)("button",{onKeyDown:function(e){return(0,B.f)(e,function(){return c(n)})},onMouseEnter:function(){return c(n)},className:(0,m.m)(Z({panelHoverStyling:t})),children:[(null==e?void 0:e.panelIcon)&&(0,r.jsx)(b.Z,{icon:null==e?void 0:e.panelIcon,size:24,className:(0,m.m)(D({subMenuColorScheme:a}))}),(0,r.jsxs)("div",{className:"flex w-full justify-between",children:[(null==e?void 0:e.panelLabel)&&(0,r.jsx)("span",{className:"text-md font-medium text-gray-900",children:null==e?void 0:e.panelLabel}),(0,r.jsx)(b.Z,{icon:"chevron-right",className:(0,m.m)(P({subMenuColorScheme:s}))})]})]})},"".concat(null==e?void 0:e.panelLabel,"-").concat(null==e?void 0:e.panelIcon))})]})}),l&&l.length>0&&(0,r.jsx)(q,(0,s._)((0,a._)({},null==l?void 0:l[u]),{includesParentPanel:i}))]})},J=function(e){var n=e.menus,l=e.openMenu,s=e.setOpenMenu,t=e.className,i=function(){h.O.current||(0,x.A)();let[e]=(0,d.useState)(h.n.current);return e}();return(0,r.jsx)("ul",{className:(0,m.m)("flex gap-8",t),children:n&&n.map(function(e,n){if(!e)return null;var t,o=n===l;return(0,r.jsxs)("li",{children:[(0,r.jsx)("button",{onMouseEnter:function(){return s(n)},onKeyDown:function(e){return(0,B.f)(e,function(){return s(n)})},tabIndex:0,className:(0,m.m)(y()),children:e.menuLabel&&(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:(0,m.m)(w({isOpen:o})),children:e.menuLabel}),(0,r.jsx)(b.Z,{icon:"expand-more",className:(0,m.m)(z({isOpen:o})),size:20})]})}),(0,r.jsx)(g.M,{children:o&&e.menuItem&&e.menuItem.length>0&&(0,r.jsx)(f.E.div,{initial:{opacity:0,height:i?"auto":0},animate:{opacity:1,height:"auto",transition:{duration:.2}},exit:{opacity:0,height:i?"auto":0,transition:{duration:.2}},children:(0,r.jsx)("div",{className:(0,m.m)(M()),children:(0,r.jsx)("div",{className:(0,m.m)(_()),children:(0,r.jsx)("div",{className:"px-4",children:(null==e?void 0:e.showPanelDesktop)?(0,r.jsx)(G,(0,a._)({},e)):(0,r.jsx)(q,(0,a._)({},null==e?void 0:null===(t=e.menuItem)||void 0===t?void 0:t[0]))})})})},e.menuLabel)})]},e.menuLabel)})})},Q=function(e){var n=e.isMobileNavOpen,l=e.setIsMobileNavOpen,a=e.className;return(0,r.jsx)("button",{"aria-label":"menu-toggle-button",title:n?"close":"open",onClick:function(){return l(!n)},onKeyDown:function(e){return(0,B.f)(e,function(){return l(!n)})},className:a,children:n?(0,r.jsx)(b.Z,{icon:"close",className:"text-dark-purple-900",stroke:"currentColor",size:24}):(0,r.jsx)(b.Z,{icon:"menu-01",className:"text-dark-purple-900",size:24,stroke:"currentColor"})})},U=l(88269),V=function(e){var n=e.articles,l=e.subNavs,i=e.open,o=(0,t._)((0,U.v)(i),2),u=o[0],c=o[1],d=(0,j.j)(["grid","transition-height","duration-300","overflow-hidden"]);return(0,r.jsxs)("ul",{ref:c,style:{height:u},className:(0,m.m)(d()),children:[l&&l.length>0&&l.map(function(e,n){var l,t=(null==e?void 0:e.subnavColorScheme)||"purple";return(0,r.jsxs)("li",{className:"grid gap-4 p-6",children:[(null==e?void 0:e.subnavHeading)&&(0,r.jsx)("span",{className:(0,m.m)(S({subNavColorScheme:t})),children:null==e?void 0:e.subnavHeading}),(null==e?void 0:e.subMenus)&&(null==e?void 0:null===(l=e.subMenus)||void 0===l?void 0:l.length)>0&&(0,r.jsx)("ul",{className:"grid gap-2 sm:grid-cols-2 sm:gap-8 sm:gap-y-2",children:null==e?void 0:e.subMenus.map(function(e,n){return(0,r.jsx)("li",{children:(0,r.jsx)(W,(0,s._)((0,a._)({},e),{subMenuColorScheme:t}))},"".concat(null==e?void 0:e.label,"-").concat(n))})})]},"".concat(e.subnavHeading,"-").concat(n))}),n&&n.length>0&&n.map(function(e,n){return(0,r.jsx)("li",{className:"grid gap-4",children:(0,r.jsx)(R,(0,a._)({},e))},"".concat(e.slug,"-").concat(n))})]})},X=function(e){var n=e.menus,l=e.isMobileNavOpen,i=e.className,o=e.callToActionOne,u=e.callToActionTwo,c=(0,t._)((0,d.useState)(null),2),v=c[0],x=c[1],h=function(e){return x(v===e?null:e)};return(0,r.jsx)("div",{className:(0,m.m)(i,L({isMobileNavOpen:l})),children:(0,r.jsxs)("div",{className:"flex flex-col gap-8 overflow-auto sm:gap-10",children:[(0,r.jsx)("ul",{children:n&&n.map(function(e,n){if(!e)return null;var l=n===v;return(0,r.jsxs)("li",{className:(0,m.m)(I()),children:[(0,r.jsxs)("button",{className:(0,m.m)(O()),onClick:function(){return h(n)},tabIndex:0,onKeyDown:function(e){return(0,B.f)(e,function(){return h(n)})},children:[e.menuLabel&&(0,r.jsx)("span",{children:e.menuLabel}),(0,r.jsx)(b.Z,{icon:"expand-more",className:(0,m.m)(z({isOpen:l})),size:20})]}),e.menuItem&&e.menuItem.length>0&&(0,r.jsx)(r.Fragment,{children:e.menuItem.map(function(e,n){return(0,r.jsx)(V,(0,a._)({open:l},e),n)})})]},e.menuLabel)})}),(0,r.jsxs)("ul",{className:"flex w-full flex-col gap-3",children:[o&&(0,r.jsx)("li",{children:(0,r.jsx)(p.Z,(0,s._)((0,a._)({},o),{className:"w-full"}))}),u&&(0,r.jsx)("li",{children:(0,r.jsx)(p.Z,(0,s._)((0,a._)({},u),{className:"w-full text-lg"}))})]})]})})},Y=l(10073),$=function(e){var n=e.logo,l=e.menus,i=e.callToActionOne,u=e.callToActionTwo;console.log(l,"header");var x=(0,t._)((0,d.useState)(null),2),h=x[0],g=x[1],f=(0,t._)((0,Y.Z)(),2),b=f[0],j=f[1];return(0,r.jsx)("header",{className:"sticky left-0 top-0 z-50",onMouseLeave:function(){return g(null)},children:(0,r.jsxs)("nav",{className:"relative isolate z-50",children:[(0,r.jsxs)(v.ZP,{fullWidth:!0,wrapperClass:"bg-white",className:(0,m.m)(C()),children:[(0,r.jsxs)("div",{className:"flex items-center gap-12",children:[(0,r.jsx)(c(),{href:"/",children:(0,r.jsx)(o(),{src:n||"",alt:"12-Twenty-Logo",loading:"eager",width:176,height:38})}),l&&(0,r.jsx)(J,{menus:l,setOpenMenu:g,openMenu:h,className:"hidden lg:flex"})]}),(0,r.jsx)(Q,{isMobileNavOpen:b,setIsMobileNavOpen:j,className:"lg:hidden"}),(0,r.jsxs)("ul",{className:"hidden gap-3 lg:flex",children:[i&&(0,r.jsx)("li",{children:(0,r.jsx)(p.Z,(0,s._)((0,a._)({},i),{size:"lg"}))}),u&&(0,r.jsx)("li",{children:(0,r.jsx)(p.Z,(0,s._)((0,a._)({},u),{className:"pl-3 text-lg"}))})]})]}),l&&(0,r.jsx)(X,{menus:l,isMobileNavOpen:b,callToActionOne:i,callToActionTwo:u,className:"lg:hidden"})]})})}},88269:function(e,n,l){l.d(n,{v:function(){return t}});

1var a=l(24670),s=l(2265),t=function(e){var n=(0,a._)((0,s.useState)("0px"),2),l=n[0],t=n[1],r=(0,s.useRef)(null);return(0,s.useEffect)(function(){e&&r.current?t(r.current.scrollHeight+"px"):t("0px")},[e]),[l,r]}}}]);