https://start.thefabulous.co/_next/static/chunks/2312.47ac4e221f52c4fa.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63,2312],{20063:(e,t,l)=>{"use strict";var r=l(47260);l.o(r,"useParams")&&l.d(t,{useParams:function(){return r.useParams}}),l.o(r,"usePathname")&&l.d(t,{usePathname:function(){return r.usePathname}}),l.o(r,"useRouter")&&l.d(t,{useRouter:function(){return r.useRouter}}),l.o(r,"useSearchParams")&&l.d(t,{useSearchParams:function(){return r.useSearchParams}})},53691:(e,t,l)=>{"use strict";l.d(t,{A:()=>o});var r=l(95155),s=l(15239),a=l(25016);let o=e=>{let{features:t,isFloating:l=!1}=e;return(0,r.jsx)("div",{className:(0,a.cn)("flex flex-col lg:flex-row gap-3 md:gap-4 lg:gap-[30px] max-w-1170px m-auto pt-8 pb-10 md:pt-10 md:pb-14 lg:pt-20 lg:pb-18",{"!pt-0 pb-2 md:pb-5 lg:pb-5 -translate-y-10 -mb-10":l}),children:t.map(e=>(0,r.jsxs)("div",{className:"relative p-6 md:p-8 lg:py-12 rounded-3xl md:rounded-40 lg:rounded-48 font-bold flex-1",style:{background:e.backgroundColor,boxShadow:"0 0 30px 0 ".concat(e.boxShadow)},children:[(0,r.jsx)(s.default,{src:e.imageUrl,alt:e.title,className:"h-auto md:w-auto absolute right-2 -top-5 lg:-top-9 w-18",height:80,width:75}),(0,r.jsx)("span",{style:{color:e.preTitleColor},className:"text-15 leading-4.5 pb-1 block md:text-base md:leading-5 lg:text-lg lg:leading-5.5",children:e.preTitle}),(0,r.jsxs)("p",{children:[(0,r.jsx)("span",{style:{color:e.titleColor,...e.maxWidth&&{maxWidth:e.maxWidth}},className:"mb-2 block text-xl leading-6 lg:text-2xl lg:leading-7",children:e.title}),(0,r.jsx)("span",{style:{color:e.textColor},className:"font-medium text-14 leading-4.5 block md:text-15 md:leading-4.5 lg:text-base lg:leading-5",children:e.text})]})]},e.title))})}},71408:(e,t,l)=>{"use strict";l.d(t,{N:()=>g});var r=l(95155),s=l(12115),a=l(60296),o=l(94416),n=l(59686),i=l(53127);class c extends s.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function d(e){let{children:t,isPresent:l}=e,a=(0,s.useId)(),o=(0,s.useRef)(null),n=(0,s.useRef)({width:0,height:0,top:0,left:0}),{nonce:d}=(0,s.useContext)(i.Q);return(0,s.useInsertionEffect)(()=>{let{width:e,height:t,top:r,left:s}=n.current;if(l||!o.current||!e||!t)return;o.current.dataset.motionPopId=a;let i=document.createElement("style");return d&&(i.nonce=d),document.head.appendChild(i),i.sheet&&i.sheet.insertRule('\n          [data-motion-pop-id="'.concat(a,'"] {\n            position: absolute !important;\n            width: ').concat(e,"px !important;\n            height: ").concat(t,"px !important;\n            top: ").concat(r,"px !important;\n            left: ").concat(s,"px !important;\n          }\n        ")),()=>{document.head.removeChild(i)}},[l]),(0,r.jsx)(c,{isPresent:l,childRef:o,sizeRef:n,children:s.cloneElement(t,{ref:o})})}let x=e=>{let{children:t,initial:l,isPresent:a,onExitComplete:i,custom:c,presenceAffectsLayout:x,mode:p}=e,m=(0,o.M)(u),f=(0,s.useId)(),h=(0,s.useCallback)(e=>

