https://www.porroscustominteriors.com/_next/static/immutable/chunks/2qm6f72-t417i.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,25745,e=>{"use strict";var t=e.i(43476),l=e.i(57688);e.i(54638);var i=e.i(34414),a=e.i(26411),s=e.i(31652),r=e.i(6020),n=e.i(71645),o=e.i(85907);let c=[{vw:68,px:-240,max:1044}],u=(0,s.imageSizes)(c),d=(0,s.widestImageWidth)(c);function x({category:e}){let[s,c]=(0,n.useState)(()=>e.subcategories?.[0]?.title??""),[g,h]=(0,n.useState)(()=>e.subcategories?.[1]?.title??""),{account:m,logo:f,galleryLogo:p,handleChangeSub:b}=(0,o.useProductSectionContext)(),{subcategories:j}=e;if(!j?.length)return null;let w=j.find(e=>e.title===s),v=j.find(e=>e.title===g),y="C"===m.rank?{url:p?.image?(0,i.urlFor)(p.image).url():"",intrinsicWidth:p?.image?.asset?.metadata?.dimensions?.width??375,intrinsicHeight:p?.image?.asset?.metadata?.dimensions?.height??40}:{url:f?.image?(0,i.urlFor)(f?.image).url():"",intrinsicWidth:f?.image?.asset?.metadata?.dimensions?.width??375,intrinsicHeight:f?.image?.asset?.metadata?.dimensions?.height??40},C=w?(0,a.sanityImageSource)((0,i.urlFor)(w?.image?.image).url(),d):"",N=v?(0,a.sanityImageSource)((0,i.urlFor)(v?.image?.image).url(),d):"";return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex h-full w-full flex-col items-start justify-start gap-4 px-4 lg:min-h-[560px] lg:w-[375px] lg:px-0",children:[(0,t.jsx)("div",{className:"mb-[40px] hidden h-full max-h-[52px] w-full items-center justify-start px-4 lg:flex lg:px-0",children:y.url&&(0,t.jsx)(l.default,{src:(0,a.sanityImageSource)(y.url,y.intrinsicWidth),width:y.intrinsicWidth,height:y.intrinsicHeight,alt:f?.alt??"Logo Hunter Douglas"})}),(0,t.jsx)("ul",{className:"list flex flex-col items-start justify-start gap-2 lg:gap-6",children:j&&j.map((e,l)=>{let i=e.title===s;return(0,t.jsx)("li",{className:"min-h-[32px] w-full font-open-sans text-black",children:(0,t.jsx)("button",{type:"button",className:`border-0 text-left font-open-sans transition-all hover:underline ${i?"font-bold underline":"font-light text-darkGray"}`,"aria-label":`Select subcategory ${e.title}`,title:`Select subcategory ${e.title}`,id:`product_select_category_${e.title?.replaceAll(" ","_").toLowerCase()}`,onClick:()=>{var t;return t=e.title,void(h(s),c(t),b(t))},children:(0,t.jsx)(r.Typography,{variant:"h3",as:"span",children:e.title})})},e.title+l)})})]}),(0,t.jsxs)("div",{className:"relative hidden aspect-video w-[75%] items-center justify-center lg:flex xl:max-w-[1304px]",children:[C&&(0,t.jsx)(l.default,{src:C,width:600,height:270,sizes:u,className:"absolute left-0 top-0 z-[9] aspect-video w-[80%]",alt:w?.image?.alt??"showcase"}),N&&(0,t.jsx)(l.default,{src:N,width:600,height:270,sizes:u,className:"grayscale-50 absolute left-[10%] top-[10%] z-0 hidden aspect-video w-[80%] opacity-50 lg:block",alt:v?.image?.alt??"showcase"})]})]})}function g(){let{subcategories:e,activeSub:s,previousSub:r}=(0,o.useProductSectionContext)(),n=e?.find(e=>e.title===s),c=e?.find(e=>e.title===r);if(!n)return null;let u=e=>(0,a.sanityImageSource)((0,i.urlFor)(e?.image).width(1064).height(480).url()),d=u(n?.image),x=c?u(c.image):"";return(0,t.jsxs)("div",{id:"image-showcase",className:"relative flex aspect-video w-full items-center justify-center lg:h-full lg:min-h-[560px] lg:w-[75%]",children:[(0,t.jsx)(l.default,{src:d,width:1064,height:480,sizes:"100vw",className:"absolute left-0 top-0 z-[9] h-full w-full lg:h-full lg:max-h-[480px] lg:max-w-[1064px]",alt:n?.image?.alt??"showcase"}),x&&(0,t.jsx)(l.default,{src:x,width:1064,height:480,sizes:"100vw",className:"grayscale-50 absolute bottom-0 right-0 z-0 hidden h-full w-full opacity-50 lg:block lg:max-w-[600px]",alt:c?.image?.alt??"showcase"})]})}function h(){let{subcategories:e,logo:s,activeSub:n,handleChangeSub:c}=(0,o.useProductSectionContext)(),u=(0,a.sanityImageSource)((0,i.urlFor)(s?.image).url(),375);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex h-full w-full flex-col items-start justify-start gap-4 px-4 lg:min-h-[560px] lg:w-[22%] lg:px-0",children:[(0,t.jsx)("div",{className:"mb-[40px] hidden h-full max-h-[40px] w-full items-center justify-center px-4 lg:flex lg:px-0",children:u&&(0,t.jsx)(l.default,{src:u,width:375,height:40,alt:s?.alt??"Logo Hunter Douglas",className:"h-full w-full"})}),(0,t.jsx)("ul",{className:"list flex flex-col items-start justify-start gap-2 lg:gap-6",children:e&&e.map(e=>{let l=e.title===n,i=`border-0 hover:underline font-light ${l?"text-black underline":" text-darkGray"}`;return(0,t.jsx)("li",{className:"min-h-[32px] w-full",children:(0,t.jsx)("button",{type:"button",title:e.title,className:i,"aria-label":"Select a subcategory",id:`product_select_subcategory_${e?.title?.replaceAll(" ","_").toLowerCase()}`,onClick:()=>c(e.title),children:(0,t.jsx)(r.Typography,{variant:"h3",as:"span",children:e.title})})}

