https://assets.fluer.com/frontend/prod/_next/static/chunks/9296.5ef432b0b5ea035e.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5989db66-2cad-4702-8410-04ef23722cc7",e._sentryDebugIdIdentifier="sentry-dbid-5989db66-2cad-4702-8410-04ef23722cc7")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9296],{59296:(e,t,o)=>{o.r(t),o.d(t,{ToolComparison:()=>$});var i=o(54568),a=o(48341),r=o(60485),n=o(10906),l=o(34456);let s=(0,a.default)(n.P.div).withConfig({displayName:"ToolComparison.styles__StyledToolComparisonContainer",componentId:"sc-b979d70a-0"})(["display:flex;flex-direction:column;gap:",";padding-top:",";@media (min-width:","px){padding-top:",";}"],e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.XLarge)},e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.XXXLarge)},e=>{let{theme:t}=e;return t.Screen.Size.Medium},r.utils.rem(96)),d=a.default.div.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonHeader",componentId:"sc-b979d70a-1"})(["display:flex;flex-direction:column;gap:",";text-align:center;@media (max-width:","px){text-align:left;padding-inline:",";gap:",";br{display:none;}}"],e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.MediumSmall)},e=>{let{theme:t}=e;return t.Screen.Size.Medium},e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.MediumSmall)},e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.XSmall)}),c=a.default.span.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonSpan",componentId:"sc-b979d70a-2"})(["color:",";"],e=>{let{theme:t}=e;return t.Color.Brand.Primary}),m=a.default.div.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonContent",componentId:"sc-b979d70a-3"})(["position:relative;height:150vh;"]),p=a.default.div.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonAdvantages",componentId:"sc-b979d70a-4"})(["text-align:center;@media (max-width:","px){text-align:left;padding-inline:",";}"],e=>{let{theme:t}=e;return t.Screen.Size.Medium},e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.MediumSmall)}),u=a.default.div.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonSale",componentId:"sc-b979d70a-5"})(["text-align:center;display:flex;flex-direction:column;gap:",";width:max-content;margin-inline:auto;@media (max-width:","px){text-align:left;padding-inline:",";width:100%;}"],e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.XXSmall)},e=>{let{theme:t}=e;return t.Screen.Size.Medium},e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.MediumSmall)}),g=a.default.div.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonButton",componentId:"sc-b979d70a-6"})(["width:100%;text-align:center;"]),f=a.default.span.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonSaleHighlight",componentId:"sc-b979d70a-7"})(["color:",";"],e=>{let{theme:t}=e;return t.Color.System.Success}),h=a.default.div.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonContentInner",componentId:"sc-b979d70a-8"})(["position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;"]),y=a.default.div.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonBox",componentId:"sc-b979d70a-9"})(["position:sticky;top:50%;transform:translateY(-50%);margin-bottom:-",";width:100%;display:flex;align-items:center;justify-content:center;"],e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.XXXLarge)}),S=a.default.div.withConfig({displayName:"ToolComparison.styles__StyledOtherToolsComparison",componentId:"sc-b979d70a-10"})(["position:absolute;width:",";height:",";top:50%;left:50%;transform:translate(-65%,-50%) rotate(90deg) scale(0.9);@media (min-width:","px){transform:translate(-50%,-50%);}"],r.utils.rem(120),r.utils.rem(120),e=>{let{theme:t}=e;return t.Screen.Size.Medium}),x=(0,a.default)(n.P.div).withConfig({displayName:"ToolComparison.styles__StyledToolBox",componentId:"sc-b979d70a-11"})(["position:relative;width:",";height:",";background:",";border-radius:",";border-bottom-right-radius:0;will-change:transform;border-radius:",";img{padding:",";border-radius:",";border-bottom-right-radius:0;object-fit:",";}.ant-ribbon{transform:rotateX(180deg);margin-top:",";.ant-ribbon-text{transform:rotateX(180deg);display:block;span{color:","!important;}}}"],r.utils.rem(56),r.utils.rem(56),e=>

