https://wyeeeth.com/_next/static/chunks/600-dd89e65bb0e04183.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[600],{90600:function(e,t,l){l.r(t),l.d(t,{default:function(){return m}});var i=l(26705),n=l(29434),r=l(91924),s=l(98729),a=l(65567),o=l(21107),d=l(62936),c=l(16468),u=l(97377),v=function(e){let{data:t,encodeDataAttribute:l}=e,{overview:n,showcaseProjects:r=[],featuredMedia:v=[]}=null!=t?t:{};return console.log("overview:",n),console.log("displayText:",null==n?void 0:n.displayText),console.log("text:",null==n?void 0:n.text),(0,i.jsxs)("div",{className:"space-y-6 home-page",children:[(0,i.jsx)("div",{className:"mobile-intersector"}),(0,i.jsx)("div",{style:{height:"1rem",lineHeight:"1rem"},className:"role-desc-home col-start-7 col-span-3",children:(0,i.jsx)(u.default,{children:(0,i.jsxs)("span",{className:"text-1xl",children:["Designer ",(0,i.jsx)("br",{})," & Developer"]})})}),(0,i.jsx)("div",{className:"home-page-title",children:n&&(0,i.jsx)(o.h,{description:n})}),r&&r.length>0&&(0,i.jsx)("div",{className:"grid home-page-grid gap-5 grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 project-link-wrap bg-white",children:r.map((e,t)=>{var n,r;let{project:o,scaleTile:u}=e,v=(0,d.cG)(o._type,o.slug);

