"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[172],{172:(e,s,t)=>{t.d(s,{A:()=>M});var r=t(8017),l=t(4109),n=t(2179),i=t.n(n),a=t(5271),o=t(8045);function c(e){let{fill:s,displayName:t,links:l,mobile:n}=e,a=(0,o.useRouter)(),c="/"===a.pathname,d=a.pathname===l,x="";return x=n?d?"bg-red-700 text-white":"hover:bg-gray-300 bg-gray-200 focus:ring-neutral-300 focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100":s?d?"text-red-700 border-red-700":"text-neutral-600 border-transparent hover:border-red-700 hover:text-red-700":c?d?"text-neutral-600 border-neutral-600":"text-neutral-600 border-transparent hover:border-neutral-600":d?"text-white border-white":"text-white border-transparent hover:border-white",(0,r.jsx)("div",{children:(0,r.jsx)(i(),{href:l,children:(0,r.jsx)("button",{type:"button",className:"".concat(x," lg:border-b-2 min-w-max w-full  rounded-lg  lg:bg-transparent lg:w-auto lg:rounded-none duration-500  uppercase px-4 py-5 lg:px-3 lg:py-1 inline-flex items-center "),children:(0,r.jsx)("span",{className:" min-w-max",children:t})})})})}let d={title:"Services",links:[{key:"Tirage de joints",displayName:"Tirage de joints",href:"/services/tirage-de-joints",icon:function(e){let{className:s}=e;return(0,r.jsxs)("svg",{className:s,strokeWidth:"4px",strokeLinejoin:"round","data-name":"Tirage de joints",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 104.85 42.09",children:[(0,r.jsx)("rect",{stroke:"currentColor",fill:"none",x:"2",y:"33.16",width:"100.85",height:"6.93"}),(0,r.jsx)("rect",{stroke:"currentColor",fill:"none",x:"14.21",y:"26.23",width:"76.26",height:"6.93"}),(0,r.jsx)("rect",{stroke:"currentColor",fill:"none",x:"62.82",y:"2",width:"29.41",height:"10.72"}),(0,r.jsx)("path",{stroke:"currentColor",fill:"none",d:"M26.08,24.85l.23-1.3c.85-4.92,3.14-9.51,6.67-13.04,.05-.05,.09-.09,.14-.14,3.01-2.96,6.79-5.03,10.87-6.1h0c1.82-.47,3.68-.71,5.56-.71h13.27"}),(0,r.jsx)("path",{stroke:"currentColor",fill:"none",d:"M33.04,26.23l.23-1.3c.85-4.92,.75-5.81,4.29-9.34l1.58-1.28c2.62-2.12,5.87-3.32,9.25-3.42,.03,0,.06,0,.09,0h14.36"})]})},description:"Tirage de Joints - Solution uniforme & durable pour remplir les espaces entre plaques de pl\xe2tre ou carreaux."},{key:"Travaux de pl\xe2tre",displayName:"Travaux de pl\xe2tre",href:"/services/travaux-de-platre",icon:function(e){let{className:s}=e;return(0,r.jsxs)("svg",{className:s,strokeWidth:"4px",strokeLinejoin:"round","data-name":"Travaux de platre",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 46.71 64.41",children:[(0,r.jsx)("path",{stroke:"currentColor",fill:"none",d:"M2,2l.79,5.29c.79,5.33,2.92,10.41,6.26,14.79,1.2,1.58,2.4,2.93,3.38,3.73l1.65,1.35c2.43,1.99,5.51,3.2,8.74,3.29,.17,0,.34,0,.51,0,3.38,0,6.64-1.22,9.18-3.31l1.69-1.38c.59-.49,1.3-1.19,2.04-2.03,4.44-4.99,7.18-11.12,7.97-17.58l.51-4.14H2Z"}),(0,r.jsx)("path",{stroke:"currentColor",fill:"none",d:"M20.05,30.45l-1.58,13.17c-.15,1.25-.25,2.51-.29,3.77l-.3,9.33c-.06,1.73,.75,3.39,2.18,4.49l.24,.18c1.75,1.35,4.26,1.37,6.04,.06h0c1.51-1.11,2.36-2.84,2.27-4.65l-.48-10.07c-.04-.82-.1-1.64-.19-2.46l-1.45-13.82h-6.43Z"})]})},description:"Travaux de Pl\xe2tre - Restauration de moulures ancestrales, r\xe9paration de fissures, restauration et cr\xe9ation de rosace"},{key:"Acrylique",displayName:"Enduit Acrylique",href:"/services/acrylique",icon:function(e){let{className:s}=e;return(0,r.jsxs)("svg",{className:s,strokeWidth:"4px",strokeLinejoin:"round","data-name":"Acrylique",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 47.43 66.79",children:[(0,r.jsx)("path",{stroke:"currentColor",fill:"none",d:"M38.57,8.33H7.95V4.06h0c0-.6,.31-1.15,.83-1.45h0c.67-.4,.97-.48,1.75-.48l25.99-.13c.56,0,1.1,.21,1.51,.6h0c.34,.32,.53,.76,.53,1.23v4.5Z"}),(0,r.jsx)("path",{stroke:"currentColor",fill:"none",d:"M34.84,64.79h10.59l-3.35-37.45H4.52l-2.52,37.45H34.84Z"}),(0,r.jsx)("path",{stroke:"currentColor",fill:"none",d:"M12.59,64.79c-.13-.19-.3-.44-.48-.76-.44-.74-.95-1.77-1.32-3.03,0,0-.55-1.87-.55-3.81,0-7.44,6.03-13.48,13.48-13.48s13.48,6.03,13.48,13.48c0,1.32-.19,2.59-.54,3.8-.2,.7-.62,1.91-1.44,3.25-.14,.23-.27,.43-.37,.56"}),(0,r.jsx)("rect",{stroke:"currentColor",fill:"none",x:"10.94",y:"8.33",width:"24.83",height:"8.25"}),(0,r.jsx)("line",{stroke:"currentColor",fill:"none",x1:"4.89",y1:"27.34",x2:"12.94",y2:"16.58"}),(0,r.jsx)("line",{stroke:"currentColor",fill:"none",x1:"42.08",y1:"27.34",x2:"34.02",y2:"16.58"})]})},description:"Enduit Acrylique - Tous travaux d'acrylique, int\xe9rieur et ext\xe9rieur, pour les particuliers et les professionnels."}]};var x=t(7386),h=t(7461);let u=e=>{let{mobileMenuActive:s,setMobileMenuActive:t}=e,l=[d];return(0,r.jsx)(a.e,{show:s,entering:"duration-800 ease-in",from:"opacity-0 scale-95",to:"opacity-100 scale-100",leaving:"duration-800 ease-out",children:(0,r.jsx)("div",{className:"absolute z-30 top-0 inset-x-0 p-2 transition transform origin-top-right lg:hidden",children:(0,r.jsx)("div",{className:"rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 bg-white divide-y-2 divide-gray-50 max-h-[90vh] overflow-y-scroll",children:(0,r.jsxs)("div",{className:"pt-5 pb-6 px-5 sm:pb-8",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)(i(),{href:"/",children:(0,r.jsx)(x.A,{className:"h-20 w-auto"})}),(0,r.jsx)("div",{className:"-mr-2",children:(0,r.jsxs)("button",{onClick:()=>t(!1),type:"button",className:"bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brown-500",children:[(0,r.jsx)("span",{className:"sr-only",children:"Close menu"}),(0,r.jsx)(h.A,{className:"h-8 w-8"})]})})]}),(0,r.jsx)("div",{className:"mt-6 sm:mt-8",children:(0,r.jsxs)("nav",{className:" ",children:[(0,r.jsxs)("div",{className:"grid grid-rows-2 gap-2",children:[(0,r.jsx)(c,{mobile:!0,displayName:"Accueil",links:"/"}),(0,r.jsx)(c,{mobile:!0,displayName:"Tous les services",links:"/services"}),(0,r.jsx)(c,{mobile:!0,displayName:"R\xe9alisations",links:"/realisations"}),(0,r.jsx)(c,{mobile:!0,displayName:"\xc0 propos",links:"/a-propos"}),(0,r.jsx)(c,{mobile:!0,displayName:"Contactez-nous",links:"/contact"})]}),(0,r.jsx)("div",{className:"mt-6",children:l.map((e,s)=>(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"font-semibold text-2xl text-neutral-600",children:e.title}),(0,r.jsx)("div",{className:"h-3"}),(0,r.jsx)("div",{className:"grid grid-cols-2 grid-rows-2 gap-2",children:e.links.map(e=>(0,r.jsxs)(i(),{href:e.href,onClick:()=>t(!1),className:" flex flex-col gap-1 grow items-center p-8 rounded-lg bg-gray-200 hover:bg-gray-300",children:[(0,r.jsx)("div",{className:"flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-md from-red-700 to-red-900 bg-gradient-to-tr text-white sm:h-12 sm:w-12",children:(0,r.jsx)(e.icon,{className:"h-8 w-8"})}),(0,r.jsx)("div",{className:"text-base text-center font-base text-gray-900",children:e.displayName})]},e.key))})]},"".concat(s,"-section")))})]})})]})})})})};var m=t(5713),p=t(7267);function g(e){let{links:s,fill:t,linkHref:l,displayName:n,state:a,setState:c}=e,x=(0,o.useRouter)(),h="/"===x.pathname,u=x.pathname===s,g="";return g=t?u?"text-red-700 border-red-700":"text-neutral-600 border-transparent hover:border-red-700 hover:text-red-700":h?u?"text-neutral-600 border-neutral-600":"text-neutral-600 border-transparent hover:border-neutral-600":u?"text-white border-white":"text-white border-transparent hover:border-white",(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(i(),{href:l,passhref:"true",children:(0,r.jsxs)("button",{onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),type:"button",className:" ".concat(g," lg:border-b-2 min-w-max  w-full rounded-lg  lg:bg-transparent lg:w-auto lg:rounded-none duration-500  uppercase px-4 py-5 lg:px-3 lg:py-1 inline-flex items-center"),children:[(0,r.jsx)("span",{children:n}),(0,r.jsx)(p.A,{className:"ml-2 h-5 w-5 ".concat(a&&"rotate-180 "," duration-700")})]})}),(0,r.jsx)(m.P.div,{className:"absolute top-7 -left-32 ".concat(!a&&"hidden"),initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},transition:{default:{duration:.3,ease:[0,.71,.2,1.01]},scale:{type:"spring",damping:5,stiffness:100,restDelta:.001}},onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),children:(0,r.jsx)("ul",{className:"h-auto w-96 py-5 gap-2 bg-white shadow-xl rounded-2xl text-neutral-500 font-base items-center flex flex-col",children:d.links.map(e=>(0,r.jsx)("li",{className:"w-full px-4",children:(0,r.jsx)(i(),{href:e.href,children:(0,r.jsx)("button",{className:" rounded-xl hover:bg-neutral-100 hover:text-red-700 px-7 py-4 w-full",children:e.displayName})})},e.key))})})]})}t(8141);let f=e=>{let{solutionMenuActive:s,setSolutionMenuActive:t,fill:l}=e,n=(0,o.useRouter)();return(0,r.jsx)("div",{className:"hidden lg:flex-1 lg:flex lg:items-center lg:justify-between ",children:(0,r.jsx)("nav",{className:"flex items-center lg:justify-between lg:w-full",children:(0,r.jsxs)("div",{className:"space-x-5 inline-flex xl:text-md font-medium ".concat(l||"/"==n.asPath?"[&>*]:text-slate-600 hover:[&>*]:text-red-700":"[&>*]:text-gray-50 hover:[&>*]:text-white","  "),children:[(0,r.jsx)(c,{fill:l,displayName:"Accueil",links:"/"}),(0,r.jsx)(g,{fill:l,links:"/services",linkHref:"/services",displayName:"Services",state:s,setState:t}),(0,r.jsx)(c,{fill:l,displayName:"R\xe9alisations",links:"/realisations"}),(0,r.jsx)(c,{fill:l,displayName:"\xc0 propos",links:"/a-propos"}),(0,r.jsx)(c,{fill:l,displayName:"Contactez-nous",links:"/contact"})]})})})};function j(e){let{setState:s}=e;return(0,r.jsx)("div",{className:"",children:(0,r.jsxs)("button",{onClick:()=>s(!0),type:"button",className:"bg-gray-100 gap-2 shadow-md rounded-md p-2 px-3 inline-flex items-center justify-center text-gray-500 hover:text-gray-600 hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brown-500",children:[(0,r.jsx)("span",{className:"sr-only",children:"Ouvrir menu"}),(0,r.jsx)("p",{className:"font-medium",children:"Menu"}),(0,r.jsx)("svg",{className:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})]})})}var v=t(5025),w=t(2775),b=t(2893),y=t(6429),N=t.n(y),k=t(4110),C=t(8547),A=t(6910);function M(e){let{children:s,title:t,ogImgSrc:n="https://lesplatrierslg.s3.us-east-1.amazonaws.com/lesplatriers-lg-og.jpg",textSection:a,textSectionOn:c}=e,[d,h]=(0,l.useState)(!1),[p,g]=(0,l.useState)(!1),{scrollYProgress:y}=(0,C.L)();(0,A.G)(y,[0,1],[.2,2]);let M="".concat(t," | Les Pl\xe2tiers LG inc."),[T,z]=(0,l.useState)(!1),[L,S]=(0,l.useState)(!1),q=(0,o.usePathname)();return(0,l.useEffect)(()=>{window.onscroll=()=>{window.scrollY>200?z(!0):z(!1),window.scrollY>1500?S(!0):S(!1)}}),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(N(),{children:[(0,r.jsx)("title",{children:M}),(0,r.jsx)("meta",{property:"og:image",content:n})]}),(0,r.jsxs)("div",{className:" w-screen overflow-clip",children:[(0,r.jsx)(m.P.button,{animate:{x:0},transition:{type:"spring",stiffness:100,delay:.5},onClick:()=>window.scrollTo({top:0,behavior:"smooth"}),className:"".concat(L?" opacity-100":" opacity-0"," fixed rounded-md bottom-0 delay-100 transition-opacity right-0 p-2 lg:p-3 shadow-xl m-10 lg:m-24 z-[40] text-neutral-50 bg-gradient-to-r from-red-700 to-red-600 hover:from-red-600  hover:to-red-600"),children:(0,r.jsx)(w.A,{className:"h-6 w-6"})}),(0,r.jsxs)("div",{className:" ",children:[(0,r.jsxs)("div",{className:"".concat(T&&"bg-white shadow"," transition-colors duration-500 sticky pb-10 top-0 z-50"),children:[(0,r.jsx)("div",{className:"relative z-30 ",children:(0,r.jsxs)("div",{id:"main-nav",className:" flex justify-between items-end   px-4 sm:px-6  lg:px-8 lg:justify-start lg:space-x-10",children:[(0,r.jsx)(i(),{href:"/",className:" my-auto",children:(0,r.jsx)(x.A,{white:!T&&"/"!=q,className:"w-auto h-[3.5rem] sm:h-[4.8rem] pt-3"})}),(0,r.jsxs)("div",{className:" lg:hidden flex gap-3 items-center",children:[(0,r.jsx)("a",{href:"tel:450-531-0796",className:"rounded-full bg-gradient-to-tr from-red-700 to-red-600 border-red-600 border shadow-md",children:(0,r.jsx)(b.A,{className:" h-10 w-10 text-white p-2"})}),(0,r.jsx)(j,{setState:h})]}),(0,r.jsx)("div",{className:"grow hidden lg:block"}),(0,r.jsx)(f,{fill:T,solutionMenuActive:p,setSolutionMenuActive:g}),(0,r.jsx)("div",{className:"grow hidden lg:block"}),(0,r.jsxs)(i(),{href:"tel:450-531-0796",className:"hidden lg:flex justify-self-end items-center gap-2 self-end xl:text-lg font-medium px-6 py-2 ".concat(T?"bg-red-700 text-white":"bg-white text-red-700 hover:bg-red-700 hover:text-white duration-500"," rounded-md"),children:[(0,r.jsx)(b.A,{className:"h-5 w-5"}),(0,r.jsx)("p",{className:"min-w-max",children:"(450) 531-0796 "})]})]})}),(0,r.jsx)(u,{mobileMenuActive:d,setMobileMenuActive:h})]}),"Accueil"!==t&&(0,r.jsx)("div",{children:(0,r.jsxs)("div",{className:"h-[22rem] z-30 relative bg-red-700 -mt-32 flex flex-col items-center justify-center w-screen overflow-hidden",children:[(0,r.jsx)("h1",{className:"text-5xl z-40 text-white text-center font-bold ",children:t}),(0,r.jsx)(v.A,{className:"absolute -bottom-6 lg:-bottom-[4rem] scale-150 lg:scale-100"})]})}),(0,r.jsx)("main",{className:"".concat("Accueil"==t?"-mt-32":"my-20"," z-50 "),children:s}),(0,r.jsx)(k.A,{textSection:a,textSectionOn:c})]})]})]})}}}]);