1{let{$darkBackground:t,$isDarkMode:o,theme:i}=e;return t?i.Color.Neutrals[o?"Paper":"Dark"]:(0,l.Du)(i.Color.Overlay.Light,.04)},e=>{let{theme:t}=e;return r.utils.rem(t.Border.Radius.Large)},e=>{let{theme:t}=e;return r.utils.rem(t.Border.Radius.Large)},e=>{let{$padding:t}=e;return r.utils.rem(null!=t?t:0)},e=>{let{theme:t}=e;return r.utils.rem(t.Border.Radius.Large)},e=>{let{$objectFit:t}=e;return null!=t?t:"cover"},e=>{let{theme:t}=e;return r.utils.rem(t.Spacing.Size.XLarge)},e=>{let{theme:t}=e;return t.Color.NeutralsFixed.Paper});a.default.div.withConfig({displayName:"ToolComparison.styles__StyledToolComparisonFluerBox",componentId:"sc-b979d70a-12"})(["position:absolute;top:50%;left:50%;transform:translate(-50%);width:",";height:",";"],r.utils.rem(120),r.utils.rem(120));let C=(0,a.default)(n.P.div).withConfig({displayName:"ToolComparison.styles__StyledToolComparisonFluerLogo",componentId:"sc-b979d70a-13"})(["position:relative;z-index:1;min-width:",";min-height:",";will-change:transform;width:",";height:",";border-radius:",";box-shadow:",";overflow:hidden;img{object-fit:cover;transform:scale(1.05);}"],r.utils.rem(240),r.utils.rem(240),r.utils.rem(240),r.utils.rem(240),r.utils.rem(50),e=>{let{theme:t}=e;return"".concat(r.utils.rem(10)," ").concat(r.utils.rem(-10)," ").concat(r.utils.rem(70)," 0 ").concat((0,l.Du)(t.Color.Brand.Primary,.35),",\n    ").concat(r.utils.rem(0)," ").concat(r.utils.rem(0)," ").concat(r.utils.rem(40)," 0 ").concat((0,l.Du)(t.Color.Neutrals.Paper,.73),",\n    ").concat(r.utils.rem(-10)," ").concat(r.utils.rem(10)," ").concat(r.utils.rem(70)," 0 ").concat((0,l.Du)(t.Color.Brand.Primary,.59))});var b=o(68331),w=o(63547),v=o(7620);let T="https://assets.fluer.com/assets/img",j="".concat(T,"/fluer_hd_logo.svg"),_="".concat(T,"/save_money.svg"),k=e=>[{price:">$24/mo",image:"".concat(T,"/midjourney.svg"),darkImage:"".concat(T,"/midjourney-dark.svg"),key:"mid-journey",top:-195,left:-500,padding:e.Spacing.Size.Small},{price:"$180",image:"".concat(T,"/powerpoint.svg"),key:"powerPoint",top:-280,left:-240,padding:e.Spacing.Size.XXSmall,objectFit:"contain"},{price:"$12/mo",image:"".concat(T,"/adobe-acrobat.svg"),key:"adobeAcrobat",top:-160,left:-620},{price:">$12/mo",image:"".concat(T,"/photoshop.svg"),key:"adobePhotoshop",top:-500,left:240},{price:">$15/mo",image:"".concat(T,"/canva.svg"),key:"canva",top:-410,left:440},{price:">$12/mo",image:"".concat(T,"/illustrator.svg"),key:"illustrator",top:-560,left:680},{price:"$200/mo",image:"".concat(T,"/chatgpt.svg"),darkImage:"".concat(T,"/chatgpt-dark.svg"),key:"chatGPT",top:-570,left:-310,padding:e.Spacing.Size.Small},{price:">$55/mo",image:"".concat(T,"/figma.svg"),key:"figma",top:-440,left:-430,padding:e.Spacing.Size.Small,objectFit:"contain",darkBackground:!0},{price:">$20/mo",image:"".concat(T,"/notion.svg"),key:"notion",top:-480,left:-100,padding:e.Spacing.Size.Small},{price:"$180",image:"".concat(T,"/word.svg"),key:"word",top:-750,left:620,padding:e.Spacing.Size.Small},{price:">$12/mo",image:"".concat(T,"/indesign.svg"),key:"indesign",top:-740,left:360}];var z=o(61773),I=o(7768),B=o(58613),N=o(63301),M=o(13232),D=o(10594);let L=e=>{let{tool:t,index:o,scrollYProgress:n}=e,l=(0,a.useTheme)(),{isDarkMode:s}=(0,N.hJ)(),d=(0,B.Ub)({maxWidth:l.Screen.Size.Medium}),c=(0,v.useMemo)(()=>d?t.left>0?t.left-50:t.left+80:t.left,[d,t.left]),m=(0,M.G)(n,[0,1],["".concat(c,"%"),"".concat(28,"%")],{ease:D.am}),p=(0,M.G)(n,[0,1],["".concat(t.top,"%"),"".concat(-(3.3*o*28),"%")],{ease:D.am}),u=(0,M.G)(n,[0,1],["grayscale(0)","grayscale(2.8)"],{ease:D.am}),g=(0,M.G)(n,[0,1],d?[1,.7]:[1,.6],{ease:D.am});return(0,i.jsxs)(x,{$darkBackground:t.darkBackground,$padding:t.padding,$isDarkMode:s,$objectFit:t.objectFit,style:{x:m,y:p,filter:u,scale:g,rotate:d?"-90deg":"0deg"},children:[(0,i.jsx)(z.default,{src:s&&t.darkImage?t.darkImage:t.image,alt:"",fill:!0,loading:"lazy",sizes:"56px"}),(0,i.jsx)(I.A.Ribbon,{placement:"end",text:(0,i.jsx)(r.Text,{size:"Body",color:l.Color.Neutrals.Paper,children:t.price})})]})},X=e=>{let{scrollYProgress:t}=e,o=(0,M.G)(t,[0,1],[.6,1],{ease:D.am});return(0,i.jsx)(C,{transition:{duration:.3,ease:"easeInOut"},style:{scale:o},children:(0,i.jsx)(z.default,{alt:"Fluer Logo",objectFit:"cover",src:j,fill:!0,loading:"lazy"})})};var P=o(22495);let $=e=>{let{openLoginModal:t}=e,o=(0,a.useTheme)(),{t:n}=(0,b.Wn)(),l=k(o),x=(0,v.useRef)(null),C=(0,v.useRef)(null),T=(0,B.Ub)({maxWidth:o.Screen.Size.Medium}),{scrollYProgress:j}=(0,P.L)({target:x,offset:["start start","end end"]});return(0,i.jsxs)(s,{children:[(0,i.jsxs)(d,{children:[(0,i.jsx)(r.Text,{size:T?"DisplaySmall":"LargeTitle",color:o.Color.Neutrals.Text,children:(0,i.jsx)(w.Trans,{i18nKey:"index.toolComparison.title",components:{span:(0,i.jsx)(c,{}),br:(0,i.jsx)("br",{})}})}),(0,i.jsx)(r.Text,{size:"Body",color:o.Color.Neutrals.Text,children:n("index.toolComparison.description")})]}),(0,i.jsx)(m,{ref:x,children:(0,i.jsx)(h,{ref:C,children:(0,i.jsxs)(y,{children:[(0,i.jsx)(X,{scrollYProgress:j}),(0,i.jsx)(S,{children:l.map((e,t)=>(0,i.jsx)(L,{scrollYProgress:j,tool:e,index:t},e.key))})]})})}),(0,i.jsx)(p,{children:(0,i.jsx)(r.Text,{size:"Body",color:o.Color.Neutrals.Gray,children:n("index.toolComparison.advantages")})}),(0,i.jsxs)(u,{children:[(0,i.jsx)(r.Text,{size:"Heading",color:o.Color.Neutrals.Text,children:(0,i.jsx)(w.Trans,{i18nKey:"index.toolComparison.sale",components:{span:(0,i.jsx)(f,{})}})}),(0,i.jsx)(z.default,{width:152,height:30,src:_,alt:"sale line"})]}),(0,i.jsx)(g,{children:(0,i.jsx)(r.Button,{onClick:t,"data-action":"pricing.get_started.button",children:n("pricing.get_started.button")})})]})}},63301:(e,t,o)=>{o.d(t,{hJ:()=>m,pB:()=>p,yX:()=>c});var i=o(7620),a=o(62733),r=o(89816),n=o(31700),l=o(71883),s=o(70678);let d=()=>{let e="(prefers-color-scheme: dark)",[t,o]=(0,i.useState)(),l=(0,s.getCookie)(r.iQ),d=t=>{o(()=>{let o=(null!=t?t:window.matchMedia(e)).matches?a.B.DARK:a.B.LIGHT;return l||(0,n.TV)(r.iQ,o),o})};return(0,i.useEffect)(()=>{t&&(0,n.TV)(r.mk,t)},[t]),(0,i.useLayoutEffect)(()=>{let t=window.matchMedia(e).matches?a.B.DARK:a.B.LIGHT;return o(()=>(l||(0,n.TV)(r.iQ,t),t)),window.matchMedia(e).addEventListener("change",d),()=>window.matchMedia(e).removeEventListener("change",d)},[]),{systemTheme:t}},c=()=>{let[e,t]=(0,i.useState)(),{systemTheme:o}=d(),l=(0,n.gW)(r.iQ),[s,c]=(0,i.useState)();return(0,i.useEffect)(()=>{l&&l!==a.B.SYSTEM?t(l):t(o)},[o,l]),(0,i.useEffect)(()=>{c(e===a.B.DARK)},[e]),{resultTheme:e,cookieTheme:l,isDarkMode:s,setResultTheme:t}},m=()=>{let{resultTheme:e}=c();return{isDarkMode:e===a.B.DARK}},p=()=>{let{theme:e}=(0,l.GV)(e=>e.theme);return(0,i.useMemo)(()=>e===a.B.DARK?r.jz:r.ns,[e])}}}]);