https://www.again.dk/_next/static/chunks/7736-e9d01bb208e187ab.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7736],{27025:(e,l,t)=>{t.d(l,{cn:()=>n});var r=t(69241),a=t(29573);function n(){for(var e=arguments.length,l=Array(e),t=0;t<e;t++)l[t]=arguments[t];return(0,a.QP)((0,r.$)(l))}},31610:(e,l,t)=>{t.d(l,{$:()=>u,r:()=>s});var r=t(28538),a=t(91733),n=t(82987),o=t(47137),i=t(27025);let s=(0,o.F)("inline-flex items-center whitespace-nowrap border font-AlbulaRegular transition-colors duration-200 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{Default:"border-ForestGreen bg-transparent text-ForestGreen hover:border-SunsetOrange hover:bg-SunsetOrange hover:text-MorningCloud","Default Light":"border-MorningCloud bg-transparent text-MorningCloud hover:border-SunsetOrange hover:bg-SunsetOrange hover:text-MorningCloud","Attention CTA":"border-SunsetOrange bg-SunsetOrange text-MorningCloud hover:border-[var(--color-sunset-orange-80)] hover:bg-[var(--color-sunset-orange-80)] hover:text-MorningCloud","Attention CTA Alpine Green":"border-AlpineGreen bg-AlpineGreen text-MorningCloud hover:border-[#3b8c72] hover:bg-[#3b8c72] hover:text-MorningCloud","Sand Dune background":"border-DarkWood bg-transparent text-DarkWood hover:border-SunsetOrange hover:bg-SunsetOrange hover:text-MorningCloud","Nordic Mist background":"border-ForestGreen bg-transparent text-ForestGreen hover:border-AlpineGreen hover:bg-AlpineGreen hover:text-MorningCloud","Hero Special":"border-MorningCloud bg-MorningCloud text-ForestGreen hover:border-ForestGreen hover:bg-ForestGreen hover:text-MorningCloud",Custom:"border-current bg-transparent text-current"},size:{cta:"rounded-full border-[0.5px] px-8 py-[15px] text-xs leading-4",download:"roun

