1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[712],{1712:function(n,i,e){e.r(i),e.d(i,{default:function(){return S}});var t=e(5893),r=e(2729),o=e(4141),d=e(5680);function s(){let n=(0,r._)(["\n padding-top: 6rem;\n padding-bottom: 6rem;\n position: relative;\n margin-top: 9rem;\n min-height: 600px;\n overflow: hidden;\n\n .desktop-img {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n max-width: 100%;\n width: 100%;\n object-fit: cover;\n \n @media (max-width: 900px) {\n display: none;\n }\n }\n .mobile-img {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n max-width: 100%;\n width: 100%;\n object-fit: cover;\n\n @media (min-width: 900px) {\n display: none;\n }\n }\n\n @media (min-width: 1500px) {\n padding-top: 9rem;\n padding-bottom: 9rem;\n margin-top: 11.7rem;\n }\n \n @media (max-width: 900px) {\n margin-top: 4rem;\n padding-top: 7rem;\n padding-bottom: 7rem;\n min-height: 1000px;\n }\n"]);return s=function(){return n},n}function l(){let n=(0,r._)(["\n ",";\n position: relative;\n \n h3 {\n color: #FFF;\n text-align: center;\n font-size: 40px;\n font-style: normal;\n font-weight: 600;\n line-height: 50px;\n \n span {\n color: #379EEE;\n }\n \n @media (min-width: 1500px) {\n font-size: 48px;\n line-height: 58px;\n }\n \n @media (max-width: 900px) {\n font-size: 38px;\n line-height: 48px;\n }\n }\n\n @media (max-width: 900px) {\n width: 87%;\n }\n\n"]);return l=function(){return n},n}function a(){let n=(0,r._)(["\n margin-top: 5rem;\n ",";\n align-items: center;\n \n border-radius: 32px;\n opacity: 0.8;\n background: rgba(0, 0, 0, 0.40);\n backdrop-filter: blur(16px);\n gap: 11rem;\n padding: 2.5rem 4.7rem;\n\n @media (max-width: 900px) {\n margin-top: 5rem;\n flex-direction: column-reverse;\n padding: 4.2rem 2.1rem 3rem 2.1rem;\n gap: 3rem;\n }\n"]);return a=function(){return n},n}function c(){let n=(0,r._)(["\n width: 46.2%;\n \n @media (max-width: 900px) {\n width: 100%;\n }\n"]);return c=function(){return n},n}function h(){let n=(0,r._)(["\n flex: 1;\n \n div {\n img {\n width: 100%;\n max-width: 100%;\n }\n }\n \n \n"]);return h=function(){return n},n}function x(){let n=(0,r._)(["\n margin-top: 7.5rem;\n display: flex;\n justify-content: flex-end;\n\n @media (max-width: 900px) {\n justify-content: center;\n }\n"]);return x=function(){return n},n}function m(){let n=(0,r._)(["\n border-radius: 50px;\n background: #518B6C;\n display: flex;\n padding: 14px 32px;\n justify-content: center;\n align-items: center;\n gap: 12px;\n\n color: #FFF;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 26px; /* 162.5% */\n\n width: fit-content;\n position: relative;\n cursor: pointer;\n transition: all ease .6s;\n\n :hover {\n background: rgb(35, 79, 55);\n }\n"]);return m=function(){return n},n}let p=o.ZP.div(s()),g=o.ZP.div(l(),d.n),u=o.ZP.div(a(),d.H),f=o.ZP.div(c()),w=o.ZP.div(h());o.ZP.div(x()),o.ZP.a(m());var j=e(7294),v=e(4538);function L(){let n=(0,r._)(["\n"]);return L=function(){return n},n}function b(){let n=(0,r._)(["\n display: flex;\n gap: 1.1rem;\n align-items: center;\n border-top: ",";\n cursor: pointer;\n"]);return b=function(){return n},n}function F(){let n=(0,r._)(["\n margin-top: 1rem;\n"]);return F=function(){return n},n}function k(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n margin-bottom: 3.2rem;\n\n p {\n //color: var(--secondary-color);\n color: rgba(255, 255, 255, 0.90);\n font-size: 16px;\n font-weight: 400;\n width: 97%;\n margin-bottom: 1.6rem;\n opacity: .9;\n \n &:last-child {\n margin-bottom: 0;\n }\n \n @media (max-width: 900px) {\n font-size: 1.4rem;\n \n }\n \n }\n"]);return k=function(){return n},n}function Z(){let n=(0,r._)(["\n padding: 1.6rem 0;\n color: white;\n font-size: 2.4rem;\n line-height: 3.4rem;\n font-weight: 600;\n padding-top: ",";\n width: 90%;\n \n @media (max-width: 900px) {\n font-size: 1.8rem;\n padding-bottom: 2.4rem;\n }\n"]);return Z=function(){return n},n}function z(){let n=(0,r._)(["\n overflow: hidden;\n"]);return z=function(){return n},n}let _=o.ZP.div(L()),y=o.ZP.div(b(),n=>{let{index:i}=n;return 0===i?"none":"1px solid white"}),P=(0,o.ZP)(v.E.div)(F()),T=(0,o.ZP)(v.E.div)(k()),C=(0,o.ZP)(v.E.div)(Z(),n=>{let{index:i}=n;return 0===i?"0":""}),E=(0,o.ZP)(v.E.div)(z());var M=e(1526),B=e(5174),N=n=>{let{isFirstClicked:i,isSecondClicked:e,isThirdClicked:r,handleToggleFAQ:o}=n,d={open:{opacity:1,height:"auto"},closed:{opacity:0,height:0}};return(0,t.jsxs)("div",{children:[(0,t.jsxs)(_,{children:[(0,t.jsxs)(y,{onClick:()=>o("first"),index:0,children:[(0,t.jsx)(C,{index:0,children:B.zT[0].title}),(0,t.jsx)("div",{className:"icon-wrapper",children:i?(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,t.jsx)("path",{d:"M15.9991 14.4375L9.39936 21.0371L7.51376 19.1515L15.9991 10.6661L24.4844 19.1515L22.5987 21.0371L1
15.9991 14.4375Z",fill:"#FFF"})}):(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"33",viewBox:"0 0 32 33",fill:"none",children:(0,t.jsx)("path",{d:"M16.0009 18.5586L22.6006 11.959L24.4862 13.8446L16.0009 22.3299L7.51562 13.8446L9.40125 11.959L16.0009 18.5586Z",fill:"#FFF"})})})]}),(0,t.jsx)(M.M,{children:i&&(0,t.jsx)(E,{exit:"closed",initial:"closed",animate:"open",transition:{duration:.8,ease:[.04,.62,.23,.98]},variants:d,children:(0,t.jsx)(P,{children:(0,t.jsx)(T,{index:0,children:B.zT[0].content})})},B.zT[0].title)})]}),(0,t.jsxs)(_,{children:[(0,t.jsxs)(y,{onClick:()=>o("second"),index:1,children:[(0,t.jsx)(C,{index:1,children:B.zT[1].title}),(0,t.jsx)("div",{className:"icon-wrapper",children:e?(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,t.jsx)("path",{d:"M15.9991 14.4375L9.39936 21.0371L7.51376 19.1515L15.9991 10.6661L24.4844 19.1515L22.5987 21.0371L15.9991 14.4375Z",fill:"#FFF"})}):(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"33",viewBox:"0 0 32 33",fill:"none",children:(0,t.jsx)("path",{d:"M16.0009 18.5586L22.6006 11.959L24.4862 13.8446L16.0009 22.3299L7.51562 13.8446L9.40125 11.959L16.0009 18.5586Z",fill:"#FFF"})})})]}),(0,t.jsx)(M.M,{children:e&&(0,t.jsx)(E,{exit:"closed",initial:"closed",animate:"open",transition:{duration:.8,ease:[.04,.62,.23,.98]},variants:d,children:(0,t.jsx)(P,{children:(0,t.jsx)(T,{index:1,children:B.zT[1].content})})},B.zT[1].title)})]}),(0,t.jsxs)(_,{children:[(0,t.jsxs)(y,{onClick:()=>o("third"),index:2,children:[(0,t.jsx)(C,{index:2,children:B.zT[2].title}),(0,t.jsx)("div",{className:"icon-wrapper",children:r?(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,t.jsx)("path",{d:"M15.9991 14.4375L9.39936 21.0371L7.51376 19.1515L15.9991 10.6661L24.4844 19.1515L22.5987 21.0371L15.9991 14.4375Z",fill:"#FFF"})}):(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"33",viewBox:"0 0 32 33",fill:"none",children:(0,t.jsx)("path",{d:"M16.0009 18.5586L22.6006 11.959L24.4862 13.8446L16.0009 22.3299L7.51562 13.8446L9.40125 11.959L16.0009 18.5586Z",fill:"#FFF"})})})]}),(0,t.jsx)(M.M,{children:r&&(0,t.jsx)(E,{exit:"closed",initial:"closed",animate:"open",transition:{duration:.8,ease:[.04,.62,.23,.98]},variants:d,children:(0,t.jsx)(P,{children:(0,t.jsx)(T,{index:2,children:B.zT[2].content})})},B.zT[2].title)})]})]})},S=()=>{let[n,i]=(0,j.useState)(!0),[e,r]=(0,j.useState)(!1),[o,d]=(0,j.useState)(!1);return(0,t.jsxs)(p,{children:[(0,t.jsx)("img",{className:"desktop-img",src:"/assets/images/content-profit-bg.svg",alt:""}),(0,t.jsx)("img",{className:"mobile-img",src:"/assets/images/mobile-content-profit-bg.svg",alt:""}),(0,t.jsxs)(g,{children:[(0,t.jsxs)("h3",{children:["Content Profit is ",(0,t.jsx)("span",{children:"For You"})," Ifâ¦"]}),(0,t.jsxs)(u,{children:[(0,t.jsx)(f,{children:(0,t.jsx)(N,{isFirstClicked:n,isSecondClicked:e,isThirdClicked:o,handleToggleFAQ:t=>{switch(t){case"first":i(!n),r(!1),d(!1);break;case"second":i(!1),r(!e),d(!1);break;case"third":i(!1),r(!1),d(!o);break;default:i(!0)}}})}),(0,t.jsx)(w,{children:(0,t.jsx)("div",{children:(0,t.jsx)("img",{src:"/assets/images/ad.webp",alt:""})})})]})]})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.