https://www.zealousweb.com/_next/static/chunks/5957.c1deaf0a7f35ea43.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3808,5957],{65957:(e,t,r)=>{r.r(t),r.d(t,{default:()=>l});var s=r(37876),i=r(77841),n=r(83808),o=r(51737);let l=e=>(0,s.jsx)("section",{className:"relative pt-8 pb-12 md:py-24 bg-gradient-to-t from-tealblue-600 to-tealblue-700",children:(0,s.jsxs)("div",{className:"max-w-full md:max-w-5xl m-auto md:px-8",children:[e?.certiTitle&&(0,s.jsx)("div",{className:"text-4xl lg:text-5xl tracking-tight font-semibold text-white text-center mb-8 md:mb-16",dangerouslySetInnerHTML:{__html:e?.certiTitle}}),(0,s.jsxs)("div",{className:"flex gap-8 md:gap-10 max-md:flex-wrap max-md:px-7",children:[(0,s.jsx)("div",{className:"w-full md:w-1/2",children:e?.certiImage&&(0,s.jsx)(n.InView,{triggerOnce:!0,children:t=>{let{ref:r}=t;return(0,s.jsx)("div",{ref:r,children:e?.certiImage?.type=="text"?(0,s.jsx)(i.default,{url:e?.certiImage?.url,className:"w-full h-full object-cover"}):(0,s.jsx)(o.A,{src:e?.certiImage?.url,alt:e?.certiImage?.alt??"Zealousweb",width:400,height:260,className:"object-contain object-bottom w-full h-full  origin-center"})})}})}),(0,s.jsx)("div",{className:"w-full md:w-1/2",children:e?.certiContent&&(0,s.jsx)("div",{className:"prose-h3:text-xl prose-h3:lg:text-3xl prose-h3:text-allports-950 prose-h3:font-normal prose-strong:font-semibold prose-strong:text-jaffa-500 max-md:prose-h3:font-semibold prose-h3:mb-4  md:prose-h3:mb-6 prose-h4:text-allports-950 prose-h4:text-lg prose-h4:lg:text-xl prose-h4:font-normal",dangerouslySetInnerHTML:{__html:e?.certiContent}})})]})]})})},83808:(e,t,r)=>{r.r(t),r.d(t,{InView:()=>u,defaultFallbackInView:()=>c,observe:()=>p,useInView:()=>b});var s=r(14232),i=Object.defineProperty,n=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,o=(e,t,r)=>n(e,"symbol"!=typeof t?t+"":t,r),l=new Map,a=new WeakMap,h=0,d=void 0;function c(e){d=e}function p(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:d;if(void 0===window.IntersectionObserver&&void 0!==s){let i=e.getBoundingClientRect();return t(s,{isIntersecting:s,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),()=>{}}let{id:i,observer:n,elements:o}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var r;return`${t}_${"root"===t?!(r=e.root)?"0":(a.has(r)||(h+=1,a.set(r,h.toString())),a.get(r)):e[t]}`}).toString(),r=l.get(t);if(!r){let s,i=new Map,n=new IntersectionObserver(t=>{t.forEach(t=>{var r;let n=t.isIntersecting&&s.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=n),null==(r=i.get(t.target))||r.forEach(e=>{e(n,t)})})},e);s=n.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:n,elements:i},l.set(t,r)}return r}(r),c=o.get(e)||[];return o.has(e)||o.set(e,c),c.push(t),n.observe(e),function(){c.splice(c.indexOf(t),1),0===c.length&&(o.delete(e),n.unobserve(e)),0===o.size&&(n.disconnect(),l.delete(i))}}var u=class extends s.Component{constructor(e){super(e),o(this,"node",null),o(this,"_unobserveCb",null),o(this,"handleNode",e=>{this.node&&(this.unobserve(),e||this.props.triggerOnce||this.props.skip||this.setState({inView:!!this.props.initialInView,entry:void 0})),this.node=e||null,this.observeNode()}),o(this,"handleChange",(e,t)=>{e&&this.props.triggerOnce&&this.unobserve(),"function"==typeof this.props.children&&this.setState({inView:e,entry:t}),this.props.onChange&&this.props.onChange(e,t)}),this.state={inView:!!e.initialInView,entry:void 0}}componentDidMount(){this.unobserve(),this.observeNode()}componentDidUpdate(e){(e.rootMargin!==this.props.rootMargin||e.root!==this.props.root||e.threshold!==this.props.threshold||e.skip!==this.props.skip||e.trackVisibility!==this.props.trackVisibility||e.delay!==this.props.delay)&&(this.unobserve(),this.observeNode())}componentWillUnmount(){this.unobserve()}observeNode(){if(!this.node||this.props.skip)return;let{threshold:e,root:t,rootMargin:r,trackVisibility:s,delay:i,fallbackInView:n}=this.props;this._unobserveCb=p(this.node,this.handleChange,{threshold:e,root:t,rootMargin:r,trackVisibility:s,delay:i},n)}unobserve(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)}render(){let{children:e}=this.props;if("function"==typeof e){let{inView:t,entry:r}=this.state;return e({inView:t,entry:r,ref:this.handleNode})}let{as:t,triggerOnce:r,threshold:i,root:n,rootMargin:o,onChange:l,ski

1p:a,trackVisibility:h,delay:d,initialInView:c,fallbackInView:p,...u}=this.props;return s.createElement(t||"div",{ref:this.handleNode,...u},e)}};function b(){var e;let{threshold:t,delay:r,trackVisibility:i,rootMargin:n,root:o,triggerOnce:l,skip:a,initialInView:h,fallbackInView:d,onChange:c}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[u,b]=s.useState(null),m=s.useRef(c),[g,f]=s.useState({inView:!!h,entry:void 0});m.current=c,s.useEffect(()=>{let e;if(!a&&u)return e=p(u,(t,r)=>{f({inView:t,entry:r}),m.current&&m.current(t,r),r.isIntersecting&&l&&e&&(e(),e=void 0)},{root:o,rootMargin:n,threshold:t,trackVisibility:i,delay:r},d),()=>{e&&e()}},[Array.isArray(t)?t.toString():t,u,o,n,l,a,i,d,r]);let v=null==(e=g.entry)?void 0:e.target,x=s.useRef(void 0);u||!v||l||a||x.current===v||(x.current=v,f({inView:!!h,entry:void 0}));let w=[b,g.inView,g.entry];return w.ref=w[0],w.inView=w[1],w.entry=w[2],w}}}]);