(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[316],{4498:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/portfolio/lattice-engines",function(){return n(3275)}])},4051:function(e,t,n){"use strict";n.d(t,{Mf:function(){return f},t:function(){return _},NR:function(){return N},b_:function(){return L},W_:function(){return m},dW:function(){return P}});var i=n(5893),a=n(7294),s=n(1664),r=n.n(s),o=n(2267),l=n.n(o),c=n(3967),d=n.n(c),m=e=>{let{activePage:t}=e,[n,s]=(0,a.useState)(!1);return(0,i.jsxs)("nav",{className:d()(l().navigationContainer,{[l().open]:n}),children:[(0,i.jsx)("div",{className:l().hamburger,onClick:()=>{s(e=>!e)},children:(0,i.jsx)("div",{className:d()(l().closeButton,{[l().open]:n})})}),(0,i.jsx)("ul",{className:d()(l().navigation,{[l().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()({[l().active]:t===n}),children:(0,i.jsx)(r(),{href:a,children:n})},n)})})]})},h=n(3556),u=n(412),p=n.n(u),_=()=>{let[e,t]=(0,h.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:p().contact,children:(0,i.jsxs)("form",{onSubmit:t,children:[(0,i.jsxs)("div",{className:p().inputGroup,children:[(0,i.jsxs)("div",{className:p().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:p().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."})})]})})},g=n(5507),x=n.n(g);let j=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 f=e=>{let{actionRequired:t=!1}=e,[n,s]=(0,a.useState)(!t),[r,o]=(0,a.useState)(!1),[l,c]=(0,a.useState)(!1),[m,h]=(0,a.useState)(null),[u,p]=(0,a.useState)(null),[_,g]=(0,a.useState)(null),f=()=>{o(!0),setTimeout(()=>{o(!1),s(!0)},200)};return((0,a.useEffect)(()=>{c(!0),h("Benjamin"),p("benisjust@gmail.com"),g("4154056172")},[]),l)?(0,i.jsxs)("div",{className:x().card,children:[t?(0,i.jsx)("button",{onClick:()=>f(),className:d()(x().revealButton,{[x().disabled]:n||r}),children:"Show Contact Info"}):null,(0,i.jsx)("div",{className:"loading"}),(0,i.jsxs)("div",{className:x().info,children:[(0,i.jsx)("div",{className:x().left,children:(0,i.jsx)("div",{className:x().avatar})}),(0,i.jsxs)("div",{className:x().right,children:[(0,i.jsx)("div",{className:d()(x().detail,x().name,{[x().hidden]:!n}),children:n?m:"Jon Doe"}),(0,i.jsx)("div",{className:d()(x().detail,x().email,{[x().hidden]:!n}),children:n?(0,i.jsx)("a",{href:"mailto:".concat(u),className:x().link,children:u}):"example@email.com"}),(0,i.jsx)("div",{className:d()(x().detail,x().phone,{[x().hidden]:!n}),children:n?(0,i.jsx)("a",{href:"tel:".concat(_),className:x().link,children:j(_)}):"xxx-xxx-xxxx"})]})]})]}):null},C=n(7013),v=n(8816),b=n(1142),y=n.n(b),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:y().trigger,children:t}),(0,i.jsx)(C.Z,{open:n,onClose:r,children:(0,i.jsxs)(v.Z,{className:y().modal,children:[(0,i.jsx)("button",{onClick:r,className:y().closeButton,children:"Close"}),(0,i.jsx)("div",{className:y().content,children:(0,i.jsx)(_,{})})]})})]})},w=n(6934),E=n.n(w),P=()=>(0,i.jsx)("div",{className:d()(E().portfolioCard,E().message,E().right,E().classic),children:(0,i.jsxs)("ul",{className:E().columns,children:[(0,i.jsx)("li",{children:(0,i.jsx)(r(),{href:"/portfolio/playstv",className:d()(E().website,E().playsTv)})}),(0,i.jsx)("li",{children:(0,i.jsx)(r(),{href:"/portfolio/lattice-engines",className:d()(E().website,E().latticeEngines)})}),(0,i.jsx)("li",{children:(0,i.jsx)(r(),{href:"/portfolio/harley505",className:d()(E().website,E().harley505)})}),(0,i.jsx)("li",{children:(0,i.jsx)(r(),{href:"/testimonials",className:d()(E().website,E().noOutline,E().testimonials)})})]})}),S=n(7882),B=n.n(S);let k=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 L=e=>{let{expandLabel:t="Expand",collapseLabel:n="Collapse",children:s,transitionDuration:r=300,initialExpanded:o=!1}=e,[l,c]=(0,a.useState)(o),m=a.Children.map(s,e=>a.isValidElement(e)?(0,i.jsx)(k,{expanded:l,transitionDuration:r,children:e}):e);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:d()(B().expandButton,{[B().expanded]:l}),children:(0,i.jsx)("button",{onClick:()=>{c(e=>!e)},children:l?n:t})}),m]})}},3275: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),o=n.n(r),l=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:"Lattice Engines at the End of the World"})}),(0,i.jsxs)("section",{id:"lattice-engines",className:d().project,children:[(0,i.jsx)(l.W_,{activePage:"Testimonial"}),(0,i.jsxs)("h1",{children:[(0,i.jsx)("em",{children:"Lattice Engines"})," Scalable UI Component Development"]}),(0,i.jsxs)("section",{className:d().projectDetails,children:[(0,i.jsxs)("figure",{children:[(0,i.jsx)(o(),{src:"/images/websites/lattice-engines-launch.jpg",alt:"Lattice Engines Campaign Launch",layout:"responsive",width:2537,height:1527}),(0,i.jsx)("figcaption",{children:"Lattice Engines Campaign Launch"})]}),(0,i.jsxs)("dl",{children:[(0,i.jsx)("dt",{children:"Project Name:"}),(0,i.jsx)("dd",{children:"Lattice Engines – Scalable UI Component Development"}),(0,i.jsx)("dt",{children:"Industry:"}),(0,i.jsx)("dd",{children:"B2B Enterprise Solutions"}),(0,i.jsx)("dt",{children:"Role:"}),(0,i.jsx)("dd",{children:"Front-end Engineering"}),(0,i.jsx)("dt",{children:"Summary:"}),(0,i.jsx)("dd",{children:"Led the development of scalable, reusable UI components for a B2B enterprise platform, improving code quality, maintainability, and collaboration between engineering, product, and design teams."})]})]}),(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)(l.NR,{children:"Need leadership and technical consulting to drive collaboration, maintainability, and project success? Let's talk."})})})}),(0,i.jsxs)(l.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:"At Lattice Engines, I improved the scalability and maintainability of the frontend by enhancing the UI component library. My hands-on work focused on creating reusable components that streamlined the development process and reduced repetitive coding tasks. These efforts allowed the engineering team to develop features faster while maintaining a consistent design system and flexible architecture across the application."})}),(0,i.jsxs)("figure",{children:[(0,i.jsx)(o(),{src:"/images/websites/lattice-engines-campaigns.jpg",alt:"Lattice Engines Campaign List",layout:"responsive",width:1090,height:674}),(0,i.jsx)("figcaption",{children:"Lattice Engines Campaign List"})]}),(0,i.jsx)("article",{children:(0,i.jsx)("p",{children:"Beyond development, I worked closely with stakeholders across teams to keep projects moving smoothly. I collaborated with backend engineers to define clear API requirements that aligned with frontend needs and helped product managers and designers during early planning. By participating in ideation meetings, I gave actionable feedback that minimized the need for multiple revision cycles. My presence as a point of contact between teams helped eliminate miscommunication, reduced meeting time, and ensured technical requirements were addressed early."})})]}),(0,i.jsxs)("section",{className:d().projectImpact,children:[(0,i.jsxs)("figure",{children:[(0,i.jsx)(o(),{src:"/images/websites/lattice-engines-model.jpg",alt:"Lattice Engines Campaign Model",layout:"responsive",width:1356,height:575}),(0,i.jsx)("figcaption",{children:"Lattice Engines Campaign Model"})]}),(0,i.jsxs)("ul",{children:[(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:"Reduced frontend development time by an estimated 12-15%"})," ","through reusable components."]}),(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:"Saved approximately 2-3 hours of weekly meeting time"}),"per developer by streamlining early feedback cycles and minimizing redundant planning."]}),(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:"Decreased the need for reactive maintainability projects by 50%,"})," ","allowing more focus on core feature development."]})]})]})]}),(0,i.jsx)("div",{className:d().portfolioCard,children:(0,i.jsx)(l.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=4498)}),_N_E=e.O()}]);