https://crimsonhotel.vercel.app/_next/static/chunks/9363.a7a35969bcd6805d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9363],{9363:function(e,t,n){n.r(t),n.d(t,{default:function(){return p}});var l=n(5893),a=n(5675),s=n.n(a),r=n(1664),i=n.n(r),o=n(1204),c=n(9353),x=n(1163),d=n(8509),m=n(6811);function p(e){var t,n,a,r;let{block:p,page:h}=e,{image:u,mobile_image:b,title:f,subtitle:g}=null==p?void 0:p.main,{showButton:w,isVisible:v,handleScroll:j,scrollToTop:C,isPageShort:N}=(0,d.Z)(),{asPath:k}=(0,x.useRouter)(),y=k.split("/"),_=y[1],E=y[2],L=k.includes("/boracay"),z=k.includes("/mactan"),S=k.includes("/manila"),Z=h.route_url==="/"+_,H=h.route_url==="/"+_+"/"+E,B=L||z||S,M="/boracay"===h.route_url||"/mactan"===h.route_url||"/manila"===h.route_url,R=(0,m.Z)(e=>e.showLazy),O="/"===h.route_url,T=(null==h?void 0:null===(t=h.metaData)||void 0===t?void 0:t.title)||(null==h?void 0:h.name),D=null==h?void 0:null===(n=h.metaData)||void 0===n?void 0:n.description;return(0,l.jsxs)(l.Fragment,{children:[O&&(0,l.jsxs)("section",{className:"invisible hidden opacity-0",children:[T&&(0,l.jsx)("h1",{className:"se-title",children:"Crimson Hotels & Resorts: 5 Star Hotel in Manila"}),D&&(0,l.jsx)("p",{className:"se-description",children:"Luxury Hotels in Philippines. Find Exclusive Offers at Crimson Hotels Official Site. Book Online. Check Availability."})]}),(0,l.jsxs)("section",{className:"relative\n    ".concat(u&&b?"min-h-[calc(100vh+20px)]":"min-h-fit","\n    "),children:[(u||b)&&Z?(0,l.jsxs)("div",{className:"page-banner",children:[(0,l.jsx)("div",{className:"absolute left-0 right-0 z-[20] h-full w-full bg-gradient-to-b from-black/0 via-black/0 to-black/50"}),(0,l.jsxs)("picture",{className:"w-full",children:[(0,l.jsx)("source",{media:"(min-width: 426px)",srcSet:u}),(0,l.jsx)("source",{media:"(max-width: 425px)",srcSet:b||u}),(0,l.jsx)(s(),{src:b||[],width:1440,height:798,className:"w-full h-full absolute left-0 right-0 top-0 object-cover min-h-screen",alt:(null==p?void 0:null===(a=p.main)||void 0===a?void 0:a.title)||"Crimson",loading:"eager"})]}),(0,l.jsxs)("div",{className:"relative min-h-[calc(100vh+20px)] text-center flex flex-col justify-end z-[21] md:pb-[37px]",children:[(0,l.jsx)("h2",{className:"px-[20px] text-white uppercase text-[30px] md:text-[40px] lg:text-[55px] font-brandon font-normal tracking-[2px] sm:tracking-[4px] sm:drop-shadow-[0_0px_8px_rgba(0,0,0,0.50)] leading-[100%] break-words\n            ".concat("/"===k||"/boracay"===k||"/mactan"===k||"/manila"===k?"mb-[24px] md:mb-0":"mb-[24px] md:mb-[22px]","\n            "),children:f}),g&&(0,l.jsx)("h2",{className:"px-[20px] text-white uppercase text-[18px] md:text-[20px] lg:text-[30px] font-brandon font-normal tracking-[2px] sm:tracking-[4px] sm:drop-shadow-[0_0px_8px_rgba(0,0,0,0.50)] mb-[24px] md:mb-0 leading-[100%] md:mt-[20px] break-words",children:g})]})]}):u||b&&H?(0,l.jsxs)("div",{className:"page-banner",children:[(0,l.jsx)("div",{className:"absolute left-0 right-0 z-[20] h-full w-full bg-gradient-to-b from-black/0 via-black/0 to-black/50"}),(0,l.jsxs)("picture",{className:"w-full",children:[(0,l.jsx)("source",{media:"(min-width: 426px)",srcSet:u}),(0,l.jsx)("source",{media:"(max-width: 425px)",srcSet:b||u}),(0,l.jsx)(s(),{src:b||[],width:1440,height:798,className:"w-full h-full absolute left-0 right-0 top-0 object-cover min-h-screen",alt:(null==p?void 0:null===(r=p.main)||void 0===r?void 0:r.title)||"Crimson",loading:"eager"})]}),(0,l.jsxs)("div",{className:"relative min-h-[calc(100vh+20px)] text-center flex flex-col justify-end z-[21] md:pb-[37px]",children:[(0,l.jsx)("h2",{className:"px-[20px] text-white uppercase text-[30px] md:text-[40px] font-brandon tracking-[2px] sm:tracking-[4px] sm:drop-shadow-[0_0px_8px_rgba(0,0,0,0.50)] leading-[100%] break-words\n            ".concat(B?"text-[30px] md:text-[40px] font-medium mb-[24px] md:mb-[10px]":"text-[30px] md:text-[40px] lg:text-[55px] font-normal mb-[24px] md:mb-[22px]"),children:f}),g&&(0,l.jsx)("h2",{className:"px-[20px] text-white uppercase text-[18px] md:text-[20px] lg:text-[30px] font-brandon font-normal tracking-[2px] sm:tracking-[4px] sm:drop-shadow-[0_0px_8px_rgba(0,0,0,0.50)] mb-[24px] md:mb-0 leading-[100%] md:mt-[20px] break-words",children:g}),B&&(0,l.jsxs)("div",{className:"px-[20px] items-center py-[20px] md:py-0 justify-center font-brandon text-[14px] bg-white md:!bg-transparent ".concat(M?"hidden":"flex"),children:[(0,l.jsx)(i(),{prefetch:!1,href:"/"+_,className:"text-main-black md:text-white inline-block",children:"Home"}),(0,l.jsx)("small",{className:"text-main-black md:text-white text-[14px] px-[5px]",children:">"}),(0,l.jsx)("span",{className:"text-[#595959] md:text-[#CCC]",children:L?h.name.replace("Crimson Boracay",""):S?h.name.replace("Crimson Manila",""):z?h.name.replace("Crimson Mactan",""):h.name.replace("Crimson","")})]})]})]}):(0,l.jsxs)("div",{className:"relative lg:border-b-[1px] lg:border-solid lg:border-[#CCC] text-center flex flex-col justify-end z-[21] lg:pb-[37px] mt-[150px]",children:[(0,l.jsx)("h2",{className:"px-[20px] uppercase text-main-red sm:text-[30px] md:text-[40px] font-brandon font-medium tracking-[3.2px] mb-[24px] lg:mb-0 leading-[100%] break-words ".concat(f.length<=4?"text-[50px]":"text-[40px]"),children:f}),(0,l.jsxs)("div",{className:"".concat(R?"opacity-100 translate-y-0":"opacity-0 translate-y-4","  transition-all duration-300 flex px-[20px] items-center py-[17px] justify-center font-brandon text-[14px] bg-white md:bg-transparent border-t-[1px] border-b-[1px] border-solid border-[#CCC] lg:border-none"),children:[(0,l.jsx)(i(),{prefetch:!1,href:B?"/"+_:"/",className:"text-main-black inline-block",children:"Home"}),(0,l.jsx)("small",{className:"text-main-black text-[14px] px-[5px]",children:">"}),(0,l.jsx)("span",{className:"text-[#595959] md:text-[#595959]",children:L?h.name.replace("Crimson Boracay",""):S?h.name.replace("Crimson Manila",""):z?h.name.replace("Crimson Mactan",""):h.name.replace("Crimson","")})]})]}),!N&&v&&(0,l.jsx)(l.Fragment,{children:B?(0,l.jsxs)("button",{onClick:j,className:"absolute right-[33px] bg-[#502727]/80 w-[60px] h-[60px] rounded-[50%] flex items-center justify-center text-white hover:bg-[#8b3c3c] z-[800]\n                ".concat(u&&b?"bottom-[30%] lg:bottom-[110px]":"bottom-[30%] lg:bottom-[10px]","\n                "),children:[(0,l.jsx)("span",{className:"rotate-[90deg]",children:(0,l.jsx)(c.Z,{})}),(0,l.jsx)("small",{className:"sr-only",children:"Scroll to Bottom"})]}):(0,l.jsxs)("button",{onClick:j,className:"absolute right-[33px] bottom-[30%] lg:bottom-[110px] bg-[#502727]/80 w-[80px] h-[80px] rounded-[50%] text-white text-[12px] font-brandon tracking-[1.2px] flex flex-wrap items-center justify-center text-center z-[800] uppercase hover:bg-[#8b3c3c]/80\n                ".concat(u&&b?"bottom-[30%] lg:bottom-[110px]":"bottom-[30%] lg:bottom-[10px]","\n                "),children:[(0,l.jsx)("span",{className:"relative top-[-5px] leading-[15px]",children:"Scroll Down"}

