https://techrity.org/_next/static/chunks/4936.e554efc9da6eaa9a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4936],{44936:function(e,t,r){r.r(t),r.d(t,{default:function(){return v}});var n=r(85893),s=r(41664),i=r.n(s),c=r(25675),a=r.n(c),l=r(78268),o=r(33657),h=r(67294),d=r(11163);function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){x(e,t,r[t])}))}return e}function m(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}var u=function(e,t){var r=e.className,s=e.children,c=e.href,a=e.isLink,l=void 0===a||a,o=e.ignore,x=void 0!==o&&o,u=m(e,["className","children","href","isLink","ignore"]),p=(0,h.useRef)(null),j=(0,d.useRouter)(),g=(0,h.useState)(!1),b=g[0],N=g[1];return(0,h.useEffect)((function(){if(p.current&&!x){var e=new URL(location.href);N(e.pathname===p.current.pathname)}}),[j]),(0,n.jsxs)("div",{ref:t,className:"inline-flex group flex-col mx-6 "+(r||""),children:[(0,n.jsx)("span",{className:"font-medium group-hover:text-primary uppercase "+(b?"text-primary":""),children:l?(0,n.jsx)(i(),{href:c,passHref:!0,children:(0,n.jsx)("a",f({},u,{ref:p,children:s}))}):(0,n.jsx)("a",f({},u,{href:c,ref:p,children:s}))}),(0,n.jsx)("span",{className:"w-0 h-1 bg-primary transition-width group-hover:w-full ease-linear duration-300 inline-flex"})]})},p=(0,h.forwardRef)(u),j=r(80628),g=r(82106);function b(e){var t=e.isOpen,r=e.setIsOpen;return(0,n.jsx)(g.Popover,{containerClassName:"shadow",isOpen:t,onClickOutside:function(){return r(!1)},positions:["bottom"],padding:6,content:(0,n.jsx)("div",{className:"w-1184 h-40",onMouseLeave:function(){return r(!1)},children:(0,n.jsxs)("div",{className:"py-8 px-4 bg-accent-3 font-medium text-xl divide-x-2 flex border-b-4 border-primary h-full",children:[(0,n.jsx)(i(),{href:"/kickstart",passHref:!0,children:(0,n.jsx)("a",{className:"w-1/3 items-center inline-flex justify-center",href:"",children:"Kickstart"})}),(0,n.jsx)(i(),{href:"/mentorship",passHref:!0,children:(0,n.jsx)("a",{className:"w-1/3 items-center inline-flex justify-center",href:"",children:"Mentorship"})}),(0,n.jsx)(i(),{href:"/build-for-social",passHref:!0,children:(0,n.jsx)("a",{className:"w-1/3 items-center inline-flex justify-center",href:"",children:"Hack for Good"})}),(0,n.jsx)("div",{className:"w-1/3 items-center inline-flex justify-center",children:(0,n.jsx)(i(),{href:"https://t4g.techrity.org/",target:"_blank",passHref:!0,children:(0,n.jsx)("a",{className:"flex h-12 px-10 rounded-md items-center",children:"Tech for Good"})})}),(0,n.jsx)("div",{className:"w-1/3 items-center inline-flex justify-center",children:(0,n.jsx)(i(),{href:"https://github.com/techrityorg/open-source-content-writing",target:"_blank",passHref:!0,children:(0,n.jsx)("a",{target:"_blank",className:"flex h-12 rounded-md items-center",children:"Open Source Writing"})})})]})}),children:(0,n.jsx)(p,{isLink:!1,ignore:!0,onClick:function(e){e.preventDefault(),r(!0)},onMouseEnter:function(){return r(!0)},className:"cursor-pointer",children:(0,n.jsxs)("span",{className:"inline-flex items-center",children:[(0,n.jsx)("span",{className:"pt-1",children:"Program"}),(0,n.jsx)(j.Z,{className:"group-hover:rotate3d transition-transform duration-300 ease-linear"})]})})})}var N=r(20031);function y(e){var t=e.isOpen,r=e.setIsOpen,s=(0,h.useState)(!1),c=s[0],a=s[1];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(g.Popover,{containerClassName:"shadow",isOpen:t,onClickOutside:function(){return r(!1)},positions:["left","bottom"],padding:10,content:(0,n.jsx)("div",{className:"w-1184 h-40",onMouseLeave:function(){return r(!1)},children:(0,n.jsxs)("div",{className:"p-8 bg-accent-3 font-medium text-xl divide-x-2 flex border-b-4 border-primary h-full",children:[(0,n.jsx)("div",{className:"w-1/3 items-center inline-flex flex-col justify-center",children:(0,n.jsxs)("div",{children:[" ",(0,n.jsxs)("div",{children:[(0,n.jsxs)("span",{children:["Techrity ",(0,n.jsx)("br",{})," Community"]}),(0,n.jsxs)("span",{onClick:function(){return a(!0)}

