(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[969,15,475],{4548:function(e,n,r){Promise.resolve().then(r.t.bind(r,413,23)),Promise.resolve().then(r.t.bind(r,8326,23)),Promise.resolve().then(r.bind(r,4115))},4115:function(e,n,r){"use strict";r.r(n),r.d(n,{default:function(){return components_Header}});var t=r(7437),o=r(1396),l=r.n(o),s=r(4033),a=r(2265);let i=[{name:"Generator",link:"/generator"},{name:"Collector",link:"/collector"},{name:"Home",link:"/"},{name:"About",link:"/about"},{name:"Blog",link:"/blog"},{name:"FAQ",link:"/faq"},{name:"Contact",link:"/contact"}];var components_ResponsiveHeader=function(e){let{onClose:n}=e;return(0,t.jsxs)("div",{className:"z-10 flex flex-col gap-[6rem] bg-[#DFF1FF] items-center  h-screen w-full fixed",children:[(0,t.jsx)("span",{className:"absolute top-[1.5rem] left-[2rem] w-[8rem]",children:(0,t.jsx)("img",{src:"logo.png",alt:"motex logo"})}),(0,t.jsx)("button",{onClick:n,className:"absolute top-[1rem] right-[-4rem] w-[8rem]",children:(0,t.jsx)("img",{src:"x.svg",alt:"cancel logo"})}),(0,t.jsx)("ul",{className:"mt-[5rem] items-center flex flex-col",children:i.map((e,n)=>(0,t.jsx)(l(),{className:"block mb-[2.5rem] text-black font-[400]",href:e.link,children:e.name},n))})]})},components_Header=e=>{let{signIn:n=!1,signUp:r=!1}=e,[o,i]=(0,a.useState)(!1),c=(0,s.useRouter)(),m=(0,s.usePathname)();console.log(m);let d=[{href:"/generator",label:"Generator"},{href:"/collector",label:"Collector"},{href:"/about",label:"About"},{href:"/blog",label:"Blog"},{href:"/faq",label:"FAQ"},{href:"/contact",label:"Contact"}];return((0,a.useEffect)(()=>{let handleResize=()=>{window.innerWidth>700&&i(!1)};return window.addEventListener("resize",handleResize),handleResize(),()=>window.removeEventListener("resize",handleResize)},[]),c)?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("header",{className:"bg-[#fff] flex justify-center",children:(0,t.jsxs)("div",{className:"fixed py-6 w-[100%] lg:w-[85%] bg-white shadow-md md:flex md:justify-between md:items-center px-4 md:px-2 lg:px-28 rounded-b-[1.2rem]",style:{zIndex:10},children:[(0,t.jsxs)("div",{className:"md:flex md:items-center md:space-x-4",children:[(0,t.jsx)(l(),{href:"/",children:(0,t.jsx)("img",{src:"logo.png",alt:"Motex Logo",className:"w-[6rem] md:w-[8rem]"})}),d.slice(0,2).map(e=>(0,t.jsx)(l(),{href:e.href,className:"text-gray-700 hover:text-gray-900 hidden md:flex ".concat(m===e.href?"border-b-2 border-[#000CC4]":""),children:e.label},e.href))]}),(0,t.jsxs)("div",{className:"hidden md:flex items-center space-x-4",children:[d.slice(2).map(e=>(0,t.jsx)(l(),{href:e.href,className:"text-gray-700 hover:text-gray-900 hidden md:flex ".concat(m===e.href?" border-b-2 border-[#000CC4]":""),children:e.label},e.href)),n&&(0,t.jsx)("button",{onClick:()=>{"/generator"===m&&(window.location.href="https://generator.motex.africa/login"),"/collector"===m&&(window.location.href="https://motex-collector-app.onrender.com/login")},className:"text-[#000CC4] hover:text-white hover:bg-[#000CC4] px-4 py-2 rounded transition duration-300",children:"Sign In"}),r&&(0,t.jsx)("button",{onClick:()=>{"/generator"===m&&(window.location.href="https://generator.motex.africa/signup"),"/collector"===m&&(window.location.href="https://motex-collector-app.onrender.com/signup")},className:"text-white bg-[#000CC4] hover:bg-[#000b9f] px-4 py-2 rounded transition duration-300",children:"Sign Up"})]}),(0,t.jsx)("span",{onClick:()=>i(!0),className:"absolute md:hidden right-10 bottom-[1.5rem]",children:(0,t.jsx)("img",{src:"/menu-icon.svg",className:"w-[25px] h-[25px] "})})]})}),o&&(0,t.jsx)(components_ResponsiveHeader,{onClose:()=>i(!1)})]}):null}}},function(e){e.O(0,[176,321,971,472,744],function(){return e(e.s=4548)}),_N_E=e.O()}]);