(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18],{5736:(e,a,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/gallery",function(){return t(6256)}])},6256:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>g});var l=t(7876),s=t(4232);function r(e){let{src:a,alt:t,priority:r=!1,className:n="",wrapperClassName:c=""}=e,[i,o]=(0,s.useState)(!1);return(0,l.jsxs)("div",{className:"relative ".concat(c),children:[(0,l.jsx)("img",{src:a,alt:t,loading:r?"eager":"lazy",decoding:"async",onError:()=>o(!0),className:n}),i&&(0,l.jsx)("div",{className:"absolute inset-0 flex items-center justify-center text-sm text-gray-600",children:"Image failed to load"})]})}var n=t(7142),c=t(8886);let i=["garage cabinet gallery","custom garage cabinet installations","garage storage project photos","powder coated garage cabinets","built-to-order garage cabinets"],o=[{url:"https://cdn.struxgarage.com/public/images-md/installs/adams/adams-24.webp",alt:"Adams garage cabinet installation"},{url:"https://cdn.struxgarage.com/public/images-md/installs/adams/adams-43.webp",alt:"Adams custom garage cabinet installation"},{url:"https://cdn.struxgarage.com/public/images-md/installs/adams/adams-platinum-black-2.webp",alt:"Adams platinum black garage cabinets"},{url:"https://cdn.struxgarage.com/public/images-md/installs/baker/baker-06.webp",alt:"Baker garage cabinet system"},{url:"https://cdn.struxgarage.com/public/images-md/installs/baker/baker-workbench.webp",alt:"Baker custom workbench installation"},{url:"https://cdn.struxgarage.com/public/images-md/installs/baker/baker-workbenches.webp",alt:"Baker dual workbench setup"},{url:"https://cdn.struxgarage.com/public/images-md/installs/blue/large/blue-after-06.webp",alt:"Blue powder coated garage cabinets"},{url:"https://cdn.struxgarage.com/public/images-md/installs/blue/large/blue-ee-after.webp",alt:"Blue garage cabinets after installation"},{url:"https://cdn.struxgarage.com/public/images-md/installs/blue/large/blue-jj-after.webp",alt:"Blue garage transformation after"},{url:"https://cdn.struxgarage.com/public/images-md/installs/burton/burton-02.webp",alt:"Burton garage cabinet installation"},{url:"https://cdn.struxgarage.com/public/images-md/installs/burton/burton-08.webp",alt:"Burton garage storage system"},{url:"https://cdn.struxgarage.com/public/images-md/installs/burton/burton-platinum-black-overview.webp",alt:"Burton platinum black cabinet overview"},{url:"https://cdn.struxgarage.com/public/images-md/installs/cederholm/cederholm-slatwall-tools.webp",alt:"Cederholm slatwall tool organization"},{url:"https://cdn.struxgarage.com/public/images-md/installs/cederholm/cederholm-tall-golf-2.webp",alt:"Cederholm tall golf storage cabinet"},{url:"https://cdn.struxgarage.com/public/images-md/installs/fleck-customer/fleck-happy-customer.webp",alt:"Happy Fleck customer with garage cabinets"},{url:"https://cdn.struxgarage.com/public/images-md/installs/fleck-customer/fleck-leaning-on-golf-cubby.webp",alt:"Fleck customer with golf cubby storage"},{url:"https://cdn.struxgarage.com/public/images-md/installs/fleck/fleck-cabinets-workbench-b.webp",alt:"Fleck cabinets and workbench"},{url:"https://cdn.struxgarage.com/public/images-md/installs/fleck/fleck-close-up-workbench-a.webp",alt:"Fleck workbench close-up detail"},{url:"https://cdn.struxgarage.com/public/images-md/installs/fleck/fleck-full-space.webp",alt:"Fleck full garage space"},{url:"https://cdn.struxgarage.com/public/images-md/installs/fleck/fleck-workbench-butcherblock-tools.webp",alt:"Fleck workbench with butcher block and tools"},{url:"https://cdn.struxgarage.com/public/images-md/installs/fleck/fleck-workbench-car.webp",alt:"Fleck workbench with car in garage"},{url:"https://cdn.struxgarage.com/public/images-md/installs/fleck/fleck.webp",alt:"Fleck garage cabinet installation"},{url:"https://cdn.struxgarage.com/public/images-md/installs/golf-locker/golf-lockers.webp",alt:"Custom golf locker storage"},{url:"https://cdn.struxgarage.com/public/images-md/installs/hollander/Hollander-03.webp",alt:"Hollander garage cabinet system"},{url:"https://cdn.struxgarage.com/public/images-md/installs/hollander/Hollander-05.webp",alt:"Hollander full garage cabinet installation"},{url:"https://cdn.struxgarage.com/public/images-md/installs/hollander/Hollander-14.webp",alt:"Hollander cabinet installation detail"},{url:"https://cdn.struxgarage.com/public/images-md/installs/hollander/Hollander-17.webp",alt:"Hollander wall storage system"},{url:"https://cdn.struxgarage.com/public/images-md/installs/hollander/Hollander-22.webp",alt:"Hollander custom cabinet detail"},{url:"https://cdn.struxgarage.com/public/images-md/installs/laidler/laidler-slatwall-trim.webp",alt:"Laidler slatwall trim detail"},{url:"https://cdn.struxgarage.com/public/images-md/installs/lancaster/black-red/lancaster-blackred-01.webp",alt:"Lancaster black and red garage cabinets"},{url:"https://cdn.struxgarage.com/public/images-md/installs/lancaster/black-red/black-red-2.webp",alt:"Lancaster black and red garage detail"},{url:"https://cdn.struxgarage.com/public/images-md/installs/lancaster/pewter/lancaster-pewter-04.webp",alt:"Lancaster pewter garage cabinets"},{url:"https://cdn.struxgarage.com/public/images-md/installs/stahl/stahl-fridge-cab.webp",alt:"Stahl fridge cabinet installation"},{url:"https://cdn.struxgarage.com/public/images-md/installs/stahl/stahl-full-wall.webp",alt:"Stahl full wall cabinet system"},{url:"https://cdn.struxgarage.com/public/images-md/installs/wagner/wagner-dogs-1.webp",alt:"Wagner garage with dogs"},{url:"https://cdn.struxgarage.com/public/images-md/installs/wagner/wagner-dream-garage-custom-storage-slat-wall.webp",alt:"Wagner dream garage with custom storage and slat wall"},{url:"https://cdn.struxgarage.com/public/images-md/installs/wagner/wagner-slatwall-bikes-custom-shoe-storage.webp",alt:"Wagner slatwall with bikes and custom shoe storage"},{url:"https://cdn.struxgarage.com/public/images-md/installs/wagner/wagner-workbench-closeup.webp",alt:"Wagner workbench close-up detail"},{url:"https://cdn.struxgarage.com/public/images-md/dogs/fleck/fleck-dog-golf-2.webp",alt:"Fleck dog with golf storage"},{url:"https://cdn.struxgarage.com/public/images-md/stop-motion/base-cabs/base-cabs-2a.webp",alt:"Base cabinet assembly"},{url:"https://cdn.struxgarage.com/public/images-md/stop-motion/bike-helmet/bike-helmet-04.webp",alt:"Bike helmet storage solution"}];function g(){let[e,a]=(0,s.useState)(null);return(0,s.useEffect)(()=>{(0,c.gl)("view_gallery")},[]),(0,l.jsxs)("main",{children:[(0,l.jsx)(n.g,{title:"Garage Cabinet Installations Gallery | StruxGarage",description:"Explore purpose-built garage cabinet installations with custom sizing, engineered strength, and fully powder-coated finishes.",keywords:i,canonicalPath:"/gallery"}),(0,l.jsxs)("section",{className:"relative bg-cover bg-center bg-no-repeat px-6 py-32 text-center",style:{backgroundImage:"url('https://cdn.struxgarage.com/public/images-md/installs/laidler/laidler-backwall-slatwall.webp')"},children:[(0,l.jsx)("div",{className:"absolute inset-0 bg-black/45"}),(0,l.jsxs)("div",{className:"relative mx-auto max-w-4xl",children:[(0,l.jsx)("h1",{className:"mb-6 text-4xl font-bold text-white",children:"Project Gallery"}),(0,l.jsx)("p",{className:"text-lg text-slate-100",children:"Explore installed custom garage cabinets, powder-coated finishes, and complete garage storage systems from recent projects."})]})]}),(0,l.jsx)("section",{className:"hammertone-bg px-6 py-16",style:{backgroundColor:"#ffffff"},children:(0,l.jsx)("div",{className:"mx-auto max-w-6xl",children:(0,l.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",children:o.map(e=>(0,l.jsx)("button",{type:"button",className:"overflow-hidden rounded-xl shadow-md cursor-pointer",onClick:()=>{a(e),(0,c.zm)(e.alt)},children:(0,l.jsx)(r,{src:e.url,alt:e.alt,wrapperClassName:"h-64 w-full overflow-hidden",className:"h-full w-full object-cover transition duration-300 hover:scale-105"})},e.url))})})}),e?(0,l.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/80 p-4",onClick:()=>a(null),children:(0,l.jsx)("img",{src:e.url.replace("/images-md/","/images-lg/"),alt:e.alt,className:"max-h-[90vh] max-w-[90vw] rounded-lg object-contain",onClick:()=>a(null)})}):null,(0,l.jsxs)("section",{className:"hammertone-bg px-6 py-16 text-center",style:{backgroundColor:"#ffffff"},children:[(0,l.jsx)("h3",{className:"text-2xl font-semibold text-primary",children:"Ready for a garage that works harder?"}),(0,l.jsx)("p",{className:"mx-auto mt-4 mb-8 max-w-2xl text-lg text-slate-700",children:"Explore design ideas, choose finishes, and start a project built for long-term value."}),(0,l.jsx)("a",{href:"/find-a-dealer",className:"inline-flex rounded-md bg-secondary px-7 py-3 font-semibold text-white transition hover:opacity-90",onClick:()=>(0,c.gE)("Upgrade My Garage","/find-a-dealer","gallery"),children:"Upgrade My Garage"})]})]})}},7142:(e,a,t)=>{"use strict";t.d(a,{g:()=>g});var l,s=t(7876),r=t(7328),n=t.n(r),c=t(4291);let i=(null!=(l=t(5364).env.NEXT_PUBLIC_SITE_URL)?l:"https://struxgarage.com").replace(/\/$/,"");function o(e){return e.startsWith("http://")||e.startsWith("https://")?e:"".concat(i).concat(e.startsWith("/")?e:"/".concat(e))}function g(e){let{title:a,description:t,keywords:l=[],canonicalPath:r,schemas:g=[],image:m,imageAlt:u,ogType:d="website"}=e,p=r?o(r):i,b=o(null!=m?m:c.A.hero.poster),h=null!=u?u:c.A.hero.backgroundRotationAlt,x=e=>g.some(a=>a["@type"]===e),w=[...g,...x("Organization")?[]:[{"@context":"https://schema.org","@type":"Organization",name:"StruxGarage",url:i,logo:o(c.A.brand.horizontalLogo)}],...x("WebSite")?[]:[{"@context":"https://schema.org","@type":"WebSite",name:"StruxGarage",url:i}],...x("WebPage")?[]:[{"@context":"https://schema.org","@type":"WebPage",name:a,description:t,url:p}]];return(0,s.jsxs)(n(),{children:[(0,s.jsx)("title",{children:a}),(0,s.jsx)("meta",{name:"description",content:t}),l.length>0?(0,s.jsx)("meta",{name:"keywords",content:l.join(", ")}):null,(0,s.jsx)("meta",{name:"robots",content:"index,follow"}),(0,s.jsx)("meta",{name:"facebook-domain-verification",content:"1r6ad1k15f6fklvncebcmxdjtdt95q"}),(0,s.jsx)("meta",{property:"og:title",content:a}),(0,s.jsx)("meta",{property:"og:description",content:t}),(0,s.jsx)("meta",{property:"og:type",content:d}),(0,s.jsx)("meta",{property:"og:site_name",content:"StruxGarage"}),(0,s.jsx)("meta",{property:"og:locale",content:"en_US"}),(0,s.jsx)("meta",{property:"og:url",content:p}),(0,s.jsx)("meta",{property:"og:image",content:b}),(0,s.jsx)("meta",{property:"og:image:alt",content:h}),(0,s.jsx)("meta",{property:"og:image:secure_url",content:b}),(0,s.jsx)("meta",{property:"og:image:width",content:"1200"}),(0,s.jsx)("meta",{property:"og:image:height",content:"630"}),(0,s.jsx)("meta",{name:"twitter:title",content:a}),(0,s.jsx)("meta",{name:"twitter:description",content:t}),(0,s.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,s.jsx)("meta",{name:"twitter:image",content:b}),(0,s.jsx)("meta",{name:"twitter:image:alt",content:h}),(0,s.jsx)("meta",{name:"twitter:site",content:"@struxgarage"}),(0,s.jsx)("link",{rel:"canonical",href:p}),(0,s.jsx)("link",{rel:"icon",href:"https://cdn.struxgarage.com/public/images-md/logos/stacked/color/png/transparent.webp",type:"image/webp"}),w.map((e,a)=>(0,s.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}},"seo-schema-".concat(a)))]})}}},e=>{e.O(0,[636,593,792],()=>e(e.s=5736)),_N_E=e.O()}]);