1),(0,l.jsx)("span",{className:"absolute bottom-[15px]",children:(0,l.jsx)(o.Z,{})})]})}),w&&(0,l.jsxs)("button",{onClick:C,className:"back-to-top !bottom-[90px] relative",children:[(0,l.jsx)("span",{className:"toTop",children:(0,l.jsx)(c.Z,{})}),(0,l.jsx)("small",{className:"sr-only",children:"Back to Top"})]})]}),(0,l.jsx)("div",{id:"section"})]})}},9353:function(e,t,n){var l=n(5893);let a=e=>{let{transform:t}=e;return(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"9",height:"18",viewBox:"0 0 9 18",transform:t,children:(0,l.jsx)("path",{fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd",d:"M7.28716 9.10522C4.99939 11.6999 2.76335 14.2327 0.579032 16.7014C0.464698 16.8373 0.400936 17.0177 0.400936 17.2052C0.400936 17.3928 0.464698 17.5732 0.579032 17.7091C0.888378 18.0982 1.37776 18.0645 1.60057 17.7991C3.86446 15.2325 6.2328 12.5501 8.70557 9.75079C8.90153 9.56859 9 9.35265 9 9.10522C9 8.85666 8.90153 8.63510 8.70557 8.43940L1.26238 0.222424C1.11960 0.0739136 0.931222 -0.00576401 0.737297 0.000326157C0.543371 0.00641632 0.359196 0.0977955 0.223930 0.255039C-0.132165 0.658802 0.0051012 1.05694 0.16624 1.24589C2.54361 3.86173 4.91659 6.48151 7.28716 9.10522Z"})})};t.Z=a},1204:function(e,t,n){var l=n(5893);let a=()=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"9",viewBox:"0 0 17 9",fill:"none",children:(0,l.jsx)("path",{d:"M8.49151 8.9837C8.38014 8.985 8.26972 8.96391 8.16735 8.92179C8.06498 8.87967 7.97293 8.81745 7.8971 8.73913L0.254745 1.40217C-0.0849151 1.07609 -0.0849151 0.570652 0.254745 0.244565C0.594406 -0.0815217 1.12088 -0.0815217 1.46054 0.244565L8.50849 7.01087L15.5395 0.26087C15.8791 -0.0652174 16.4056 -0.0652174 16.7453 0.26087C17.0849 0.586956 17.0849 1.09239 16.7453 1.41848L9.1029 8.75543C8.93307 8.91848 8.71229 9 8.50849 9L8.49151 8.9837Z",fill:"currentColor"})});t.Z=a},8509:function(e,t,n){var l=n(7294),a=n(6811),s=n(1163);t.Z=function(){let[e,t]=(0,l.useState)(!1),[n,r]=(0,l.useState)(!0),[i,o]=(0,l.useState)(!1),c=(0,a.Z)(e=>e.showLazy),{asPath:x}=(0,s.useRouter)(),d=()=>{let e=window.scrollY,t=document.getElementById("section");if(t&&n){let n=t.getBoundingClientRect().top,l=window.innerHeight,a=e+n;l<1920?a-=99:l<1023?a-=93.89:l<767?a-=101.78:l<414&&(a-=103.36),window.scrollTo({top:a,behavior:"smooth"}),r(!1)}};(0,l.useEffect)(()=>{let e=()=>{let e=window.scrollY;e>0*window.innerHeight?r(!1):r(!0)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[n,c,x]),(0,l.useEffect)(()=>{let e=document.documentElement.scrollHeight,n=()=>{window.pageYOffset>.2*e?t(!0):t(!1)};return window.addEventListener("scroll",n),()=>{window.removeEventListener("scroll",n)}},[.2,c,x]);let m=()=>{window.scrollTo({top:0,behavior:"smooth"})};return(0,l.useEffect)(()=>{let e=()=>{let e=document.documentElement.scrollHeight;o(e<=100)};return window.addEventListener("resize",e),e(),()=>{window.removeEventListener("resize",e)}},[i,c,x]),{showButton:e,isVisible:n,handleScroll:d,scrollToTop:m,isPageShort:i}}}}]);