1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1337],{74385:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/work",function(){return a(28774)}])},28774:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return v},default:function(){return k}});var n=a(85893),i=a(67294),s=a(9473),l=a(87285),r=a(25675),c=a.n(r),o=a(41664),d=a.n(o),x=a(30653),p=()=>{let[e,t]=(0,i.useState)(9),[a,l]=(0,i.useState)(1),r=(0,s.v9)(e=>{let t=e.WorkData.WorkData,a=e.WorkData.WorkFilter;return""===a||null==a||"all"===a?t:t.filter(e=>e.projectType===a)}),o=a*e,p=r.slice(o-e,o);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"flex justify-center",children:(0,n.jsx)("div",{className:"flex flex-row flex-wrap basis-full gap-x-6 lg:gap-x-11 gap-y-10 xl:gap-y-16 dmd:gap-y-24 items-wrapper overflow-hidden justify-between msbas:justify-center",children:p.map(function(e,t){return(0,n.jsx)("div",{className:"".concat(!0===e.mainImageBool?"flex":"hidden"," hs_cos_wrapper md:basis-[48%] msbas:basis-[30%] relative transition-all hover:transition-all delay-75 hover:delay-75"),children:(0,n.jsx)(d(),{legacyBehavior:!0,href:"/work/[id]?id=",as:"/work/".concat(e.projectName.replace(/[&\/\\#, +()$~%.'":*?<>{}]/g,"_").toLowerCase(),"?id=").concat(e.id),passHref:!0,children:(0,n.jsx)("a",{children:(0,n.jsxs)("div",{className:"content-container content_con msbas:mr-11",children:[(0,n.jsxs)("div",{className:"effect-lily mb-6",children:[(0,n.jsx)("div",{className:"img-hvr lazy",style:{backgroundImage:'url("'.concat(e.hoverImage,'")'),backgroundSize:"Cover",backgroundPosition:"center"}}),(0,n.jsx)("div",{className:"img-conta lazy",style:{backgroundImage:'url("'.concat(e.mainImage,'")'),backgroundSize:"Cover",backgroundPosition:"center"}})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"text-[14px] leading-[22px] tracking-[normal] text-[#444F69] font-geistBook line-clamp-2 mb-[15px]",children:(0,x.ZP)(e.about)}),(0,n.jsxs)("div",{className:"flex items-center justify-between",children:[(0,n.jsx)("h2",{className:"text-[22px] leading-[28px] group tracking-normal font-geistMedium transition-all group-hover:transition-all delay-75 group-hover:delay-75 relative",children:e.projectName}),(0,n.jsx)("span",{className:"font-geistBook text-white bg-newPurple overflow-hidden text-[12px] leading-[16px] tracking-normal p-[4px_7px] rounded-full",children:e.projectType})]})]})]})})})},t)})})}),(0,n.jsx)("div",{children:(0,n.jsx)("div",{className:"flex justify-center my-[60px] md:my-20 xl:my-[100px]",children:r.length>21?e>=r.length?(0,n.jsxs)("button",{className:"multi_button bg-[#7D47EF] hover:bg-[#5E2EC5] text-white font-geistBold text-[16px] leading-[19px] rounded-lg p-[18px_24px] flex items-end justify-center transition-all hover:transition-all delay-75 hover:delay-75",type:"submit",onClick:()=>t(9),children:[(0,n.jsx)("span",{className:"leading-[1] mr-3",children:"Show Less"}),(0,n.jsx)(c(),{src:"/Images/Forward.svg",alt:"Forward",height:15,width:15})]}):(0,n.jsxs)("button",{className:"multi_button bg-[#7D47EF] hover:bg-[#5E2EC5] text-white font-geistBold text-[16px] leading-[19px] rounded-lg p-[18px_24px] flex items-end justify-center transition-all hover:transition-all delay-75 hover:delay-75",type:"submit",onClick:()=>t(e+12),children:[(0,n.jsx)("span",{className:"leading-[1] mr-3",children:"Load More"}),(0,n.jsx)(c(),{src:"/Images/Forward.svg",alt:"Forward",height:15,width:15})]}):null})})]})},m=()=>{let[e,t]=(0,i.useState)("all"),[a,r]=(0,i.useState)("all"),c=(0,s.v9)(e=>e.WorkData.WorkData).map(e=>({filterData:e.projectType}));(c=c.filter((e,t,a)=>t===a.findIndex(t=>t.filterData===e.filterData))).sort(function(e,t){return e.filterData<t.filterData?-1:e.filterData>t.filterData?1:0}),c.map(e=>e.filterData.replaceAll("_"," "));let o=(0,s.I0)(),d=e=>{"all"===e?(t("all"),r("all"),o((0,l.hN)("all"))):(t(e),r(e),o((0,l.hN)(e)))};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"text-brunswickGreen pt-16 pb-16 md:pb-12 lg:pb-[60px] md:pt-[60px] relative use_work_new_bg",children:(0,n.jsxs)("div",{className:"max-w-wrapper mx-auto px-5 sm:px-[30px] relative z-10",children:[(0,n.jsx)("div",{children:(0,n.jsxs)("div",{className:"text-center mb-10 md:mb-[100px] mx-auto max-w-[780px]",children:[(0,n.jsx)("p",{className:"uppercase text-[16px] leading-[26px] mb-2 tracking-[4px] font-geistMedium text-white",children:"Our Work"}),(0,n.jsx)("h1",{className:"text-[48px] leading-[56px] md:text-[68px] md:leading-[72px] font-geistBold mb-2.5 text-white tracking-[-0.03em]",children:"Technologies & Ideas"}),(0,n.jsx)("p",{className:"text-[20px] leading-[30px] text-white font-geistBook",children:"Palmspire is a web design and development company that creates websites with end user in mind."})]})}),(0,n.jsxs)("div",{className:"menu",children:[(0,n.jsx)("p",{className:"text-center text-[22px] leading-[30px] font-geistBook text-white mb-3",children:"Browse Project Categories:"}),(0,n.jsxs)("ul",{className:"flex flex-wrap items-center justify-center align-middle this-ul m-0 gap-x-8 gap-y-6",children:[(0,n.jsx)("li",{className:"capitalize cursor-pointer ".concat("all"===a?"active text-[20px] leading-[26px] text-white font-geistMedium bg-newPurple p-[5px_10px_7px] rounded-full":"text-white text-[20px] leading-[26px] bg-transparent font-geistMedium p-[5px_10px_7px] "),onClick:e=>d("all"),children:"Featured Projects"}),c.map(function(e,t){return(0,n.jsx)("li",{className:"capitalize cursor-pointer ".concat(a===e.filterData?"active text-[20px] leading-[26px] text-white font-geistMedium bg-newPurple p-[5px_10px_7px] rounded-full":"text-white text-[20px] leading-[26px] bg-transparent font-geistMedium p-[5px_10px_7px] ","\n \n ").concat("Branding/Designing"===e.filterData||"Not Aplicable"===e.filterData||"Slide Deck/PPT"===e.filterData?"hidden":"block","\n "),onClick:t=>d(e.filterData),children:e.filterData},t)})]})]})]})}),(0,n.jsx)("div",{className:"text-brunswickGreen pt-20",children:(0,n.jsx)("div",{className:"max-w-wrapper mx-auto px-5 sm:px-[30px] relative z-10",children:(0,n.jsx)(p,{})})})]})},u=a(61491),g=a(11163);a(47381);var h=a(22309),f=a(64158),j=a(5283),w=a(27466),b=a(14177),v=!0,k=()=>{(0,i.useCallback)(async e=>{await (0,h.R)(e)},[]),(0,i.useCallback)(async e=>{},[]);let e=(0,g.useRouter)(),[t,a]=(0,i.useState)(!1);return((0,i.useEffect)(()=>{let t=e=>a(!1);e.events.on("routeChangeStart",t=>{t!==e.pathname?a(!0):a(!1)}),e.events.on("routeChangeComplete",t),e.events.on("routeChangeError",t)},[e]),t)?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"flex items-center justify-center min-h-screen bg-white",children:(0,n.jsx)("div",{id:"loading"})})}):(0,n.jsxs)(u.Z,{pageMeta:{title:"Palmspire | Work",description:"Learn about HubSpot, the newest trends in marketing, web design, and web development.",type:"Work Listing"},headerVersion:"dark",children:[(0,n.jsx)(m,{}),(0,n.jsx)(f.Z,{}),(0,n.jsx)(b.Z,{}),(0,n.jsx)(j.Z,{}),(0,n.jsx)(w.Z,{})]})}},62251:function(e,t,a){"use strict";a(67294),a(96086)},50247:function(){}},function(e){e.O(0,[6833,3363,9491,1755,9047,9540,4266,1033,598,653,3783,6645,4177,4158,5283,2888,9774,179],function(){return e(e.s=74385)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.