https://whitelabel-loyalty.com/_next/static/chunks/763.e48d1829655b57a5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[763],{30763:function(e,l,a){a.r(l);var s=a(47568),t=a(70655),n=a(85893),i=a(88767),d=a(96720),c=a(4992);l.default=function(e){var l=e.data,a=l.Title,r=l.description,x=l.plans,o=l.add_on_title,u=l.add_on_description,g=l.add_on_items,m=l.heading_tag,h=(0,i.useQuery)(["plans",null===x||void 0===x?void 0:x.map((function(e){return e.id}))],(0,s.Z)((function(){return(0,t.__generator)(this,(function(e){switch(e.label){case 0:return(null===x||void 0===x?void 0:x.length)?[4,Promise.all(x.map((function(e){return(0,d.Ov)(e.id)})))]:[2,[]];case 1:return[2,e.sent()]}}))})),{enabled:!!(null===x||void 0===x?void 0:x.length)}),p=h.isLoading,f=h.isError,b=h.data;return(0,n.jsx)("div",{className:"bg-white",children:(0,n.jsxs)("div",{className:"container mx-auto max-w-[1312px] px-3 py-6 lg:px-6 lg:py-20 xl:px-0",children:[(0,n.jsx)("div",{className:"mb-12",children:(0,n.jsx)(c.Z,{title:a,subtitle:r,headingLevel:m})}),p&&(0,n.jsx)("div",{children:"Loading plans..."}),f&&(0,n.jsx)("div",{children:"Error loading plans"}),!p&&!f&&x&&x.length>0&&(0,n.jsx)("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-3",children:x.map((function(e,l){var a,s=e.id,t=e.title,i=e.description,d=e.list_header,c=(null===b||void 0===b?void 0:b[l])||{};return(0,n.jsxs)("div",{className:"flex h-full flex-col rounded-lg bg-background-gray p-6",children:[(0,n.jsxs)("div",{className:"mb-6 border-b border-[#C9DFF6] pb-6",children:[(0,n.jsx)("h3",{className:"mb-2 text-2xl font-bold leading-[32.68px]",children:t}),(0,n.jsx)("div",{className:"text-base leading-[24px] text-[#737C8F]",dangerouslySetInnerHTML:{__html:i}})]}),(0,n.jsx)("h4",{className:"mb-2 text-base font-semibold leading-[24px]",children:d}),(0,n.jsx)("ul",{className:"mb-10 list-none space-y-2",children:null===c||void 0===c||null===(a=c.plan_features)||void 0===a?void 0:a.map((function(e){return(0,n.jsxs)("li",{className:"flex items-start gap-3",children:[(0,n.jsx)("span",{className:"mt-3 h-1 w-1 flex-shrink-0 rounded-full bg-black"}),(0,n.jsx)("span",{className:"text-base tracking-tight",children:e.title})]},e.id)}))}),(null===c||void 0===c?void 0:c.cta_button)&&(0,n.jsx)("a",{href:c.cta_button.path,className:"mt-auto inline-block h-[46px] w-full gap-[10px] rounded bg-[#006AFF] px-4 py-3 text-center text-white transition-colors hover:bg-[#0055cc]",children:c.cta_button.text})]},s)}))}),(0,n.jsx)("div",{className:"mt-6 flex min-h-[136px] w-full items-center justify-between bg-background-gray p-6",children:(0,n.jsxs)("div",{className:"flex w-full flex-col lg:flex-row lg:gap-12",children:[(0,n.jsxs)("div",{className:"mb-6 w-full lg:mb-0 lg:w-[320px]",children:[(0,n.jsx)("h3",{className:"mb-2 text-2xl font-bold leading-[32.68px]",children:o}),(0,n.jsx)("div",{className:"text-base leading-[24px] text-[#737C8F]",dangerouslySetInnerHTML:{__html:u}})]}),(0,n.jsx)("div",{className:"flex flex-1 flex-col lg:flex-row lg:gap-12",children:[0,1,2].map((function(e){return(0,n.jsx)("ul",{className:"flex list-none flex-col space-y-2 lg:flex-1",children:null===g||void 0===g?void 0:g.slice(3*e,3*(e+1)).map((function(e){return(0,n.jsxs)("li",{className:"flex items-start gap-3",children:[(0,n.jsx)("span",{className:"mt-3 h-1 w-1 flex-shrink-0 rounded-full bg-black"}),(0,n.jsx)("span",{className:"text-base tracking-tight",children:e.title})]},e.id)}))},e)}))})]})})]})})}},4992:function(e,l,a){var s=a(85893);l.Z=function(e){var l=e.title,a=e.subtitle,t=e.className,n=void 0===t?"":t,i=e.align,d=void 0===i?"left":i,c=e.titleClassName,r=void 0===c?"":c,x=e.subtitleClassName,o=void 0===x?"":x,u="center"===d?"text-center":"",g=e.headingLevel||"h2";return(0,s.jsxs)("div",{className:"".concat(u," ").concat(n),children:[(0,s.jsx)(g,{className:"leading-[19.07px]lg:leading-[48px] mb-4 text-[24px] font-bold lg:text-[40px] ".concat(r),children:l}),a&&(0,s.jsx)("div",{className:"max-w-6xl text-sm leading-[19.07px] text-[#737C8F] lg:text-2xl lg:leading-[27.24px] ".concat(o),dangerouslySetInnerHTML:{__html:a}})]})}}}]);