(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[614],{4051:function(e,t,n){"use strict";n.d(t,{Mf:function(){return v},t:function(){return f},NR:function(){return N},b_:function(){return B},W_:function(){return u},dW:function(){return w}});var a=n(5893),r=n(7294),i=n(1664),o=n.n(i),l=n(2267),s=n.n(l),c=n(3967),d=n.n(c),u=e=>{let{activePage:t}=e,[n,i]=(0,r.useState)(!1);return(0,a.jsxs)("nav",{className:d()(s().navigationContainer,{[s().open]:n}),children:[(0,a.jsx)("div",{className:s().hamburger,onClick:()=>{i(e=>!e)},children:(0,a.jsx)("div",{className:d()(s().closeButton,{[s().open]:n})})}),(0,a.jsx)("ul",{className:d()(s().navigation,{[s().open]:n}),children:Object.entries({Home:"/",Consulting:"/consulting","Frontend Engineering":"/frontend-engineering","Find Me":"/find-me","Get Started":"/get-started","Small Business Package":"/get-started-pro"}).map(e=>{let[n,r]=e;return(0,a.jsx)("li",{className:d()({[s().active]:t===n}),children:(0,a.jsx)(o(),{href:r,children:n})},n)})})]})},m=n(3556),_=n(412),p=n.n(_),f=()=>{let[e,t]=(0,m.cI)("mkgwdpzg"),[n,i]=(0,r.useState)({email:"",phone:"",message:""}),o=e=>{let{name:t,value:n}=e.target;i(e=>({...e,[t]:n}))};return e.succeeded?(0,a.jsx)("p",{children:"Thank you! Your message has been submitted."}):(0,a.jsx)("div",{className:p().contact,children:(0,a.jsxs)("form",{onSubmit:t,children:[(0,a.jsxs)("div",{className:p().inputGroup,children:[(0,a.jsxs)("div",{className:p().input,children:[(0,a.jsx)("label",{htmlFor:"email",children:"Email:"}),(0,a.jsx)("input",{required:!0,id:"email",name:"email",type:"email",value:n.email,onChange:o})]}),(0,a.jsxs)("div",{className:p().input,children:[(0,a.jsx)("label",{htmlFor:"phone",children:"Phone:"}),(0,a.jsx)("input",{id:"phone",name:"phone",type:"tel",value:n.phone,onChange:o})]})]}),(0,a.jsxs)("div",{className:"body",children:[(0,a.jsx)("label",{htmlFor:"message",children:"Your message:"}),(0,a.jsx)("textarea",{required:!0,id:"message",name:"message",value:n.message,onChange:o})]}),(0,a.jsx)("button",{type:"submit",disabled:e.submitting,children:"Send"}),e.errors&&(0,a.jsx)("div",{className:"error",children:(0,a.jsx)("p",{children:"There was an error submitting your form. Please try again."})})]})})},h=n(5507),x=n.n(h);let g=e=>{if(!e)return null;let t=e.replace(/\D/g,"").match(/^(\d{3})(\d{3})(\d{4})$/);return t?"(".concat(t[1],") ").concat(t[2],"-").concat(t[3]):e};var v=e=>{let{actionRequired:t=!1}=e,[n,i]=(0,r.useState)(!t),[o,l]=(0,r.useState)(!1),[s,c]=(0,r.useState)(!1),[u,m]=(0,r.useState)(null),[_,p]=(0,r.useState)(null),[f,h]=(0,r.useState)(null),v=()=>{l(!0),setTimeout(()=>{l(!1),i(!0)},200)};return((0,r.useEffect)(()=>{c(!0),m("Benjamin"),p("benisjust@gmail.com"),h("4154056172")},[]),s)?(0,a.jsxs)("div",{className:x().card,children:[t?(0,a.jsx)("button",{onClick:()=>v(),className:d()(x().revealButton,{[x().disabled]:n||o}),children:"Show Contact Info"}):null,(0,a.jsx)("div",{className:"loading"}),(0,a.jsxs)("div",{className:x().info,children:[(0,a.jsx)("div",{className:x().left,children:(0,a.jsx)("div",{className:x().avatar})}),(0,a.jsxs)("div",{className:x().right,children:[(0,a.jsx)("div",{className:d()(x().detail,x().name,{[x().hidden]:!n}),children:n?u:"Jon Doe"}),(0,a.jsx)("div",{className:d()(x().detail,x().email,{[x().hidden]:!n}),children:n?(0,a.jsx)("a",{href:"mailto:".concat(_),className:x().link,children:_}):"example@email.com"}),(0,a.jsx)("div",{className:d()(x().detail,x().phone,{[x().hidden]:!n}),children:n?(0,a.jsx)("a",{href:"tel:".concat(f),className:x().link,children:g(f)}):"xxx-xxx-xxxx"})]})]})]}):null},j=n(7013),C=n(8816),b=n(1142),y=n.n(b),N=e=>{let{children:t}=e,[n,i]=(0,r.useState)(!1),o=()=>i(!1);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{onClick:()=>i(!0),className:y().trigger,children:t}),(0,a.jsx)(j.Z,{open:n,onClose:o,children:(0,a.jsxs)(C.Z,{className:y().modal,children:[(0,a.jsx)("button",{onClick:o,className:y().closeButton,children:"Close"}),(0,a.jsx)("div",{className:y().content,children:(0,a.jsx)(f,{})})]})})]})},O=n(6934),P=n.n(O),w=()=>(0,a.jsx)("div",{className:d()(P().portfolioCard,P().message,P().right,P().classic),children:(0,a.jsxs)("ul",{className:P().columns,children:[(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/portfolio/playstv",className:d()(P().website,P().playsTv)})}),(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/portfolio/lattice-engines",className:d()(P().website,P().latticeEngines)})}),(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/portfolio/harley505",className:d()(P().website,P().harley505)})}),(0,a.jsx)("li",{children:(0,a.jsx)(o(),{href:"/testimonials",className:d()(P().website,P().noOutline,P().testimonials)})})]})}),S=n(7882),E=n.n(S);let k=e=>{let{expanded:t,transitionDuration:n,children:a}=e,i=(0,r.useRef)(null),o=(0,r.useRef)(!0);return(0,r.useLayoutEffect)(()=>{let e=i.current;e&&!t&&(e.style.display="none")},[t]),(0,r.useEffect)(()=>{let e=i.current;if(e&&t){if(o.current)return;e.style.display="",e.style.opacity="0",e.offsetHeight,e.style.transition="opacity ".concat(n,"ms ease"),requestAnimationFrame(()=>{e.style.opacity="1"});let t=window.setTimeout(()=>{e.style.opacity="",e.style.transition=""},n);return()=>window.clearTimeout(t)}},[t,n]),(0,r.useEffect)(()=>{o.current=!1},[]),(0,r.cloneElement)(a,{ref:i})};var B=e=>{let{expandLabel:t="Expand",collapseLabel:n="Collapse",children:i,transitionDuration:o=300,initialExpanded:l=!1}=e,[s,c]=(0,r.useState)(l),u=r.Children.map(i,e=>r.isValidElement(e)?(0,a.jsx)(k,{expanded:s,transitionDuration:o,children:e}):e);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:d()(E().expandButton,{[E().expanded]:s}),children:(0,a.jsx)("button",{onClick:()=>{c(e=>!e)},children:s?n:t})}),u]})}},5507:function(e){e.exports={card:"ContactCard_card__CiJZL",info:"ContactCard_info__nUzMf",left:"ContactCard_left__x5tVS",right:"ContactCard_right__ITt_a",avatar:"ContactCard_avatar__YK3LV",detail:"ContactCard_detail__gF9uU",hidden:"ContactCard_hidden__7fP5n",name:"ContactCard_name__6duvN",phone:"ContactCard_phone__y6ty_",email:"ContactCard_email__EpAtS",revealButton:"ContactCard_revealButton__fAOjC",disabled:"ContactCard_disabled__iVGC3"}},412:function(e){e.exports={contact:"ContactForm_contact__6dbbl",disabled:"ContactForm_disabled__A8tPX",inputGroup:"ContactForm_inputGroup__F6Bid",input:"ContactForm_input__gPUh4"}},1142:function(e){e.exports={modal:"ContactModal_modal__KRJGC",content:"ContactModal_content__eGlAq",trigger:"ContactModal_trigger__Mtddq",closeButton:"ContactModal_closeButton__rOlQL",disabled:"ContactModal_disabled__mVYoJ"}},7882:function(e){e.exports={expandButton:"ExpandalbeWrapper_expandButton__1wSLB",expanded:"ExpandalbeWrapper_expanded__OoBGz"}},2267:function(e){e.exports={navigationContainer:"Navigation_navigationContainer__A8U2S",hamburger:"Navigation_hamburger__pa5Tp",navigation:"Navigation_navigation__oP3Tz",active:"Navigation_active__kQT4n",open:"Navigation_open__psYbE",closeButton:"Navigation_closeButton__KtHBS"}},6934:function(e){e.exports={portfolioCard:"PortfolioCard_portfolioCard__OQ2XU",message:"PortfolioCard_message__pcX8_",classic:"PortfolioCard_classic__XBxBQ",right:"PortfolioCard_right__5i73l",left:"PortfolioCard_left__PK1NZ",imessage:"PortfolioCard_imessage__HBzyH",dark:"PortfolioCard_dark__NNXYS",website:"PortfolioCard_website__KdSHx",columns:"PortfolioCard_columns__EH7Lo",noOutline:"PortfolioCard_noOutline__p7reT",playsTv:"PortfolioCard_playsTv__xFS81",latticeEngines:"PortfolioCard_latticeEngines__INFtS",harley505:"PortfolioCard_harley505__diCFb",testimonials:"PortfolioCard_testimonials__tCzDG"}},2063:function(e,t,n){"use strict";n.d(t,{w_:function(){return d}});var a=n(7294),r={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},i=a.createContext&&a.createContext(r),o=["attr","size","title"];function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach(function(t){var a,r;a=t,r=n[t],(a=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(a))in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function d(e){return t=>a.createElement(u,l({attr:c({},e.attr)},t),function e(t){return t&&t.map((t,n)=>a.createElement(t.tag,c({key:n},t.attr),e(t.child)))}(e.child))}function u(e){var t=t=>{var n,{attr:r,size:i,title:s}=e,d=function(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n={};for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(e,o),u=i||t.size||"1em";return t.className&&(n=t.className),e.className&&(n=(n?n+" ":"")+e.className),a.createElement("svg",l({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,r,d,{className:n,style:c(c({color:e.color||t.color},t.style),e.style),height:u,width:u,xmlns:"http://www.w3.org/2000/svg"}),s&&a.createElement("title",null,s),e.children)};return void 0!==i?a.createElement(i.Consumer,null,e=>t(e)):t(r)}}}]);