(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{74009:function(e,t,r){Promise.resolve().then(r.t.bind(r,19006,23)),Promise.resolve().then(r.t.bind(r,7354,23)),Promise.resolve().then(r.t.bind(r,86968,23)),Promise.resolve().then(r.bind(r,7568)),Promise.resolve().then(r.bind(r,74571)),Promise.resolve().then(r.bind(r,15388)),Promise.resolve().then(r.bind(r,43988)),Promise.resolve().then(r.t.bind(r,21241,23))},29503:function(e){e.exports={ReactQueryDevtools:function(){return null},ReactQueryDevtoolsPanel:function(){return null}}},7568:function(e,t,r){"use strict";r.d(t,{default:function(){return c}});var n=r(57437),a=r(69467),i=r(60429),o=r(2265),l=r(43326),s=r(34189);function c(){let[e,t]=(0,o.useState)(!1),r=s.ZP.animateScroll;return(0,a.Z)("scroll",()=>{window.scrollY>500?t(!0):t(!1)}),(0,n.jsx)(i.E.button,{initial:{opacity:0,x:1e3},animate:{opacity:e?1:0,x:e?0:1e3},className:"btn fixed bottom-12 left-auto top-auto right-7 z-30 rounded-full p-2.5 text-xl",onClick:()=>r.scrollToTop(),children:(0,n.jsx)(l.gcy,{})})}},74571:function(e,t,r){"use strict";var n=r(57437),a=r(4206),i=r(90791),o=r(43949),l=r(27648),s=r(2265),c=r(86484);t.default=()=>{let{data:e}=(0,c.useQuery)("information",i.H9),{t,i18n:r}=(0,o.$G)("common"),[u,d]=(0,s.useState)(r.language),[p,m]=(0,s.useState)(!1);return((0,s.useEffect)(()=>{m(!0);let e=e=>d(e);return r.on("languageChanged",e),()=>r.off("languageChanged",e)},[r]),e&&p)?(0,n.jsx)("footer",{className:"footer relative z-20 border-t border-white border-opacity-10 bg-grey bg-opacity-95 backdrop-blur backdrop-filter",children:(0,n.jsx)("div",{className:"container mx-auto",children:(0,n.jsxs)("div",{className:"footer-content flex flex-wrap items-center justify-between gap-y-5 gap-x-7 py-5 text-center md:flex-nowrap",children:[(0,n.jsx)("div",{className:"w-full md:w-auto",children:(0,n.jsx)(a.HE,{data:e.socialAddress})}),(0,n.jsxs)("p",{className:"mb-0 w-full md:w-auto",children:["\xa9 ",new Date().getFullYear(),", ",t("allrightsreserved"),(0,n.jsx)(l.default,{href:"/",className:"pl-1.5 font-medium text-heading no-underline hover:text-primary",children:"jp"===u?"ウェイリンアウン":"Wai Linn Aung"})]})]})})}):null}},15388:function(e,t,r){"use strict";r.d(t,{default:function(){return Z}});var n=r(57437),a=r(71424),i=r(69467),o=r(2265),l=r(11534);function s(){let e=(0,o.useRef)(!1);return(0,l.L)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var c=r(58345),u=r(64252),d=r(53576);class p extends o.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function m({children:e,isPresent:t}){let r=(0,o.useId)(),n=(0,o.useRef)(null),a=(0,o.useRef)({width:0,height:0,top:0,left:0});return(0,o.useInsertionEffect)(()=>{let{width:e,height:i,top:o,left:l}=a.current;if(t||!n.current||!e||!i)return;n.current.dataset.motionPopId=r;let s=document.createElement("style");return document.head.appendChild(s),s.sheet&&s.sheet.insertRule(`
          [data-motion-pop-id="${r}"] {
            position: absolute !important;
            width: ${e}px !important;
            height: ${i}px !important;
            top: ${o}px !important;
            left: ${l}px !important;
          }
        `),()=>{document.head.removeChild(s)}},[t]),o.createElement(p,{isPresent:t,childRef:n,sizeRef:a},o.cloneElement(e,{ref:n}))}let g=({children:e,initial:t,isPresent:r,onExitComplete:n,custom:a,presenceAffectsLayout:i,mode:l})=>{let s=(0,d.h)(f),c=(0,o.useId)(),p=(0,o.useMemo)(()=>({id:c,initial:t,isPresent:r,custom:a,onExitComplete:e=>{for(let t of(s.set(e,!0),s.values()))if(!t)return;n&&n()},register:e=>(s.set(e,!1),()=>s.delete(e))}),i?void 0:[r]);return(0,o.useMemo)(()=>{s.forEach((e,t)=>s.set(t,!1))},[r]),o.useEffect(()=>{r||s.size||!n||n()},[r]),"popLayout"===l&&(e=o.createElement(m,{isPresent:r},e)),o.createElement(u.O.Provider,{value:p},e)};function f(){return new Map}var h=r(58881),x=r(13223);let b=e=>e.key||"",y=({children:e,custom:t,initial:r=!0,onExitComplete:n,exitBeforeEnter:a,presenceAffectsLayout:i=!0,mode:u="sync"})=>{var d;(0,x.k)(!a,"Replace exitBeforeEnter with mode='wait'");let p=(0,o.useContext)(h.p).forceRender||function(){let e=s(),[t,r]=(0,o.useState)(0),n=(0,o.useCallback)(()=>{e.current&&r(t+1)},[t]);return[(0,o.useCallback)(()=>c.Wi.postRender(n),[n]),t]}()[0],m=s(),f=function(e){let t=[];return o.Children.forEach(e,e=>{(0,o.isValidElement)(e)&&t.push(e)}),t}(e),y=f,j=(0,o.useRef)(new Map).current,v=(0,o.useRef)(y),w=(0,o.useRef)(new Map).current,k=(0,o.useRef)(!0);if((0,l.L)(()=>{k.current=!1,function(e,t){e.forEach(e=>{let r=b(e);t.set(r,e)})}(f,w),v.current=y}),d=()=>{k.current=!0,w.clear(),j.clear()},(0,o.useEffect)(()=>()=>d(),[]),k.current)return o.createElement(o.Fragment,null,y.map(e=>o.createElement(g,{key:b(e),isPresent:!0,initial:!!r&&void 0,presenceAffectsLayout:i,mode:u},e)));y=[...y];let N=v.current.map(b),C=f.map(b),E=N.length;for(let e=0;e<E;e++){let t=N[e];-1!==C.indexOf(t)||j.has(t)||j.set(t,void 0)}return"wait"===u&&j.size&&(y=[]),j.forEach((e,r)=>{if(-1!==C.indexOf(r))return;let a=w.get(r);if(!a)return;let l=N.indexOf(r),s=e;s||(s=o.createElement(g,{key:b(a),isPresent:!1,onExitComplete:()=>{j.delete(r);let e=Array.from(w.keys()).filter(e=>!C.includes(e));if(e.forEach(e=>w.delete(e)),v.current=f.filter(t=>{let n=b(t);return n===r||e.includes(n)}),!j.size){if(!1===m.current)return;p(),n&&n()}},custom:t,presenceAffectsLayout:i,mode:u},a),j.set(r,s)),y.splice(l,0,s)}),y=y.map(e=>{let t=e.key;return j.has(t)?e:o.createElement(g,{key:b(e),isPresent:!0,presenceAffectsLayout:i,mode:u},e)}),o.createElement(o.Fragment,null,j.size?y:y.map(e=>(0,o.cloneElement)(e)))};var j=r(60429),v=r(43326),w=r(34189),k=r(27648),N=r(35475),C=r(12505);r(62420);var E=e=>{let{changeState:t}=e,r="/"===(0,N.usePathname)(),[a,i]=(0,o.useState)("en"),[l,s]=(0,o.useState)(!1),[c,u]=(0,o.useState)(!1);(0,o.useEffect)(()=>{{i(window.localStorage.getItem("i18nextLng")||C.Z.language||"en");let e=window.localStorage.getItem("theme"),t=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,r=document.documentElement;"dark"===e||!e&&t?(r.classList.add("dark"),s(!0)):(r.classList.remove("dark"),s(!1))}let e=e=>i(e);return C.Z.on("languageChanged",e),()=>C.Z.off("languageChanged",e)},[]);let d=e=>C.Z.t(e,{lng:a,ns:"common"}),p=()=>{t(!1)};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"btn btn-small btn-transparent absolute left-auto right-4 top-4 z-10 h-10 w-10 rounded-full p-0 text-center text-3xl",onClick:()=>t(!1),children:(0,n.jsx)(v.eSQ,{className:"inline"})}),(0,n.jsxs)("nav",{className:"relative max-h-full w-full overflow-y-auto flex flex-col items-center justify-center min-h-screen \n        ".concat(l?"bg-gray-900":"bg-white","\n      "),children:[(0,n.jsxs)("ul",{className:"mb-0 list-none pl-0 w-full flex flex-col items-center justify-center",children:[(0,n.jsx)("li",{className:"block",children:r?(0,n.jsxs)(w.rU,{activeClass:"text-primary",to:"section-home",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("home"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider    ${isDark ? 'text-white' : 'text-heading'} before:text-primary",onClick:()=>p(),children:[d("home"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"block",children:r?(0,n.jsxs)(w.rU,{activeClass:"text-primary",to:"section-about",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("about"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("about"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"block",children:r?(0,n.jsxs)(w.rU,{activeClass:"text-primary",to:"section-resume",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("resume"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("resume"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"block",children:r?(0,n.jsxs)(w.rU,{activeClass:"text-primary",to:"section-portfolios",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("myworks"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("myworks"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"block",children:(0,n.jsxs)(k.default,{href:"/posts/1",className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("blog"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"flex justify-center",children:r?(0,n.jsxs)(w.rU,{activeClass:"text-primary",to:"section-contact",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("contact"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-2 text-lg uppercase tracking-wider text-heading before:text-primary",onClick:()=>p(),children:[d("contact"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})})]}),(0,n.jsx)("li",{className:"block relative mt-4",children:(0,n.jsxs)("div",{className:"relative inline-block text-left w-full",children:[(0,n.jsxs)("button",{type:"button","aria-label":"Switch language",className:"flex items-center justify-between w-24 px-3 py-1 border border-primary rounded-md transition focus:outline-none focus:ring-2 focus:ring-primary\n                ".concat(l?"bg-gray-900 text-white hover:bg-primary-dark/10":"bg-white text-heading hover:bg-primary/10"),onClick:()=>u(e=>!e),tabIndex:0,children:[(0,n.jsx)("span",{className:"fi ".concat("en"===a?"fi-gb":"fi-jp"," w-5 h-4 mr-2")}),(0,n.jsx)("span",{className:"font-semibold",children:"en"===a?"EN":"JP"}),(0,n.jsx)("svg",{className:"w-4 h-4 ml-2",fill:"none",stroke:"currentColor",strokeWidth:"2",viewBox:"0 0 24 24",children:(0,n.jsx)("path",{d:"M19 9l-7 7-7-7"})})]}),c&&(0,n.jsx)("ul",{className:"absolute left-0 mt-2 w-24 rounded-md shadow-lg ring-1 ring-black ring-opacity-5 z-50\n                ".concat(l?"bg-gray-900":"bg-white"),children:["en","jp"].filter(e=>e!==a).map(e=>(0,n.jsx)("li",{children:(0,n.jsxs)("button",{type:"button",className:"flex items-center w-full px-3 py-1 rounded-md transition font-semibold\n                          ".concat(l?"text-white hover:bg-primary-dark/10":"text-heading hover:bg-primary/10"),onClick:()=>{C.Z.changeLanguage(e),window.localStorage.setItem("i18nextLng",e),u(!1)},children:[(0,n.jsx)("span",{className:"fi ".concat("en"===e?"fi-gb":"fi-jp"," w-5 h-4 mr-2")}),(0,n.jsx)("span",{className:"font-semibold",children:e.toUpperCase()})]})},e))})]})}),(0,n.jsx)("li",{className:"block",children:(0,n.jsx)("button",{"aria-label":"Toggle dark mode",onClick:()=>{let e=document.documentElement,t=!l;t?(e.classList.add("dark"),localStorage.setItem("theme","dark")):(e.classList.remove("dark"),localStorage.setItem("theme","light")),s(t)},className:"appearance-none bg-transparent border-none p-0 m-0 focus:outline-none \n              ".concat(l?"text-white":"text-heading"),children:l?(0,n.jsx)("svg",{className:"w-5 h-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z"})}):(0,n.jsxs)("svg",{className:"w-5 h-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("circle",{cx:"12",cy:"12",r:"5"}),(0,n.jsx)("line",{x1:"12",y1:"1",x2:"12",y2:"3"}),(0,n.jsx)("line",{x1:"12",y1:"21",x2:"12",y2:"23"}),(0,n.jsx)("line",{x1:"4.22",y1:"4.22",x2:"5.64",y2:"5.64"}),(0,n.jsx)("line",{x1:"18.36",y1:"18.36",x2:"19.78",y2:"19.78"}),(0,n.jsx)("line",{x1:"1",y1:"12",x2:"3",y2:"12"}),(0,n.jsx)("line",{x1:"21",y1:"12",x2:"23",y2:"12"}),(0,n.jsx)("line",{x1:"4.22",y1:"19.78",x2:"5.64",y2:"18.36"}),(0,n.jsx)("line",{x1:"18.36",y1:"5.64",x2:"19.78",y2:"4.22"})]})})}),(0,n.jsx)("div",{className:"header-button pt-8",children:(0,n.jsx)(w.rU,{activeClass:"active",to:"section-contact",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"btn btn-small ".concat(l?"":"text-white bg-primary hover:bg-primary-dark"),onClick:()=>p(),children:(0,n.jsx)("span",{children:d("hireme")})})})]})]})},L=r(82226),P=()=>{let{isDark:e,setIsDark:t}=(0,L.bp)(),[r,a]=(0,o.useState)(!1),[i,l]=(0,o.useState)(window.localStorage.getItem("i18nextLng")||C.Z.language||"en"),s="/"===(0,N.usePathname)();if((0,o.useEffect)(()=>{a(!0);{let e=window.localStorage.getItem("theme"),r=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,n=document.documentElement;"dark"===e||!e&&r?(n.classList.add("dark"),t(!0)):(n.classList.remove("dark"),t(!1))}let e=e=>l(e);return C.Z.on("languageChanged",e),()=>C.Z.off("languageChanged",e)},[]),!r)return null;let c=e=>C.Z.t(e,{lng:i,ns:"common"});return(0,n.jsx)("nav",{className:"flex-grow px-5 text-center",children:(0,n.jsxs)("ul",{className:"mb-0 inline-flex list-none gap-7 pl-0",children:[(0,n.jsx)("li",{className:"inline-block align-middle",children:s?(0,n.jsxs)(w.rU,{activeClass:"!text-primary",to:"section-home",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("home"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("home"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"inline-block align-middle",children:s?(0,n.jsxs)(w.rU,{activeClass:"!text-primary",to:"section-about",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("about"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("about"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"inline-block align-middle",children:s?(0,n.jsxs)(w.rU,{activeClass:"!text-primary",to:"section-resume",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("resume"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("resume"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"inline-block align-middle",children:s?(0,n.jsxs)(w.rU,{activeClass:"!text-primary",to:"section-portfolios",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("myworks"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("myworks"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"inline-block align-middle",children:(0,n.jsxs)(k.default,{href:"/posts/1",className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("blog"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsx)("li",{className:"inline-block align-middle",children:s?(0,n.jsxs)(w.rU,{activeClass:"!text-primary",to:"section-contact",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("contact"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]}):(0,n.jsxs)(k.default,{href:"/",className:"group relative inline-block cursor-pointer py-6 text-sm font-medium uppercase tracking-wider text-heading before:text-primary",children:[c("contact"),(0,n.jsx)("span",{className:"absolute left-0 top-auto bottom-5 inline-block h-px w-full origin-top-right scale-0 bg-primary align-middle transition-transform duration-500 group-hover:origin-top-left group-hover:scale-100"})]})}),(0,n.jsxs)("li",{className:"relative top-3 inline-block align-middle group",children:[(0,n.jsxs)("button",{type:"button","aria-label":"Switch language",className:"flex items-center gap-1 px-3 py-1 border border-primary text-white rounded-md hover:bg-primary/10 transition",children:[(0,n.jsx)("span",{className:"text-heading",children:"en"===i?"EN":"JP"}),(0,n.jsx)("svg",{className:"w-4 h-4 ml-1 text-heading",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),(0,n.jsxs)("ul",{className:"absolute left-0 mt-2 hidden min-w-[7rem] origin-top-right border border-primary bg-gray-200 shadow-lg group-hover:block z-50 list-none",children:[(0,n.jsxs)("li",{onClick:()=>{C.Z.changeLanguage("en"),window.localStorage.setItem("i18nextLng","en")},className:"flex items-center gap-1 px-4 py-2 text-sm text-gray-800 hover:bg-gray-300 cursor-default",children:[(0,n.jsx)("span",{className:"fi fi-gb flex-shrink-0 w-5 h-4"}),"English"]}),(0,n.jsxs)("li",{onClick:()=>{C.Z.changeLanguage("jp"),window.localStorage.setItem("i18nextLng","jp")},className:"flex items-center gap-1 px-4 py-2 text-sm text-gray-800 hover:bg-gray-300 cursor-default",children:[(0,n.jsx)("span",{className:"fi fi-jp flex-shrink-0 w-5 h-4"}),"日本語"]})]})]}),(0,n.jsx)("li",{className:"relative top-3 inline-block align-middle",children:(0,n.jsx)("button",{"aria-label":"Toggle dark mode",onClick:()=>{let r=document.documentElement,n=!e;n?(r.classList.add("dark"),localStorage.setItem("theme","dark")):(r.classList.remove("dark"),localStorage.setItem("theme","light")),t(n)},className:"appearance-none bg-transparent border-none p-0 m-0 text-white dark:text-white focus:outline-none",children:e?(0,n.jsxs)("svg",{className:"w-5 h-5 text-heading",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("circle",{cx:"12",cy:"12",r:"5"}),(0,n.jsx)("line",{x1:"12",y1:"1",x2:"12",y2:"3"}),(0,n.jsx)("line",{x1:"12",y1:"21",x2:"12",y2:"23"}),(0,n.jsx)("line",{x1:"4.22",y1:"4.22",x2:"5.64",y2:"5.64"}),(0,n.jsx)("line",{x1:"18.36",y1:"18.36",x2:"19.78",y2:"19.78"}),(0,n.jsx)("line",{x1:"1",y1:"12",x2:"3",y2:"12"}),(0,n.jsx)("line",{x1:"21",y1:"12",x2:"23",y2:"12"}),(0,n.jsx)("line",{x1:"4.22",y1:"19.78",x2:"5.64",y2:"18.36"}),(0,n.jsx)("line",{x1:"18.36",y1:"5.64",x2:"19.78",y2:"4.22"})]}):(0,n.jsx)("svg",{className:"w-5 h-5 text-heading",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,n.jsx)("path",{d:"M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z"})})})})]})})},S=r(46550),Z=()=>{let e;let[t,r]=(0,o.useState)(!1),[l,s]=(0,o.useState)(!1),[c,u]=(0,o.useState)(S.ZP.language),[d,p]=(0,o.useState)(!1);return((0,i.Z)("scroll",()=>{window.scrollY>200?r(!0):r(!1)}),(0,o.useEffect)(()=>{p(!0);let e=e=>u(e);return S.ZP.on("languageChanged",e),()=>S.ZP.off("languageChanged",e)},[]),d)?(0,n.jsx)("header",{className:"header top-0 left-0 z-50 h-auto w-full ".concat(t?"fixed animate-slidedown border-b border-white border-opacity-20 bg-grey bg-opacity-80 backdrop-blur backdrop-filter":"absolute"),children:(0,n.jsx)("div",{className:"container mx-auto",children:(0,n.jsxs)("div",{className:"header-inner flex items-center justify-between",children:[(0,n.jsx)(a.TR,{url:"/"}),(0,n.jsxs)("div",{className:"header-mobilenav block lg:hidden",children:[(0,n.jsx)("button",{className:"btn btn-small btn-transparent px-3 text-3xl",onClick:()=>s(!0),children:(0,n.jsx)(v.B4m,{})}),(0,n.jsx)(y,{children:l&&(0,n.jsx)(j.E.div,{initial:{translateY:"100vh"},animate:{translateY:"0px"},exit:{translateY:"-100vh"},transition:{duration:.5},className:"fixed left-0 top-0 z-50 flex h-screen w-screen items-center justify-center bg-grey p-4 text-center",children:(0,n.jsx)(E,{changeState:s})})})]}),(0,n.jsx)("div",{className:"header-nav hidden lg:block",children:(0,n.jsx)(P,{})}),(0,n.jsx)("div",{className:"header-button hidden lg:block",children:(0,n.jsx)(w.rU,{activeClass:"active",to:"section-contact",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"btn",children:(0,n.jsxs)("span",{children:[" ",(e="hireme",S.ZP.t(e,{lng:c,ns:"common"}))]})})})]})})}):null}},55838:function(e,t,r){"use strict";var n=r(57437),a=r(9201),i=r(2265),o=r(99258),l=r(40257);t.default=e=>{let{title:t,slug:r}=e,[s,c]=(0,i.useState)(!1);return((0,i.useEffect)(()=>{c(!0)},[]),s)?(0,n.jsx)(a.qw,{shortname:l.env.NEXT_PUBLIC_DISCUSS_SHORTNAME,config:{url:l.env.NEXT_PUBLIC_SITE_URL,identifier:r,title:t}}):(0,n.jsx)("div",{className:"block py-20 text-center",children:(0,n.jsx)(o.Z,{})})}},2472:function(e,t,r){"use strict";var n=r(57437),a=r(27648),i=r(46550),o=r(2265);t.default=e=>{let t,{url:r="/",text:l=!1}=e,[s,c]=(0,o.useState)(()=>window.localStorage.getItem("i18nextLng")||i.ZP.language||"en"),[u,d]=(0,o.useState)(!1);return((0,o.useEffect)(()=>{d(!0);{let e=window.localStorage.getItem("i18nextLng");e&&e!==s&&c(e)}let e=e=>c(e);return i.ZP.on("languageChanged",e),()=>i.ZP.off("languageChanged",e)},[]),u)?(0,n.jsx)(a.default,{href:r,className:"sitelogo py-2",children:(0,n.jsx)("span",{className:"text-4xl font-bold uppercase leading-none text-primary",children:(t="portfolio",i.ZP.t(t,{lng:s,ns:"common"}))})}):(0,n.jsx)(a.default,{href:r,className:"sitelogo py-2",children:(0,n.jsx)("span",{className:"text-4xl font-bold uppercase leading-none text-primary",children:"portfolio"})})}},11221:function(e,t,r){"use strict";var n=r(57437),a=r(86484),i=r(90791),o=r(2265),l=r(46550);t.default=e=>{let{currentFilter:t,filterHandler:r}=e,{data:s}=(0,a.useQuery)("portfolio-filters",i.ez),[c,u]=(0,o.useState)(l.ZP.language);return((0,o.useEffect)(()=>{let e=e=>u(e);return l.ZP.on("languageChanged",e),()=>l.ZP.off("languageChanged",e)},[]),s)?(0,n.jsxs)("div",{className:"portfolio-filters flex flex-wrap justify-center gap-4",children:[(0,n.jsx)("button",{className:"btn btn-small ".concat(""===t?"":"btn-transparent"),onClick:()=>r(""),children:(0,n.jsx)("span",{children:"jp"===c?"全て":"All"})}),null==s?void 0:s.map(e=>(0,n.jsx)("button",{className:"btn btn-small ".concat(t===e.value?"before:invisible":"btn-transparent"),onClick:()=>r(e.value),children:(0,n.jsx)("span",{children:"jp"===c?e.title_jp:e.title_en})},e.id))]}):null}},43988:function(e,t,r){"use strict";r.d(t,{default:function(){return c}});var n=r(57437),a=r(82226),i=r(2265),o=r(86484),l=r(29503),s=r(93755);function c(e){let{children:t}=e,r=(0,i.useRef)();return r.current||(r.current=new o.QueryClient),(0,n.jsxs)(o.QueryClientProvider,{client:r.current,children:[(0,n.jsx)(a.wI,{children:(0,n.jsx)(s.Xu,{children:t})}),(0,n.jsx)(l.ReactQueryDevtools,{initialIsOpen:!1})]})}},39289:function(e,t,r){"use strict";var n=r(57437),a=r(12505),i=r(2265),o=r(93755);t.default=e=>{let{title:t,watermark:r,animated:l=!0}=e,[s,c]=(0,i.useState)(t),[u,d]=(0,i.useState)(r);(0,i.useEffect)(()=>{a.Z.language,c(a.Z.t(t)),d(a.Z.t(r));let e=()=>{c(a.Z.t(t)),d(a.Z.t(r))};return a.Z.on("languageChanged",e),()=>{a.Z.off("languageChanged",e)}},[t,r]);let p=(0,o.YT)({translateX:l?[-200,200]:null,easing:"easeInOut"});return(0,n.jsxs)("div",{className:"section-heading relative overflow-hidden pb-14 text-center",children:[(0,n.jsx)("h2",{className:"relative z-10 mb-2 uppercase",children:s}),(0,n.jsx)("span",{className:"relative z-10 inline-block h-1.5 w-32 overflow-hidden rounded-full bg-primary bg-opacity-20",children:(0,n.jsx)("span",{className:"absolute left-0 top-0 inline-block h-full w-1.5 animate-lefttoright rounded-full bg-primary"})}),(0,n.jsx)("span",{ref:p.ref,className:"pointer-events-none absolute left-1/2 -top-2 z-0 -translate-x-1/2 transform text-9xl font-bold uppercase text-heading opacity-5",children:u})]})}},5368:function(e,t,r){"use strict";r.d(t,{default:function(){return i}});var n=r(57437),a=r(34189);function i(e){let{name:t,className:r="",children:i}=e;return(0,n.jsx)(a.W_,{name:t,className:r,children:i})}},99258:function(e,t,r){"use strict";var n=r(57437);t.Z=()=>(0,n.jsxs)("div",{className:"spinner relative inline-flex h-24 w-24 items-center justify-center overflow-hidden rounded-full border border-white border-opacity-20",children:[(0,n.jsx)("span",{className:"relative z-20 text-sm uppercase tracking-wider",children:"Loading"}),(0,n.jsx)("span",{className:"absolute z-10 h-full w-full animate-spin rounded-full border-l-2 border-t-2 border-white border-opacity-50 bg-grey-lighten"})]})},71424:function(e,t,r){"use strict";r.d(t,{TR:function(){return n.default},$8:function(){return u},ej:function(){return d.default},OT:function(){return p.default},$j:function(){return m.Z}}),r(55838);var n=r(2472),a=r(57437),i=r(28090),o=r(59512),l=r(92619),s=r(23795),c=r(85561);function u(e){let{children:t}=e;return(0,a.jsx)(i.UG,{remarkPlugins:[c.Z],rehypePlugins:[s.Z],components:{code(e){let{node:t,inline:r,className:n,children:i,...s}=e,c=/language-(\w+)/.exec(n||"");return!r&&c?(0,a.jsx)(o.Z,{style:l.cL,PreTag:"div",language:c[1],...s,children:String(i).replace(/\n$/,"")}):(0,a.jsx)("code",{className:n,...s,children:i})}},children:t})}var d=r(11221),p=r(39289);r(5368);var m=r(99258)},90791:function(e,t,r){"use strict";r.d(t,{GJ:function(){return g},s0:function(){return m},H9:function(){return o},Ry:function(){return p},UU:function(){return c},ez:function(){return u},r3:function(){return d},U2:function(){return l},QM:function(){return s}});var n=r(83464),a=r(40257);let i=n.Z.create({baseURL:a.env.NEXT_PUBLIC_API_URL,headers:{Accept:"application/json","Access-Control-Allow-Origin":"*","Access-Control-Allow-Methods":"GET,PUT,POST,DELETE,PATCH","Content-Type":"application/json"}}),o=async()=>(await i.get("api/information.json")).data,l=async()=>(await i.get("api/services.json")).data,s=async()=>(await i.get("api/techskills.json")).data,c=async()=>(await i.get("api/languageskills.json")).data,u=async()=>(await i.get("api/portfoliofilters.json")).data,d=async()=>(await i.get("api/portfolios.json")).data,p=async()=>(await i.get("api/jobexperience.json")).data,m=async()=>(await i.get("api/educationbackground.json")).data,g=async()=>(await i.get("api/certificates.json")).data},69467:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}});var n=r(2265);function a(e,t){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window,a=(0,n.useRef)(t);(0,n.useEffect)(()=>{a.current=t},[t]),(0,n.useEffect)(()=>{let t=e=>a.current(e);return r.addEventListener(e,t),()=>r.removeEventListener(e,t)},[e,r])}},62420:function(){},19006:function(){},86968:function(){},7354:function(){},21241:function(){}},function(e){e.O(0,[923,692,929,306,972,965,366,878,471,165,206,971,117,744],function(){return e(e.s=74009)}),_N_E=e.O()}]);