1{for(let t of(m.set(e,!0),m.values()))if(!t)return;i&&i()},[m,i]),g=(0,s.useMemo)(()=>({id:f,initial:l,isPresent:a,custom:c,onExitComplete:h,register:e=>(m.set(e,!1),()=>m.delete(e))}),x?[Math.random(),h]:[a,h]);return(0,s.useMemo)(()=>{m.forEach((e,t)=>m.set(t,!1))},[a]),s.useEffect(()=>{a||m.size||!i||i()},[a]),"popLayout"===p&&(t=(0,r.jsx)(d,{isPresent:a,children:t})),(0,r.jsx)(n.t.Provider,{value:g,children:t})};function u(){return new Map}var p=l(75601);let m=e=>e.key||"";function f(e){let t=[];return s.Children.forEach(e,e=>{(0,s.isValidElement)(e)&&t.push(e)}),t}var h=l(86553);let g=e=>{let{children:t,custom:l,initial:n=!0,onExitComplete:i,presenceAffectsLayout:c=!0,mode:d="sync",propagate:u=!1}=e,[g,b]=(0,p.xQ)(u),j=(0,s.useMemo)(()=>f(t),[t]),w=u&&!g?[]:j.map(m),v=(0,s.useRef)(!0),y=(0,s.useRef)(j),N=(0,o.M)(()=>new Map),[C,k]=(0,s.useState)(j),[S,P]=(0,s.useState)(j);(0,h.E)(()=>{v.current=!1,y.current=j;for(let e=0;e<S.length;e++){let t=m(S[e]);w.includes(t)?N.delete(t):!0!==N.get(t)&&N.set(t,!1)}},[S,w.length,w.join("-")]);let A=[];if(j!==C){let e=[...j];for(let t=0;t<S.length;t++){let l=S[t],r=m(l);w.includes(r)||(e.splice(t,0,l),A.push(l))}"wait"===d&&A.length&&(e=A),P(f(e)),k(j);return}let{forceRender:E}=(0,s.useContext)(a.L);return(0,r.jsx)(r.Fragment,{children:S.map(e=>{let t=m(e),s=(!u||!!g)&&(j===S||w.includes(t));return(0,r.jsx)(x,{isPresent:s,initial:(!v.current||!!n)&&void 0,custom:s?void 0:l,presenceAffectsLayout:c,mode:d,onExitComplete:s?void 0:()=>{if(!N.has(t))return;N.set(t,!0);let e=!0;N.forEach(t=>{t||(e=!1)}),e&&(null==E||E(),P(y.current),u&&(null==b||b()),i&&i())},children:e},t)})})}},73461:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>b});var r=l(95155),s=l(12115),a=l(8193),o=l(19341),n=l(33136),i=l(59741),c=l(15239),d=l(44801),x=l(19430);let u=e=>{let{hero:t}=e;return(0,r.jsx)("div",{style:{background:t.backgroundColor,color:t.textColor},className:"pt-10 px-4 md:px-[40px] lg:px-6 pb-[52px] md:pt-6 md:pb-[116px] relative",children:(0,r.jsxs)("div",{className:"flex flex-col md:flex-row items-center justify-center lg:justify-between gap-1 m-auto max-w-[1170px] text-center md:text-left",children:[(0,r.jsxs)("div",{className:"flex flex-col max-w-[669px] gap-2",children:[(0,r.jsx)(d.A,{style:{color:t.titleColor},text:t.title,className:"text-[32px] md:text-[40px] font-bold"}),(0,r.jsx)(x.A,{text:t.subtitle,className:"text-xl md:text-2xl"})]}),(0,r.jsx)(c.default,{src:t.imageUrl,alt:t.title,width:368,height:357,className:"max-w-[257px] max-h-[246px] lg:max-w-[368px] lg:max-h-[357px]"})]})})};var p=l(53691),m=l(30708);let f=e=>{let{apps:t}=e;return(0,r.jsxs)("div",{className:"flex flex-col w-full gap-2 md:gap-6 justify-center items-center py-14 lg:p-14",children:[(0,r.jsx)("h3",{className:"text-xl md:text-2xl font-extrabold mb-2 md:mb-3 text-center",style:{color:t.titleColor},children:t.title}),(0,r.jsx)("div",{className:"w-full flex flex-wrap justify-center items-center gap-4",children:t.featuredApps.map(e=>(0,r.jsx)("div",{className:"rounded-[32px] p-6 md:px-6 lg:pb-8 items-center w-full lg:w-[calc(33.333%-1rem)] lg:max-w-[380px] h-full",style:{background:e.backgroundColor,...e.boxShadow&&{boxShadow:e.boxShadow}},children:(0,r.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,r.jsxs)("div",{className:"flex items-center gap-4 md:gap-3",children:[(0,r.jsx)(c.default,{src:e.imageUrl,alt:e.title,width:72,height:72,className:"max-w-[48px] max-h-[48px] md:max-w-[72px] md:max-h-[72px]"}),(0,r.jsx)("h3",{style:{color:e.titleColor},className:"font-bold text-base leading-5 md:text-lg md:leading-5.5 lg:text-xl lg:leading-6",children:e.title})]}),(0,r.jsx)("div",{className:"w-full lg:max-w-[315px]",children:(0,r.jsx)(m.A,{useHTML:!0,text:e.subtitle,style:{color:e.subtitleColor},className:"font-medium text-base leading-[21px]"})})]})},e.title))})]})},h=e=>{let{chart:t}=e;return(0,r.jsxs)("div",{style:{backgroundColor:t.backgroundColor,boxShadow:t.boxShadow},className:"rounded-[40px] py-8 px-4 md:px-[76px] md:py-[48px] max-w-[688px] m-auto flex flex-col items-center justify-center gap-6 mb-12",children:[(0,r.jsx)("h3",{style:{color:t.titleColor},className:"text-xl md:text-2xl font-extrabold text-center",children:t.title}),(0,r.jsx)(c.default,{src:t.imageUrl,alt:t.title+" image",width:404,height:278,className:"max-w-[297px] max-h-[231px] md:max-w-[404px] md:max-h-[278px]"}),(0,r.jsx)("div",{className:"flex flex-col gap-3",children:t.descriptionItems.map((e,t)=>(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)(c.default,{src:e.imageUrl,alt:e.title+" image",width:64,height:64,className:"max-w-[64px] max-h-[64px]"}),(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("h4",{style:{color:e.titleColor},className:"text-15 font-bold",children:e.title}),(0,r.jsx)("p",{style:{color:e.descriptionColor},className:"text-13 font-medium",children:e.description})]})]},t))})]})};var g=l(33095);let b=e=>{let{config:t,plan:l,error:c,initialPrice:d,isOfferViewed:x,skipOffer:m,handlePurchase:b}=e,j=(0,s.useRef)(null);return(0,r.jsxs)("div",{className:"flex flex-col h-dvh",style:{[g.A.CTA_BOX_SHADOW]:t.ctaBoxShadow},children:[(0,r.jsx)(o.A,{header:{logoUrl:t.logoUrl,backgroundColor:t.headerBackgroun

1dColor,ctaText:t.skipCta.text,ctaTextColor:t.skipCta.textColor,onSkip:m,boxShadow:t.headerShadow||""}}),(0,r.jsx)(u,{hero:t.hero}),(0,r.jsx)("div",{className:"bg-cover bg-no-repeat pb-14 md:pb-30 flex-1",children:(0,r.jsxs)("div",{className:"px-6 md:px-10 max-w-[1170px] m-auto lg:px-0",children:[(0,r.jsx)(p.A,{features:t.features,isFloating:!0}),(0,r.jsx)("div",{className:"max-w-[688px] m-auto pt-4 md:pt-10 lg:pt-16",children:(0,r.jsx)(i.A,{isOfferViewed:x,ctaButtonRef:j,config:t,plan:l,onClick:b,error:c,initialPrice:d})}),(0,r.jsx)(f,{apps:t.apps}),(0,r.jsx)(h,{chart:t.chart}),(0,r.jsx)(n.A,{footer:t.footer})]})}),(0,r.jsx)(a.A,{plan:l,config:t,ctaButtonRef:j})]})}},74570:(e,t,l)=>{"use strict";l.d(t,{W:()=>o});var r=l(12115),s=l(91037);let a={some:0,all:1};function o(e,{root:t,margin:l,amount:n,once:i=!1}={}){let[c,d]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(!e.current||i&&c)return;let r={root:t&&t.current||void 0,margin:l,amount:n};return function(e,t,{root:l,margin:r,amount:o="some"}={}){let n=(0,s.KJ)(e),i=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{let l=i.get(e.target);if(!!l!==e.isIntersecting)if(e.isIntersecting){let l=t(e);"function"==typeof l?i.set(e.target,l):c.unobserve(e.target)}else"function"==typeof l&&(l(e),i.delete(e.target))})},{root:l,rootMargin:r,threshold:"number"==typeof o?o:a[o]});return n.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(d(!0),i?void 0:()=>d(!1)),r)},[t,e,l,i,n]),c}},85203:(e,t)=>{var l;!function(){"use strict";var r={}.hasOwnProperty;function s(){for(var e="",t=0;t<arguments.length;t++){var l=arguments[t];l&&(e=a(e,function(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return s.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var l in e)r.call(e,l)&&e[l]&&(t=a(t,l));return t}(l)))}return e}function a(e,t){return t?e?e+" "+t:e+t:e}e.exports?(s.default=s,e.exports=s):void 0===(l=(function(){return s}).apply(t,[]))||(e.exports=l)}()}}]);