(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[758],{8344:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/portfolio/harley505",function(){return n(9529)}])},4051:function(e,t,n){"use strict";n.d(t,{Mf:function(){return g},t:function(){return p},NR:function(){return N},b_:function(){return F},W_:function(){return h},dW:function(){return S}});var i=n(5893),a=n(7294),s=n(1664),r=n.n(s),l=n(2267),o=n.n(l),c=n(3967),d=n.n(c),h=e=>{let{activePage:t}=e,[n,s]=(0,a.useState)(!1);return(0,i.jsxs)("nav",{className:d()(o().navigationContainer,{[o().open]:n}),children:[(0,i.jsx)("div",{className:o().hamburger,onClick:()=>{s(e=>!e)},children:(0,i.jsx)("div",{className:d()(o().closeButton,{[o().open]:n})})}),(0,i.jsx)("ul",{className:d()(o().navigation,{[o().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,a]=e;return(0,i.jsx)("li",{className:d()({[o().active]:t===n}),children:(0,i.jsx)(r(),{href:a,children:n})},n)})})]})},u=n(3556),m=n(412),_=n.n(m),p=()=>{let[e,t]=(0,u.cI)("mkgwdpzg"),[n,s]=(0,a.useState)({email:"",phone:"",message:""}),r=e=>{let{name:t,value:n}=e.target;s(e=>({...e,[t]:n}))};return e.succeeded?(0,i.jsx)("p",{children:"Thank you! Your message has been submitted."}):(0,i.jsx)("div",{className:_().contact,children:(0,i.jsxs)("form",{onSubmit:t,children:[(0,i.jsxs)("div",{className:_().inputGroup,children:[(0,i.jsxs)("div",{className:_().input,children:[(0,i.jsx)("label",{htmlFor:"email",children:"Email:"}),(0,i.jsx)("input",{required:!0,id:"email",name:"email",type:"email",value:n.email,onChange:r})]}),(0,i.jsxs)("div",{className:_().input,children:[(0,i.jsx)("label",{htmlFor:"phone",children:"Phone:"}),(0,i.jsx)("input",{id:"phone",name:"phone",type:"tel",value:n.phone,onChange:r})]})]}),(0,i.jsxs)("div",{className:"body",children:[(0,i.jsx)("label",{htmlFor:"message",children:"Your message:"}),(0,i.jsx)("textarea",{required:!0,id:"message",name:"message",value:n.message,onChange:r})]}),(0,i.jsx)("button",{type:"submit",disabled:e.submitting,children:"Send"}),e.errors&&(0,i.jsx)("div",{className:"error",children:(0,i.jsx)("p",{children:"There was an error submitting your form. Please try again."})})]})})},x=n(5507),j=n.n(x);let f=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 g=e=>{let{actionRequired:t=!1}=e,[n,s]=(0,a.useState)(!t),[r,l]=(0,a.useState)(!1),[o,c]=(0,a.useState)(!1),[h,u]=(0,a.useState)(null),[m,_]=(0,a.useState)(null),[p,x]=(0,a.useState)(null),g=()=>{l(!0),setTimeout(()=>{l(!1),s(!0)},200)};return((0,a.useEffect)(()=>{c(!0),u("Benjamin"),_("benisjust@gmail.com"),x("4154056172")},[]),o)?(0,i.jsxs)("div",{className:j().card,children:[t?(0,i.jsx)("button",{onClick:()=>g(),className:d()(j().revealButton,{[j().disabled]:n||r}),children:"Show Contact Info"}):null,(0,i.jsx)("div",{className:"loading"}),(0,i.jsxs)("div",{className:j().info,children:[(0,i.jsx)("div",{className:j().left,children:(0,i.jsx)("div",{className:j().avatar})}),(0,i.jsxs)("div",{className:j().right,children:[(0,i.jsx)("div",{className:d()(j().detail,j().name,{[j().hidden]:!n}),children:n?h:"Jon Doe"}),(0,i.jsx)("div",{className:d()(j().detail,j().email,{[j().hidden]:!n}),children:n?(0,i.jsx)("a",{href:"mailto:".concat(m),className:j().link,children:m}):"example@email.com"}),(0,i.jsx)("div",{className:d()(j().detail,j().phone,{[j().hidden]:!n}),children:n?(0,i.jsx)("a",{href:"tel:".concat(p),className:j().link,children:f(p)}):"xxx-xxx-xxxx"})]})]})]}):null},v=n(7013),C=n(8816),y=n(1142),b=n.n(y),N=e=>{let{children:t}=e,[n,s]=(0,a.useState)(!1),r=()=>s(!1);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{onClick:()=>s(!0),className:b().trigger,children:t}),(0,i.jsx)(v.Z,{open:n,onClose:r,children:(0,i.jsxs)(C.Z,{className:b().modal,children:[(0,i.jsx)("button",{onClick:r,className:b().closeButton,children:"Close"}),(0,i.jsx)("div",{className:b().content,children:(0,i.jsx)(p,{})})]})})]})},P=n(6934),w=n.n(P),S=()=>(0,i.jsx)("div",{className:d()(w().portfolioCard,w().message,w().right,w().classic),children:(0,i.jsxs)("ul",{className:w().columns,children:[(0,i.jsx)("li",{children:(0,i.jsx)(r(),{href:"/portfolio/playstv",className:d()(w().website,w().playsTv)})}),(0,i.jsx)("li",{children:(0,i.jsx)(r(),{href:"/portfolio/lattice-engines",className:d()(w().website,w().latticeEngines)})}),(0,i.jsx)("li",{children:(0,i.jsx)(r(),{href:"/portfolio/harley505",className:d()(w().website,w().harley505)})}),(0,i.jsx)("li",{children:(0,i.jsx)(r(),{href:"/testimonials",className:d()(w().website,w().noOutline,w().testimonials)})})]})}),k=n(7882),E=n.n(k);let B=e=>{let{expanded:t,transitionDuration:n,children:i}=e,s=(0,a.useRef)(null),r=(0,a.useRef)(!0);return(0,a.useLayoutEffect)(()=>{let e=s.current;e&&!t&&(e.style.display="none")},[t]),(0,a.useEffect)(()=>{let e=s.current;if(e&&t){if(r.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,a.useEffect)(()=>{r.current=!1},[]),(0,a.cloneElement)(i,{ref:s})};var F=e=>{let{expandLabel:t="Expand",collapseLabel:n="Collapse",children:s,transitionDuration:r=300,initialExpanded:l=!1}=e,[o,c]=(0,a.useState)(l),h=a.Children.map(s,e=>a.isValidElement(e)?(0,i.jsx)(B,{expanded:o,transitionDuration:r,children:e}):e);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:d()(E().expandButton,{[E().expanded]:o}),children:(0,i.jsx)("button",{onClick:()=>{c(e=>!e)},children:o?n:t})}),h]})}},9529:function(e,t,n){"use strict";n.r(t);var i=n(5893);n(7294);var a=n(9008),s=n.n(a),r=n(5675),l=n.n(r),o=n(4051),c=n(338),d=n.n(c);t.default=()=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s(),{children:(0,i.jsx)("title",{children:"Harley505 at the End of the World"})}),(0,i.jsxs)("section",{id:"harley505",className:d().project,children:[(0,i.jsx)(o.W_,{activePage:"Testimonial"}),(0,i.jsxs)("h1",{children:[(0,i.jsx)("em",{children:"Harley505"})," Website and Press Kit Development"]}),(0,i.jsxs)("section",{className:d().projectDetails,children:[(0,i.jsxs)("figure",{children:[(0,i.jsx)(l(),{src:"/images/websites/harley505-kit-top.jpg",alt:"Harley505 Press Kit",layout:"responsive",width:1337,height:896}),(0,i.jsx)("figcaption",{children:"Harley505 Press Kit"})]}),(0,i.jsxs)("dl",{children:[(0,i.jsx)("dt",{children:"Project Name:"}),(0,i.jsx)("dd",{children:"Harley505 – Website and Press Kit Development"}),(0,i.jsx)("dt",{children:"Industry:"}),(0,i.jsx)("dd",{children:"Creative Performance and Entertainment"}),(0,i.jsx)("dt",{children:"Role:"}),(0,i.jsx)("dd",{children:"Tech Advisor | Creative Technical Consulting"}),(0,i.jsx)("dt",{children:"Summary:"}),(0,i.jsx)("dd",{children:"Developed a digital press kit and provided technical support to improve website functionality and usability for an independent performer."})]})]}),(0,i.jsx)("div",{className:d().cta,children:(0,i.jsx)("div",{className:"cta",children:(0,i.jsx)("div",{className:"content",children:(0,i.jsx)(o.NR,{children:"Let's chat and see if I can help. It's free, it's quick, and it might save you a lot of time and stress."})})})}),(0,i.jsxs)(o.b_,{expandLabel:"See more details about this project",transitionDuration:700,children:[(0,i.jsxs)("section",{className:d().projectSummary,children:[(0,i.jsx)("article",{children:(0,i.jsx)("p",{children:"For this project, we worked together to design a professional press kit using a no-code website builder, ensuring it showcased her brand effectively while remaining easy to manage. Along the way, I provided guidance on resolving technical issues with the website's layout and merchant platform, helping streamline her workflow. The focus was on giving her full control over her online presence so she could handle updates and sales independently without needing ongoing technical support."})}),(0,i.jsxs)("figure",{children:[(0,i.jsx)(l(),{src:"/images/websites/harley505-kit-middle.jpg",alt:"Harley505 Press Kit Gallery",layout:"responsive",width:1053,height:800}),(0,i.jsx)("figcaption",{children:"Harley505 Press Kit Gallery"})]})]}),(0,i.jsxs)("section",{className:d().projectImpact,children:[(0,i.jsxs)("figure",{children:[(0,i.jsx)(l(),{src:"/images/websites/harley505-kit-top2.jpg",alt:"Harley505 Press Kit Summary",layout:"responsive",width:1200,height:682}),(0,i.jsx)("figcaption",{children:"Harley505 Press Kit Summary"})]}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:"Created a professional press kit,"})," ","enhancing online visibility for potential bookings."]}),(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:"Resolved technical issues,"})," ","improving usability and integration with the merchant platform."]}),(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:"Streamlined website management,"})," ","making updates more manageable."]}),(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:"Provided collaborative tech support,"})," ","tailored to the needs of a creative professional."]})]})]})]}),(0,i.jsx)("div",{className:d().portfolioCard,children:(0,i.jsx)(o.dW,{})})]}),(0,i.jsx)("section",{children:(0,i.jsxs)("h1",{children:["The End of",(0,i.jsx)("br",{}),"the World",(0,i.jsx)("br",{}),"Development"]})})]})},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"}},338:function(e){e.exports={project:"Portfolio_project__VYzUF",projectDetails:"Portfolio_projectDetails__5HBcF",projectSummary:"Portfolio_projectSummary__P2Hvf",projectImpact:"Portfolio_projectImpact__ji0BF",portfolioCard:"Portfolio_portfolioCard__reixY",cta:"Portfolio_cta__3LaR_"}}},function(e){e.O(0,[431,675,888,774,179],function(){return e(e.s=8344)}),_N_E=e.O()}]);