https://joshearly.netlify.app/_next/static/chunks/pages/services-babbb1fde97e550b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54],{5325:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/services",function(){return s(5584)}])},8529:function(e,t,s){"use strict";var i=s(5893),a=s(5675),n=s.n(a);let l=()=>(0,i.jsx)("div",{className:"bulb absolute -left-36 -bottom-12 rotate-12 mix-blend-color-dodge animate-pulse duration-75 z-10 w-[200px] xl:w-[260px] @lg:-left-16 @lg:-bottom-10 -4xsm:-bottom-40",children:(0,i.jsx)(n(),{src:"/bulb.png",width:260,height:200,priority:!0,loading:"eager",className:"w-full h-full",alt:""})});t.Z=l},6103:function(e,t,s){"use strict";var i=s(5893),a=s(5675),n=s.n(a);let l=()=>(0,i.jsx)("div",{className:"w-[200px] xl:w-[300px] absolute -right-16 bottom-0 mix-blend-color-dodge animate-pulse duration-75 z-10",children:(0,i.jsx)(n(),{src:"/circles.png",width:260,height:200,priority:!0,loading:"eager",className:"w-full h-full",alt:""})});t.Z=l},5584:function(e,t,s){"use strict";s.r(t);var i=s(5893),a=s(5935),n=s(1664),l=s.n(n),o=s(7294),r=s(2546),c=s(5675),d=s.n(c);s(9008),s(4233);var p=s(2544),u=s(5788),m=s(8529),x=s(6103),h=s(9922),f=s(4538),w=s(6356);let b=[{icon:(0,i.jsx)(u.EQ,{}),title:"Web Design & Development",description:"Website builds, from design to development.",popupId:"wdd",popupDescription:"I design and develop websites for small businesses. From pre-made templates to custom designs, let&apos;s chat about your business&apos;s requirements and establish what would be best for you."},{icon:(0,i.jsx)(u.RKS,{}),title:"Landing Pages",description:"Captivating landing pages that drive user conversions.",popupId:"lps",popupDescription:"I create simple yet captivating landing pages that drive users to conversion. With 2 years of experience creating landing pages in the luxury travel industry, I have built a wealth of knowledge on the best practices and techniques that lead to an exceptional conversion rate."},{icon:(0,i.jsx)(u.EQ,{}),title:"Front-End Development",description:"Custom components & entire user interfaces.",popupId:"fed",popupDescription:"I build mobile responsive and interactive user interfaces. I specialize in building UI components using React and have experience with both Gatsby.js and Next.js as React frameworks. I use Framer-motion to create seemless and captivating animations. I have experience with a number of different tech stacks, including Roots Wordpress stack (Roots uses Laravel&apos;s blade templates to create custom Wordpress themes) and the modern Headless CMS architecture."},{icon:(0,i.jsx)(u.wlN,{}),title:"Site Speed Optimization",description:"A faster website means more conversions.",popupId:"sso",popupDescription:"I conduct performance audits on existing websites, establish actionable opportunities and implement these to ensure that your website is performing optimaly. <br/><br/>A slow page load speed is the fastest way to lose users. When your website loads slowly, users will quickly get frustrated and turn to one of your competitors. A fast page load speed will improve your search engine rankings resulting in more overall traffic to your website, as well as increase your conversion rate due to the improved user experience. Google found that, on average, making a website 20% faster resulted in 10% more conversions! Let&apos;s chat about how site speed could impact your business&apos;s conversion rate."}],g=()=>{let e=()=>{let e=document.querySelector(".services-slider .swiper").swiper;e.slideNext()},[t,s]=(0,o.useState)(0),[n,c]=(0,o.useState)(!1),[g,v]=(0,o.useState)(""),y=e=>{v(e),c(!0)};(0,o.useEffect)(()=>{if(n&&""!==g){let e=document.querySelector("#".concat(g)),t=document.querySelector("#".concat(g," .popup__inner")),s=document.querySelector("#".concat(g," .popup__close")),i=document.querySelector(".hamburger");i.style.opacity="0",e.style.display="block",document.body.style.overflow="hidden",setTimeout(function(){t.style.opacity="100%"},100),setTimeout(function(){s.style.opacity="100%",s.style.transform="translateX(0)"},450)}else if(!n&&""!==g){let e=document.querySelector("#".concat(g)),t=document.querySelector("#".concat(g," .popup__inner")),s=document.querySelector("#".concat(g," .popup__close")),i=document.querySelector(".hamburger");s.style.transform="translateX(10%)",s.style.opacity="0",setTimeout(function(){t.style.opacity="0",i.style.opacity="1"},1150),setTimeout(function(){e.style.display="none",document.body.style.overflow="visible"},1600)}},[n,g]);let j=()=>{let e=document.querySelector(".hamburger");e.style.opacity="1"};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"services-page bg-container bg-primary/60 h-[calc(100dvh-90px)] mt-[90px]",children:[(0,i.jsx)(x.Z,{}),(0,i.jsxs)("div",{className:"bg-container__inner w-full h-full bg-gradient-to-r from-primary/10 via-black/30 to-black/10 flex",children:[(0,i.jsxs)("div",{className:"socials-bar hidden lg:flex items-end pb-[165px] relative z-[100] w-[12vw] h-full pl-[4vw]",children:[(0,i.jsx)(h.Z,{}),(0,i.jsx)("div",{className:"social-bar__line absolute left-[4vw] bottom-0 w-[1px] h-[140px] bg-white"})]}),(0,i.jsxs)("div",{className:"main-content relative z-[100] text-center flex flex-1 flex-col justify-center -4xsm:justify-start -md:pt-0 xl:text-left h-full overflow-y-auto py-16 -4xsm:pt-[38px] xl:pb-[154px]",children:[(0,i.jsx)("div",{className:"main-content__inner w-full px-7 lg:px-0 lg:pr-[12vw]",children:(0,i.jsxs)("div",{className:"flex flex-col xl:flex-row gap-x-8",children:[(0,i.jsxs)("div",{className:"text-center flex xl:w-[30vw] flex-col lg:text-left mb-4",children:[(0,i.jsxs)(f.E.h2,{variants:(0,w.Ji)("up",.3),initial:"hidden",animate:"show",exit:"hidden",className:"h2 xl:mt-8",children:["My services ",(0,i.jsx)("span",{className:"text-accent",children:"."})]}),(0,i.jsx)(f.E.p,{variants:(0,w.Ji)("up",.4),initial:"hidden",animate:"show",exit:"hidden",className:"mb-4 max-w-[400px] mx-auto lg:mx-0",children:"Here are some of the services I offer."})]}),(0,i.jsxs)(f.E.div,{variants:(0,w.Ji)("down",.6),initial:"hidden",animate:"show",exit:"hidden",className:"w-full xl:max-w-[65%] flex services-slider",children:[(0,i.jsx)(r.tq,{speed:800,autoplay:{delay:5e3,disableOnInteraction:!0},breakpoints:{320:{slidesPerView:1,spaceBetween:15,speed:800},640:{slidesPerView:2,spaceBetween:15}}

