-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-templates-workflow-tsx-4789835f77b8545f59fd.js
2 lines (2 loc) · 4.65 KB
/
component---src-pages-templates-workflow-tsx-4789835f77b8545f59fd.js
1
2
"use strict";(self.webpackChunkcode_cave=self.webpackChunkcode_cave||[]).push([[548],{216:function(e,t,l){var a=l(7462),n=l(7294),s=l(4160),r=l(8322),o=l(4471),i=l.n(o),u=l(1164),c=l(917);t.Z=e=>{let{section:t,theme:l,title:o,linkTitle:d,subTitle:m,className:x,children:f,borderT:p,borderB:v,isArrowLink:w=!0,...g}=e;const Z=l===r.Q.dark?"text-secondary-100":"text-main-100",h=l===r.Q.dark?"text-secondary-100 hover:text-secondary-70":"text-main-100 hover:text-main-10";return(0,c.tZ)(n.Fragment,null,p?(0,c.tZ)(i(),{className:"w-full"}):null,(0,c.tZ)("section",(0,a.Z)({className:`w-full py-16 bg-transparent ${x}`},g),(0,c.tZ)(u.Z,{maxWidthClass:"max-w-[1280px]",className:`flex-col items-center ${Z}`},(0,c.tZ)("div",{className:"flex justify-between w-full sm:items-center pb-8 sm:pb-14 flex-col sm:flex-row gap-5"},(0,c.tZ)("h2",{className:`text-4xl font-bold flex-1 ${Z}`},o.toUpperCase()),t?(0,c.tZ)(s.rU,{to:`/${t}`,className:`w-full sm:w-auto text-start sm:text-end text-xl font-normal cursor-pointer whitespace-nowrap ${h}`},d?d.toUpperCase():"DISCOVER MORE"," ",w?(0,c.tZ)(n.Fragment,null,"→"):null):null,m?(0,c.tZ)("p",{className:`w-full sm:w-auto flex-1 text-start sm:text-end text-xl font-normal ${Z}`},m.toUpperCase()):null),f)),v?(0,c.tZ)(i(),{className:"w-full"}):null)}},240:function(e,t,l){l.r(t),l.d(t,{Head:function(){return w},default:function(){return v}});var a=l(7294),n=l(1929),s=l(1164),r=l(917);var o=e=>{let{step:t,scroll:l,stepNumber:n,className:s}=e;const o=(0,a.useRef)(null),{0:i,1:u}=(0,a.useState)("opacity-0");(0,a.useEffect)((()=>{if(!o.current||!window)return;const e=o.current.getBoundingClientRect().bottom;window.innerHeight>e&&u("workflow-step-shown")}),[l]);const{html:c,frontmatter:{title:d}}=t;return(0,r.tZ)("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.tZ)("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.tZ)("div",{className:"flex flex-col flex-1 gap-2.5"},(0,r.tZ)("h2",{className:"font-bold text-2xl sm:text-3xl"},d),(0,r.tZ)("div",{className:"w-full font-normal text-lg",dangerouslySetInnerHTML:{__html:c}})))},i=l(4160),u=l(8322),c=l(216);var d=e=>{let{reason:{frontmatter:{title:t},html:l},className:a}=e;return(0,r.tZ)("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.tZ)("h3",{className:"text-3xl"},t),(0,r.tZ)("div",{className:"text-lg text-secondary-70",dangerouslySetInnerHTML:{__html:l}}),(0,r.tZ)("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 m=e=>{var t,l,n,s,o,m,f,p,v;let{lang:w}=e;const g=(0,i.K2)(x);let Z;w in g?Z=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 h=null!==(n=null==g||null===(s=g.markupData)||void 0===s||null===(o=s.nodes)||void 0===o||null===(m=o.find((e=>e.fields.language===w)))||void 0===m||null===(f=m.frontmatter)||void 0===f||null===(p=f.whyUs)||void 0===p?void 0:p.title)&&void 0!==n?n:"why us";return(0,r.tZ)(a.Fragment,null,null!==(v=Z)&&void 0!==v&&v.length?(0,r.tZ)(c.Z,{theme:u.Q.dark,title:h,borderB:!0},(0,r.tZ)("div",{className:"flex flex-col md:flex-row gap-y-5 w-full gap-x-28 max-w-4.5xl"},(0,r.tZ)("div",{className:"flex flex-1 flex-col gap-y-5 md:gap-y-14 justify-start"},Z.map(((e,t)=>t%2==0&&(0,r.tZ)(d,{key:e.id,reason:e})))),(0,r.tZ)("div",{className:"flex flex-1 flex-col gap-y-5 md:gap-y-14 justify-start"},Z.map(((e,t)=>t%2!=0&&(0,r.tZ)(d,{key:e.id,reason:e})))))):null)};const x="941943045";var f=l(9165),p=l(5081);var v=e=>{let{data:t,pageContext:{markupData:l,lang:i}}=e;const u=t.allMarkdownRemark.nodes,c=(0,a.useRef)(!0),{0:d,1:x}=(0,a.useState)(!1),f=()=>{x((e=>!e))};return(0,a.useEffect)((()=>{if(c.current&&window)return c.current=!1,window.addEventListener("scroll",f),()=>window.removeEventListener("scroll",f)}),[]),(0,r.tZ)(a.Fragment,null,(0,r.tZ)(n.Z,{heightClass:"lg:h-32",titleBlockClassName:"w-full",title:l.bannerTitle}),(0,r.tZ)("div",null,(0,r.tZ)(s.Z,{className:"flex-col items-center relative py-16 gap-5 sm:gap-0"},u?u.map(((e,t)=>(0,r.tZ)(o,{key:e.id,step:e,className:"even:flex-row-reverse",scroll:d,stepNumber:t+1}))):null)),(0,r.tZ)(m,{lang:i}),(0,r.tZ)(p.Z,{lang:i}))};const w=e=>{let{pageContext:{markupData:t,site:l,lang:a},location:n}=e;return(0,r.tZ)(f.Ag,{title:`${t.head} | ${t.bannerTitle.toUpperCase()}`,description:l.description,siteUrl:l.siteUrl,path:n.pathname,lang:a})}}}]);
//# sourceMappingURL=component---src-pages-templates-workflow-tsx-4789835f77b8545f59fd.js.map