1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{8350:function(e,t,i){Promise.resolve().then(i.bind(i,2226))},2226:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return tp}});var a,n,r,l,s,o,d,c,m,x=i(7437);let p=(0,i(9099).Ue)(e=>({isOpen:!1,handleToggleModal:()=>e(e=>({isOpen:!e.isOpen}))}));var h=i(2265),g=i(740),u=i(6800),f=i.n(u);let v={duration:.75},y={duration:.75,delay:.95},b={duration:.75,delay:1.7},w={enter:{background:"rgba(0, 212, 201, 0)",transition:v},exit:{background:"rgba(0, 212, 201, 0.8)"}},j=e=>({enter:{opacity:1,y:40,transition:{duration:e?0:v.duration}},exit:{opacity:0,y:"25vh"}}),N=e=>{let{enterY:t,isResizing:i}=e;return{enter:{y:-1*t,transition:{duration:i?0:b.duration,delay:i?0:b.delay}},exit:{y:0}}},k=e=>{let{isLgScreen:t,isMdScreen:i,isSmScreen:a,isXsScreen:n,isMobileScreen:r,isResizing:l,isMobileScreenSmallHeight:s}=e,o="64px";return(t||i)&&(o="48px"),(a||n)&&(o="40px"),r&&(o="32px"),s&&(o="24px"),{enter:{color:"#222222",fontSize:o,fontWeight:700,lineHeight:"134%",transition:{duration:l?0:y.duration,delay:l?0:y.delay}},exit:{color:"#00D4C9",transition:y}}},E=e=>({enter:{y:0,opacity:1,transition:{duration:e?0:y.duration,delay:e?0:y.delay}},exit:{y:20,opacity:0}}),M={enter:{opacity:1,transition:b},exit:{opacity:0}},C={exit:{y:-40,opacity:0},enter:{y:[-40,0],opacity:[0,1],transition:{repeat:1/0,duration:1.5}}};var S=i(4410);function O(){return(O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}var _=function(e){return S.createElement("svg",O({width:176,height:35,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=S.createElement("g",{clipPath:"url(#icon-logo_svg__a)"},S.createElement("path",{d:"M16.06.15H2.21C.992.15 0 1.155 0 2.39V31.91c0 1.235.992 2.24 2.211 2.24H16.06c9.256 0 16.787-7.628 16.787-17 0-9.374-7.531-17-16.787-17Z",fill:"#00D4C9"}),S.createElement("g",{clipPath:"url(#icon-logo_svg__b)"},S.createElement("path",{d:"M9.684 28.239c-1.394 0-2.527-1.147-2.527-2.56V8.622c0-1.412 1.133-2.56 2.527-2.56 1.395 0 2.527 1.148 2.527 2.56V25.68c0 1.412-1.132 2.559-2.527 2.559Z",fill:"url(#icon-logo_svg__c)"}),S.createElement("path",{d:"M23.159 19.71c-.459 0-.92-.126-1.336-.39L8.346 10.792a2.574 2.574 0 0 1-.803-3.525 2.505 2.505 0 0 1 3.482-.813l13.477 8.53a2.575 2.575 0 0 1 .802 3.525 2.518 2.518 0 0 1-2.145 1.204v-.003Z",fill:"url(#icon-logo_svg__d)"}),S.createElement("path",{d:"M9.689 28.239a2.519 2.519 0 0 1-2.146-1.204 2.579 2.579 0 0 1 .803-3.525l13.477-8.53a2.51 2.51 0 0 1 3.481.813 2.579 2.579 0 0 1-.802 3.525l-13.477 8.53c-.417.263-.88.389-1.336.389v.002Z",fill:"url(#icon-logo_svg__e)"})),S.createElement("path",{d:"M118.652 16.848c.047-5.454-4.097-10.034-9.453-10.47a4.19 4.19 0 0 1 .309 1.585c0 .929-.292 1.806-.847 2.54a6.116 6.116 0 0 1 4.228 1.981 6.258 6.258 0 0 1 1.664 4.511c-.122 3.267-3.016 6.028-6.32 6.028h-.816v-11.42a4.098 4.098 0 0 1-2.05.554 4.098 4.098 0 0 1-2.05-.554v15.569h4.846c5.735 0 10.44-4.633 10.489-10.324Z",fill:"#00D4C9"}),S.createElement("path",{d:"M103.247 7.963c0 1.183.95 2.145 2.118 2.145 1.167 0 2.117-.962 2.117-2.145 0-1.182-.95-2.144-2.117-2.144-1.168 0-2.118.962-2.118 2.144ZM154.965 19.343c0-2.101-.733-4-2.116-5.49-1.382-1.487-3.146-2.274-5.095-2.274a6.654 6.654 0 0 0-3.934 1.253l-.091.067V11.58h-4.097v21.22h4.097v-7.009l.091.067a6.659 6.659 0 0 0 3.934 1.253c1.951 0 3.713-.786 5.095-2.274 1.386-1.49 2.116-3.389 2.116-5.49v-.005Zm-5.082 2.554c-.698.713-1.512 1.062-2.492 1.062s-1.795-.349-2.492-1.062c-.697-.713-1.034-1.55-1.034-2.554 0-1.004.339-1.838 1.034-2.554.697-.716 1.512-1.061 2.492-1.061s1.794.348 2.492 1.061c.697.713 1.034 1.55 1.034 2.554 0 1.005-.339 1.839-1.034 2.554ZM127.873 11.579c-1.949 0-3.711.787-5.094 2.275-1.382 1.49-2.115 3.388-2.115 5.49 0 2.101.73 3.999 2.115 5.49 1.383 1.487 3.145 2.274 5.094 2.274a6.654 6.654 0 0 0 3.938-1.258l.091-.067v1.322h4.097V11.58h-4.097v1.322l-.091-.066a6.654 6.654 0 0 0-3.938-1.258v.002Zm2.981 10.319c-.705.713-1.53 1.061-2.523 1.061-.992 0-1.817-.348-2.522-1.061-.704-.714-1.048-1.55-1.048-2.555 0-1.004.344-1.84 1.048-2.554.705-.713 1.53-1.061 2.522
1-1.061.993 0 1.818.348 2.523 1.061.704.713 1.048 1.55 1.048 2.554 0 1.005-.344 1.839-1.048 2.555ZM55.313 19.142c1.472-1.49 2.248-3.388 2.248-5.487 0-2.1-.776-4-2.248-5.488-1.472-1.49-3.346-2.277-5.419-2.277h-7.667v21.218h4.097v-5.656l3.57-.036c2.075 0 3.95-.786 5.421-2.276l-.002.002Zm-8.99-1.839v-7.267h3.571c.992 0 1.816.349 2.522 1.062.707.715 1.049 1.55 1.049 2.554 0 1.005-.344 1.839-1.049 2.554-.704.713-1.537 1.062-2.54 1.062l-3.55.033-.002.002ZM64.583 5.888h-4.097v21.22h4.097V5.888ZM92.674 18.682l-3.512-7.115h-4.581l6.507 13.176-3.69 8.148h4.506l9.656-21.324h-4.51l-3.772 8.335-.604-1.22ZM173.229 19.343c0-2.101-.733-4-2.116-5.49-1.382-1.487-3.146-2.274-5.095-2.274a6.654 6.654 0 0 0-3.934 1.253l-.091.067V11.58h-4.097v21.22h4.097v-7.009l.091.067a6.665 6.665 0 0 0 3.934 1.253c1.951 0 3.713-.786 5.095-2.274 1.386-1.49 2.116-3.389 2.116-5.49v-.005Zm-5.082 2.554c-.698.713-1.512 1.062-2.492 1.062s-1.795-.349-2.492-1.062c-.697-.713-1.034-1.55-1.034-2.554 0-1.004.339-1.838 1.034-2.554.697-.716 1.512-1.061 2.492-1.061s1.794.348 2.492 1.061c.697.716 1.036 1.55 1.036 2.554 0 1.005-.339 1.839-1.036 2.554ZM74.719 11.579c-1.95 0-3.711.787-5.094 2.275-1.383 1.49-2.115 3.388-2.115 5.49 0 2.101.732 3.999 2.115 5.49 1.383 1.487 3.145 2.274 5.094 2.274a6.654 6.654 0 0 0 3.938-1.258l.09-.067v1.322h4.098V11.58h-4.097v1.322l-.092-.066a6.654 6.654 0 0 0-3.937-1.258v.002Zm2.983 10.319c-.704.713-1.53 1.061-2.522 1.061-.992 0-1.818-.348-2.523-1.061-.704-.714-1.048-1.55-1.048-2.555 0-1.004.344-1.84 1.048-2.554.705-.713 1.53-1.061 2.523-1.061.992 0 1.818.348 2.522 1.061.704.713 1.048 1.55 1.048 2.554 0 1.005-.344 1.839-1.048 2.555Z",fill:"#00D4C9"}))),n||(n=S.createElement("defs",null,S.createElement("linearGradient",{id:"icon-logo_svg__c",x1:9.74,y1:8.715,x2:9.63,y2:25.32,gradientUnits:"userSpaceOnUse"},S.createElement("stop",{stopColor:"#fff",stopOpacity:.5}),S.createElement("stop",{offset:.375,stopColor:"#fff"}),S.createElement("stop",{offset:1,stopColor:"#fff"})),S.createElement("linearGradient",{id:"icon-logo_svg__d",x1:23.035,y1:16.933,x2:9.621,y2:8.927,gradientUnits:"userSpaceOnUse"},S.createElement("stop",{stopColor:"#fff",stopOpacity:.5}),S.createElement("stop",{offset:.335,stopColor:"#fff"}),S.createElement("stop",{offset:1,stopColor:"#fff"})),S.createElement("linearGradient",{id:"icon-logo_svg__e",x1:10.105,y1:25.49,x2:22.657,y2:17.594,gradientUnits:"userSpaceOnUse"},S.createElement("stop",{stopColor:"#fff",stopOpacity:.5}),S.createElement("stop",{offset:.385,stopColor:"#fff"}),S.createElement("stop",{offset:1,stopColor:"#fff"})),S.createElement("clipPath",{id:"icon-logo_svg__a"},S.createElement("path",{fill:"#fff",transform:"translate(0 .15)",d:"M0 0h173.4v34H0z"})),S.createElement("clipPath",{id:"icon-logo_svg__b"},S.createElement("path",{fill:"#fff",transform:"translate(7.157 6.062)",d:"M0 0h18.533v22.177H0z"})))))};function P(){return(P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}var Z=function(e){return S.createElement("svg",P({width:40,height:40,viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-purpose":"link"},e),r||(r=S.createElement("rect",{"data-purpose":"link",x:1,y:1,width:46,height:46,rx:5,stroke:"#222",strokeWidth:2})),l||(l=S.createElement("path",{"data-purpose":"link",d:"M15.6 19.2h16.8M15.6 30h16.8",stroke:"#222",strokeWidth:2,strokeLinecap:"round"})))};function z(){return(z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}var D=function(e){return S.createElement("svg",z({width:40,height:40,viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-purpose":"link"},e),s||(s=S.createElement("g",{stroke:"#fff",strokeWidth:2},S.createElement("rect",{"data-purpose":"link",x:1,y:1,width:46,height:46,rx:5}),S.createElement("path",{"data-purpose":"link",d:"M15.6 19.2h16.8M15.6 30h16.8",strokeLinecap:"round"}))))};function A(){return(A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}var R=function(e){return S.createElement("svg",A({viewBox:"0 0 32 33",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o||(o=S.createElement("g",{fillRule:"evenodd",clipRule:"evenodd",fill:"#222"},S.createElement("path",{d:"M16 3.5a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0v-22a1 1 0 0 1 1-1Z"}),S.createElement("path",{d:"m17.178 26.171 8.108-9.631a.978.978 0 1 1 1.497 1.26l-8.191 9.729c-1.432 1.374-3.753 1.374-5.185 0l-8.191-9.73a.978.978 0 0 1 1.496-1.26l8.109 9.632c.65.625 1.706.625 2.357 0Z"}))))};function W(){return(W=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}var L=function(e){return S.createElement("svg",W({viewBox:"0 0 1840 265",fill:"none",xmlns:"http://www.w3.org/2000/svg"}
1,e),d||(d=S.createElement("path",{d:"M0 264.661V0h103.173c60.558.374 94.949 37.381 94.949 89.716 0 52.334-35.139 88.967-95.697 88.967H54.577v85.978H0Zm54.577-130.088h38.877c32.522-.374 48.222-18.69 47.848-44.858.374-26.54-15.326-44.483-47.848-44.11H54.577v88.968ZM225.793 264.661V0h54.577v219.055h113.639v45.606H225.793ZM473.427 264.661h-59.062L505.575 0H576.6l91.211 264.661h-59.063l-19.812-60.558H493.24l-19.813 60.558Zm33.644-103.921h68.034L542.209 59.81h-2.243l-32.895 100.93ZM646.693 0h62.054l60.558 114.387h2.99L832.853 0h61.306l-96.445 170.459v94.202h-54.576v-94.202L646.693 0ZM1008.65 264.661h-92.702V0h94.202c79.25.374 128.22 49.717 127.84 132.33.38 82.613-48.59 132.331-129.34 132.331Zm-38.125-47.101h35.885c50.47 0 77.01-26.167 77.01-85.23 0-59.062-26.54-84.856-76.26-85.23h-36.635v170.46ZM1199.36 264.661h-59.06L1231.51 0h71.02l91.21 264.661h-59.06l-19.81-60.558h-95.7l-19.81 60.558ZM1233 160.74h68.04l-32.9-100.93h-2.24L1233 160.74ZM1416.09 264.661V0h103.17c60.56.374 94.95 37.381 94.95 89.716 0 52.334-35.14 88.967-95.7 88.967h-47.85v85.978h-54.57Zm54.57-130.088h38.88c32.52-.374 48.22-18.69 47.85-44.858.37-26.54-15.33-44.483-47.85-44.11h-38.88v88.968ZM1641.88 264.661V0h103.17c60.56.374 94.95 37.381 94.95 89.716 0 52.334-35.14 88.967-95.7 88.967h-47.84v85.978h-54.58Zm54.58-130.088h38.87c32.52-.374 48.22-18.69 47.85-44.858.37-26.54-15.33-44.483-47.85-44.11h-38.87v88.968Z",fill:"#222"})))};function T(){return(T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}var B=function(e){return S.createElement("svg",T({viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-purpose":"link"},e),c||(c=S.createElement("g",{stroke:"#222"},S.createElement("rect",{"data-purpose":"link",x:.6,y:.6,width:38.8,height:38.8,rx:5.4,strokeWidth:1.2}),S.createElement("path",{"data-purpose":"link",d:"m13.666 13.334 13.333 13.333M13.334 26.666l13.667-13.333",strokeWidth:2,strokeLinecap:"round"}))))};function H(){return(H=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e}).apply(this,arguments)}var V=function(e){return S.createElement("svg",H({viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-purpose":"link"},e),m||(m=S.createElement("path",{"data-purpose":"link",clipRule:"evenodd",d:"M12.78 2.3h-2.4a.65.65 0 0 1 0-1.3h3.97a.65.65 0 0 1 .65.65v3.572a.65.65 0 1 1-1.3 0V3.219L8.062 8.856a.65.65 0 0 1-.919-.919L12.781 2.3Zm-8.749 0c-.956 0-1.731.775-1.731 1.731v7.938c0 .956.775 1.731 1.731 1.731h7.938c.956 0 1.731-.775 1.731-1.731V8.794a.65.65 0 1 1 1.3 0v3.175A3.031 3.031 0 0 1 11.969 15H4.03A3.031 3.031 0 0 1 1 11.97V4.03A3.031 3.031 0 0 1 4.031 1h3.175a.65.65 0 0 1 0 1.3H4.031Z"})))},I=i(2916);let Y={max:"767px"},U="635px",F={min:"768px",max:"1023px"},G={min:"1024px",max:"1199px"},q={min:"1200px",max:"1439px"},K={min:"1440px",max:"1919px"},X={min:"1920px"},$={mobile:Y,xs:F,"xs-down":{max:F.max},sm:G,"sm-down":{max:G.max},md:q,"md-down":{max:q.max},lg:K,"lg-down":{max:K.max},xl:X,"xl-height-small":{raw:"(min-width: ".concat(X.min,") and (max-height: 1279px)")},"xs-height-large":{raw:"(min-width: ".concat(F.min,") and (max-width: ").concat(F.max,") and (min-height: 1024px)")},"xs-height-small":{raw:"(min-width: ".concat(F.min,") and (max-width: ").concat(F.max,") and (max-height: 1023px)")},"mobile-height-small":{raw:"(max-width: ".concat(Y.max,") and (max-height: ").concat(U,")")}};var J=()=>({isMobileScreenSmallHeight:(0,I.ac)({maxWidth:$.mobile.max,maxHeight:U}),isMobileScreen:(0,I.ac)({maxWidth:$.mobile.max}),isMobileScreenUp:(0,I.ac)({minWidth:$.xs.min}),isXsScreen:(0,I.ac)({minWidth:$.xs.min,maxWidth:$.xs.max}),isSmScreen:(0,I.ac)({minWidth:$.sm.min,maxWidth:$.sm.max}),isMdScreen:(0,I.ac)({minWidth:$.md.min,maxWidth:$.md.max}),isLgScreen:(0,I.ac)({minWidth:$.lg.min,maxWidth:$.lg.max}),isXlScreen:(0,I.ac)({minWidth:$.xl.min})}),Q=()=>{let e=(0,h.useCallback)(()=>({width:window.innerWidth,height:window.innerHeight}),[!0]),[t,i]=(0,h.useState)(e);return(0,h.useEffect)(()=>{let t=()=>{i(e())};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[e]),t};let ee="https://images.playdapp.com/playdapp-portal/".concat("prod");var et=e=>{let{src:t,alt:i,className:a}=e;return(0,x.jsx)("img",{...e,src:"".concat(ee).concat(t),alt:i,draggable:!1,
1className:"w-full h-full object-cover ".concat(a||"")})},ei=i(5785),ea=i.n(ei);let en=function(e,t,i,a){let n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"#ffffff";return ea().Bodies.rectangle(e,t,i,a,{isStatic:!0,render:{fillStyle:n}})},er=e=>{let{x:t,y:i,width:a,height:n,angle:r}=e;return ea().Bodies.rectangle(t,i,a,n,{density:.01,frictionAir:.1,friction:.01,restitution:0,angle:null!=r?r:0,render:{fillStyle:"white"}})},el=e=>{let{x:t,y:i,radius:a}=e;return ea().Bodies.circle(t,i,a,{density:.01,frictionAir:.1,friction:.01,restitution:0,render:{fillStyle:"black"}})},es=(e,t)=>{let{pairs:i}=e;i.forEach(e=>{let{bodyA:i,bodyB:a}=e,[n,r]=i.isStatic?[i,a]:[a,i];n.isStatic&&t.body===r&&(t.mouse.button=-1)})},eo=(e,t)=>Math.random()*(e-t)+t/2,ed={mobile:"18px",default:"32px",small:"24px"},ec={mobile:12,default:24,small:16},em=e=>e.map(e=>{let t=new window.Image;return t.src=e||"",t});var ex=()=>{let[e,t]=(0,h.useState)(!1),i=(0,h.useRef)(null),a=(0,h.useRef)(null),n=(0,h.useRef)(null),r=(0,h.useRef)(null),{isLgScreen:l,isMdScreen:s,isSmScreen:o,isXsScreen:d,isMobileScreen:c,isMobileScreenUp:m}=J(),{width:p}=Q(),g=(0,h.useMemo)(()=>{let e=c?28:56,t=c?24:48;return l?(e=40,t=35):(o||s||d)&&(e=30,t=27),[{width:c?146:257,height:e,text:"Members"},{width:c?136:239,height:e,text:"Marketplace"},{width:c?97:167,height:e,angle:6,text:"ezPLAY"},{width:c?2*t:t,height:c?2*t:t,radius:t,text:"",image:"/images/matter-icon1.png"},{width:c?2*t:t,height:c?2*t:t,radius:t,text:"",image:"/images/matter-icon2.png"}]},[c,d,o,s,l]),u=(0,h.useCallback)(()=>{if(!i.current)return;let{Body:e,Composite:t,Events:l,Engine:x,Render:p,Runner:h,Mouse:u,MouseConstraint:f}=ea(),v=h.create(),y=x.create(),{world:b}=y,w=i.current.clientWidth,j=i.current.clientHeight,N=p.create({element:i.current,engine:y,options:{width:w,height:j,background:"#ffffff",wireframes:!1}});n.current&&r.current&&a.current&&(p.stop(r.current),h.stop(a.current),t.clear(n.current.world,!1),x.clear(n.current),r.current.canvas.remove()),a.current=v,n.current=y,r.current=N;let k=u.create(N.canvas),E=f.create(y,{mouse:k,constraint:{stiffness:c?.002:.0015,render:{visible:!1}}}),M=(e,t)=>{E.mouse.element.removeEventListener(e,t)};M("touchstart",E.mouse.mousedown),M("touchmove",E.mouse.mousemove),M("touchend",E.mouse.mouseup);let C=(e,t,i)=>{E.mouse.element.addEventListener(e,t,i)};C("touchstart",E.mouse.mousedown,{passive:!0}),C("touchmove",e=>{E.body&&E.mouse.mousemove(e)}),C("touchend",e=>{E.body&&E.mouse.mouseup(e)}),N.canvas.addEventListener("wheel",e=>e.stopPropagation(),{passive:!0});let S=[en(w/2,0,w,5),en(w/2,j,w,5),en(w,j,5,w),en(0,j,5,w)],O=g.map(e=>e.radius?el({x:eo(w,e.width),y:eo(j,e.height),radius:e.radius}):er({x:eo(w,e.width),y:eo(j,e.height),width:e.width,height:e.height,angle:e.angle||void 0}));t.add(b,E),t.add(b,[...S,...O]),p.run(N),h.run(v,y),l.on(y,"collisionStart",e=>es(e,E));let _=(t,i,a)=>{e.setPosition(t,{x:eo(w,i)/2,y:eo(j,a)/2})};m&&l.on(y,"collisionEnd",()=>{O.forEach(e=>{(e.position.x<0||e.position.x>w||e.position.y<0||e.position.y>j)&&_(e,100,100)})}),l.on(E,"mouseup",()=>{O.forEach(e=>{(e.position.x<0||e.position.x>w||e.position.y<0||e.position.y>j)&&_(e,200,100)})});let P=em(g.map(e=>e.image||""));return l.on(N,"afterRender",()=>{let{context:e}=N,t=ed.default,i=ec.default;c?(t=ed.mobile,i=ec.mobile):(o||s||d)&&(t=ed.small,i=ec.small),O.map((a,n)=>{let r=g[n];if(e.save(),e.translate(a.position.x,a.position.y),e.rotate(a.angle),a.circleRadius){let t=P[n],i=2*a.circleRadius;t&&t.complete&&e.drawImage(t,-a.circleRadius,-a.circleRadius,i,i)}if(!a.circleRadius){let a=r.width,n=r.height;c&&(e.textBaseline="bottom"),e.font="".concat(t," 'Pretendard', sans-serif"),e.textAlign="center",e.fillText(r.text,0,10),e.strokeStyle="black",e.lineWidth=1,e.beginPath(),e.moveTo(-a/2+i,-n/2),e.lineTo(a/2-i,-n/2),e.quadraticCurveTo(a/2,-n/2,a/2,-n/2+i),e.lineTo(a/2,n/2-i),e.quadraticCurveTo(a/2,n/2,a/2-i,n/2),e.lineTo(-a/2+i,n/2),e.quadraticCurveTo(-a/2,n/2,-a/2,n/2-i),e.lineTo(-a/2,-n/2+i),e.quadraticCurveTo(-a/2,-n/2,-a/2+i,-n/2),e.closePath(),e.stroke()}return e.restore(),a})}),()=>{p.stop(N),h.stop(v),t.clear(b,!1),x.clear(y),N.canvas.remove()}},[p,g,c,m,o,s,d]);return(0,h.useEffect)(()=>{let{duration:i,delay:a}=b,n=null;return setTimeout(()=>{n=u(),t(!0)},e?0:(i+a)*1e3),()=>{n&&n()}},[e,u]),(0,x.jsx)("div",{ref:i,className:"relative z-[19] w-full h-[276px] mobile:h-[150px]"})};let ep="PlayDapp provides a variety of Web3",eh="services and expands the Mainnet",eg="ecosystem by linking services together.";var eu=()=>{let[e,t]=(0,h.useState)(!1),[i,a]=(0,h.useState)(0),[n,r]=(0,h.useState)(!1),l=(0,h.useRef)(null),s=(0,h.useRef)(null),o=Q(),{isXlScreen:d,isLgScreen:c,isMdScreen:m,isSmScreen:p,isXsScreen:u,isMobileScreen:v,isMobileScreenSmallHeight:y}=J();return(0,h.useEffect)(()=>{let{duration:e,delay:t}=b;setTimeout(()=>{r(!0)},n?0:(e+t)*1e3)},[n]),(0,h.useEffect)(()=>{s.current&&a(s.current.offsetHeight+60)},[o,d,c,m,p,u,v]),(0,h.useEffect)(()=>{t(!0)},[]),(0,x.jsxs)("section",{className:"relative w-full",children:[(0,x.jsxs)("figure",{ref:l,className:f()("relative w-full h-screen min-h-[280px] max-h-[888px] rounded-2xl overflow-hidden","xl-height-small:max-h-[632px]","lg:max-h-[632px]","md:max-h-[632px]","sm:max-h-[540px]","xs-height-small:max-h-[280px]","xs-height-large: max-h-[663px]","mobile:max-h-[456px]","mobile-height-small:max-h-[356px]"),children:[(0,x.jsx)(g.E.div,{variants:w,initial:"exit",animate:e?"enter":"exit",className:"absolute top-0 left-0 w-full h-full rounded-2xl z-[1]"}),(0,x.jsx)(et,{src:"/main-section.png",alt:""})]}),(0,x.jsxs)("div",{ref:s,className:"absolute opacity-0 w-full px-[2.5rem] mobile:px-[1.5rem]",children:[(0,x.jsx)("p",{className:f()("heading-700-64 font-extrabold","lg:heading-700-48","md:heading-700-48","sm:heading-700-40","xs:heading-700-40","xs-down:inline","mobile:heading-700-32","mobile-height-small:heading-700-24"),children:ep}),(0,x.jsx)("p",{className:f()("heading-700-64 text-gray-900","lg:heading-700-48","md:heading-700-48","sm:heading-700-40","xs:heading-700-40","xs-down:inline xs-down:pl-2","mobile:heading-700-32","mobile-height-small:heading-700-24"),children:eh}),(0,x.jsx)("p",{className:f()("heading-700-64 text-gray-900","lg:heading-700-48","md:heading-700-48","sm:heading-700-40","xs:heading-700-40","xs-down:inline xs-down:pl-2","mobile:heading-700-32","mobile-height-small:heading-700-24"),children:eg})]}),(0,x.jsx)(g.E.div,{variants:j(n),initial:"exit",animate:e?"enter":"exit",className:f()("absolute w-full px-[2.5rem]","mobile:px-[1.5rem]"),children:(0,x.jsxs)(g.E.div,{variants:N({enterY:i,isResizing:n}),initial:"exit",animate:e?"enter":"exit",children:[(0,x.jsx)(g.E.p,{variants:k({isLgScreen:c,isMdScreen:m,isSmScreen:p,isXsScreen:u,isMobileScreen:v,isResizing:n,isMobileScreenSmallHeight:y}),initial:"exit",animate:e?"enter":"exit",className:f()("display-700-84 font-extrabold","lg:heading-700-64","md:heading-700-64","sm:heading-700-48","xs:heading-700-48","xs-down:inline","mobile:heading-700-32"),children:ep}),(0,x.jsx)(g.E.p,{variants:E(n),initial:"exit",animate:e?"enter":"exit",className:f()("heading-700-64 text-gray-900","lg:heading-700-48","md:heading-700-48","sm:heading-700-40","xs:heading-700-40","xs-down:inline xs-down:pl-2","mobile:heading-700-32","mobile-height-small:heading-700-24"),children:eh}),(0,x.jsx)(g.E.p,{variants:E(n),initial:"exit",animate:e?"enter":"exit",className:f()("heading-700-64 text-gray-900","lg:heading-700-48","md:heading-700-48","sm:heading-700-40","xs:heading-700-40","xs-down:inline xs-down:pl-2","mobile:heading-700-32","mobile-height-small:heading-700-24"),children:eg})]})}),(0,x.jsx)(ex,{}),(0,x.jsx)(g.E.div,{variants:M,initial:"exit",animate:e?"enter":"exit",className:"mobile-height-small:mb-6",children:(0,x.jsxs)(g.E.figure,{variants:C,initial:"exit",animate:e?"enter":"exit",className:"relative z-[20] flex items-center mt-5 mobile:mt-8",children:[(0,x.jsx)("p",{className:"body-400-24 mobile:body-400-20 mobile-height-small:body-400-18",children:"SCROLL"}),(0,x.jsx)(R,{className:"w-8 h-8 mobile:w-6 mobile:h-6 mobile-height-small:w-5 mobile-height-small:h-5"})]})})]})},ef=i(8733),ev="https://market.playdapp.com",ey="https://ezplay.game",eb="https://members.playdapp.com",ew="https://dao.playdapp.com";let ej=[{bg:"/service-section-card-market-bg.png",logo:"/service-section-card-market-logo.png",subTitle:"NFT Marketplace",title:"MarketPlace",desc:["Marketplace is an exchange for blockchain game items.","You can buy and sell these game items in the marketplace."],link:ev,isComingSoon:!1},{bg:"/service-section-card-members-bg.png",logo:"/service-section-members-logo.png",subTitle:"Benefits of PlayDapp",title:"Members",desc:["Mikey's New Stage, PlayDapp Network!","Mikey has safely moved on to a new stage, the PlayDapp network.","Mikey is ready to embark on a new and exciting journey with you."],link:eb,isComingSoon:!1},{bg:"/service-section-card-ezplay-bg.png",logo:"/service-section-card-ezplay-logo.png",subTitle:"Game",title:"ezPLAY",desc:["You can play games of different genres anytime, anywhere.","Enjoy games for free without downloading."],link:ey,isComingSoon:!1}],eN={duration:.5}
1,ek={duration:.5,delay:.5},eE={exit:{y:30,opacity:0,transition:eN},enter:{y:0,opacity:1,transition:eN}},eM={imageBackgroundAnimation:{exit:{display:"flex",opacity:.8,transition:ek},enter:{display:"none",opacity:0,transition:ek}},textAnimation:{exit:{y:20,opacity:0,transition:ek},enter:{y:0,opacity:1,transition:ek}}};var eC=e=>{let{children:t}=e;return(0,x.jsx)("div",{className:"mb-10 lg:mb-8 md:mb-8 sm:mb-8 xs:mb-6 mobile:mb-6",children:(0,x.jsx)("p",{className:"body-600-24 text-primary-100",children:t})})},eS=()=>{let e=(0,h.useRef)(null),t=(0,ef.Y)(e,{once:!0});return(0,x.jsxs)(g.E.div,{variants:eE,initial:"exit",animate:t?"enter":"exit",className:"pt-[136px] lg:pt-[144px] md:pt-[144px] sm:pt-[144px] xs:pt-[144px] mobile:pt-10",children:[(0,x.jsx)(eC,{children:"Services"}),(0,x.jsx)("div",{className:f()("flex gap-4","xs:flex-col xs:gap-10","mobile:flex-col mobile:gap-6"),children:ej.map((i,a)=>(0,x.jsxs)("a",{href:i.link,target:"_blank",className:f()("group overflow-hidden flex-1 flex flex-col rounded-xl cursor-none",{"cursor-default":i.isComingSoon}),onClick:e=>{i.isComingSoon&&e.preventDefault()},children:[(0,x.jsxs)("div",{className:f()("relative overflow-hidden","xs:max-h-[224px]","mobile:max-h-[288px]"),children:[0===a&&(0,x.jsx)("div",{ref:e,className:"absolute border bottom-[50%] w-full opacity-0"}),(0,x.jsx)(g.E.div,{variants:i.isComingSoon?void 0:eM.imageBackgroundAnimation,initial:"exit",animate:t?"enter":"exit",className:f()("absolute flex items-center justify-center w-full h-full bg-primary-100 z-10 opacity-[0.8]",{"cursor-default":i.isComingSoon,"cursor-pointer":!i.isComingSoon}),"data-purpose":"image",children:(0,x.jsx)("figure",{className:"relative w-full h-full max-w-[338px] max-h-[80px]",children:(0,x.jsx)(et,{src:i.logo,alt:"","data-purpose":"image"})})}),(0,x.jsx)("figure",{className:f()("relative transition-transform duration-500 ease-in-out w-full h-full",{"group-hover:scale-105":!i.isComingSoon}),children:(0,x.jsx)(et,{src:i.bg,alt:""})})]}),(0,x.jsxs)("div",{className:"flex flex-col flex-1 p-5 gap-4 bg-gray-050","data-
1purpose":i.isComingSoon?"":"link",children:[(0,x.jsxs)("div",{className:"flex flex-col gap-2","data-purpose":i.isComingSoon?"":"link",children:[(0,x.jsx)(g.E.p,{variants:eM.textAnimation,initial:"exit",animate:t?"enter":"exit",className:"body-600-16 text-gray-800","data-purpose":i.isComingSoon?"":"link",children:i.subTitle}),(0,x.jsx)(g.E.p,{variants:eM.textAnimation,initial:"exit",animate:t?"enter":"exit",className:f()("heading-700-28 text-gray-900","md:heading-700-24","mobile:heading-700-24"),"data-purpose":i.isComingSoon?"":"link",children:i.title})]}),(0,x.jsx)("div",{children:i.desc.map((e,n)=>(0,x.jsx)(g.E.p,{"data-purpose":i.isComingSoon?"":"link",variants:eM.textAnimation,initial:"exit",animate:t?"enter":"exit",className:f()("body-400-18 text-gray-800","sm:body-400-16","sm-down:inline","xs:body-400-16","mobile:body-400-18",{"lg:inline":1!==a||n>0,"lg:ml-1":1!==a&&n>0||n>1,"md:inline":1!==a||n>0,"md:ml-1":1!==a&&n>0||n>1,"sm-down:ml-1":n>0}),children:e},"desc-".concat(a,"-").concat(n)))})]})]},"service-".concat(i.title)))})]})};let eO={duration:.5},e_={duration:.5,delay:.25},eP={duration:.5,delay:.5},eZ={exit:{opacity:0,y:30,transition:eO},enter:{opacity:1,y:0,transition:eO}},ez={exit:{opacity:0,y:30,transition:e_},enter:{opacity:1,y:0,transition:e_}},eD={exit:{opacity:0,y:30,transition:eP},enter:{opacity:1,y:0,transition:eP}},eA={text:"ezPLAY",href:ey,isComingSoon:!1},eR={text:"MarketPlace",href:ev,isComingSoon:!1},eW={text:"Members",href:eb,isComingSoon:!1},eL={text:"DAO",href:ew,isComingSoon:!1},eT={text:"Bridge",href:"https://bridge.playdapp.com",isComingSoon:!1},eB=[{...eT},{...eR},{...eW},{...eL},{...eA}],eH={duration:.5},eV={exit:{opacity:0,y:30,transition:eH},enter:{opacity:1,y:0,transition:eH}};var eI=()=>{let e=(0,h.useRef)(null),t=(0,ef.Y)(e,{once:!0}),{handleToggleModal:i}=p();return(0,x.jsxs)("div",{className:"relative pt-20",children:[(0,x.jsx)("div",{ref:e,className:f()("absolute border bottom-[50%] w-full opacity-[0]","xs-down:bottom")}),(0,x.jsxs)(g.E.div,{variants:eZ,initial:"exit",animate:t?"enter":"exit",children:[(0,x.jsx)(eC,{children:"Bridge"}),(0,x.jsxs)("div",{className:f()("overflow-hidden flex h-[326px] px-5 border border-gray-400 border-r-0 border-l-0","lg:h-[392px] lg:pr-10","md:h-[352px]","md-down:px-0","sm-down:h-auto sm-down:flex-col"),children:[(0,x.jsxs)("div",{className:f()("flex-1 flex flex-col max-w-[870px] py-10 px-5 gap-4 border-r border-gray-400","lg:py-5","sm-down:max-w-[1024px] sm-down:border-r-0","xs:py-8","mobile:px-2 py-6"),children:[(0,x.jsx)(g.E.p,{variants:eZ,initial:"exit",animate:t?"enter":"exit",className:"body-600-18 text-gray-800",children:"Essential elements of the PlayDapp service"}),(0,x.jsx)(g.E.p,{variants:ez,initial:"exit",animate:t?"enter":"exit",className:f()("heading-700-40 text-gray-900","lg:heading-700-32","md:heading-700-32","sm:heading-700-32","xs:heading-700-32","mobile:heading-700-28"),children:"Fast and secure token bridge"}),(0,x.jsxs)("div",{className:f()("body-400-16 text-gray-800","xl:max-w-[750px]"),children:[(0,x.jsx)(g.E.p,{variants:eD,initial:"exit",animate:t?"enter":"exit",className:"xs-down:inline",children:"Mainnet tokens are a key component in supporting and rewarding PlayDapp's various services. Mainnet tokens can be utilized within the PlayDapp ecosystem and used for a variety of services."}),(0,x.jsx)(g.E.p,{variants:eD,initial:"exit",animate:t?"enter":"exit",className:"xs-down:inline xs-down:ml-1",children:"We are supporting the easy conversion of tokens between PDA (ERC-20) and PDA (Mainnet)."})]})]}),(0,x.jsxs)("div",{className:f()("flex-1 flex gap-10 pl-5","md:gap-6 md:px-5 md:py-10","sm:gap-6 sm:px-5 sm:py-10","sm-down:border-t sm-down:border-gray-400","xs:gap-6 xs:px-5 xs:py-8","mobile:flex-col mobile:items-center mobile:gap-[1rem] mobile:px-2 mobile:py-6"),children:[(0,x.jsx)(g.E.figure,{variants:eZ,initial:"exit",animate:t?"enter":"exit",className:f()("relative overflow-hidden flex items-center justify-center w-full max-w-[326px] h-full max-h-[326px] cursor-default","md:max-w-[256px] md:max-h-[256px]","sm:max-w-[176px] sm:max-h-[176px]","xs:max-w-[212px] xs:max-h-[212px]","mobile:max-w-[172px] mobile:max-h-[172px]"),"data-purpose":"image",children:(0,x.jsx)(et,{src:"/bri
1dge-section.png",alt:"","data-purpose":"image"})}),(0,x.jsxs)("div",{className:f()("flex-1 flex flex-col justify-center gap-8 py-10","sm:py-0","xs:py-0","mobile:py-[0] mobile:pr-[0] mobile:gap-6"),children:[(0,x.jsx)(g.E.p,{variants:ez,initial:"exit",animate:t?"enter":"exit",className:f()("body-400-18 text-gray-900"),children:"We are supporting the easy conversion of tokens between PDA (ERC-20) and PDA (Mainnet)."}),(0,x.jsx)(g.E.div,{variants:eD,initial:"exit",animate:t?"enter":"exit",className:f()("overflow-hidden w-[161px] h-[48px] rounded-[11px] cursor-none","lg:w-[121px]","md:w-[161px]","sm:w-[161px]","xs:w-[161px]","mobile:w-[161px]"),"data-purpose":"link",children:(0,x.jsx)("button",{type:"button",className:"w-full h-full bg-ezPlay-secondary-default text-white body-600-14 hover:bg-gray-800 transition-all duration-200 ease-in-out cursor-none","data-purpose":"link",onClick:()=>{let e=eB.find(e=>"Bridge"===e.text);if(e){if(e.isComingSoon){i();return}window.open(e.href,"_blank")}},children:"Go to Bridge"})})]})]})]})]})]})};let eY={duration:.5},eU={duration:.5,delay:.25},eF={duration:.5,delay:.5},eG={exit:{opacity:0,y:30,transition:eY},enter:{opacity:1,y:0,transition:eY}},eq={exit:{opacity:0,y:30,transition:eU},enter:{opacity:1,y:0,transition:eU}},eK={exit:{opacity:0,y:30,transition:eF},enter:{opacity:1,y:0,transition:eF}},eX={exit:{opacity:0,rotate:45,transition:eY},enter:{opacity:1,rotate:0,transition:eY}},e$="footer";var eJ=()=>{let e=(0,h.useRef)(null),t=(0,ef.Y)(e,{once:!0});return(0,x.jsxs)("div",{id:"dao",className:"relative pt-20",children:[(0,x.jsx)("div",{ref:e,className:"absolute border bottom-[50%] w-full opacity-0"}),(0,x.jsxs)(g.E.div,{variants:eG,initial:"exit",animate:t?"enter":"exit",className:"flex flex-col",children:[(0,x.jsx)(eC,{children:"DAO"}),(0,x.jsxs)("div",{className:f()("flex h-[326px] border border-gray-400 rounded-r-2xl overflow-hidden","lg:h-[392px]","md:h-[352px]","sm-down:flex-col sm-down:h-auto sm-down:border-0"),children:[(0,x.jsx)("div",{className:f()("relative w-full max-w-[128px] bg-primary-200 overflow-hidden block","lg:max-w-[104px]","md-down:hidden"),children:(0,x.jsx)(g.E.div,{variants:eX,initial:"exit",animate:t?"enter":"exit",className:"absolute top-0 origin-top origin-top-right w-full h-full max-w-[136px] max-h-[136px]",children:(0,x.jsx)("figure",{className:"relative w-full h-full",children:(0,x.jsx)(et,{src:"/dao-section-pda01.png",alt:""})})})}),(0,x.jsxs)("div",{className:f()("flex items-center w-full gap-6","lg:py-10 lg:pl-5 lg:pr-10","md:py-8 md:pl-6 md:pr-4","sm:py-10 sm:px-5 sm:gap-10 sm:border-b","sm-down:border-t sm-down:border-gray-400","xs:py-8 xs:px-5","mobile:flex-col mobile:py-6 mobile:px-2 mobile:gap-4"),children:[(0,x.jsxs)("div",{className:f()("flex flex-col justify-center flex-1 gap-4 py-10 pl-5 pr-10","lg-down:py-0 lg-down:pl-0","lg:pr-4","md:pr-2","sm-down:pr-0"),children:[(0,x.jsxs)("div",{className:f()("flex flex-col gap-[28px]","mobile:gap-4"),children:[(0,x.jsx)(g.E.p,{variants:eG,initial:"exit",animate:t?"enter":"exit",className:"body-600-18 text-gray-800",children:"Transparent, fair decision making"}),(0,x.jsx)(g.E.p,{variants:eq,initial:"exit",animate:t?"enter":"exit",className:f()("heading-700-40 text-gray-900","md:heading-700-32","sm:heading-700-32","xs:heading-700-32","mobile:heading-700-28"),children:"Introduction of DAO system"})]}),(0,x.jsx)(g.E.p,{variants:eK,initial:"exit",animate:t?"enter":"exit",className:"body-400-18 text-gray-800 body-400-16",children:"The PlayDapp Mainnet allows PDA token holders to directly participate in major decisions of the PlayDapp Mainnet's operations and service projects, experience a transparent decision-making process, and build trust and solidarity within the community to develop the PlayDapp ecosystem."})]}),(0,x.jsx)("div",{className:"flex justify-center cursor-default","data-purpose":"image",children:(0,x.jsx)(g.E.figure,{"data-purpose":"image",variants:eK,initial:"exit",animate:t?"enter":"exit",className:f()("relative flex items-center justify-center w-full max-w-[326px] h-full max-h-[326px] mr-10","lg-down:mr-0","lg:max-w-[206px] lg:max-h-[206px]","md:max-w-[204px] md:max-h-[204px]","sm:max-w-[222px] sm:max-h-[222px]","xs:max-w-[180px] sm:max-h-[180px]","mobile:max-w-[295px] mobile:max-h-[295px]"),children:(0,x.jsx)(et,{src:"/dao-section-pda02-4.png",alt:"","data-purpose":"image"})})})]}),(0,x.jsxs)("div",{className:f()("flex flex-col justify-center w-full max-w-[602px] gap-8 px-10 bg-gradient-primary-100","lg:max-w-[442px] lg:py-10","md:max-w-[362px] md:py-8 md:pl-8","sm:px-8 sm:py-10","
1sm-down:max-w-[none] sm-down:rounded-xl","xs:p-8","mobile:p-6"),children:[(0,x.jsx)(g.E.p,{variants:eG,initial:"exit",animate:t?"enter":"exit",className:"w-full text-white body-400-18",children:"DAO (Decentralized Autonomous Organization) games are games that use blockchain technology, where participants work together to run the game. Simple rules and intuitive interfaces make it easy for anyone to play and earn rewards for winning."}),(0,x.jsx)(g.E.a,{variants:eq,initial:"exit",animate:t?"enter":"exit",href:ew,target:"_blank",className:"overflow-hidden w-[143px] h-[48px] rounded-[11px] cursor-none","data-purpose":"link",children:(0,x.jsx)("button",{type:"button",className:"w-full h-full bg-white text-gray-900 body-600-14 hover:bg-gray-100 transition-colors duration-200 ease-in-out cursor-none","data-purpose":"link",children:"5 In a row"})})]})]})]})]})},eQ=i(6292),e0=i(1932);let e1=[{image:"/partner/partner-portis.png",width:111,height:34},{image:"/partner/partner-polygon.png",width:149,height:34},{image:"/partner/partner-dapp-radar.png",width:210,height:34},{image:"/partner/partner-chain-link.png",width:147,height:46},{image:"/partner/partner-nettention.png",width:158,height:46},{image:"/partner/partner-proudnet.png",width:211,height:46},{image:"/partner/partner-dsrv.png",width:140,height:40},{image:"/partner/partner-samsung.png",width:148,height:24},{image:"/partner/partner-everland.png",width:113,height:114},{image:"/partner/partner-line.png",width:61,height:24}],e2=[{image:"/partner/partner-ipx.png",width:68,height:34},{image:"/partner/partner-link.png",width:98,height:24},{image:"/partner/partner-momstourch.png",width:122,height:46},{image:"/partner/partner-jdb.png",width:92,height:46},{image:"/partner/partner-kb.png",width:210,height:24},{image:"/partner/partner-gong-games.png",width:70,height:46},{image:"/partner/partner-certik.png",width:138,height:34},{image:"/partner/partner-superplay.png",width:219,height:46},{image:"/partner/partner-evr-studio.png",width:79,height:58},{image:"/partner/partner-infoseed.png",width:154,height:40}],e4=[...e1,...e2],e5={duration:.5},e3={exit:{opacity:0,y:30,transition:e5},enter:{opacity:1,y:0,transition:e5}};var e6=()=>{let e=(0,h.useRef)(null),t=(0,ef.Y)(e,{once:!0}),{isXsScreen:i,isMobileScreen:a}=J();return(0,x.jsxs)(g.E.div,{variants:e3,initial:"exit",animate:t?"enter":"exit",className:"relative",children:[(0,x.jsx)("div",{ref:e,className:"absolute border bottom-5 w-full opacity-0"}),!i&&!a&&(0,x.jsxs)("div",{className:"relative overflow-hidden h-[316px] bg-gray-900",children:[(0,x.jsx)("div",{className:"absolute z-[1] left-[0px] h-full w-[120px] bg-gradient-gray-900 backdrop:blur-[1px]"}),(0,x.jsx)("div",{className:"absolute z-[1] right-[0px] h-full w-[120px] bg-gradient-gray-900 rotate-180 backdrop:blur-[1px]"}),(0,x.jsx)("div",{className:"relative z-[0] flex h-full",children:(0,x.jsx)(e0.Z,{speed:100,gradient:!1,children:e4.map((e,t)=>(0,x.jsx)("div",{className:"flex items-center justify-center mx-[45px]",style:{width:e.width,height:e.height},children:(0,x.jsx)(et,{src:e.image,alt:"logo-".concat(t)})},t))})})]}),(i||a)&&(0,x.jsxs)("div",{className:"flex flex-col justify-center h-[280px] gap-[51.43px] bg-gray-900",children:[(0,x.jsx)("div",{className:"relative overflow-hidden",children:(0,x.jsx)("div",{className:"relative z-[0] flex",children:(0,x.jsx)(e0.Z,{speed:50,gradient:!1,children:e1.map((e,t)=>(0,x.jsx)("div",{className:"flex items-center justify-center mx-[51.43px]",style:{width:e.width/2,height:e.height/2},children:(0,x.jsx)(et,{src:e.image,alt:"logo-".concat(t)})},t))})})}),(0,x.jsx)("div",{className:"relative overflow-hidden",children:(0,x.jsx)("div",{className:"relative z-[0] flex",children:(0,x.jsx)(e0.Z,{speed:50,gradient:!1,children:e2.map((e,t)=>(0,x.jsx)("div",{className:"flex items-center justify-center mx-[51.43px]",style:{width:e.width/2,height:e.height/2},children:(0,x.jsx)(et,{src:e.image,alt:"logo-".concat(t)})},t))})})})]})]})},e7=()=>{let e=(0,h.useRef)(null),t=(0,ef.Y)(e,{once:!0});return(0,x.jsxs)("div",{id:e$,className:"w-full mx-auto pt-24 lg-down:pt-16",children:[(0,x.jsx)(e6,{}),(0,x.jsxs)(g.E.footer,{variants:eV,initial:"exit",animate:t?"enter":"exit",className:f()("relative flex flex-col w-full min-w-[320px] max-w-[1920px] mx-auto"),children:[(0,x.jsx)("div",{ref:e,className:"absolute border top-[20%] w-1/2 opacity-0"}),(0,x.jsx)(eQ.$_,{siteName:"portal"}),(0,x.jsx)("div",{className:f()("w-full min-w-[320px] max-w-[1920px] px-[70px] px-[60px] pb-[56px]","xl:pb-20","lg:px-[60px]","md:px-[60px]","sm:px-[60px]","xs:px-5","mobile:px-5 pb-8"),children:(0,x.jsx)("figure",{className:f()("p-5","mobile:py-2 mobile:px-0"),children:(0,x.jsx)(L,{})})})]})]})},e8=i(2170),e9=i.n(e8);let te={duration:.2},tt=(e,t)=>({enter:{background:"dark"===e?"transparent":"rgba(255, 255, 255, 0.20)",backdropFilter:"blur(12px)",height:275,transition:te},exit:{background:"dark"===e?"transparent":"#ffffff",backdropFilter:"none",height:t,transition:te}}),ti=e=>({enter:{width:e,transition:{duration:.3}},exit:{width:0,transition:{duration:.3}}}),ta={enter:{y:0,opacity:1,transition:{duration:.3}},exit:{y:-20,opacity:0,transition:{duration:.1}}},tn={enter:{x:"0",zIndex:51,opacity:1,transition:{duration:.2}},exit:{x:"100%",zIndex:0,opacity:0,transition:{duration:.2}}},tr={Services:{isOpen:!1,subMenu:[{...eA},{...eR},{...eW},{...eL}]},Mainnet:{isOpen:!1,subMenu:[{...eT},{text:"Explorer",href:"https://subnets.avax.network/playdappne",isComingSoon:!1}]}},tl=e=>{let{items:t,isOpen:i,theme:a}=e,{handleToggleModal:n}=p(),r=e=>()=>{if(e.isComingSoon){n();return}window.open(e.href,"_blank")};return(0,x.jsx)(g.E.div,{variants:ta,initial:"exit",animate:i?"enter":"exit",className:f()("absolute flex flex-col gap-4 pt-5",{hidden:!i}
1),"data-purpose":"link",children:t.map(e=>(0,x.jsx)("div",{className:"relative","data-purpose":"link",children:(0,x.jsx)("button",{type:"button","data-purpose":"link",className:"cursor-none",onClick:r(e),children:(0,x.jsx)("span",{"data-purpose":"link",className:f()("body-600-20 text-gray-900",{"text-white":"dark"===a,"group-hover:border-white":"dark"===a}),children:e.text})})},"sub-menu-".concat(e.text)))})},ts=e=>{let{menuTitle:t,activeMenu:i,theme:a,handleMouseToggle:n}=e,[r,l]=(0,h.useState)(0),s=(0,h.useRef)(null);return(0,h.useEffect)(()=>{s.current&&l(s.current.clientWidth+2)},[]),(0,x.jsxs)("div",{className:"relative first:pr-10 last:pl-10 h-full",onMouseEnter:n(t,!0),onMouseLeave:n(t,!1),"data-purpose":"link",children:[(0,x.jsx)("p",{ref:s,className:f()("body-600-20 text-gray-900",{"text-white":"dark"===a}),"data-purpose":"link",children:t}),(0,x.jsx)(g.E.div,{variants:ti(r),initial:"exit",animate:i.isOpen?"enter":"exit",className:f()("absolute bottom-0 bg-gray-900 h-[1px]",{"bg-white":"dark"===a}),"data-purpose":"link"}),i.subMenu&&(0,x.jsx)(tl,{items:i.subMenu,isOpen:i.isOpen,theme:a})]},"menu-".concat(t))},to=e=>{let{theme:t}=e,[i,a]=(0,h.useState)(!1),{isMdScreen:n,isLgScreen:r,isXlScreen:l}=J(),{handleToggleModal:s}=p(),o=()=>{a(e=>!e)},d=e=>()=>{if(e.isComingSoon){s();return}window.open(e.href,"_blank")};return(0,h.useEffect)(()=>{let e=document.getElementById("main");e&&(i?(document.body.style.overflow="hidden",e.style.opacity="0"):(document.body.style.overflow="",e.style.opacity="1"),(n||r||l)&&(document.body.style.overflow="",e.style.opacity="1",a(!1)))},[i,n,r,l]),(0,x.jsxs)("div",{className:"relative",children:[(0,x.jsx)("button",{type:"button",onClick:o,className:"cursor-none","data-purpose":"link",children:"dark"===t?(0,x.jsx)(D,{}):(0,x.jsx)(Z,{})}),(0,x.jsxs)(g.E.div,{variants:tn,initial:"exit",animate:i?"enter":"exit",className:"fixed left-0 top-0 overflow-x-hidden overflow-y-auto flex flex-col w-full h-screen bg-white",children:[(0,x.jsx)("div",{className:"flex items-center justify-end h-16 px-10 mobile:px-4",children:(0,x.jsx)("button",{type:"button","aria-label":"Close",className:"cursor-none",onClick:o,children:(0,x.jsx)(B,{className:"w-10 h-10"})})}),(0,x.jsxs)("div",{className:"flex-grow flex flex-col justify-between px-5 pt-4 pb-6 mobile:px-6 mobile:py-2",children:[(0,x.jsx)("div",{className:"flex gap-20 px-4 mobile:flex-col mobile:gap-8 mobile:px-0",children:Object.keys(tr).map(e=>(0,x.jsxs)("div",{className:"flex-1 flex flex-col gap-4",children:[(0,x.jsx)("p",{className:"body-600-18 text-gray-600",children:e}),tr[e].subMenu.map(e=>(0,x.jsx)("button",{type:"button","data-purpose":"link",className:"cursor-none",onClick:d(e),children:(0,x.jsxs)("div",{className:"group flex items-center justify-between","data-purpose":"link",children:[(0,x.jsx)("p",{className:"body-600-24 text-gray-800 group-hover:text-gray-900 transition-all duration-200 ease-in-out","data-purpose":"link",children:e.text},e.text),(0,x.jsx)(V,{className:"w-4 h-4 fill-gray-800 group-hover:fill-gray-900 transition-all duration-200 ease-in-out"})]})},e.text))]},"mobile-menu-".concat(e)))}),(0,x.jsx)("p",{className:"body-400-14 text-gray-700 mt-5",children:"Copyright\xa9 PlayDapp All rights reserved."})]})]})]})};var td=()=>{let[e,t]=(0,h.useState)("white"),[i,a]=(0,h.useState)({...tr}),{isSmScreen:n,isXsScreen:r,isMobileScreen:l}=J(),s=(0,h.useMemo)(()=>n?72:r||l?64:80,[n,r,l]),o=(0,h.useRef)(null),d=(e,t)=>()=>{a({...tr,[e]:{...i[e],isOpen:t}})},c=e9()(e=>{if(2!==e.length){console.error("Entries are not of the right length.[2]");return}let i=e[0].isIntersecting,a=e[1].isIntersecting;if(!i&&!a||i){t("white");return}t("dark")},1);return(0,h.useEffect)(()=>{let e=new IntersectionObserver(c,{root:null,rootMargin:"120px 0px 0px 0px",threshold:Array.from({length:101},(e,t)=>.01*t)}),t=document.getElementById("dao");t&&e.observe(t);let i=document.getElementById(e$);return i&&e.observe(i),()=>{t&&i&&(e.unobserve(i),e.disconnect())}},[c]),(0,h.useEffect)(()=>{window.scrollTo(0,0)},[]),(0,x.jsx)(g.E.header,{variants:tt(e,s),initial:"exit",animate:Object.values(i).some(e=>e.isOpen)?"enter":"exit",className:"fixed z-50 w-screen",ref:o,children:(0,x.jsx)("div",{className:"h-20 sm:h-[72px] xs:h-16 mobile:h-16",children:(0,x.jsxs)("div",{className:f()("flex items-center justify-between min-w-[320px] max-w-[1920px] h-full px-[90px] mx-auto","lg:px-20","md:px-[60px]","sm:px-[60px]","xs:px-10","mobile:px-4"),children:[(0,x.jsx)("div",{className:"flex-1",children:(0,x.jsx)(_,{})}
1),(0,x.jsxs)("div",{className:"flex-1 sm-down:flex sm-down:justify-end",children:[(0,x.jsx)("div",{className:"flex items-center sm-down:hidden",children:Object.keys(i).map((t,a)=>(0,x.jsxs)("div",{className:"flex items-center",children:[(0,x.jsx)(ts,{menuTitle:t,activeMenu:i[t],theme:e,handleMouseToggle:d}),a<Object.keys(i).length-1&&(0,x.jsx)("div",{className:"w-[1px] h-[14px] bg-gray-700"})]},t))}),(0,x.jsx)("div",{className:"hidden sm-down:flex",children:(0,x.jsx)(to,{theme:e})})]})]})})})},tc=e=>{let{children:t}=e;return(0,x.jsxs)("div",{className:"relative overflow-hidden w-full",children:[(0,x.jsx)(td,{}),(0,x.jsx)("main",{id:"main",className:f()("overflow-hidden flex flex-col w-full min-w-[320px] max-w-[1920px] mx-auto py-20 px-[90px]","lg:px-20","md:px-[60px]","sm:py-[72px] sm:px-[60px]","xs:py-16 xs:px-10","mobile:pt-16 mobile:pb-10 mobile:px-4"),children:t}),(0,x.jsx)(e7,{})]})},tm=e=>{let{children:t}=e,{handleToggleModal:i}=p();return(0,x.jsxs)("div",{className:"relative z-[99]","aria-labelledby":"modal-title",role:"dialog","aria-modal":"true",children:[(0,x.jsx)("div",{className:"fixed z-9999 inset-0 bg-black bg-opacity-75 transition-opacity"}),(0,x.jsx)("div",{className:"fixed inset-0 z-10 w-screen overflow-y-auto",children:(0,x.jsx)("div",{className:"flex min-h-full items-center justify-center p-4 text-center cursor-none sm:items-center sm:p-0",role:"button",tabIndex:0,onClick:i,onKeyDown:i,children:(0,x.jsxs)("div",{className:"relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg",children:[(0,x.jsx)("div",{className:"flex items-center justify-center w-full h-full min-w-[320px] min-h-[100px] cursor-none",role:"button",tabIndex:0,onClick:i,onKeyDown:i,children:t}),(0,x.jsx)("div",{className:"bg-gray-50 px-4 pb-3 sm:flex sm:flex-row-reverse sm:px-6",children:(0,x.jsx)("button",{type:"button",className:"inline-flex w-full justify-center cursor-none rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto","data-
1purpose":"link",children:"Cancel"})})]})})})]})},tx=()=>(0,x.jsx)(tm,{children:(0,x.jsx)("p",{className:"text-2xl",children:"Coming Soon"})}),tp=()=>{let{isOpen:e}=p();return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(tc,{children:[(0,x.jsx)(eu,{}),(0,x.jsx)(eS,{}),(0,x.jsx)(eI,{}),(0,x.jsx)(eJ,{})]}),e&&(0,x.jsx)(tx,{})]})}}},function(e){e.O(0,[837,21,772,988,971,23,744],function(){return e(e.s=8350)}),_N_E=e.O()}]);
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.