https://unnotech.com/_next/static/chunks/app/layout-36453a60b58677ad.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{31610:function(e,t,n){Promise.resolve().then(n.t.bind(n,75397,23)),Promise.resolve().then(n.bind(n,48914)),Promise.resolve().then(n.bind(n,64665)),Promise.resolve().then(n.bind(n,36454)),Promise.resolve().then(n.bind(n,21181))},48914:function(e,t,n){"use strict";n.d(t,{Providers:function(){return l}});var r=n(40164),o=n(19873),i=n(96266);function l(e){let{children:t}=e;return(0,o.useEffect)(()=>{"scrollRestoration"in window.history&&(window.history.scrollRestoration="manual"),window.scrollTo(0,0)},[]),(0,r.jsx)(i.k,{children:t})}},64665:function(e,t,n){"use strict";n.d(t,{default:function(){return a}});var r=n(40164),o=n(19873),i=n(92661),l=n(88054),s=n(27104);function a(){let[e,t]=(0,o.useState)(!1),n=(0,s.usePathname)();(0,o.useEffect)(()=>{let e=()=>t(!0);return window.addEventListener("openDrawer",e),()=>window.removeEventListener("openDrawer",e)},[]),(0,o.useEffect)(()=>{e?document.body.style.overflow="hidden":document.body.style.overflow=""},[e]),(0,o.useEffect)(()=>{t(!1)},[n]);let a=()=>t(!1);return(0,r.jsx)("div",{className:"fixed top-0 bottom-0 right-0 left-0 z-drawer bg-black-80 bg-opacity-20 transition-all duration-150 ease-in-out ".concat(e?"":"invisible opacity-0"),onClick:a,children:(0,r.jsx)("div",{className:"fixed top-0 bottom-0 flex w-[88%] flex-col bg-white-100 transition-all duration-150 ease-in ".concat(+e?"right-0":"right-[-88%]"),onClick:e=>e.stopPropagation(),children:(0,r.jsxs)("div",{className:"relative h-full w-full",children:[(0,r.jsx)("button",{className:"absolute top-6 right-6",onClick:a,"aria-label":"Close menu",children:(0,r.jsx)(l.default,{src:"/images/icon/hamburger_vertical.svg",alt:"Close menu",width:32,height:32})}),(0,r.jsx)("div",{className:"absolute inset-y-1/2 left-6",children:(0,r.jsx)("ul",{className:"flex flex-col font-ubuntu",children:[{href:"/",label:"Home"},{href:"/about",label:"About"},{href:"/unno-life",label:"UnnoLife"},{href:"/career",label:"Career"}].map(e=>(0,r.jsx)("li",{className:"mb-7 text-4xl font-medium text-black-65",children:(0,r.jsx)(i.default,{href:e.href,className:"cursor-pointer",onClick:a,children:e.label})},e.href))})})]})})})}},36454:function(e,t,n){"use strict";n.d(t,{default:function(){return s}});var r=n(40164),o=n(88054),i=n(96266),l=n(3509);function s(){let e=(0,i.L)(),{bottom:t}=(0,l.M)();return(0,r.jsxs)("footer",{className:"absolute bottom-0 flex h-[71px] w-full justify-between transition-opacity duration-200 md:h-[107px] ".concat(t?"opacity-100":"opacity-0"),children:[(0,r.jsxs)("div",{className:"flex w-[calc(100%-98px)] flex-col justify-center rounded-tr-[40px] bg-white-96 pl-5 text-xs text-black-80 md:w-[calc(100%-120px)] md:pl-[80px] md:text-base",children:[(0,r.jsx)("div",{className:"mb-2 text-black-65",children:"114 台北市內湖區瑞光路 266, 268 號 6 樓"}),(0,r.jsx)("div",{className:"text-black-80",children:"UNNO Technology Ltd. \xa92021"})]}),(0,r.jsx)("button",{onClick:()=>{let t=document.querySelector(".custom-scroller");if(t){t.scrollTo({top:0,behavior:"smooth"});return}if(e){e.scrollTo(0,{duration:.5});return}window.scrollTo({top:0,behavior:"smooth"})},className:"flex w-[82px] cursor-pointer items-center justify-center rounded-tl-[40px] bg-black-65 md:w-[104px]","aria-label":"Back to top",children:(0,r.jsx)(o.default,{src:"/images/icon/arrow_up.svg",alt:"Back to top",width:24,height:24,className:"ml-4 mt-2"})})]})}},21181:function(e,t,n){"use strict";n.d(t,{default:function(){return a}});var r=n(40164),o=n(19873),i=n(92661),l=n(27104),s=n(3509);function a(){let e=(0,l.usePathname)(),t=(0,l.useRouter)(),{top:n}=(0,s.M)(),a="/"===e,[c,u]=(0,o.useState)(!a),d=(0,o.useRef)(null),[f,m]=(0,o.useState)(null);(0,o.useEffect)(()=>{a?u(!1):u(!0)},[a]),(0,o.useEffect)(()=>{if(!a)return;let e=()=>u(!0);return window.addEventListener("hero:ready",e),()=>window.removeEventListener("hero:ready",e)},[a]),(0,o.useEffect)(()=>{let e=d.current;if(!e)return;let t=()=>{if(!e.naturalWidth||!e.naturalHeight)return;let t=e.getBoundingClientRect().height;t&&m(e.naturalWidth/e.naturalHeight*t)};return e.complete?t():e.addEventListener("load",t,{once:!0}),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[]);let h=(0,o.useMemo)(()=>{let e=!n&&f?"".concat(.3*f,"px"):void 0;return{opacity:n?1:0,width:e,transition:"all 0.2s ".concat(n?"ease-out":"ease-in")}},[n,f]),x=e=>{t.push(e)};return(0,r.jsx)("header",{id:"header",className:"fixed top-0 left-0 z-50 flex w-full items-center justify-center px-4 pt-4 md:px-0 transition-all duration-300 ".concat(c?"opacity-100":"opacity-0"),style:{transform:c?"translateY(0px)":"translateY(-20px)"},children:(0,r.jsxs)("div",{className:"unnotech-container flex items-center justify-between text-center",children:[(0,r.jsxs)(i.default,{href:"/",className:"flex items-center",children:[(0,r.jsx)("img",{src:"/images/header/unnotech-logo.png",alt:"Unnotech Logo",className:"mr-4 h-12 cursor-pointer md:h-[60px] lg:h-[76px]"}),(0,r.jsx)("img",{src:"/images/header/unnotech.png",alt:"Unnotech",className:"h-12 cursor-pointer md:h-[60px] lg:h-[76px]",style:h,ref:d})]}),(0,r.jsx)("ul",{className:"links hidden items-center justify-around bg-white-100 font-ubuntu text-2xl font-bold leading-7 text-black-80 lg:flex",children:[{href:"/about",label:"ABOUT"},{href:"/unno-life",label:"UNNO LIFE"},{href:"/career",label:"CAREER"}].map(e=>(0,r.jsx)("li",{className:"cursor-pointer",onClick:()=>x(e.href),children:e.label},e.href))}),(0,r.jsx)("button",{className:"lg:hidden",onClick:()=>window.dispatchEvent(new Event("openDrawer")),"aria-label":"Open menu",children:(0,r.jsx)("img",{src:"/images/icon/hamburger.svg",alt:"Open menu",className:"h-8 w-8"})})]})})}},9562:function(e,t,n){"use strict";n.d(t,{J:function(){return o}});var r=n(19873);function o(){let[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>

