component---src-pages-templates-workflow-tsx-de31551bb93538876726.js

"use strict";(self.webpackChunkcode_cave=self.webpackChunkcode_cave||[]).push([[726],{6267:function(e,t,l){l.r(t),l.d(t,{Head:function(){return w},default:function(){return v}});var a=l(6540),n=l(3609),s=l(5471),r=l(7437);var o=e=>{let{step:t,scroll:l,stepNumber:n,className:s}=e;const o=(0,a.useRef)(null),{0:i,1:c}=(0,a.useState)("opacity-0");(0,a.useEffect)(()=>{if(!o.current||!window)return;const e=o.current.getBoundingClientRect().bottom;window.innerHeight>e&&c("workflow-step-shown")},[l]);const{html:u,frontmatter:{title:m}}=t;return(0,r.Y)("div",{ref:o,className:`workflow-step relative flex w-full items-center justify-between text-secondary-100 gap-5 md:gap-28 max-w-4.5xl ${s} ${i}`},(0,r.Y)("p",{className:"text-center px-5 md:px-20 text-[88px] sm:text-[148px] font-bold shrink-0 py-4 text-primary-70"},n),(0,r.Y)("div",{className:"flex flex-col flex-1 gap-2.5"},(0,r.Y)("h2",{className:"font-bold text-2xl sm:text-3xl"},m),(0,r.Y)("div",{className:"w-full font-normal text-lg",dangerouslySetInnerHTML:{__html:u}})))},i=l(4810),c=l(9585),u=l(8680);var m=e=>{let{reason:{frontmatter:{title:t},html:l},className:a}=e;return(0,r.Y)("div",{className:`group why-us-card relative flex flex-col text-secondary-100 gap-2.5 cursor-pointer break-inside-avoid h-max ${a}`},(0,r.Y)("h3",{className:"text-3xl"},t),(0,r.Y)("div",{className:"text-lg text-secondary-100",dangerouslySetInnerHTML:{__html:l}}),(0,r.Y)("div",{className:"line w-1 h-0 bg-secondary-100 absolute top-1/2 -left-5 -translate-y-1/2 transition-all duration-500 break-inside-avoid group-hover:h-full"}))};var d=e=>{var t,l,n,s,o,d,f,p,v;let{lang:w}=e;const g=(0,i.GR)(x);let h;w in g?h=null==g||null===(t=g[w])||void 0===t?void 0:t.nodes:null==g||null===(l=g.en)||void 0===l||l.nodes;const Y=null!==(n=null==g||null===(s=g.markupData)||void 0===s||null===(o=s.nodes)||void 0===o||null===(d=o.find(e=>e.fields.language===w))||void 0===d||null===(f=d.frontmatter)||void 0===f||null===(p=f.whyUs)||void 0===p?void 0:p.title)&&void 0!==n?n:"why us";return(0,r.Y)(a.Fragment,null,null!==(v=h)&&void 0!==v&&v.length?(0,r.Y)(u.A,{theme:c.S.dark,title:Y},(0,r.Y)("div",{className:"flex flex-col md:flex-row gap-y-5 w-full gap-x-28 max-w-4.5xl"},(0,r.Y)("div",{className:"flex flex-1 flex-col gap-y-5 md:gap-y-14 justify-start"},h.map((e,t)=>t%2==0&&(0,r.Y)(m,{key:e.id,reason:e}))),(0,r.Y)("div",{className:"flex flex-1 flex-col gap-y-5 md:gap-y-14 justify-start"},h.map((e,t)=>t%2!=0&&(0,r.Y)(m,{key:e.id,reason:e}))))):null)};const x="941943045";var f=l(6696),p=l(4716);var v=e=>{let{data:t,pageContext:{markupData:l,lang:i}}=e;const c=t.allMarkdownRemark.nodes,u=(0,a.useRef)(!0),{0:m,1:x}=(0,a.useState)(!1),f=()=>{x(e=>!e)};return(0,a.useEffect)(()=>{if(u.current&&window)return u.current=!1,window.addEventListener("scroll",f),()=>window.removeEventListener("scroll",f)},[]),(0,r.Y)(a.Fragment,null,(0,r.Y)(n.A,{heightClass:"lg:h-32",titleBlockClassName:"w-full",title:l.bannerTitle}),(0,r.Y)("div",null,(0,r.Y)(s.A,{className:"flex-col items-center relative py-16 gap-5 sm:gap-0"},c?c.map((e,t)=>(0,r.Y)(o,{key:e.id,step:e,className:"even:flex-row-reverse",scroll:m,stepNumber:t+1})):null)),(0,r.Y)(d,{lang:i}),(0,r.Y)(p.A,{lang:i}))};const w=e=>{let{pageContext:{markupData:t,site:l,lang:a},location:n}=e;return(0,r.Y)(f.c,{title:`${t.head} | ${t.bannerTitle.toUpperCase()}`,description:l.description,siteUrl:l.siteUrl,path:n.pathname,lang:a})}},8680:function(e,t,l){var a=l(8168),n=l(6540),s=l(4810),r=l(9585),o=l(1421),i=l.n(o),c=l(5471),u=l(7437);t.A=e=>{let{section:t,theme:l,title:o,linkTitle:m,subTitle:d,className:x,children:f,borderT:p,borderB:v,isArrowLink:w=!0,...g}=e;const h=l===r.S.dark?"text-secondary-100":"text-main-100",Y=l===r.S.dark?"text-secondary-100 hover:text-secondary-70":"text-main-100 hover:text-main-10";return(0,u.Y)(n.Fragment,null,p?(0,u.Y)(i(),{className:"w-full"}):null,(0,u.Y)("section",(0,a.A)({className:`w-full py-16 bg-transparent ${x}`},g),(0,u.Y)(c.A,{maxWidthClass:"max-w-[1280px]",className:`flex-col items-center ${h}`},(0,u.Y)("div",{className:"flex justify-between w-full sm:items-center pb-8 sm:pb-14 flex-col sm:flex-row gap-5"},(0,u.Y)("h2",{className:`text-4xl font-bold flex-1 ${h}`},o.toUpperCase()),t?(0,u.Y)(s.N_,{to:`/${t}`,className:`w-full sm:w-auto text-start sm:text-end text-xl font-normal cursor-pointer whitespace-nowrap ${Y}`},m?m.toUpperCase():"DISCOVER MORE"," ",w?(0,u.Y)(n.Fragment,null,"→"):null):null,d?(0,u.Y)("p",{className:`w-full sm:w-auto flex-1 text-start sm:text-end text-xl font-normal ${h}`},d.toUpperCase()):null),f)),v?(0,u.Y)(i(),{className:"w-full"}):null)}}}]);
//# sourceMappingURL=component---src-pages-templates-workflow-tsx-de31551bb93538876726.js.map