1,className:"flex mt-1 text-base text-primary cursor-pointer items-center",children:["Join Now"," ",(0,n.jsx)(o.Z,{className:" transform rotate-45",size:16})]})]})]})}),(0,n.jsx)("div",{className:"w-1/3 items-center inline-flex justify-center",children:(0,n.jsx)(i(),{href:"/donate",passHref:!0,children:(0,n.jsx)("a",{className:"flex bg-primary text-white h-12 px-10 rounded-md items-center",children:"Donate"})})}),(0,n.jsx)("div",{className:"w-1/3 items-center inline-flex justify-center",children:(0,n.jsx)(i(),{href:"events",passHref:!0,children:(0,n.jsx)("a",{className:"flex h-12 px-10 rounded-md items-center",children:"Event"})})})]})}),children:(0,n.jsx)(p,{isLink:!1,ignore:!0,href:"",onClick:function(e){e.preventDefault(),r(!0)},className:"cursor-pointer",children:(0,n.jsxs)("span",{onMouseEnter:function(){console.log("yoo"),r(!0)},className:"inline-flex items-center",children:[(0,n.jsx)("span",{className:"pt-1",children:"Get Involved"})," ",(0,n.jsx)(j.Z,{className:"group-hover:rotate3d transition-transform duration-300 ease-linear"})]})})}),(0,n.jsx)(N.Z,{open:c,close:a})]})}function v(){var e=(0,h.useState)(!1),t=e[0],r=e[1],s=(0,h.useState)(!1),c=s[0],d=s[1],x=(0,h.useState)(!1),f=x[0],m=x[1],u=(0,h.useState)(null),j=u[0],g=u[1];return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(N.Z,{open:f,close:m}),(0,n.jsx)("nav",{className:"w-full container mx-auto h-16 md:border-b-2 sticky top-0 bg-white z-50",children:(0,n.jsxs)("div",{className:" px-4 lg:px-6 justify-between flex h-full",children:[(0,n.jsx)(i(),{href:"/",passHref:!0,children:(0,n.jsx)("a",{className:"md:hidden inline-flex items-center",children:(0,n.jsx)("img",{src:"/techrity_mobile_logo.svg",alt:"Logo"})})}),(0,n.jsx)(i(),{href:"/",passHref:!0,children:(0,n.jsx)("a",{className:"hidden md:inline-flex",children:(0,n.jsx)("img",{src:"/techrity_mobile_logo.svg",alt:"Logo"})})}),(0,n.jsxs)("div",{className:"hidden items-center md:flex ml-6",children:[(0,n.jsx)(p,{href:"/about",children:"About"}),(0,n.jsx)(b,{isOpen:"programs"===j,setIsOpen:function(e){return g(e?"programs":null)}}),(0,n.jsx)(y,{isOpen:"getInvolved"===j,setIsOpen:function(e){return g(e?"getInvolved":null)}}),(0,n.jsx)(p,{target:"_blank",href:"https://opportunity.techrity.org/",children:"Opportunities"}),(0,n.jsx)(p,{target:"_black",href:"https://blog.techrity.org/",children:"Blog"}),(0,n.jsx)(p,{href:"/contact",children:"Contact"}),(0,n.jsx)(p,{href:"https://flutterwave.com/store/merchbytechrity",children:(0,n.jsx)(a(),{src:"/icons/tc-shopicon.svg",width:"30px",height:"30px",className:"cursor-pointer ml-6"})}),(0,n.jsx)("div",{className:"cursor-pointer xl:w-24 md:w-24 flex justify-center bg-secondary items-center uppercase h-12",children:(0,n.jsx)(i(),{href:"/donate",children:(0,n.jsx)("span",{className:" font-medium text-sm ",children:"Donate"})})})]}),(0,n.jsx)("div",{className:"md:hidden",children:(0,n.jsxs)("button",{className:"space-y-3 inline-flex flex-col h-full justify-center",onClick:function(){return r(!0)},children:[(0,n.jsx)("span",{className:"h-px-2 w-10 bg-accent-7 rounded-full flex"}),(0,n.jsx)("span",{className:"h-px-2 w-10 bg-accent-7 rounded-full flex"})]})})]})}),(0,n.jsxs)("aside",{className:"".concat(t?"left-0":"left-100"," fixed w-full h-full bg-accent-5 flex flex-col justify-between  top-0 bottom-0  z-50 transition-all duration-300"),children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"text-right p-6",children:(0,n.jsx)("button",{onClick:function(){return r(!1)},className:" text-accent-4",children:(0,n.jsx)(l.Z,{size:40})})}),(0,n.jsxs)("div",{className:"px-6 font-medium text-xl ".concat(c?"text-accent-4":"text-white"),children:[(0,n.jsx)(i(),{href:"/",children:(0,n.jsx)("a",{className:"flex items-center h-16",children:"home"})}),(0,n.jsx)(i(),{href:"/about",children:(0,n.jsx)("a",{className:"flex items-center h-16",children:"about"})}),(0,n.jsxs)(w,{label:"program",onChange:d,children:[(0,n.jsx)(i(),{href:"/kickstart",children:(0,n.jsx)("a",{className:"text-white flex items-center h-16",children:"Kickstart"})}),(0,n.jsx)(i(),{href:"/mentorship",children:(0,n.jsx)("a",{className:"text-white flex items-center h-16",children:"Mentorship"})}),(0,n.jsx)(i(),{href:"/build-for-social",children:(0,n.jsx)("a",{className:"text-white flex items-center h-12",children:"Hack for social"})}),(0,n.jsx)(i(),{href:"https://t4g.techrity.org/",target:"_blank",children:(0,n.jsx)("a",{className:"text-white flex items-center h-12",children:"Tech for Good"})}),(0,n.jsx)(i(),{href:"https://github.com/techrityorg/open-source-content-writing",target:"_blank",children:(0,n.jsx)("a",{target:"_blank",className:"text-white flex items-center h-12",children:"Open Source Writing"})})]}),(0,n.jsx)(w,{label:"get involved",onChange:d,children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsx)("div",{className:"flex flex-col justify-center",children:(0,n.jsx)("div",{children:(0,n.jsxs)("a",{href:"https://join.slack.com/t/techrityworkspace/shared_invite/zt-f7zch8jp-m0SMb5P3ZAxrMEpNQZU2GA",target:"_black",children:[(0,n.jsxs)("span",{children:["Techrity ",(0,n.jsx)("br",{})," Community"]}),(0,n.jsxs)("span",{onClick:function(){return m(!0)},className:"flex mt-1 text-base text-primary items-center",children:["Join Now"," ",(0,n.jsx)(o.Z,{className:" transform rotate-45",size:16})]})]})})}),(0,n.jsx)("div",{className:"flex flex-col justify-center",children:(0,n.jsx)("div",{children:(0,n.jsx)("a",{href:"events",children:(0,n.jsx)("span",{children:"Events"})})})})]})}),(0,n.jsx)("a",{className:"flex items-center h-16",href:"https://opportunity.te

1chrity.org/",target:"_blank",rel:"noopener noreferrer",children:"Opportunities"}),(0,n.jsx)("a",{className:"flex items-center h-16",href:"https://blog.techrity.org",target:"_black",children:"blog"}),(0,n.jsx)(i(),{href:"/contact",children:(0,n.jsx)("a",{className:"flex items-center h-16",children:"contact"})}),(0,n.jsx)("a",{href:"https://flutterwave.com/store/merchbytechrity",className:"flex items-center h-16",children:"Store"})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"items-center flex justify-center py-8",children:(0,n.jsx)(i(),{href:"/donate",passHref:!0,children:(0,n.jsx)("a",{className:"flex w-2/3 justify-center bg-primary text-white h-16 items-center",children:"Donate"})})}),(0,n.jsxs)("div",{className:"grid-cols-4 grid gap-2 text-accent-4 font-medium text-xl",children:[(0,n.jsx)("a",{className:"col-span-2 h-16 bg-social-btn flex items-center justify-center",href:"https://facebook.com/techrityorg",target:"_blank",rel:"noopener noreferrer",children:"Facebook"}),(0,n.jsx)("a",{className:"col-span-2 h-16 bg-social-btn flex items-center justify-center",href:"https://twitter.com/techrityorg",target:"_blank",rel:"noopener noreferrer",children:"Twitter"}),(0,n.jsx)("a",{className:"col-span-2 h-16 bg-social-btn flex items-center justify-center",href:"https://Instagram.com/techrityorg",target:"_blank",rel:"noopener noreferrer",children:"Instagram"}),(0,n.jsx)("a",{className:"col-span-2 h-16 bg-social-btn flex items-center justify-center",href:"https://www.linkedin.com/company/techrityorg/",target:"_blank",rel:"noopener noreferrer",children:"Linkedin"})]})]})]})]})}function w(e){var t=(0,h.useState)(!1),r=t[0],s=t[1];return(0,h.useEffect)((function(){var t;null===(t=e.onChange)||void 0===t||t.call(e,r)}),[r]),(0,n.jsxs)("div",{className:"relative",children:[(0,n.jsxs)("div",{className:"flex items-center h-16",onClick:function(){return s((function(e){return!e}))},children:[(0,n.jsx)("span",{className:" transition-all duration-300 ease-in ".concat(r?"text-2xl text-primary":""),children:e.label}),(0,n.jsxs)("div",{className:"ml-3 space-y-2",children:[(0,n.jsx)("span",{className:"flex h-px-3 w-4 rounded-full transition-all duration-300 origin-center transform  ".concat(r?"rotate-230 bg-primary":"bg-accent-4 -rotate-45")}),(0,n.jsx)("span",{className:"flex h-px-3 w-4 rounded-full transition-all duration-300  origin-center transform  ".concat(r?"-rotate-230 bg-primary":"bg-accent-4 rotate-45")})]})]}),r&&(0,n.jsx)("div",{className:"absolute z-10 bg-accent-5 p-4 text-white delay-100 transition-all right-0 mr-2 transform -translate-y-1/2",children:e.children})]})}}}]);