1{if(!window.matchMedia)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)"),n=()=>t(e.matches);return(n(),e.addEventListener)?(e.addEventListener("change",n),()=>e.removeEventListener("change",n)):(e.addListener(n),()=>e.removeListener(n))},[]),e}},3509:function(e,t,n){"use strict";n.d(t,{M:function(){return i}});var r=n(19873),o=n(27104);function i(){let e=(0,o.usePathname)(),[t,n]=(0,r.useState)({top:!0,bottom:!1});return(0,r.useEffect)(()=>{let e=0,t=null,r=window,o=()=>{r=(t=document.querySelector(".custom-scroller"))||window},i=()=>{n(function(e){if(e){let t=e.scrollTop,n=e.scrollHeight;return{top:t<=0,bottom:Math.ceil(t+e.clientHeight)>=n}}let t=window.scrollY||document.documentElement.scrollTop,n=document.documentElement.scrollHeight;return{top:t<=0,bottom:Math.ceil(t+window.innerHeight)>=n}}(t))},l=()=>{e&&cancelAnimationFrame(e),e=requestAnimationFrame(i)};o(),i(),r.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l);let s=new MutationObserver(()=>{document.querySelector(".custom-scroller")!==t&&(r.removeEventListener("scroll",l),o(),r.addEventListener("scroll",l,{passive:!0}),i())});return s.observe(document.body,{childList:!0,subtree:!0}),()=>{e&&cancelAnimationFrame(e),r.removeEventListener("scroll",l),window.removeEventListener("resize",l),s.disconnect()}},[e]),(0,r.useMemo)(()=>t,[t])}},96266:function(e,t,n){"use strict";n.d(t,{L:function(){return c},k:function(){return a}});var r=n(40164),o=n(19873),i=n(46318),l=n(9562);let s=(0,o.createContext)(null);function a(e){let{children:t}=e,[n,a]=(0,o.useState)(null),c=(0,l.J)();return(0,o.useEffect)(()=>{if(c){a(null);return}let e=new i.Z({duration:1.2,easing:e=>Math.min(1,1.001-Math.pow(2,-10*e)),orientation:"vertical",smoothWheel:!0}),t=0;return t=requestAnimationFrame(function n(r){e.raf(r),t=requestAnimationFrame(n)}),a(e),()=>{t&&cancelAnimationFrame(t),e.destroy()}},[c]),(0,r.jsx)(s.Provider,{value:n,children:t})}function c(){return(0,o.useContext)(s)}},27104:function(e,t,n){"use strict";var r=n(10941);n.o(r,"usePathname")&&n.d(t,{usePathname:function(){return r.usePathname}}),n.o(r,"useRouter")&&n.d(t,{useRouter:function(){return r.useRouter}})},75397:function(){}},function(e){e.O(0,[620,54,661,318,965,761,744],function(){return e(e.s=31610)}),_N_E=e.O()}]);