https://12twenty-marketing-site.netlify.app/_next/static/chunks/903.e3e762b5f521b0d6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[903],{16903:function(e,l,n){n.r(l),n.d(l,{default:function(){return w}});var t=n(35029),i=n(24670),r=n(57437),a=n(67606),s=n(62167),d=n(3072),o=n(2265),c=n(35769),u=n(41222),x=n(25446),p=n(5125),g=n(88965),h=n(16691),m=n.n(h),b=n(48935),f=n(143),v=(0,a.j)(["grid","gap-8","rounded-[40px]","px-4","pb-8","pt-4","sm:px-8","sm:py-11","lg:grid-cols-2"],{variants:{color:{blue:["bg-light-blue-gradient"],yellow:["bg-light-orange-gradient"],purple:["bg-light-purple-gradient"]}}}),j=function(e){var l=e.color,n=e.eyebrowGroup,i=e.heading,a=e.headingAs,s=e.body,d=e.button,o=e.image;return(0,r.jsxs)("div",{className:(0,c.m)(v({color:l})),children:[(null==o?void 0:o.source)&&(0,r.jsx)(m(),{src:null==o?void 0:o.source,alt:(null==o?void 0:o.alt)||"",width:600,height:510,className:"order-2 mx-auto lg:order-1"}),(0,r.jsxs)("div",{className:"order-1 flex flex-col justify-center gap-8 lg:order-2",children:[(0,r.jsxs)("div",{className:"grid gap-4 text-center sm:text-left",children:[n&&(0,r.jsxs)("div",{className:"flex flex-col items-center gap-4 sm:flex-row ",children:[(null==n?void 0:n.icon)&&(0,r.jsx)(x.Z,{icon:null==n?void 0:n.icon,className:"text-purple-400"}),(null==n?void 0:n.eyebrow)&&(0,r.jsx)("span",{className:"eyebrow-gradient-purple",children:null==n?void 0:n.eyebrow})]}),i&&(0,r.jsx)(a||"h2",{className:"text-display-xs font-semibold text-dark-purple-900 sm:text-display-md",children:i}),s&&(0,r.jsx)("div",{className:"text-lg text-gray-700",children:(0,r.jsx)(f.default,{rawHtml:s})})]}),d&&(0,r.jsx)(b.Z,(0,g._)((0,t._)({},d),{className:"sm:w-fit"}))]})]})},y=n(38309),w=function(e){var l=e.eyebrow,n=e.heading,g=e.body,h=e.buttons,m=e.headingAs,b=e.slideboxItems,f=(0,i._)((0,o.useState)(0),2),v=f[0],w=f[1],N=function(e){return w(v===e?v:e)},k=(0,a.j)(["mx-auto","flex","w-fit","flex-wrap","items-center","justify-center","gap-2.5","rounded-[30px]","border","border-gray-200","bg-white p-2"]),_=(0,a.j)(["flex","gap-2","px-4","py-2","rounded-[20px]","font-semibold"],{variants:{activated:{true:["bg-dark-purple-900","text-white"],false:["bg-white","text-dark-purple-900"]}}});return(0,r.jsx)(p.ZP,{children:(0,r.jsxs)("div",{className:"grid gap-8",children:[(0,r.jsx)(u.Z,{eyebrow:l,heading:n,body:g,headingAs:m,buttons:h,centered:!0}),b&&b.length>0&&(0,r.jsxs)("div",{className:"grid gap-8",children:[(0,r.jsx)("ul",{className:(0,c.m)(k()),children:null==b?void 0:b.map(function(e,l){var n=v===l;return(0,r.jsx)("li",{children:(0,r.jsxs)("button",{tabIndex:0,className:(0,c.m)(_({activated:n})),onClick:function(){return N(l)},onKeyDown:function(e){return(0,y.f)(e,function(){return N(l)})},children:[(null==e?void 0:e.icon)&&(0,r.jsx)(x.Z,{icon:null==e?void 0:e.icon}),(null==e?void 0:e.label)&&(0,r.jsx)("span",{children:null==e?void 0:e.label})]})},"".concat(null==e?void 0:e.label,"-").concat(l))})}),(0,r.jsx)(s.M,{mode:"wait",children:null==b?void 0:b.map(function(e,l){return l!==v?null:(0,r.jsx)(d.E.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},children:(0,r.jsx)(j,(0,t._)({},e))},"".concat(e.heading,"-").concat(l))})})]})]})})}}}]);