1ded-full border-[0.5px] px-5 py-2.5 text-xs leading-4",compact:"rounded-none px-3 py-1.5 text-xs leading-4",form:"rounded-none px-3 py-2 text-xs leading-4",icon:"h-10 w-10 rounded-full",none:"border-0 p-0"},align:{left:"justify-start text-left",center:"justify-center text-center",right:"justify-end text-right"}},defaultVariants:{variant:"Default",size:"cta",align:"center"}}),u=a.forwardRef((e,l)=>{let{className:t,variant:a,size:o,align:u,asChild:d=!1,...c}=e,h=d?n.DX:"button";return(0,r.jsx)(h,{className:(0,i.cn)(s({variant:a,size:o,align:u,className:t})),ref:l,...c})});u.displayName="Button"},35811:(e,l,t)=>{t.d(l,{A:()=>i});var r=t(28538),a=t(24468),n=t.n(a);let o={carousel:{mobile:{width:350,height:350},tablet:{width:450,height:450},desktop:{width:800,height:800},quality:100},"product-carousel":{mobile:{width:500,height:500},tablet:{width:700,height:700},desktop:{width:1e3,height:1e3},quality:100},gallery:{mobile:{width:450,height:320},tablet:{width:650,height:480},desktop:{width:1200,height:800},quality:100},"product-grid":{mobile:{width:250,height:250},tablet:{width:320,height:320},desktop:{width:500,height:500},quality:100},hero:{mobile:{width:500,height:350},tablet:{width:850,height:600},desktop:{width:1600,height:1e3},quality:100},thumbnail:{mobile:{width:80,height:80},tablet:{width:100,height:100},desktop:{width:150,height:150},quality:100},avatar:{mobile:{width:60,height:60},tablet:{width:80,height:80},desktop:{width:120,height:120},quality:100},"full-width":{mobile:{width:650,height:400},tablet:{width:950,height:650},desktop:{width:1800,height:1200},quality:55}},i=e=>{let{src:l,alt:t,context:a="carousel",index:i=0,sizes:s,priority:u,loading:d,quality:c=100,...h}=e;if(!l||"string"!=typeof l)return null;let x=function(e){let l,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"carousel";if(arguments.length>2&&arguments[2],!e||"string"!=typeof e||!e.includes("cdn.builder.io"))return e||"";let r=o[t],a=window.innerWidth,n=window.devicePixelRatio||1;if(a>=1200)return e;let i=0;if(a<768){let e=Math.min(3,Math.max(1,n));l={width:Math.round(r.mobile.width*e),height:Math.round(r.mobile.height*e)},i="carousel"===t?-5:0}else l=r.tablet,i="product-carousel"===t?0:-10;let s=Math.max(15,Math.min(90,r.quality+i)),u=e.includes("?")?"&":"?",d=new URLSearchParams;return d.set("width",l.width.toString()),d.set("height",l.height.toString()),d.set("quality",s.toString()),d.set("format","webp"),d.set("fit","cover"),"".concat(e).concat(u).concat(d.toString())}(l,a),p=s||({carousel:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 25vw","product-carousel":"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 25vw",gallery:"(max-width: 768px) 400px, (max-width: 1200px) 600px, 1200px","product-grid":"(max-width: 768px) 200px, (max-width: 1200px) 280px, 500px",hero:"(max-width: 768px) 450px, (max-width: 1200px) 800px, 1600px",thumbnail:"(max-width: 768px) 60px, (max-width: 1200px) 80px, 150px",avatar:"(max-width: 768px) 40px, (max-width: 1200px) 60px, 120px","full-width":"(max-width: 768px) 600px, (max-width: 1200px) 900px, 1800px"})[a],g=void 0!==u?u:function(e,l){switch(l){case"hero":case"gallery":case"product-grid":return 0===e;default:return!1}}(i,a),f="string"==typeof x&&x.trim().toLowerCase().endsWith(".svg");return(0,r.jsx)(n(),{...h,src:x,alt:t,sizes:p,priority:g,loading:void 0!==d?d:g?"eager":"lazy",unoptimized:f,quality:f?void 0:c})}},37968:(e,l,t)=>{function r(e){return e&&"string"==typeof e?e.trim().toLowerCase().replace(/\s+/g,"-"):""}t.d(l,{GY:()=>n,PU:()=>r,US:()=>o});let a={facade:"cladding",gulve:"floors",vægge:"walls",vaegge:"walls",akustik:"acoustics",vinduer:"windows",plader:"boards"};function n(e){var l;let t=r(function e(l){if(!l)return"";if("string"==typeof l)return l;if("object"!=typeof l)return"";if(l.value&&"object"==typeof l.value){let t=e(l.value);if(t)return t}let t="string"==typeof l.Default?l.Default:"string"==typeof l.default?l.default:"",r="string"==typeof l["da-DK"]?l["da-DK"]:"",a="string"==typeof l["en-GB"]?l["en-GB"]:"";return t&&r&&t===r&&a?a:t.trim()?t:a.trim()?a:""}(e));return null!=(l=a[t])?l:t}function o(e){return e.replace(/ae/g,"\xe6").replace(/oe/g,"\xf8").replace(/aa/g,"\xe5").replace(/-/g," ")}},77736:(e,l,t)=>{t.r(l),t.d(l,{default:()=>N});var r=t(28538),a=t(91733),n=t(34820),o=t(9552),i=t(29053),s=t(27025),u=t(31610);let d=a.createContext(null);function c(){let e=a.useContext(d);if(!e)throw Error("useCarousel must be used within a <Carousel />");return e}let h=a.forwardRef((e,l)=>{let{orientation:t="horizontal",opts:o,setApi:i,plugins:u,className:c,children:h,title:x,isProductCatagoryBox:p,showLine:g=!1,isHomePage:f,...v}=e,[m,b]=(0,n.A)({...o,axis:"horizontal"===t?"x":"y"},u),[w,j]=a.useState(!1),[y,N]=a.useState(!1),C=a.useCallback(e=>{e&&(j(e.canScrollPrev()),N(e.canScrollNext()))},[]),k=a.useCallback(()=>{null==b||b.scrollPrev()},[b]),S=a.useCallback(()=>{null==b||b.scrollNext()},[b]),A=a.useCallback(e=>{"ArrowLeft"===e.key?(e.preventDefault(),k()):"ArrowRight"===e.key&&(e.preventDefault(),S())},[k,S]);return a.useEffect(()=>{b&&i&&i(b)},[b,i]),a.useEffect(()=>{if(b)return C(b),b.on("reInit",C),b.on("select",C),()=>{null==b||b.off("select",C)}},[b,C]),(0,r.jsx)(d.Provider,{value:{carouselRef:m,api:b,opts:o,orientation:t||((null==o?void 0:o.axis)==="y"?"vertical":"horizontal"),scrollPrev:k,scrollNext:S,canScrollPrev:w,canScrollNext:y}

1,children:(0,r.jsxs)("div",{ref:l,onKeyDownCapture:A,className:(0,s.cn)("relative",c),role:"region","aria-roledescription":"carousel",...v,children:[!p&&x&&x.trim()&&(0,r.jsx)("h2",{className:"mb-12 text-center font-AlbulaRegular text-xl  ".concat(f?"text-MorningCloud":"text-Green"),children:x}),h,g&&(0,r.jsx)("hr",{className:"mt-4 border-t-[0.5px] border-forrestGreen"})]})})});h.displayName="Carousel";let x=a.forwardRef((e,l)=>{let{className:t,...a}=e,{carouselRef:n,orientation:o}=c();return(0,r.jsx)("div",{ref:n,className:"overflow-hidden",children:(0,r.jsx)("div",{ref:l,className:(0,s.cn)("flex","horizontal"===o?"-ml-4":"-mt-4 flex-col",t),...a})})});x.displayName="CarouselContent";let p=a.forwardRef((e,l)=>{let{className:t,...a}=e,{orientation:n}=c();return(0,r.jsx)("div",{ref:l,role:"group","aria-roledescription":"slide",className:(0,s.cn)("min-w-0 shrink-0 grow-0 basis-full","horizontal"===n?"pl-4":"pt-4",t),...a})});p.displayName="CarouselItem";let g=a.forwardRef((e,l)=>{let{className:t,variant:a="Default",size:n="icon",...i}=e,{orientation:d,scrollPrev:h,canScrollPrev:x,opts:p}=c(),g=!!(null==p?void 0:p.loop);return(0,r.jsxs)(u.$,{ref:l,variant:a,size:n,className:(0,s.cn)("absolute border-MorningCloud bg-MorningCloud text-Green shadow-sm hover:border-SunsetOrange hover:bg-SunsetOrange hover:text-MorningCloud","horizontal"===d?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!g&&!x,onClick:h,...i,children:[(0,r.jsx)(o.A,{className:"h-[18px] w-[18px]"}),(0,r.jsx)("span",{className:"sr-only",children:"Previous slide"})]})});g.displayName="CarouselPrevious";let f=a.forwardRef((e,l)=>{let{className:t,variant:a="Default",size:n="icon",...o}=e,{orientation:d,scrollNext:h,canScrollNext:x,opts:p}=c(),g=!!(null==p?void 0:p.loop);return(0,r.jsxs)(u.$,{ref:l,variant:a,size:n,className:(0,s.cn)("absolute border-MorningCloud bg-MorningCloud text-Green shadow-sm hover:border-SunsetOrange hover:bg-SunsetOrange hover:text-MorningCloud","horizontal"===d?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!g&&!x,onClick:h,...o,children:[(0,r.jsx)(i.A,{className:"h-[18px] w-[18px]"}),(0,r.jsx)("span",{className:"sr-only",children:"Next slide"})]})});f.displayName="CarouselNext";var v=t(55507),m=t(34009),b=t.n(m),w=t(23903),j=t(35811),y=t(37968);let N=e=>{let{slides:l,builderBlock:t,showArrowsDesktop:n=!1,showArrowsTablet:o,showArrowsMobile:i,slidesToShowDesktop:s=4,slidesToShowTablet:u,slidesToShowMobile:d,lineShowDesktop:c=!1,lineShowTablet:m=!1,lineShowMobile:N=!1,autoplay:C,autoplayInterval:k=2e3,slidePadding:S=40,direction:A,referencesToShow:M,productsToShow:G,title:R,productCatagoryBox:D=!1,productCatagorySide:O="left",carruselHeight:z,carouselMobileHeight:P,carouselTabletHeight:T,textOnImage:F,isHomePage:q,showSustainabilityTable:E}=e,[L,W]=(0,a.useState)(),[I,B]=(0,a.useState)(s||4),[$,_]=(0,a.useState)(n),[H,K]=(0,a.useState)(c||!1),[U,Y]=(0,a.useState)(z),{language:Q}=(0,w.o)(),V={loop:!0,align:"start",slidesToScroll:1,skipSnaps:!1,duration:30,direction:A||"ltr"},X=(0,a.useCallback)(()=>{L&&L.scrollNext()},[L]);(0,a.useEffect)(()=>{let e=()=>{window.innerWidth>=1280?(B(s||4),_(n||!1),K(c),Y(z)):window.innerWidth>=768?(B(u||2),_(o||!1),K(m),Y(T)):(B(d||1),_(i||!1),K(N),Y(P))};return window.addEventListener("resize",e),e(),()=>{window.removeEventListener("resize",e)}},[z,T,P,s,u,d,n,o,i,A,c,m,N]),(0,a.useEffect)(()=>{L&&(L.scrollTo(0),L.reInit())},[L,I]),(0,a.useEffect)(()=>{let e;return C&&L&&(e=setInterval(()=>{X()},k)),()=>{e&&clearInterval(e)}},[L,C,k,X]);let J=()=>l&&l.length>0?l.map((e,l)=>(0,r.jsx)(p,{className:"m-0 p-0",style:{flex:"0 0 calc(".concat(100/I,"% - ").concat(S*(I-1)/I,"px)"),maxWidth:"calc(".concat(100/I,"% - ").concat(S*(I-1)/I,"px)"),marginRight:"".concat(S,"px")},children:(0,r.jsx)("div",{className:"h-full w-full",children:(0,r.jsx)(v.y$,{parentElementId:null==t?void 0:t.id,dataPath:"component.options.slides.".concat(l,".content"),blocks:e.content})})},l)):G&&G.length>0?G.map((e,l)=>{var t,a,n,o,i,s,u,d,c,h,x,g,f,v,m,w,N,C,k,A,M,G,R,D,O,z,P,T,L,W,B,$,_,H,K,Y,Q,V,X,J,Z,ee,el,et,er,ea,en,eo,ei,es,eu,ed,ec,eh,ex,ep,eg,ef;return(0,r.jsxs)(p,{className:"m-0 flex flex-col p-0",style:{flex:"0 0 calc(".concat(100/I,"% - ").concat(S*(I-1)/I,"px)"),maxWidth:"calc(".concat(100/I,"% - ").concat(S*(I-1)/I,"px)"),marginRight:"".concat(S,"px")},children:[(0,r.jsx)("div",{className:"flex flex-col",children:(0,r.jsxs)("div",{className:"group relative overflow-hidden rounded-none",children:[(0,r.jsx)(b(),{href:function(e){var l,t,r,a,n;let o=null!=(a=null==e||null==(t=e.product)||null==(l=t.value)?void 0:l.data)?a:null==e||null==(r=e.value)?void 0:r.data,i=(0,y.GY)(null==o?void 0:o.type),s=(null!=(n=null==o?void 0:o.slug)?n:"").toLowerCase();return i&&s?"/products/".concat(i,"/").concat(s):"/products"}(e),className:"mb-2 block",children:(0,r.jsxs)("div",{className:"relative overflow-hidden",style:{height:"".concat(U,"px")},children:[(0,r.jsx)(j.A,{width:800,height:800,context:"carousel",index:l,src:(null==e||null==(n=e.product)||null==(a=n.value)||null==(t=a.data)?void 0:t.image)||(null==e||null==(i=e.value)||null==(o=i.data)?void 0:o.image)||"",alt:(null==e||null==(d=e.product)||null==(u=d.value)||null==(s=u.data)?void 0:s.name)||(null==e||null==(h=e.value)||null==(c=h.data)?void 0:c.name),className:"group-hover:brightness-80 h-full w-full object-cover transition-all duration-300 group-hover:scale-105"}),F&&(0,r.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-black bg-opacity-50 opacity-0 transition-opacity duration-300 group-hover:opacity-100",children:(0,r.jsx)("span",{className:"font-AlbulaRegular text-2xl font-thin text-white",children:(null==e||null==(v=e.product)||null==(f=v.value)||null==(g=f.data)||null==(x=g.type)?void 0:x.Default)?null==e||null==(N=e.product)||null==(w=N.value)||null==(m

1=w.data)?void 0:m.type.Default:null==e||null==(C=e.data)?void 0:C.type.Default})})]})}),(0,r.jsxs)("p",{className:"mt-4 truncate text-left font-AlbulaRegular text-xs leading-[14px] antialiased xsm:px-4 xsm:text-center md:px-0 md:text-left ".concat(q?"text-MorningCloud":"text-Green"),children:[(0,r.jsx)("span",{className:"truncate font-AlbulaRegular text-xs leading-[14px] font-bold group-hover:cursor-pointer group-hover:underline ".concat(q?"text-MorningCloud":"text-Green"),children:(null==e||null==(M=e.product)||null==(A=M.value)||null==(k=A.data)?void 0:k.name)?null==e||null==(D=e.product)||null==(R=D.value)||null==(G=R.data)?void 0:G.name:null==e||null==(z=e.value)||null==(O=z.data)?void 0:O.name})," ","/"," ",(null==e||null==(L=e.product)||null==(T=L.value)||null==(P=T.data)?void 0:P.description)?null==e||null==($=e.product)||null==(B=$.value)||null==(W=B.data)?void 0:W.description:null==e||null==(H=e.value)||null==(_=H.data)?void 0:_.description]})]})}),E&&(null==e||null==(V=e.product)||null==(Q=V.value)||null==(Y=Q.data)||null==(K=Y.sustainabilityTable)?void 0:K[0])&&(0,r.jsxs)("div",{className:"h-full w-full bg-surface-page pt-2 sm:pt-4",children:[(0,r.jsxs)("table",{className:"w-full border border-gray-400 text-left font-AlbulaRegular text-base text-Green antialiased",children:[(0,r.jsxs)("thead",{className:"border border-gray-400",children:[(0,r.jsx)("tr",{className:"border border-gray-400",children:(0,r.jsxs)("th",{className:"p-2 sm:p-6",colSpan:2,children:[(0,r.jsx)("p",{className:"inline font-bold",children:"Type of calculation: "}),(0,r.jsx)("p",{className:"inline font-AlbulaRegular font-normal",children:null==e||null==(el=e.product)||null==(ee=el.value)||null==(Z=ee.data)||null==(J=Z.sustainabilityTable)||null==(X=J[0])?void 0:X.typeOfStudy})]})}),(0,r.jsx)("tr",{className:"border border-gray-400",children:(0,r.jsxs)("th",{className:"p-2 sm:p-6",colSpan:2,children:[(0,r.jsx)("p",{className:"inline font-bold",children:"Material: "}),(0,r.jsx)("p",{className:"inline font-AlbulaRegular font-normal",children:null==e||null==(eo=e.product)||null==(en=eo.value)||null==(ea=en.data)||null==(er=ea.sustainabilityTable)||null==(et=er[0])?void 0:et.material})]})})]}),(0,r.jsx)("tbody",{children:(null==e?void 0:e.row)&&(null==e?void 0:e.row.length)>0&&e.row.map((e,l)=>{var t,a,n,o,i,s,u,d;return(0,r.jsxs)("tr",{children:[(0,r.jsxs)("td",{className:"w-2/3 border border-gray-400 p-2 text-center sm:p-6",children:[(null==e||null==(t=e.cell1)?void 0:t.valOne)&&(0,r.jsx)("p",{className:"font-bold",children:null==e||null==(a=e.cell1)?void 0:a.valOne}),(null==e||null==(n=e.cell1)?void 0:n.valTwo)&&(0,r.jsx)("p",{className:"text-sm",children:null==e||null==(o=e.cell1)?void 0:o.valTwo})]}),(0,r.jsxs)("td",{className:"w-1/3 border border-gray-400 p-2 text-center sm:p-6",children:[(null==e||null==(i=e.cell2)?void 0:i.valOne)&&(0,r.jsx)("p",{className:"font-bold",children:null==e||null==(s=e.cell2)?void 0:s.valOne}),(null==e||null==(u=e.cell2)?void 0:u.valTwo)&&(0,r.jsx)("p",{className:"text-xxs",children:null==e||null==(d=e.cell2)?void 0:d.valTwo})]})]},l)})})]}),(null==e||null==(ec=e.product)||null==(ed=ec.value)||null==(eu=ed.data)||null==(es=eu.sustainabilityTable)||null==(ei=es[0])?void 0:ei.asteriskParagraph)&&(0,r.jsx)("p",{className:"p-2 pt-2 text-left font-AlbulaRegular text-xxs text-Green antialiased sm:p-6 sm:pt-4",children:null==e||null==(ef=e.product)||null==(eg=ef.value)||null==(ep=eg.data)||null==(ex=ep.sustainabilityTable)||null==(eh=ex[0])?void 0:eh.asteriskParagraph})]})]},l)}):M&&M.length>0?M.map((e,l)=>{var t,a,n,o,i,s,u,d,c,h,x,g,f,v,m,w,y,N,C,k,A,G,R;return(0,r.jsx)(p,{className:"m-0 flex flex-col p-0",style:{flex:"0 0 calc(".concat(100/I,"% - ").concat(S*(I-1)/I,"px)"),maxWidth:"calc(".concat(100/I,"% - ").concat(S*(I-1)/I,"px)"),marginRight:"".concat(S,"px")},children:(0,r.jsx)("div",{className:"flex flex-col",children:(0,r.jsxs)("div",{className:"group relative overflow-hidden rounded-none",children:[(0,r.jsx)(b(),{href:"/project-references/".concat(null==e||null==(n=e.reference)||null==(a=n.value)||null==(t=a.data)?void 0:t.slug),className:"mb-2 block",children:(0,r.jsxs)("div",{className:"relative overflow-hidden",style:{height:"".concat(U,"px")},children:[(0,r.jsx)(j.A,{width:800,height:800,context:"carousel",index:l,src:null!=(R=null==e||null==(c=e.reference)||null==(d=c.value)||null==(u=d.data)||null==(s=u.galleryImages)||null==(o=s[null!=(G=null==M||null==(i=M[l])?void 0:i.selectedReferenceImage)?G:0])?void 0:o.image)?R:"",alt:(null==e||null==(g=e.reference)||null==(x=g.value)||null==(h=x.data)?void 0:h.name)||"CarruselItem",className:"group-hover:brightness-80 h-full w-full object-cover transition-all duration-300 group-hover:scale-105"}),F&&(0,r.jsx)("div",{className:"transition-opacit absolute inset-0 flex items-center justify-center bg-black bg-opacity-50 opacity-0 duration-300 group-hover:opacity-100 hover:cursor-pointer",children:(0,r.jsxs)("span",{className:"font-AlbulaRegular text-2xl font-thin text-white",children:[null==e||null==(m

1=e.reference)||null==(v=m.value)||null==(f=v.data)?void 0:f.envoirnmentalImpact[0].wasteSaved.toLocaleString("en-us")," ","da"===Q?"kg affald reddet":"kg waste saved"]})})]})}),(0,r.jsxs)("p",{className:"mt-4 text-left font-AlbulaRegular text-nowrap truncate text-xs antialiased ".concat(q?"text-MorningCloud":"text-Green"),children:[(0,r.jsx)("span",{className:"font-AlbulaRegular text-xs font-bold group-hover:cursor-pointer group-hover:underline ".concat(q?"text-MorningCloud":"text-Green"),children:null==e||null==(N=e.reference)||null==(y=N.value)||null==(w=y.data)?void 0:w.name})," ","/ ",null==e||null==(A=e.reference)||null==(k=A.value)||null==(C=k.data)?void 0:C.location]})]})})},l)}):null;return(0,r.jsxs)(r.Fragment,{children:[D&&(0,r.jsxs)("div",{className:"flex h-full flex-col ".concat(q?"bg-inherit":"bg-surface-page"),children:[R&&R.trim()&&(0,r.jsx)("h2",{className:"mb-12 text-center font-AlbulaRegular text-xl ".concat(q?"text-MorningCloud":"text-Green"),children:R}),(0,r.jsxs)("div",{className:"flex flex-row lg:flex-row ".concat("left"===O?"flex-row":"flex-row-reverse"),children:[(0,r.jsx)("div",{className:"mr-2 hidden w-1/4 border border-gray-400 bg-inherit font-AlbulaRegular ".concat(q?"text-lg":"text-xl"," lg:block lg:w-1/4"),children:(0,r.jsxs)("ul",{className:"flex h-full list-none flex-col justify-start overflow-y-auto text-center",children:[(0,r.jsx)("li",{className:"mb-4 mt-16",children:(0,r.jsx)(b(),{className:"hover:underline",href:"/products/windows",children:"Windows"})}),(0,r.jsx)("li",{className:"mb-4",children:(0,r.jsx)(b(),{className:"hover:underline",href:"/products/cladding",children:"Cladding"})}),(0,r.jsx)("li",{className:"mb-4",children:(0,r.jsx)(b(),{className:"hover:underline",href:"/products/floors",children:"Floors"})}),(0,r.jsx)("li",{className:"mb-4",children:(0,r.jsx)(b(),{className:"hover:underline",href:"/products/walls",children:"Walls"})}),(0,r.jsx)("li",{className:"mb-4",children:(0,r.jsx)(b(),{className:"hover:underline",href:"/products/acoustics",children:"Acoustics"})}),(0,r.jsx)("li",{className:"mt-16 flex justify-center xsm:px-4 md:px-16 lg:mb-4 lg:px-8",children:(0,r.jsx)(b(),{className:"text-nowrap rounded-full border border-Green bg-inherit px-[20%] py-3 text-xs text-Green hover:bg-Green hover:text-MorningCloud 2xl:px-[30%]",href:"/products",children:"Show more products"})})]})}),(0,r.jsx)("div",{className:"w-full lg:w-3/4",children:(0,r.jsxs)(h,{opts:V,setApi:W,className:"relative w-full ".concat(q?"bg-inherit":"bg-surface-page"),title:R,showLine:H,isProductCatagoryBox:D,isHomePage:q,children:[(0,r.jsx)(x,{className:"m-0 ".concat("rtl"===A?"flex-row-reverse":""),children:J()}),$&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(g,{className:"absolute left-9 top-1/2 -translate-y-1/2"}),(0,r.jsx)(f,{className:"absolute right-9 top-1/2 -translate-y-1/2"})]})]})})]})]}),!D&&(0,r.jsxs)(h,{showLine:H,opts:V,setApi:W,className:"relative w-full bg-surface-page",title:R,isProductCatagoryBox:D,isHomePage:q,children:[(0,r.jsx)(x,{className:"m-0 ".concat("rtl"===A?"flex-row-reverse":""),children:J()}),$&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(g,{className:"absolute left-9 top-1/2 -translate-y-1/2"}),(0,r.jsx)(f,{className:"absolute right-9 top-1/2 -translate-y-1/2"})]})]})]})}}}]);