1,e.title)})})]}),(0,t.jsx)(g,{})]})}e.s(["Content",0,function(){let{categories:e,sliderRef:l}=(0,o.useProductSectionContext)();return(0,t.jsxs)("div",{className:"flex h-full w-full max-w-[1940px] flex-col items-start justify-start gap-6 overflow-x-hidden lg:min-h-[560px] lg:flex-row lg:justify-between lg:px-8",children:[(0,t.jsx)("div",{className:"w-full min-[1240px]:hidden",children:(0,t.jsx)(h,{})}),(0,t.jsx)("div",{ref:l,id:"slider",className:"relative hidden w-full items-center justify-start overflow-x-hidden lg:flex",children:e?.map((e,l)=>(0,t.jsx)("div",{className:"flex w-full flex-none items-start justify-between px-4 lg:gap-20",children:(0,t.jsx)(x,{category:e})},(e.title||"")+l))})]})}],25745)},85907,e=>{"use strict";var t=e.i(43476),l=e.i(71645);let i=(0,l.createContext)({});e.s(["ProductSectionContext",0,i,"ProductSectionProvider",0,function({children:e,productsSection:a,account:s,racForm:r}){let[n,o]=(0,l.useState)(()=>a.categories?.[0]?.title??""),[c,u]=(0,l.useState)(()=>a.categories?.[0]?.subcategories?.[0]?.title??""),[d,x]=(0,l.useState)(()=>a.categories?.[0]?.subcategories?.[1]?.title??""),g=(0,l.useRef)(null),h=a?.categories??[],{ctaButton:m}=a;if(!h.length)return(0,t.jsx)(t.Fragment,{});let f=h.find(e=>e.title===n)?.subcategories??[];return(0,t.jsx)(i.Provider,{value:{logo:a.logo,galleryLogo:a.galleryLogo,activeTab:n,categories:h,ctaButton:m||"",activeSub:c,previousSub:d,subcategories:f,sliderRef:g,handleChangeSub:function(e){x(c),u(e)},handleChangeTab:function(e,t){o(e),function(e,t){let l=t.current;if(!l)return;let i=l.children[0].getBoundingClientRect().width,a=Math.round(l?.scrollLeft/i);l.scrollBy({left:(e-a)*i,behavior:"smooth"})}(t,g);let l=h.find(t=>t.title===e);if(l){let e=l?.subcategories?.[0],t=l?.subcategories?.[1];u(e?.title??""),x(t?.title??"")}},account:s,racForm:r},children:e})},"useProductSectionContext",0,()=>{let e=(0,l.useContext)(i);if(!e)throw Error("useProductSectionContext must be used inside the ProductSectionContext");return e}],85907)},1853,e=>{"use strict";var t=e.i(43476),l=e.i(48531),i=e.i(85907),a=e.i(28879),s=e.i(26566);e.s(["Ctas",0,function(){let{ctaButton:e,subcategories:r,activeSub:n,account:o,racForm:c}=(0,i.useProductSectionContext)(),u=r?.find(e=>e.title===n),d="object"==typeof e?e?.label:e;return(0,t.jsxs)("div",{className:"mt-6 flex h-[46px] w-full flex-col items-center justify-center gap-2 px-4 lg:flex-row lg:gap-4 lg:px-0",children:[(0,t.jsx)(a.RacButton,{racFormSource:s.RAC_FORM_SURFACE.PRODUCT_SECTION,label:d,account:o,racFormProps:c,className:"h-[46px] w-full max-w-[360px] uppercase"}),(0,t.jsx)(l.PreservedLink,{href:u?.ctaButton?.href??"#",className:"text-bold flex h-[46px] w-full max-w-[360px] items-center justify-center rounded border border-blue bg-white px-6 py-4 font-univers text-[14px] font-bold uppercase leading-[14px] text-blue transition lg:hover:brightness-95","aria-label":`Go to ${u?.ctaButton?.label??"Learn More about this product"}`,title:`Go to ${u?.ctaButton?.label??"Learn More about this product"}`,id:"sub_cta_button_see_more",children:u?.ctaButton?.label})]})}])},17956,e=>{"use strict";var t=e.i(43476),l=e.i(6020),i=e.i(85907);e.s(["Tabs",0,function(){let{activeTab:e,handleChangeTab:a,categories:s}=(0,i.useProductSectionContext)();return(0,t.jsx)("ul",{className:"list mb-6 flex min-h-[64px] w-full items-center justify-start overflow-x-auto px-4 md:justify-center lg:gap-4 lg:px-8",children:s?.map((i,s)=>{let r=e===i.title;return(0,t.jsxs)("li",{className:"relative",children:[(0,t.jsx)("button",{type:"button","aria-label":`Select tab for ${i.title}`,title:`Select tab for ${i.title}`,id:`product_tab_${i?.title?.replaceAll(" ","_").toLowerCase()}`,className:`h-full min-w-[88px] px-3 pb-3 pt-6 transition-all lg:pb-2 ${r?"text-black":"text-darkGray"}`,onClick:()=>a(i?.title??"",s),children:(0,t.jsx)(l.Typography,{variant:"h2",as:"span",className:"text-inherit",children:i.title})}),r&&(0,t.jsx)("span",{className:"absolute bottom-[6px] left-0 h-[4px] w-full rounded-lg bg-black"})]},i.title)})})}])},71439,e=>{"use strict";var t=e.i(43476),l=e.i(6020),i=e.i(11247),a=e.i(57688),s=e.i(71645);e.i(54638);var r=e.i(34414),n=e.i(23906),o=e.i(26411),c=e.i(31652);e.i(97610);var u=e.i(86109),d=e.i(97692),x=e.i(13094),g=e.i(16591),h=e.i(26566);let m=[{from:1240,vw:50,px:-100,max:860,coverHeight:540},{vw:100,px:-32,coverHeight:280}];e.s(["default",0,({services:e,accountData:f,racFormProps:p})=>

1{let[b,j]=(0,s.useState)(!1),{request:w}=(0,g.useTranslation)(d.translations.services_tabs),[v,y]=(0,s.useState)(e[0]._id||""),C=e.map(e=>({title:e.title,id:e._id})),N=e.find(e=>e._id===v),S=N?.image?(0,o.sanityImageSource)((0,r.urlFor)(N.image.image).url()):"",_={src:S,sizes:(0,c.imageSizes)(m,{aspectRatio:(0,n.resolveDeliveredDimensions)(S)?.aspectRatio})},{replaceRichTextPlaceholders:R}=(0,x.useAccountVariablesContext)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex w-full flex-col",children:[(0,t.jsx)("div",{className:"mb-6 flex flex-col justify-start gap-2 md:flex-row md:flex-wrap md:gap-4 lg:mb-10",children:C.map((e,i)=>{let a,s=v===e.id?"bg-blue text-white":"bg-white text-blue border-blue border-2";return(0,t.jsxs)("button",{"data-testid":`select_service__${i}`,className:`w-fit rounded-full px-3 py-1 lg:px-5 lg:py-[6px] min-[1240px]:text-lg ${s}`,onClick:(a=e.id,()=>{y(a)}),"aria-label":`Select the service tab for ${e.title}`,title:`Select the service tab for ${e.title}`,id:`select_tab_${e.title?.replaceAll(/\W/g,"_").toLowerCase()}_${i}`,children:[(0,t.jsx)(l.Typography,{variant:"h5",as:"span",className:"hidden lg:inline-block",children:e.title}),(0,t.jsx)(l.Typography,{variant:"flag",as:"span",className:"inline-block lg:hidden",children:e.title})]},`${e.id}__${i}`)})}),!!N&&(0,t.jsxs)("div",{className:"flex flex-col gap-6 lg:flex-row-reverse lg:gap-10",children:[!!N.image&&(0,t.jsx)("div",{className:"relative h-[280px] w-full lg:h-[540px]",children:(0,t.jsx)(a.default,{src:_.src,alt:N.image.alt??`Image for ${N.title??"the service"}`,fill:!0,sizes:_.sizes,className:"object-cover"})}),(0,t.jsxs)("div",{className:"flex w-full flex-col justify-center text-left",children:[!!N.title&&(0,t.jsx)("div",{className:"mb-6",children:(0,t.jsx)(l.Typography,{variant:"h2",as:"h3",className:"hidden lg:inline-block",children:N.title})}),!!N.description&&(0,t.jsx)("div",{className:"mb-6 lg:mb-10",children:(0,t.jsx)(i.PortableText,{value:R(N.description)||[],components:l.BritePortableTextComponents})}),(0,t.jsx)("div",{className:"flex w-full justify-center lg:justify-start",children:(0,t.jsx)("button",{"data-testid":"request_a_consultation_cta_services",id:"request_a_consultation_cta_services","aria-label":`Open the modal for ${w}`,title:`Open the modal for ${w}`,onClick:()=>j(!0),className:"w-[280px] rounded bg-blue px-[14px] py-4 text-center text-sm font-bold uppercase leading-3.5 tracking-[2.6px] text-white",children:w})})]})]})]}),(0,t.jsx)(u.RACFormModal,{accountData:f,racFormProps:p,isOpen:b,onClose:()=>j(!1),racFormSource:h.RAC_FORM_SURFACE.SERVICES_TABS})]})}])},55401,e=>{"use strict";var t=e.i(43476),l=e.i(6020),i=e.i(28879),a=e.i(13094),s=e.i(26566);e.s(["CollapsedRequestConsultation",0,function({title:e="Request a consultation",subTitle:r="We can connect you with a window-treatment expert in your area. No obligation."}){let{replacePlaceholders:n,accountVariables:o}=(0,a.useAccountVariablesContext)();return(0,t.jsxs)("div",{className:"flex w-full flex-col items-center justify-center gap-6 bg-[#f5f5f5] px-6 py-8 lg:flex-row lg:gap-12 lg:px-8",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center gap-4 lg:items-start lg:justify-start",children:[(0,t.jsx)(l.Typography,{variant:"h2",className:"text-center lg:text-left",children:n(e??"")}),(0,t.jsx)(l.Typography,{variant:"body",children:n(r??"")})]}),(0,t.jsx)(i.RacButton,{account:o,racFormSource:s.RAC_FORM_SURFACE.COLLAPSED_RAC,className:"border border-black bg-white uppercase !text-black hover:bg-black hover:!text-white hover:brightness-[1.0]",label:"Request a Consultation"})]})}])}]);