1if(!v)return null;let m=.2*Math.floor(t/2)+.2;return(0,i.jsx)("div",{className:u?"scale-down":"",children:u?(0,i.jsx)("a",{href:null!==(r=null===(n=o.site)||void 0===n?void 0:n.url)&&void 0!==r?r:v,target:"_blank",rel:"noopener noreferrer",children:(0,i.jsx)(c.default,{delay:m,children:(0,i.jsx)(a.ProjectListItem,{project:o,isScaled:u})})}):(0,i.jsx)(s.Link,{href:v,"data-sanity":null==l?void 0:l(["showcaseProjects",t,"project","slug"]),children:(0,i.jsx)(c.default,{delay:m,children:(0,i.jsx)(a.ProjectListItem,{project:o,isScaled:u})})})},t)})})]})};function m(e){let{initial:t}=e,{data:l,encodeDataAttribute:s}=(0,r.aM)(n.Au,{},{initial:t});return l?(0,i.jsx)(v,{data:l,encodeDataAttribute:s}):(0,i.jsx)("div",{className:"text-center",children:"Please start editing your Home document to see the preview!"})}},65567:function(e,t,l){l.d(t,{ProjectListItem:function(){return d}});var i=l(26705),n=l(20955),r=l(49582),s=l(80524),a=l(3264),o=l(97377);function d(e){var t,l,d,c,u,v,m,h,x,p,f;let{project:j,isScaled:g}=e,[w,y]=(0,n.useState)(!1),N=(0,n.useRef)(null),b=(0,n.useRef)(null),k=(0,n.useRef)(!1),E=(0,n.useRef)(!1),[I,L]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=()=>{E.current=window.innerWidth<800,L(E.current)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,n.useEffect)(()=>{if(!I)return;let e=b.current,t=document.querySelector(".mobile-intersector");if(!e||!t)return;let l=()=>{if(window.scrollY<10){k.current&&(k.current=!1,y(!1));return}let l=e.getBoundingClientRect(),i=t.getBoundingClientRect(),n=i.top<l.bottom&&i.bottom>l.top;n!==k.current&&(k.current=n,y(n))};return l(),window.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l,{passive:!0}),()=>{window.removeEventListener("scroll",l),window.removeEventListener("resize",l)}},[I]),(0,n.useEffect)(()=>{let e;let t=N.current;if(!t)return;let l=()=>{if(!t)return;let i=t.getBoundingClientRect().top/window.innerHeight;r.p8.to(t,{y:"".concat(0*i,"%"),duration:.6,ease:"power3.out"}),e=requestAnimationFrame(l)};return e=requestAnimationFrame(l),()=>cancelAnimationFrame(e)},[]);let C=!!(null===(d=j.coverImage)||void 0===d?void 0:null===(l=d.video)||void 0===l?void 0:null===(t=l.asset)||void 0===t?void 0:t.playbackId),_=!!(null===(u=j.coverImage)||void 0===u?void 0:null===(c=u.media)||void 0===c?void 0:c.asset),[D,R]=(0,n.useState)("4:5");(0,n.useEffect)(()=>{var e,t,l;let i=null===(l=j.coverImage)||void 0===l?void 0:null===(t=l.video)||void 0===t?void 0:null===(e=t.asset)||void 0===e?void 0:e.aspect_ratio;i&&"string"==typeof i&&i.includes(":")&&R(i)},[null===(h=j.coverImage)||void 0===h?void 0:null===(m=h.video)||void 0===m?void 0:null===(v=m.asset)||void 0===v?void 0:v.aspect_ratio]);let[S,A]=D.split(":").map(Number);return(0,i.jsxs)("div",{ref:b,onMouseEnter:()=>!E.current&&y(!0),onMouseLeave:()=>!E.current&&y(!1),className:"flex flex-col gap-2 group".concat(w?" mobile-intersected":""),children:[(0,i.jsxs)("div",{className:"w-full aspect-video relative overflow-hidden",children:[C?(0,i.jsx)("div",{ref:N,className:"aspect-video-media py-2",style:{width:"100%",height:"100%",position:"relative"},children:(0,i.jsx)("div",{className:"absolute hybrid-media inset-0",style:{pointerEvents:"none"},children:(0,i.jsx)(a.default,{userInactiveTimeout:0,playbackId:null==j?void 0:null===(p=j.coverImage)||void 0===p?void 0:null===(x=p.video)||void 0===x?void 0:x.asset.playbackId,streamType:"on-demand",autoPlay:"muted",loop:"true",style:{width:"100%",height:"100%",objectFit:"cover"}})})}):_?(0,i.jsx)("div",{ref:N,style:{width:"100%",position:"relative",height:"100%",scale:1.1},className:"will-change-transform aspect-video-media",children:(0,i.jsx)(s.Z,{image:null==j?void 0:null===(f=j.coverImage)||void 0===f?void 0:f.media,alt:"Cover image from ".concat(j.title),classesWrapper:"relative"})}):null,(0,i.jsx)("div",{className:"absolute bottom-0 left-0 right-0 flex flex-wrap justify-between text-white text-lg md:text-2xl px-2 py-1 transition-opacity duration-300 ".concat(w?"opacity-100":"opacity-0 group-hover:opacity-100"),children:g?(0,i.jsx)(o.default,{staggerDelay:.2,children:(0,i.jsx)("span",{className:"text-white",children:"Visit Site ↗"})},"visit-".concat(w)):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.default,{staggerDelay:.2,children:(0,i.jsx)("span",{className:"text-white",children:j.title})},"title-".concat(w)),j.client&&j.client.length>0&&(0,i.jsx)("span",{className:"opacity-75 text-base project-detail text-white",children:j.client.filter(e=>e.title!==j.title).map((e,t,l)=>(0,i.jsxs)("span",{className:"text-white",children:[e.title,t<l.length-1?", ":""]},t))}),(0,i.jsx)(o.default,{staggerDelay:.2,children:(0,i.jsx)("div",{className:"project-detail text-white",children:j.year})}

1,"year-".concat(w))]})})]}),(0,i.jsxs)("div",{className:"flex flex-col",children:[g&&(0,i.jsx)("p",{className:"flex flex-wrap justify-between text-black text-lg md:text-2xl px-2 py-0",children:j.title}),(0,i.jsx)("div",{className:"flex flex-wrap justify-between text-black text-lg md:text-2xl px-2 py-0",children:j.overview&&j.overview.length>0&&(0,i.jsx)("p",{className:"project-detail text-black",children:j.overview.map(e=>{var t;return"block"===e._type?null===(t=e.children)||void 0===t?void 0:t.map(e=>e.text).join(""):""}).join(" ")})})]})]})}},61458:function(e,t,l){l.d(t,{s:function(){return s}});var i=l(26705),n=l(92535),r=l(20955);function s(e){let{paragraphClasses:t="",value:l}=e;return(0,i.jsx)(n.YI,{components:{block:{normal:e=>{let{children:l}=e;return(0,i.jsx)("p",{className:"".concat(t," flex flex-wrap"),children:function e(t){return r.Children.map(t,t=>"string"==typeof t?t.split(" ").map((e,t,l)=>(0,i.jsxs)("span",{className:"inline-block",style:{verticalAlign:"bottom"},children:[(0,i.jsx)("span",{className:"reveal-word inline-block",children:e}),t<l.length-1?"\xa0":null]},t)):r.isValidElement(t)&&t.props.children?r.cloneElement(t,{children:e(t.props.children)}):t)}(l)})}},marks:{link:e=>{let{children:t,value:l}=e;return(0,i.jsx)("a",{className:"underline transition hover:opacity-50",href:null==l?void 0:l.href,rel:"noreferrer noopener",children:t})}},types:{image:e=>{let{value:t}=e;return(0,i.jsx)("div",{className:"my-6 space-y-2"})}}},value:l})}},21107:function(e,t,l){l.d(t,{h:function(){return s}});var i=l(26705),n=l(61458),r=l(97377);function s(e){let{description:t}=e;return t?(0,i.jsx)("div",{className:"w-full md:w-4/6",children:t&&(0,i.jsx)("div",{className:"mt-4 text-3xl md:text-4.5xl",children:!0==t.displayText&&(0,i.jsx)(r.default,{element:"div",elementClass:"mt-4 text-xl md:text-2xl",children:(0,i.jsx)(n.s,{value:t.text})})})}):null}},80524:function(e,t,l){l.d(t,{Z:function(){return a}});var i=l(26705),n=l(66648),r=l(96044),s=l(62936);function a(e){var t,l,a,o;let{image:d,alt:c="Cover image",size:u="(min-width: 1200px) 33vw, (min-width: 768px) 50vw, 100vw",classesWrapper:v,previewImageUrl:m=null==d?void 0:d.lqip,...h}=e,x=(null==d?void 0:null===(t=d.asset)||void 0===t?void 0:t.url)||(null===(l=(0,s.iQ)(d))||void 0===l?void 0:l.fit("max").auto("format").url()),{ref:p,inView:f}=(0,r.YD)({triggerOnce:!0,threshold:.2}),j=null==x?void 0:x.endsWith(".gif"),g=(null==x?void 0:x.endsWith(".webp"))&&x.includes("animation"),w=null==d?void 0:null===(o=d.asset)||void 0===o?void 0:null===(a=o.metadata)||void 0===a?void 0:a.dimensions,y=(null==w?void 0:w.width)||1e3,N=(null==w?void 0:w.height)||1e3;return(0,i.jsx)("div",{className:"w-full h-full overflow-hidden rounded-[3px] ".concat(v),"data-sanity":h["data-sanity"],children:x&&(j||g?(0,i.jsx)("img",{ref:p,src:x,alt:c,className:"w-full h-full object-cover",style:{opacity:f?1:0,transition:"opacity 0.3s linear"}}):(0,i.jsx)(n.default,{ref:p,src:x,alt:c,width:y,height:N,sizes:u,className:"w-full h-full object-cover",style:{opacity:f?1:0,transition:"opacity 0.3s linear"}}))})}}}]);