1,loop:!0,modules:[p.pt],className:"min-h-[290px] md:min-h-[262px] w-[85%] -md:w-[80%]",children:b.concat(b).map((e,t)=>(0,i.jsx)(r.o5,{className:"h-full rounded-lg bg-[rgba(65,47,123,0.15)] hover:bg-[rgba(89,65,169,0.15)] ",children:(0,i.jsxs)("div",{className:"h-full px-6 py-8 flex flex-col gap-x-6 sm:gap-x-0 group cursor-pointer transition-all duration-300 ease-out",onClick:()=>{y("".concat(e.popupId))},children:[(0,i.jsx)("div",{className:"text-4xl text-accent mb-4",children:e.icon}),(0,i.jsxs)("div",{className:" mb-8",children:[(0,i.jsx)("div",{className:"mb-2 text-lg",children:e.title}),(0,i.jsx)("p",{className:"max-w-[350px] leading-normal",children:e.description})]}),(0,i.jsx)("div",{className:"text-3xl",children:(0,i.jsx)(u.DNM,{className:"group-hover:rotate-45 group-hover:text-accent transition-all duration-300"})})]})},t))}),(0,i.jsx)("div",{className:"swiper-next-arrow w-[15%] -md:w-[20%] relative",children:(0,i.jsx)("a",{className:"button-next cursor-pointer absolute top-[35%] sm:top-[30%] right-[0] z-20 h-[60px] w-[60px] -md:h-[45px] -md:w-[45px] trasition-all duration-150 bg-white/10 hover:bg-white/20 rounded-full flex justify-center items-center",onClick:e,children:(0,i.jsx)(d(),{src:"/slider-arrow-right.svg",width:14,height:30,alt:"",className:"relative right-[-2px] -md:h-[15px] -md:w-[7px]"})})})]})]})}),(0,i.jsxs)("div",{className:"email-bar fixed z-[200] bottom-0 right-[4vw] h-full hidden lg:flex flex-col justify-end",children:[(0,i.jsx)("a",{href:"mailto:[email protected]",className:"email-bar__link rotate-[90deg] transition-all duration-150 ease-out hover:translate-y-[-5px] absolute right-[-106px] bottom-[250px] text-white text-[15px] leading-[30px]",children:"[email protected]"}),(0,i.jsx)("div",{className:"email-bar__line absolute right-0 bottom-0 w-[1px] h-[140px] bg-white"})]})]})]}),(0,i.jsx)(m.Z,{})]}),b.map((e,t)=>(0,i.jsx)("section",{id:e.popupId,className:"popup fixed z-[9999999] top-0 left-0 h-[100dvh] w-screen overflow-hidden",style:{display:"none"},children:(0,i.jsxs)("div",{className:"popup__inner bg-primary relative h-full w-full opacity-0 transition-all duration-300 ease-out",children:[(0,i.jsxs)("button",{onClick:()=>{c(!1)},className:"popup__close hamburger hamburger--close absolute right-7 top-7 z-[99999999999] w-6 h-6 flex flex-col justify-between items-center text-4xl text-white cursor-pointer overflow-hidden group translate-x-[10%] opacity-0 transition-all duration-300 ease-out",children:[(0,i.jsx)("span",{className:"line1 w-full h-[2px] bg-white inline-flex transform transition-all ease-in-out duration-300"}),(0,i.jsx)("span",{className:"line2 w-full h-[2px] bg-white inline-flex transform translate-x-3 transition-all ease-in-out duration-300"}),(0,i.jsx)("span",{className:"line3 w-full h-[2px] bg-white inline-flex transform translate-x-1 transition-all ease-in-out duration-300"})]}),(0,i.jsxs)("div",{className:"popup__content h-full w-full flex flex-col justify-center -md:justify-start -md:pt-16 -md:overflow-auto items-center relative -lg:px-7",children:[(0,i.jsx)(f.E.h2,{variants:(0,w.wW)("up",.6),initial:"hidden",animate:"".concat(n?"show":"hidden"),exit:"hidden",className:"h2",children:(0,i.jsxs)("span",{className:"popup-title flex items-center justify-center text-center",children:[(0,i.jsx)("span",{className:"text-7xl -md:hidden text-accent mr-2.5 mb-1.5",children:e.icon}),e.title," ",(0,i.jsx)("span",{className:"text-accent -md:hidden",children:"."})]})}),(0,i.jsx)(f.E.p,{variants:(0,w.wW)("up",.8),initial:"hidden",animate:"".concat(n?"show":"hidden"),exit:"hidden",className:"max-w-[600px] text-center",children:(0,a.ZP)(e.popupDescription)}),(0,i.jsx)(f.E.div,{variants:(0,w.wW)("up",1),initial:"hidden",animate:"".concat(n?"show":"hidden"),exit:"hidden",className:"mt-10 -md:pb-14",children:(0,i.jsx)(l(),{className:"btn btn--primary",href:"/contact",onClick:j,children:"Get in touch"})})]})]})},t))]})};t.default=g},6356:function(e,t,s){"use strict";s.d(t,{Ji:function(){return i},wW:function(){return a}});let i=(e,t)=>({hidden:{y:"up"===e?60:"down"===e?-60:0,opacity:0,x:"left"===e?60:"right"===e?-60:0,transition:{type:"tween",duration:1.5,delay:t,ease:[.25,.6,.3,.8]}},show:{y:0,x:0,opacity:1,transition:{type:"tween",duration:1.4,delay:t,ease:[.25,.25,.25,.75]}}}),a=(e,t)=>({hidden:{y:"up"===e?20:"down"===e?-20:0,opacity:0,x:"left"===e?20:"right"===e?-20:0,transition:{duration:.8,delay:t,ease:"easeOut"}},show:{y:0,x:0,opacity:1,transition:{duration:.8,delay:t,ease:"easeOut"}}})}},function(e){e.O(0,[57,935,856,774,888,179],function(){return e(e.s=5325)}),_N_E=e.O()}]);