(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[533],{94828:function(e,t,r){"use strict";r.d(t,{A:function(){return a}});var n=r(94660),o="";o=void 0!==window.sessionStorage&&sessionStorage.getItem("currentLanguage")||"de";let a=(0,n.Ue)(e=>({currentLanguage:o,setCurrentLanguage:t=>e({currentLanguage:t})}))},30533:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return WithSubnavigation}});var n=r(57437),o=r(2265);r(28679);var a=r(39669),l=r(13621),i=r(26621),s=r(85035),c=r(79980),h=r(63087),d=r(54855),b=r(48433),g=r(85651),u=r(60001),p=r(74851),x=r(81629),f=r(97766),m=r(66876),j=r(71706),w=r(55363),k=r(73623),v=r(92606),y=r(16248),L=r(43138),S=r(35932),C=r(94828),N=r(13080),_=r(68495),W=r(24944),D=r(53159),I=r(24033);let M={locales:["de","it","en"]};function WithSubnavigation(e){let{navbar:t,lang:r}=e,[m,j]=(0,o.useState)(!0),{isOpen:w,onToggle:k}=(0,a.q)(),{currentLanguage:v,setCurrentLanguage:y}=(0,C.A)(),L=[{label:t.home,href:"/"+r},{label:t.schonblick,children:[{label:t.subLabel.schonblick,subLabel:t.text.schonblick,href:"/"+r+"/schonblick#schonblick"},{label:t.subLabel.alloggi,subLabel:t.text.alloggi,href:"/"+r+"/schonblick#alloggi"},{label:t.subLabel.cucina,subLabel:t.text.cucina,href:"/"+r+"/schonblick#cucina"}]},{label:t.activities,children:[{label:t.subLabel.estate,subLabel:t.text.estate,href:"/"+r+"/activities#estate"},{label:t.subLabel.inverno,subLabel:t.text.inverno,href:"/"+r+"/activities#inverno"},{label:t.subLabel.meeting,subLabel:t.text.meeting,href:"/"+r+"/yoga"},{label:t.subLabel.trail,subLabel:t.text.trail,href:"/"+r+"/trail-running-camp"}]},{label:t.paradiso,href:"/"+r+"/paradiso"},{label:t.hosts,children:[{label:t.subLabel.hosts,subLabel:t.text.hosts,href:"/"+r+"/hosts"},{label:t.subLabel.social,subLabel:t.text.social,href:"/"+r+"/hosts#social"}]},{label:t.booking,children:[{label:t.subLabel.prenota,subLabel:t.text.prenota,href:"/"+r+"/booking"},{label:t.subLabel.offerte,subLabel:t.text.offerte,href:"/"+r+"/booking#offerte"},{label:t.subLabel.mappa,subLabel:t.text.mappa,href:"/"+r+"/booking#mappa"}]}],[N,_]=o.useState(L[0].label),[W,I]=(0,o.useState)(!1),toggleDrawer=()=>{I(!W)},handleScroll=()=>{let isInDiv=e=>{let t=document.getElementById(e);return t&&window.scrollY>=t.offsetTop&&window.scrollY<t.offsetTop+t.offsetHeight},e=["estate","inverno","corsi","workation","alloggi","cucina","contattaci","home","schonblick","activites","paradiso","host","hosts"].some(e=>isInDiv(e));j(e)};return(0,o.useEffect)(()=>(window.addEventListener("scroll",handleScroll),()=>{window.removeEventListener("scroll",handleScroll)}),[]),(0,n.jsxs)(l.xu,{children:[(0,n.jsxs)(i.k,{position:"absolute",top:0,left:0,right:0,bg:{base:"transparent",md:"transparent"},color:(0,s.ff)("gray.600","white"),minH:"60px",py:{base:2},px:{base:4,md:16},borderBottom:2,borderStyle:"solid",borderColor:{base:"transparent",md:"white"},align:"center",id:"hosts",children:[(0,n.jsx)(i.k,{flex:{base:1,md:"auto"},ml:{base:-2},display:{base:"flex",md:"none"},children:(0,n.jsx)(AnimatedIconButton,{isVisible:m,onClick:toggleDrawer})}),(0,n.jsxs)(i.k,{flex:{base:1},justify:{base:"center",md:"start"},children:[(0,n.jsx)(c.x,{textAlign:(0,h.S)({base:"center",md:"left"}),fontFamily:"heading",color:(0,s.ff)("gray.800","white")}),(0,n.jsx)(i.k,{display:{base:"none",md:"flex"},children:(0,n.jsx)(DesktopNav,{NAV_ITEMS:L})})]}),(0,n.jsxs)(d.K,{flex:{base:1,md:0},justify:"flex-end",direction:"row",spacing:6,children:[(0,n.jsx)(LanguageSwitcher,{}),(0,n.jsx)(b.z,{as:"a",display:{base:"none",md:"inline-flex"},fontSize:"sm",fontWeight:600,color:"white",borderColor:"white",borderWidth:"3px",bg:"transparent",leftIcon:(0,n.jsx)(S.NQR,{}),href:"/"+r+"/booking#prenota",_hover:{bg:"gray.600",color:"white",borderColor:"gray.600"},children:t.prenota}),(0,n.jsx)(b.z,{as:"a",display:{base:"none",md:"inline-flex"},fontSize:"sm",leftIcon:(0,n.jsx)(D.xpo,{}),fontWeight:600,color:"white",bg:"whatsapp.400",href:"https://api.whatsapp.com/send?phone=393497007673",_hover:{bg:"whatsapp.700"},children:t.whatsapp})]})]}),(0,n.jsxs)(g.d,{placement:"left",size:"full",isOpen:W,onClose:toggleDrawer,children:[(0,n.jsx)(u.Z,{}),(0,n.jsxs)(p.s,{bg:"black",color:"white",children:[(0,n.jsx)(x.o,{}),(0,n.jsx)(f.g,{p:4,spacing:4,children:(0,n.jsx)(MobileNav,{lang:r,text:t.booking,NAV_ITEMS:L,onClose:toggleDrawer})})]})]})]})}let AnimatedIconButton=e=>{let{isVisible:t,onClick:r,...a}=e,[l,i]=(0,o.useState)(""),[s,c]=(0,o.useState)(!0);return(0,o.useEffect)(()=>{t?i("fade-in"):i("fade-out")},[t]),(0,n.jsx)(m.h,{className:l,transition:"opacity 0.5s ease-in-out",...a,position:"fixed",top:4,left:2,right:0,w:"40px",h:"40px",onClick:r,icon:(0,n.jsx)(N.U,{w:8,h:8,color:"white",borderRadius:4}),variant:"ghost","aria-label":"Toggle Navigation",style:{visibility:s?"visible":"hidden"}})},DesktopNav=e=>{let{NAV_ITEMS:t}=e,r=(0,s.ff)("white","gray.800");return(0,n.jsx)(d.K,{direction:"row",spacing:4,children:t.map(e=>{var t;return(0,n.jsx)(l.xu,{children:(0,n.jsxs)(j.J,{trigger:"hover",placement:"bottom-start",children:[(0,n.jsx)(w.x,{children:(0,n.jsx)(l.xu,{as:"a",p:2,href:null!==(t=e.href)&&void 0!==t?t:"#",fontSize:"md",fontWeight:700,textTransform:"uppercase",color:"white",_hover:{textDecoration:"none",color:"gray.600"},children:e.label})}),e.children&&(0,n.jsx)(k.y,{border:0,boxShadow:"xl",bg:r,p:4,rounded:"xl",minW:"sm",children:(0,n.jsx)(d.K,{children:e.children.map(e=>(0,n.jsx)(DesktopSubNav,{...e},e.label))})})]})},e.label)})})},LanguageSwitcher=()=>{let e=(0,I.usePathname)(),redirectedPathName=t=>{if(!e)return"/".concat(t);let r=e.split("/");return r.length>=2&&["","booking","schonblick","activities","paradiso","hosts","trail-running-camp","yoga","booking#prenota"].includes(r[2])?(r[1]=t,r.join("/")):"/".concat(t)};return void 0!==window.sessionStorage?(0,n.jsx)(d.K,{direction:"row",display:{base:"none",md:"inline-flex"},spacing:2,align:"center",bg:"transparent",children:M.locales.map((e,t)=>(0,n.jsxs)(o.Fragment,{children:[(0,n.jsx)(v.r,{href:redirectedPathName(e),children:(0,n.jsx)(l.xu,{as:"button",color:"white",fontWeight:500,fontSize:{base:"sm",sm:"md",md:"md",lg:"lg"},_hover:{cursor:"pointer",textDecoration:"underline"},textTransform:"uppercase",children:e})}),t<M.locales.length-1&&(0,n.jsx)(l.xu,{color:"white",children:"|"})]},e))}):null},DesktopSubNav=e=>{let{label:t,href:r,subLabel:o}=e;return(0,n.jsx)(l.xu,{as:"a",href:r,role:"group",display:"block",p:2,rounded:"md",_hover:{bg:"purple.100"},children:(0,n.jsxs)(d.K,{direction:"row",align:"center",children:[(0,n.jsxs)(l.xu,{children:[(0,n.jsx)(c.x,{transition:"all .3s ease",_groupHover:{color:"#6e3f32"},fontWeight:500,children:t}),(0,n.jsx)(c.x,{fontSize:"sm",children:o})]}),(0,n.jsx)(i.k,{transition:"all .3s ease",transform:"translateX(-10px)",opacity:0,_groupHover:{opacity:"100%",transform:"translateX(0)"},justify:"flex-end",align:"center",flex:1,children:(0,n.jsx)(y.J,{color:"#6e3f32",w:5,h:5,as:_.X})})]})})},MobileNav=e=>{let{NAV_ITEMS:t,onClose:r,text:o,lang:a}=e;return(0,n.jsxs)(i.k,{align:"center",justify:"center",direction:"column",bgColor:"blackalpha.800",mt:100,p:4,h:"100vh",display:{md:"none"},children:[t.map(e=>(0,n.jsx)(MobileNavItem,{...e,onClose:r},e.label)),(0,n.jsx)(MobileLanguageSwitcher,{onClose:r}),(0,n.jsx)(BookingMobile,{text:o,lang:a}),(0,n.jsx)(WhatsappButton,{})]})},MobileNavItem=e=>{let{label:t,children:r,href:o,onClose:i}=e,{isOpen:h,onToggle:b}=(0,a.q)(),handleClose=()=>{i()};return(0,n.jsxs)(d.K,{spacing:4,onClick:r&&b,children:[(0,n.jsx)(l.xu,{py:2,as:"a",href:null!=o?o:"#",justifyContent:"space-between",alignItems:"center",_hover:{textDecoration:"none"},children:(0,n.jsxs)(c.x,{fontWeight:600,color:"white",children:[t,r&&(0,n.jsx)(y.J,{as:W.v,color:"white",transition:"all .25s ease-in-out",transform:h?"rotate(180deg)":"",w:5,h:5})]})}),(0,n.jsx)(L.U,{in:h,animateOpacity:!0,style:{marginTop:"0!important"},children:(0,n.jsx)(d.K,{pl:4,mb:3,borderLeft:1,borderStyle:"solid",borderColor:(0,s.ff)("white.200","white.700"),align:"start",children:r&&r.map(e=>(0,n.jsx)(l.xu,{as:"a",color:"gray.300",py:2,href:e.href,onClick:handleClose,children:e.label},e.label))})})]})},BookingMobile=e=>{let{text:t,lang:r}=e;return(0,n.jsx)("a",{href:"/"+r+"/booking#prenota",target:"_blank",rel:"noopener noreferrer",children:(0,n.jsxs)(i.k,{as:"button",align:"center",justify:"center",p:2,mt:4,bgColor:"black",color:"white",w:"100%",borderRadius:"md",borderWidth:"1px",cursor:"pointer",_hover:{bgColor:"gray.800"},children:[(0,n.jsx)(S.NQR,{}),(0,n.jsx)(c.x,{ml:2,fontWeight:"bold",children:t})]})})},WhatsappButton=()=>(0,n.jsx)("a",{href:"https://api.whatsapp.com/send?phone=3497007673",target:"_blank",rel:"noopener noreferrer",children:(0,n.jsxs)(i.k,{as:"button",align:"center",justify:"center",p:2,mt:4,bgColor:"black",color:"white",borderRadius:"md",w:"100%",borderWidth:"1px",cursor:"pointer",_hover:{bgColor:"gray.800"},children:[(0,n.jsx)(D.xpo,{}),(0,n.jsx)(c.x,{ml:2,fontWeight:"bold",children:"WhatsApp"})]})}),MobileLanguageSwitcher=e=>{let{onClose:t}=e;if(void 0===window.sessionStorage)return null;{let handleLanguageChange=()=>{t()},e=(0,I.usePathname)(),redirectedPathName=t=>{if(!e)return"/".concat(t);let r=e.split("/");return r.length>=2&&["","booking","schonblick","activities","paradiso","hosts","booking#prenota"].includes(r[2])?(r[1]=t,r.join("/")):"/".concat(t)};return(0,n.jsx)(d.K,{direction:"row",p:4,spacing:2,align:"center",bg:"transparent",children:M.locales.map((e,t)=>(0,n.jsxs)(o.Fragment,{children:[(0,n.jsx)(v.r,{href:redirectedPathName(e),children:(0,n.jsx)(l.xu,{as:"button",color:"white",onClick:()=>handleLanguageChange(),fontWeight:500,fontSize:{base:"sm",sm:"md",md:"md",lg:"lg"},textTransform:"uppercase",_hover:{cursor:"pointer",textDecoration:"underline"},children:e})}),t<M.locales.length-1&&(0,n.jsx)(l.xu,{color:"white",children:"|"})]},e))})}}},28679:function(){}}]);