{"id":10,"date":"2017-09-20T12:28:11","date_gmt":"2017-09-20T12:28:11","guid":{"rendered":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/?page_id=10"},"modified":"2026-09-01T08:43:55","modified_gmt":"2026-09-01T01:43:55","slug":"home-2","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0154736 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0154736\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e3aece6\" data-id=\"e3aece6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-efd55f9 elementor-widget elementor-widget-html\" data-id=\"efd55f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  XEN HOTEL NAKHON PATHOM \u2014 HOME PAGE\n  WordPress \/ Elementor HTML widget fragment\n  Layout reference: https:\/\/www.justsleephotels.com\/ximending\/en\/\n  Copy source: XEN_NakhonPathom_Website_Brief.docx\n  Image source: XEN_NakhonPathom_Website_Images_by_Page.xlsx\n-->\n<meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n      * { font-family: 'Noto Sans Thai', sans-serif !important; }\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600&family=Montserrat:wght@400;500;600&display=swap');\n\n  .xen-home {\n    --xen-blue: #8dc8e8;\n    --xen-blue-strong: #76b7d9;\n    --xen-teal: #2860a3;\n    --xen-teal-dark: #1e4a7a;\n    --xen-ink: #2d2926;\n    --xen-muted: #6f7477;\n    --xen-line: #d9e2e5;\n    --xen-soft: #f4f8f9;\n    --xen-white: #ffffff;\n    --xen-display: 'Noto Sans Thai', sans-serif;\n    --xen-body: 'Noto Sans Thai', sans-serif;\n    color: var(--xen-ink);\n    width: 100%;\n    overflow: hidden;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.75;\n    background: var(--xen-white);\n  }\n\n  .xen-home,\n  .xen-home * {\n    box-sizing: border-box;\n  }\n\n  .xen-home a {\n    color: inherit !important;\n    text-decoration: none !important;\n  }\n\n  .xen-home a:hover,\n  .xen-home a:focus,\n  .xen-home a:active {\n    color: inherit !important;\n    text-decoration: none !important;\n  }\n\n  .xen-home button,\n  .xen-home input {\n    font: inherit;\n  }\n\n  .xen-home button {\n    color: inherit;\n  }\n\n  .xen-home img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .xen-home :focus-visible {\n    outline: 3px solid rgba(141, 200, 232, 0.72);\n    outline-offset: 3px;\n  }\n\n  .xen-home__shell {\n    width: min(1180px, calc(100% - 48px));\n    margin-inline: auto;\n  }\n\n  .xen-home__hero {\n    position: relative;\n    min-height: clamp(620px, 78vh, 780px);\n    background-image: url('https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/ANW6197-1024x683-1.jpg');\n    background-position: center 48%;\n    background-size: cover;\n  }\n\n  .xen-home__hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    background: linear-gradient(180deg, rgba(11, 25, 30, 0.28) 0%, rgba(11, 25, 30, 0.08) 52%, rgba(11, 25, 30, 0.44) 100%);\n  }\n\n  .xen-home__nav {\n    position: absolute;\n    inset: 20px 22px auto;\n    z-index: 50;\n    color: var(--xen-white);\n    transition: background-color 260ms ease, box-shadow 260ms ease, inset 260ms ease;\n  }\n\n  .xen-home__nav.is-scrolled {\n    position: fixed;\n    inset: 0 0 auto;\n    background: rgba(118, 183, 217, 0.97);\n    box-shadow: 0 8px 26px rgba(12, 45, 54, 0.16);\n    backdrop-filter: blur(9px);\n  }\n\n  .xen-home__nav-inner {\n    border: 1px solid rgba(255, 255, 255, 0.52);\n    background: rgba(19, 55, 66, 0.10);\n    transition: border-color 260ms ease, background-color 260ms ease;\n  }\n\n  .xen-home__nav.is-scrolled .xen-home__nav-inner {\n    border-color: transparent;\n    background: transparent;\n  }\n\n  .xen-home__utility {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    align-items: center;\n    min-height: 64px;\n    padding: 8px 20px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.28);\n    transition: min-height 220ms ease, opacity 180ms ease, padding 220ms ease;\n  }\n\n  .xen-home__utility-links,\n  .xen-home__utility-actions {\n    display: flex;\n    align-items: center;\n    gap: 28px;\n  }\n\n  .xen-home__utility-actions {\n    justify-content: flex-end;\n  }\n\n  .xen-home__utility-link,\n  .xen-home__language {\n    border: 0;\n    padding: 0;\n    background: none;\n    color: var(--xen-white);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1.25;\n    letter-spacing: 0.19em;\n    text-transform: uppercase;\n    cursor: pointer;\n  }\n\n  .xen-home__logo {\n    display: block;\n    width: 76px;\n  }\n\n  .xen-home__logo img,\n  .xen-home__compact-logo img {\n    max-height: 48px;\n    object-fit: contain;\n    filter: brightness(0) invert(1);\n  }\n\n  .xen-home a.xen-home__book-top,\n  .xen-home__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 46px;\n    border: 1px solid currentColor;\n    padding: 11px 24px;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;\n  }\n\n  .xen-home a.xen-home__book-top {\n    border-color: var(--xen-white);\n    background: var(--xen-white);\n    color: var(--xen-blue-strong);\n  }\n\n  .xen-home a.xen-home__book-top:hover,\n  .xen-home__button:hover {\n    transform: translateY(-2px);\n  }\n\n  .xen-home__primary-nav {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 29px;\n    min-height: 56px;\n    padding: 0 18px;\n  }\n\n  .xen-home__compact-logo {\n    display: none;\n    flex: 0 0 auto;\n    width: 54px;\n    margin-right: auto;\n  }\n\n  .xen-home__nav-link,\n  .xen-home__more-button {\n    position: relative;\n    border: 0;\n    padding: 20px 0 17px;\n    background: transparent;\n    color: var(--xen-white);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 0.16em;\n    white-space: nowrap;\n    text-transform: uppercase;\n    cursor: pointer;\n  }\n\n  .xen-home__nav-link::after,\n  .xen-home__more-button::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    bottom: 12px;\n    left: 0;\n    height: 1px;\n    background: currentColor;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 180ms ease;\n  }\n\n  .xen-home__nav-link:hover::after,\n  .xen-home__nav-link.is-active::after,\n  .xen-home__more:hover .xen-home__more-button::after,\n  .xen-home__more:focus-within .xen-home__more-button::after {\n    transform: scaleX(1);\n  }\n\n  .xen-home__more {\n    position: relative;\n  }\n\n  .xen-home__more-menu {\n    position: absolute;\n    top: calc(100% - 6px);\n    right: -20px;\n    width: 180px;\n    padding: 12px 0;\n    background: var(--xen-white);\n    box-shadow: 0 16px 36px rgba(24, 53, 60, 0.18);\n    color: var(--xen-ink);\n    opacity: 0;\n    pointer-events: none;\n    transform: translateY(8px);\n    transition: opacity 180ms ease, transform 180ms ease;\n  }\n\n  .xen-home__more:hover .xen-home__more-menu,\n  .xen-home__more:focus-within .xen-home__more-menu {\n    opacity: 1;\n    pointer-events: auto;\n    transform: translateY(0);\n  }\n\n  .xen-home__more-menu a {\n    display: block;\n    padding: 9px 20px;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n  }\n\n  .xen-home__more-menu a:hover {\n    color: var(--xen-teal);\n    background: var(--xen-soft);\n  }\n\n  .xen-home__nav.is-scrolled .xen-home__utility {\n    min-height: 0;\n    height: 0;\n    padding-block: 0;\n    border-bottom: 0;\n    opacity: 0;\n    overflow: hidden;\n  }\n\n  .xen-home__nav.is-scrolled .xen-home__compact-logo {\n    display: block;\n  }\n\n  .xen-home__nav.is-scrolled .xen-home__primary-nav {\n    justify-content: flex-end;\n    min-height: 66px;\n    width: min(1220px, calc(100% - 40px));\n    margin-inline: auto;\n  }\n\n  .xen-home__mobile-toggle {\n    display: none;\n    width: 44px;\n    height: 44px;\n    border: 1px solid rgba(255,255,255,.72);\n    padding: 11px;\n    background: transparent;\n    cursor: pointer;\n  }\n\n  .xen-home__mobile-toggle span {\n    display: block;\n    width: 100%;\n    height: 1px;\n    margin: 5px 0;\n    background: var(--xen-white);\n  }\n\n  .xen-home__hero-copy {\n    position: absolute;\n    z-index: 1;\n    top: 48%;\n    left: 50%;\n    width: min(950px, calc(100% - 48px));\n    color: var(--xen-white);\n    text-align: center;\n    transform: translate(-50%, -50%);\n  }\n\n  .xen-home__hero-copy h1 {\n    max-width: 960px;\n    margin: 0 auto;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: clamp(32px, 4.8vw, 66px);\n    font-weight: 500;\n    line-height: 1.16;\n    letter-spacing: 0.075em;\n    text-shadow: 0 4px 26px rgba(0, 0, 0, 0.22);\n  }\n\n  .xen-home__scroll-cue {\n    position: absolute;\n    z-index: 1;\n    bottom: 78px;\n    left: 50%;\n    display: grid;\n    place-items: center;\n    width: 42px;\n    height: 42px;\n    border: 1px solid rgba(255, 255, 255, 0.68);\n    border-radius: 50%;\n    color: var(--xen-white);\n    transform: translateX(-50%);\n  }\n\n  .xen-home__scroll-cue svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  .xen-home__intro-wrap {\n    position: relative;\n    z-index: 4;\n    display: block;\n    text-align: center;\n    padding-bottom: 112px;\n  }\n\n  .xen-home__intro {\n    padding-top: 128px;\n  }\n\n  .xen-home__intro h2 {\n    margin: 0;\n    color: var(--xen-blue-strong);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: clamp(26px, 3.1vw, 39px);\n    font-weight: 500;\n    line-height: 1.25;\n    letter-spacing: 0.035em;\n  }\n\n  .xen-home__intro-rule {\n    width: 60px;\n    height: 3px;\n    margin: 24px auto;\n    background: var(--xen-blue);\n  }\n\n  .xen-home__intro-rule span {\n    display: none;\n  }\n\n  .xen-home__intro p {\n    max-width: 650px;\n    margin: 0 auto;\n    color: #51585b;\n    font-size: 17px;\n    line-height: 1.82;\n  }\n\n  .xen-home__booking {\n    display: grid;\n    gap: 18px;\n    padding: 30px;\n    background: var(--xen-white);\n    box-shadow: 0 18px 48px rgba(27, 59, 66, 0.16);\n  }\n\n  .xen-home__date-row {\n    display: grid;\n    grid-template-columns: 1fr 30px 1fr;\n    gap: 10px;\n    align-items: end;\n  }\n\n  .xen-home__field label,\n  .xen-home__counter-label {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--xen-muted);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  .xen-home__field input {\n    width: 100%;\n    min-height: 48px;\n    border: 0;\n    border-bottom: 1px solid var(--xen-line);\n    border-radius: 0;\n    padding: 8px 2px;\n    background: transparent;\n    color: var(--xen-ink);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 13px;\n  }\n\n  .xen-home__date-arrow {\n    display: grid;\n    place-items: center;\n    height: 48px;\n    color: var(--xen-blue-strong);\n  }\n\n  .xen-home__date-arrow svg {\n    width: 27px;\n  }\n\n  .xen-home__counter-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n  }\n\n  .xen-home__counter {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    min-height: 48px;\n    border-bottom: 1px solid var(--xen-line);\n  }\n\n  .xen-home__counter-label {\n    margin: 0;\n  }\n\n  .xen-home__counter-control {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .xen-home__counter-control button {\n    display: grid;\n    place-items: center;\n    width: 28px;\n    height: 28px;\n    border: 0;\n    background: none;\n    color: var(--xen-blue-strong);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 18px;\n    cursor: pointer;\n  }\n\n  .xen-home__counter-value {\n    min-width: 18px;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 18px;\n    text-align: center;\n  }\n\n  .xen-home__booking-bottom {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n  }\n\n  .xen-home__hotel-name,\n  .xen-home__booking-submit {\n    min-height: 52px;\n    border: 1px solid var(--xen-line);\n    padding: 12px 18px;\n    background: var(--xen-white);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1.4;\n    letter-spacing: 0.11em;\n    text-align: center;\n    text-transform: uppercase;\n  }\n\n  .xen-home__booking-submit {\n    border-color: var(--xen-blue-strong);\n    color: var(--xen-blue-strong);\n    cursor: pointer;\n    transition: color 180ms ease, background-color 180ms ease;\n  }\n\n  .xen-home__booking-submit:hover {\n    background: var(--xen-blue-strong);\n    color: var(--xen-white);\n  }\n\n  .xen-home__section {\n    padding: 104px 0;\n  }\n\n  .xen-home__section--soft {\n    background: var(--xen-soft);\n  }\n\n  .xen-home__section--teal {\n    background: var(--xen-teal-dark);\n    color: var(--xen-white);\n    overflow: hidden;\n  }\n\n  .xen-home__rooms-section {\n    padding-top: 128px;\n    padding-bottom: 112px;\n  }\n\n  .xen-home__heading.xen-home__rooms-heading {\n    display: block;\n    margin-bottom: 46px;\n    text-align: center;\n  }\n\n  .xen-home__heading.xen-home__rooms-heading h2 {\n    color: #606568;\n    font-size: clamp(38px, 3.8vw, 58px);\n    line-height: 1.08;\n    letter-spacing: .015em;\n  }\n\n  .xen-home__heading.xen-home__rooms-heading p {\n    margin: 13px 0 0;\n    color: #606568;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: clamp(18px, 2vw, 29px);\n    font-weight: 500;\n    line-height: 1.25;\n    letter-spacing: .035em;\n  }\n\n  .xen-home__rooms-stage {\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    margin-left: -50vw;\n    overflow: hidden;\n  }\n\n  .xen-home__rooms-stage::before,\n  .xen-home__rooms-stage::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: 2;\n    width: clamp(54px, 8vw, 150px);\n    pointer-events: none;\n  }\n\n  .xen-home__rooms-stage::before {\n    left: 0;\n    background: linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.68) 35%, rgba(255,255,255,0) 100%);\n  }\n\n  .xen-home__rooms-stage::after {\n    right: 0;\n    background: linear-gradient(270deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.68) 35%, rgba(255,255,255,0) 100%);\n  }\n\n  .xen-home__rooms-arrow {\n    position: absolute;\n    top: clamp(80px, 5.75vw, 108px);\n    z-index: 4;\n    display: grid;\n    place-items: center;\n    width: 66px;\n    height: 66px;\n    border: 1px solid var(--xen-blue);\n    border-radius: 50%;\n    background: rgba(255,255,255,.96);\n    color: var(--xen-blue-strong);\n    box-shadow: 0 8px 24px rgba(26,58,66,.08);\n    cursor: pointer;\n    transform: translateY(-50%);\n    transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;\n  }\n\n  .xen-home__rooms-arrow:hover {\n    background: var(--xen-blue-strong);\n    color: var(--xen-white);\n    transform: translateY(-50%) scale(1.04);\n  }\n\n  .xen-home__rooms-arrow--prev {\n    left: clamp(20px, 3vw, 58px);\n  }\n\n  .xen-home__rooms-arrow--next {\n    right: clamp(20px, 3vw, 58px);\n  }\n\n  .xen-home__rooms-arrow svg {\n    width: 22px;\n    height: 22px;\n  }\n\n  .xen-home__heading {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: 28px;\n    margin-bottom: 42px;\n  }\n\n  .xen-home__heading h2 {\n    margin: 0;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: clamp(31px, 3.8vw, 52px);\n    font-weight: 500;\n    line-height: 1.15;\n    letter-spacing: 0.025em;\n  }\n\n  .xen-home__heading-line {\n    flex: 1;\n    height: 1px;\n    margin-bottom: 9px;\n    background: var(--xen-line);\n  }\n\n  .xen-home__section--teal .xen-home__heading-line {\n    background: rgba(255, 255, 255, 0.28);\n  }\n\n  .xen-home__slider-controls {\n    display: flex;\n    gap: 10px;\n  }\n\n  .xen-home__slider-button {\n    display: grid;\n    place-items: center;\n    width: 48px;\n    height: 48px;\n    border: 1px solid var(--xen-blue);\n    border-radius: 50%;\n    background: transparent;\n    color: var(--xen-blue-strong);\n    cursor: pointer;\n    transition: background-color 180ms ease, color 180ms ease;\n  }\n\n  .xen-home__slider-button:hover {\n    background: var(--xen-blue-strong);\n    color: var(--xen-white);\n  }\n\n  .xen-home__slider-button svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  .xen-home__rail {\n    display: flex;\n    gap: 26px;\n    overflow: visible;\n    padding-bottom: 12px;\n    will-change: transform;\n  }\n\n  .xen-home__rail > * {\n    flex: 0 0 calc((100% - 52px) \/ 3);\n    min-width: 0;\n  }\n\n  .xen-home__rail::-webkit-scrollbar {\n    display: none;\n  }\n\n  .xen-home__rooms-rail {\n    gap: clamp(26px, 2.3vw, 44px);\n    padding: 0 0 18px;\n  }\n\n  .xen-home__rooms-rail > * {\n    flex: 0 0 clamp(320px, 23vw, 430px);\n  }\n\n  .xen-home__room-card,\n  .xen-home__attraction-card {\n    scroll-snap-align: start;\n  }\n\n  .xen-home__room-image,\n  .xen-home__offer-image,\n  .xen-home__dining-image,\n  .xen-home__attraction-image {\n    position: relative;\n    overflow: hidden;\n    background: #dfe7e9;\n  }\n\n  .xen-home__room-image {\n    aspect-ratio: 2 \/ 1;\n  }\n\n  .xen-home__room-image img,\n  .xen-home__offer-image img,\n  .xen-home__dining-image img,\n  .xen-home__attraction-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 520ms ease;\n  }\n\n  .xen-home__room-card:hover img,\n  .xen-home__offer-card:hover img,\n  .xen-home__dining-card:hover img,\n  .xen-home__attraction-card:hover img {\n    transform: scale(1.035);\n  }\n\n  .xen-home__room-content {\n    min-height: 210px;\n    padding: 18px 0 12px;\n  }\n\n  .xen-home__room-content h3,\n  .xen-home__offer-content h3,\n  .xen-home__dining-content h3,\n  .xen-home__attraction-content h3 {\n    margin: 0;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 1.4;\n    letter-spacing: 0.02em;\n  }\n\n  .xen-home__room-content h3 {\n    color: #606568;\n    font-size: clamp(20px, 1.55vw, 28px);\n    line-height: 1.3;\n    letter-spacing: .055em;\n  }\n\n  .xen-home__room-content p {\n    min-height: 60px;\n    margin: 13px 0 0;\n    color: #747a7e;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: clamp(13px, 1vw, 16px);\n    font-weight: 500;\n    line-height: 1.65;\n    letter-spacing: .055em;\n  }\n\n  .xen-home__room-meta {\n    display: block;\n    margin-top: 12px;\n    color: var(--xen-blue-strong);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n  }\n\n  .xen-home__card-rule {\n    position: relative;\n    height: 2px;\n    margin-top: 21px;\n    background: var(--xen-line);\n    overflow: hidden;\n  }\n\n  .xen-home__card-rule::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--xen-blue);\n    transform: translateX(-78%);\n    transition: transform 260ms ease;\n  }\n\n  .xen-home__room-card:hover .xen-home__card-rule::after,\n  .xen-home__attraction-card:hover .xen-home__card-rule::after {\n    transform: translateX(0);\n  }\n\n  .xen-home__rooms-rail .xen-home__room-card:nth-child(3) .xen-home__card-rule::after {\n    transform: translateX(0);\n  }\n\n  .xen-home__section-action {\n    display: flex;\n    justify-content: center;\n    margin-top: 44px;\n  }\n\n  .xen-home a.xen-home__button {\n    min-width: 190px;\n    border-color: var(--xen-blue-strong);\n    color: var(--xen-blue-strong);\n  }\n\n  .xen-home a.xen-home__button:hover {\n    background: var(--xen-blue-strong) !important;\n    color: var(--xen-white) !important;\n  }\n\n  .xen-home__offer-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 28px;\n  }\n\n  .xen-home__offer-card {\n    background: var(--xen-white);\n    box-shadow: 0 13px 34px rgba(26, 58, 66, 0.07);\n  }\n\n  .xen-home__offer-image {\n    aspect-ratio: 8 \/ 5;\n  }\n\n  .xen-home__offer-content {\n    min-height: 142px;\n    padding: 24px 26px 26px;\n  }\n\n  .xen-home__offer-type,\n  .xen-home__attraction-meta {\n    display: block;\n    margin-bottom: 9px;\n    color: var(--xen-blue-strong);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .xen-home__dining-grid {\n    display: grid;\n    grid-template-columns: 1.25fr .75fr;\n    gap: 28px;\n  }\n\n  .xen-home__dining-card {\n    position: relative;\n    min-height: 520px;\n    overflow: hidden;\n  }\n\n  .xen-home__dining-image {\n    position: absolute;\n    inset: 0;\n  }\n\n  .xen-home__dining-card::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, transparent 42%, rgba(9, 24, 27, 0.72) 100%);\n  }\n\n  .xen-home__dining-content {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    padding: 32px;\n    color: var(--xen-white);\n  }\n\n  .xen-home__dining-content h3 {\n    font-size: 25px;\n  }\n\n  .xen-home__meeting-layout {\n    display: grid;\n    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);\n    min-height: 570px;\n    background: var(--xen-white);\n    color: var(--xen-ink);\n  }\n\n  .xen-home__meeting-image {\n    min-height: 570px;\n    background: url('https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2026\/02\/unnamed-1.jpg') center \/ cover no-repeat;\n  }\n\n  .xen-home__meeting-menu {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 50px;\n  }\n\n  .xen-home__meeting-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    border-bottom: 1px solid var(--xen-line);\n    padding: 24px 0;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: clamp(21px, 2.2vw, 30px);\n    font-weight: 500;\n    line-height: 1.25;\n    transition: color 180ms ease, padding-left 180ms ease;\n  }\n\n  .xen-home__meeting-link:hover {\n    padding-left: 10px;\n    color: var(--xen-teal) !important;\n  }\n\n  .xen-home__meeting-link svg {\n    flex: 0 0 auto;\n    width: 21px;\n  }\n\n  .xen-home__section--teal .xen-home__slider-button {\n    border-color: rgba(255, 255, 255, .54);\n    color: var(--xen-white);\n  }\n\n  .xen-home__section--teal .xen-home__slider-button:hover {\n    background: var(--xen-white);\n    color: var(--xen-teal-dark);\n  }\n\n  .xen-home__attraction-card {\n    background: var(--xen-white);\n    color: var(--xen-ink);\n  }\n\n  .xen-home__attraction-image {\n    aspect-ratio: 8 \/ 5;\n  }\n\n  .xen-home__attraction-content {\n    min-height: 300px;\n    padding: 26px 26px 28px;\n  }\n\n  .xen-home__attraction-content p {\n    display: -webkit-box;\n    margin: 13px 0 0;\n    overflow: hidden;\n    color: #61686b;\n    font-size: 15px;\n    line-height: 1.68;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 5;\n  }\n\n  .xen-home__map {\n    position: relative;\n    display: block;\n    margin-top: 48px;\n    overflow: hidden;\n    background: #e8edef;\n  }\n\n  .xen-home__map img {\n    aspect-ratio: 16 \/ 6.5;\n    object-fit: cover;\n    transition: transform 500ms ease;\n  }\n\n  .xen-home__map:hover img {\n    transform: scale(1.015);\n  }\n\n  .xen-home__map-label {\n    position: absolute;\n    right: 24px;\n    bottom: 24px;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 13px 18px;\n    background: var(--xen-white);\n    color: var(--xen-teal-dark);\n    box-shadow: 0 8px 24px rgba(22, 51, 58, .16);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n  }\n\n  .xen-home__footer {\n    padding: 62px 0 38px;\n    background: #122e35;\n    color: rgba(255, 255, 255, .82);\n  }\n\n  .xen-home__footer-main {\n    display: grid;\n    grid-template-columns: 180px 1fr auto;\n    gap: 56px;\n    align-items: start;\n  }\n\n  .xen-home__footer-logo {\n    width: 96px;\n  }\n\n  .xen-home__footer-logo img {\n    filter: brightness(0) invert(1);\n  }\n\n  .xen-home__footer-address {\n    margin: 0;\n    font-size: 15px;\n    line-height: 1.8;\n  }\n\n  .xen-home__footer-contact {\n    margin-top: 10px;\n    color: var(--xen-white);\n  }\n\n  .xen-home__social {\n    display: flex;\n    gap: 10px;\n  }\n\n  .xen-home__social a {\n    display: grid;\n    place-items: center;\n    min-width: 46px;\n    height: 46px;\n    border: 1px solid rgba(255, 255, 255, .38);\n    padding: 0 13px;\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n  }\n\n  .xen-home__footer-bottom {\n    display: flex;\n    justify-content: space-between;\n    gap: 24px;\n    margin-top: 46px;\n    border-top: 1px solid rgba(255, 255, 255, .15);\n    padding-top: 24px;\n    color: rgba(255, 255, 255, .56);\n    font-family: 'Noto Sans Thai', sans-serif;\n    font-size: 9px;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 1180px) {\n    .xen-home__primary-nav {\n      gap: 18px;\n    }\n\n    .xen-home__nav-link,\n    .xen-home__more-button {\n      font-size: 9px;\n      letter-spacing: .12em;\n    }\n\n    .xen-home__intro-wrap { display: block; }\n  }\n\n  @media (max-width: 980px) {\n    .xen-home__nav {\n      inset: 14px 14px auto;\n    }\n\n    .xen-home__nav.is-scrolled {\n      inset: 0 0 auto;\n    }\n\n    .xen-home__utility {\n      display: flex;\n      justify-content: space-between;\n      min-height: 68px;\n    }\n\n    .xen-home__nav.is-scrolled .xen-home__utility {\n      height: auto;\n      min-height: 68px;\n      padding: 8px 12px;\n      border-bottom: 0;\n      opacity: 1;\n      overflow: visible;\n    }\n\n    .xen-home__utility-links,\n    .xen-home__language {\n      display: none;\n    }\n\n    .xen-home__utility-actions {\n      gap: 12px;\n    }\n\n    .xen-home__logo {\n      width: 66px;\n    }\n\n    .xen-home__mobile-toggle {\n      display: block;\n    }\n\n    .xen-home__primary-nav {\n      position: absolute;\n      top: 68px;\n      right: 0;\n      left: 0;\n      display: none;\n      align-items: stretch;\n      flex-direction: column;\n      gap: 0;\n      min-height: 0;\n      padding: 18px 24px 26px;\n      background: rgba(20, 83, 91, .98);\n    }\n\n    .xen-home__nav.is-menu-open .xen-home__primary-nav {\n      display: flex;\n    }\n\n    .xen-home__nav.is-scrolled .xen-home__primary-nav {\n      top: 68px;\n      width: 100%;\n      margin: 0;\n    }\n\n    .xen-home__nav-link,\n    .xen-home__more-button {\n      width: 100%;\n      border-bottom: 1px solid rgba(255,255,255,.16);\n      padding: 15px 0;\n      text-align: left;\n    }\n\n    .xen-home__nav-link::after,\n    .xen-home__more-button::after,\n    .xen-home__compact-logo {\n      display: none !important;\n    }\n\n    .xen-home__more-menu {\n      position: static;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      width: 100%;\n      padding: 0;\n      background: transparent;\n      box-shadow: none;\n      color: var(--xen-white);\n      opacity: 1;\n      pointer-events: auto;\n      transform: none;\n    }\n\n    .xen-home__more-menu a {\n      padding: 12px 0;\n      font-size: 9px;\n    }\n\n    .xen-home__intro-wrap { display: block; padding-bottom: 84px; margin-top: 0; }\n\n    .xen-home__intro {\n      order: 2;\n      padding-top: 0;\n    }\n\n    .xen-home__booking {\n      order: 1;\n      width: min(620px, 100%);\n      margin-left: auto;\n    }\n\n    .xen-home__rail > * {\n      flex: 0 0 calc((100% - 26px) \/ 2);\n    }\n\n    .xen-home__rooms-section {\n      padding-top: 96px;\n      padding-bottom: 92px;\n    }\n\n    .xen-home__rooms-rail > * {\n      flex: 0 0 58vw;\n    }\n\n    .xen-home__rooms-rail {\n      gap: 24px;\n    }\n\n    .xen-home__rooms-arrow {\n      top: 14.5vw;\n      width: 56px;\n      height: 56px;\n    }\n\n    .xen-home__offer-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .xen-home__offer-card:last-child {\n      grid-column: 1 \/ -1;\n      width: calc(50% - 14px);\n    }\n\n    .xen-home__dining-card {\n      min-height: 440px;\n    }\n\n    .xen-home__meeting-layout {\n      grid-template-columns: 1fr;\n    }\n\n    .xen-home__meeting-image {\n      min-height: 470px;\n    }\n\n    .xen-home__footer-main {\n      grid-template-columns: 130px 1fr;\n    }\n\n    .xen-home__social {\n      grid-column: 2;\n    }\n  }\n\n  @media (max-width: 680px) {\n    .xen-home {\n      font-size: 15px;\n    }\n\n    .xen-home__shell {\n      width: min(100% - 32px, 1180px);\n    }\n\n    .xen-home__hero {\n      min-height: 600px;\n      background-position: 58% center;\n    }\n\n    .xen-home__nav {\n      inset: 10px 10px auto;\n    }\n\n    .xen-home__nav.is-scrolled {\n      inset: 0 0 auto;\n    }\n\n    .xen-home__utility {\n      padding: 8px 12px;\n    }\n\n    .xen-home a.xen-home__book-top {\n      min-height: 42px;\n      padding-inline: 14px;\n      font-size: 9px;\n    }\n\n    .xen-home__hero-copy {\n      top: 45%;\n    }\n\n    .xen-home__hero-copy h1 {\n      font-size: clamp(28px, 10vw, 43px);\n      letter-spacing: .035em;\n    }\n\n    .xen-home__scroll-cue {\n      bottom: 62px;\n    }\n\n    .xen-home__intro-wrap { margin-top: 0; padding-bottom: 70px; }\n\n    .xen-home__booking {\n      gap: 20px;\n      padding: 24px 20px;\n    }\n\n    .xen-home__date-row {\n      grid-template-columns: 1fr;\n    }\n\n    .xen-home__date-arrow {\n      display: none;\n    }\n\n    .xen-home__counter-row,\n    .xen-home__booking-bottom {\n      grid-template-columns: 1fr;\n    }\n\n    .xen-home__section {\n      padding: 76px 0;\n    }\n\n    .xen-home__heading {\n      align-items: center;\n      margin-bottom: 30px;\n    }\n\n    .xen-home__heading-line {\n      display: none;\n    }\n\n    .xen-home__slider-button {\n      width: 42px;\n      height: 42px;\n    }\n\n    .xen-home__rail > * {\n      flex: 0 0 86%;\n    }\n\n    .xen-home__rail {\n      gap: 18px;\n    }\n\n    .xen-home__rooms-section {\n      padding-top: 78px;\n      padding-bottom: 78px;\n    }\n\n    .xen-home__heading.xen-home__rooms-heading {\n      margin-bottom: 32px;\n    }\n\n    .xen-home__heading.xen-home__rooms-heading h2 {\n      font-size: 35px;\n    }\n\n    .xen-home__heading.xen-home__rooms-heading p {\n      margin-top: 9px;\n      font-size: 17px;\n    }\n\n    .xen-home__rooms-stage::before,\n    .xen-home__rooms-stage::after {\n      width: 38px;\n    }\n\n    .xen-home__rooms-rail > * {\n      flex: 0 0 82vw;\n    }\n\n    .xen-home__rooms-rail {\n      gap: 18px;\n    }\n\n    .xen-home__rooms-arrow {\n      top: 20.5vw;\n      width: 48px;\n      height: 48px;\n    }\n\n    .xen-home__rooms-arrow--prev {\n      left: 12px;\n    }\n\n    .xen-home__rooms-arrow--next {\n      right: 12px;\n    }\n\n    .xen-home__room-content {\n      min-height: 224px;\n      padding-inline: 2px;\n    }\n\n    .xen-home__room-content h3 {\n      font-size: 21px;\n    }\n\n    .xen-home__room-content p {\n      min-height: 74px;\n      font-size: 13px;\n    }\n\n    .xen-home__offer-grid,\n    .xen-home__dining-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .xen-home__offer-card:last-child {\n      grid-column: auto;\n      width: auto;\n    }\n\n    .xen-home__dining-card {\n      min-height: 400px;\n    }\n\n    .xen-home__meeting-image {\n      min-height: 360px;\n    }\n\n    .xen-home__meeting-menu {\n      padding: 30px 24px;\n    }\n\n    .xen-home__attraction-content {\n      min-height: 280px;\n    }\n\n    .xen-home__map img {\n      aspect-ratio: 4 \/ 3;\n    }\n\n    .xen-home__map-label {\n      right: 14px;\n      bottom: 14px;\n    }\n\n    .xen-home__footer-main {\n      grid-template-columns: 1fr;\n      gap: 28px;\n    }\n\n    .xen-home__social {\n      grid-column: auto;\n    }\n\n    .xen-home__footer-bottom {\n      flex-direction: column;\n      gap: 8px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .xen-home *,\n    .xen-home *::before,\n    .xen-home *::after {\n      scroll-behavior: auto !important;\n      transition-duration: .001ms !important;\n      animation-duration: .001ms !important;\n    }\n  }\n  \/* AOHH Booking Form Styles adapted for XEN *\/\n  .aohh-booking {\n    position: absolute;\n    bottom: 60px; left: 50%; transform: translateX(-50%);\n    z-index: 3; background: rgba(255, 255, 255, .96); backdrop-filter: blur(6px);\n    padding: 18px 24px; display: grid; grid-template-columns: 1.2fr 1.2fr 1fr 1fr auto;\n    gap: 18px; align-items: center; border-radius: 6px;\n    max-width: min(980px, calc(100% - 32px)); width: 100%;\n    box-shadow: 0 16px 40px rgba(0, 0, 0, .18);\n  }\n  .aohh-booking label { display: block; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--xen-muted, #757575); margin-bottom: 6px; font-weight: 400; }\n  .aohh-booking input { width: 100%; border: none; background: transparent; font-family: var(--xen-body, 'Noto Sans Thai', sans-serif); font-size: 14px; color: #030303 !important; -webkit-text-fill-color: #030303 !important; padding: 0; outline: none; }\n  .aohh-booking input[type=\"date\"] { color: #030303 !important; -webkit-text-fill-color: #030303 !important; min-height: 20px !important; line-height: 1.4 !important; opacity: 1 !important; }\n  .aohh-booking input::-webkit-date-and-time-value { color: #030303 !important; -webkit-text-fill-color: #030303 !important; text-align: left !important; opacity: 1 !important; }\n  .aohh-booking input::-webkit-datetime-edit, .aohh-booking input::-webkit-datetime-edit-fields-wrapper, .aohh-booking input::-webkit-datetime-edit-text, .aohh-booking input::-webkit-datetime-edit-month-field, .aohh-booking input::-webkit-datetime-edit-day-field, .aohh-booking input::-webkit-datetime-edit-year-field { color: #030303 !important; -webkit-text-fill-color: #030303 !important; opacity: 1 !important; }\n  .aohh-booking__field { border-right: 1px solid var(--xen-line, #ddd); padding-right: 18px; }\n  .aohh-booking__field:last-of-type { border-right: none; }\n  .aohh-stepper { display: flex; align-items: center; gap: 14px; }\n  .aohh-stepper__btn { width: 32px; height: 32px; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; border: 1px solid var(--xen-teal) !important; background: transparent !important; color: var(--xen-teal) !important; -webkit-text-fill-color: var(--xen-teal) !important; border-radius: 50% !important; box-shadow: none !important; font-size: 18px; line-height: 1; font-weight: 500; cursor: pointer; transition: background .2s ease, color .2s ease, opacity .2s ease; }\n  .aohh-stepper__btn:hover { background: var(--xen-teal) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1; }\n  .aohh-stepper__btn:disabled { opacity: .3; cursor: not-allowed; }\n  .aohh-stepper__val { min-width: 22px; text-align: center; font-size: 15px; font-weight: 600; color: #030303; }\n  .aohh-booking .aohh-btn { white-space: nowrap; padding: 15px 30px; background: var(--xen-teal); color: #fff; border: none; border-radius: 4px; font-weight: 500; cursor: pointer; transition: background .2s; font-family: 'Noto Sans Thai', sans-serif !important; }\n  .aohh-booking .aohh-btn:hover { background: var(--xen-teal-dark); }\n  @media (max-width: 900px) { .aohh-booking { grid-template-columns: 1fr 1fr; width: 100%; max-width: calc(100% - 28px); gap: 16px 18px; bottom: 32px; } .aohh-booking__field { border-right: none; padding-right: 0; } .aohh-booking .aohh-btn { grid-column: 1 \/ -1; width: 100%; } }\n  @media (max-width: 520px) { .aohh-booking { grid-template-columns: 1fr; bottom: 20px; padding: 16px 18px; gap: 14px; } }\n<\/style>\n\n<div class=\"xen-home\" id=\"xen-home\">\n  <section class=\"xen-home__hero\" aria-label=\"Xen Hotel Nakhon Pathom\">\n    \n\n    <a class=\"xen-home__scroll-cue\" href=\"#xen-home-intro\" aria-label=\"Scroll to hotel introduction\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n    <\/a>\n  \n\n        <form action=\"https:\/\/reservation.travelanium.net\/propertyibe2\/\" target=\"_blank\" class=\"aohh-booking\">\n      <input type=\"hidden\" name=\"propertyId\" value=\"536\">\n      <input type=\"hidden\" name=\"onlineId\" value=\"22\">\n      \n      <div class=\"aohh-booking__field\">\n        <label for=\"xen-checkin\">Check-in<\/label>\n        <input type=\"date\" id=\"xen-checkin\" name=\"checkin\" required>\n      <\/div>\n      <div class=\"aohh-booking__field\">\n        <label for=\"xen-checkout\">Check-out<\/label>\n        <input type=\"date\" id=\"xen-checkout\" name=\"checkout\" required>\n      <\/div>\n      <div class=\"aohh-booking__field aohh-booking__field--rooms\">\n        <label>Rooms<\/label>\n        <div class=\"aohh-stepper\">\n          <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease room\">\u2212<\/button>\n          <span class=\"aohh-stepper__val\">1<\/span>\n          <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"1\" aria-label=\"Increase room\">+<\/button>\n          <input type=\"hidden\" name=\"room\" value=\"1\">\n        <\/div>\n      <\/div>\n      <div class=\"aohh-booking__field aohh-booking__field--guests\">\n        <label>Guests<\/label>\n        <div class=\"aohh-stepper\">\n          <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"-1\" aria-label=\"Decrease guest\">\u2212<\/button>\n          <span class=\"aohh-stepper__val\">2<\/span>\n          <button type=\"button\" class=\"aohh-stepper__btn\" data-step=\"1\" aria-label=\"Increase guest\">+<\/button>\n          <input type=\"hidden\" name=\"guest\" value=\"2\">\n        <\/div>\n      <\/div>\n      <button type=\"submit\" class=\"aohh-btn aohh-btn--solid\">Book Now<\/button>\n    <\/form>\n  <\/section>\n\n  <section class=\"xen-home__shell xen-home__intro-wrap\" id=\"xen-home-intro\" aria-labelledby=\"xen-intro-title\">\n    <div class=\"xen-home__intro\">\n      <h2 id=\"xen-intro-title\">Xen Hotel Nakhon Pathom<\/h2>\n      <div class=\"xen-home__intro-rule\" aria-hidden=\"true\"><span><\/span><\/div>\n      <p>At Xen Hotel Nakhon Pathom, we focus on making every stay simple, comfortable, and relaxing. Our modern rooms are clean, cozy, and designed for both short visits and longer stays.<\/p>\n    <\/div>\n  <\/section>\n\n  <main>\n    <section class=\"xen-home__section xen-home__rooms-section\" aria-labelledby=\"xen-rooms-title\">\n      <div class=\"xen-home__shell\">\n        <div class=\"xen-home__heading xen-home__rooms-heading\">\n          <h2 id=\"xen-rooms-title\">Featured Rooms<\/h2>\n          <p>Stylish Hotel Rooms in Nakhon Pathom<\/p>\n        <\/div>\n\n        <div class=\"xen-home__rooms-stage\">\n          <button class=\"xen-home__rooms-arrow xen-home__rooms-arrow--prev\" type=\"button\" aria-label=\"Previous rooms\" data-xen-slide-prev=\"rooms\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"m15 5-7 7 7 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/button>\n\n          <div class=\"xen-home__rail xen-home__rooms-rail\" data-xen-slider=\"rooms\">\n            <a class=\"xen-home__room-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/rooms\/\">\n              <div class=\"xen-home__room-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Superior-Room_Twin_1.jpg\" alt=\"Superior Room with twin beds\" loading=\"lazy\"><\/div>\n              <div class=\"xen-home__room-content\"><h3>Superior Room<\/h3><p>Modern comfort in a quiet, private setting with everything needed for an easy stay.<\/p><span class=\"xen-home__room-meta\">26 sq.m. \u00b7 1\u20132 guests<\/span><div class=\"xen-home__card-rule\"><\/div><\/div>\n            <\/a>\n            <a class=\"xen-home__room-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/rooms\/\">\n              <div class=\"xen-home__room-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Deluxe-Corner-Room_1.jpg\" alt=\"Deluxe Room at Xen Hotel Nakhon Pathom\" loading=\"lazy\"><\/div>\n              <div class=\"xen-home__room-content\"><h3>Deluxe Room<\/h3><p>A modern room with a relaxed atmosphere and complete in-room amenities.<\/p><span class=\"xen-home__room-meta\">34 sq.m.<\/span><div class=\"xen-home__card-rule\"><\/div><\/div>\n            <\/a>\n            <a class=\"xen-home__room-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/rooms\/\">\n              <div class=\"xen-home__room-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Deluxe-Premium-Room_1.jpg\" alt=\"Deluxe Premium Room at Xen Hotel Nakhon Pathom\" loading=\"lazy\"><\/div>\n              <div class=\"xen-home__room-content\"><h3>Deluxe Premium Room<\/h3><p>Spacious, modern comfort in a peaceful setting designed to feel like home.<\/p><span class=\"xen-home__room-meta\">35 sq.m.<\/span><div class=\"xen-home__card-rule\"><\/div><\/div>\n            <\/a>\n            <a class=\"xen-home__room-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/rooms\/\">\n              <div class=\"xen-home__room-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Mini-Suite_1.jpg\" alt=\"Mini Suite Room at Xen Hotel Nakhon Pathom\" loading=\"lazy\"><\/div>\n              <div class=\"xen-home__room-content\"><h3>Mini Suite Room<\/h3><p>A generous suite with separate bedroom and living areas for a more comfortable stay.<\/p><span class=\"xen-home__room-meta\">40 sq.m.<\/span><div class=\"xen-home__card-rule\"><\/div><\/div>\n            <\/a>\n            <a class=\"xen-home__room-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/rooms\/\">\n              <div class=\"xen-home__room-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Suite_1.jpg\" alt=\"Xen Suite at Xen Hotel Nakhon Pathom\" loading=\"lazy\"><\/div>\n              <div class=\"xen-home__room-content\"><h3>Xen Suite<\/h3><p>Panoramic Nakhon Pathom views with separate bedroom and living areas.<\/p><span class=\"xen-home__room-meta\">48 sq.m.<\/span><div class=\"xen-home__card-rule\"><\/div><\/div>\n            <\/a>\n          <\/div>\n\n          <button class=\"xen-home__rooms-arrow xen-home__rooms-arrow--next\" type=\"button\" aria-label=\"Next rooms\" data-xen-slide-next=\"rooms\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"m9 5 7 7-7 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/button>\n        <\/div>\n\n        <div class=\"xen-home__section-action\"><a class=\"xen-home__button\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/rooms\/\">Explore All Rooms<\/a><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"xen-home__section xen-home__section--soft\" aria-labelledby=\"xen-offers-title\">\n      <div class=\"xen-home__shell\">\n        <div class=\"xen-home__heading\"><h2 id=\"xen-offers-title\">Offers<\/h2><span class=\"xen-home__heading-line\" aria-hidden=\"true\"><\/span><\/div>\n        <div class=\"xen-home__offer-grid\" id=\"xen-home-offers-grid\">\n          <div id=\"home-offers-loader\" style=\"text-align: center; padding: 2em; color: var(--xen-muted); grid-column: 1 \/ -1;\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19...<\/div>\n        <\/div>\n        <div class=\"xen-home__section-action\"><a class=\"xen-home__button\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/offers\/\">View More<\/a><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"xen-home__section\" aria-labelledby=\"xen-dining-title\">\n      <div class=\"xen-home__shell\">\n        <div class=\"xen-home__heading\"><h2 id=\"xen-dining-title\">Dining<\/h2><span class=\"xen-home__heading-line\" aria-hidden=\"true\"><\/span><\/div>\n        <div class=\"xen-home__dining-grid\">\n          <a class=\"xen-home__dining-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/dining\/\">\n            <div class=\"xen-home__dining-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_1.jpg\" alt=\"Xen Caf\u00e9 dining room\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__dining-content\"><h3>Xen Caf\u00e9<\/h3><\/div>\n          <\/a>\n          <a class=\"xen-home__dining-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/dining\/\">\n            <div class=\"xen-home__dining-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2019\/07\/ANW6490.jpg\" alt=\"Caf\u00e9 Amazon at Xen Hotel Nakhon Pathom\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__dining-content\"><h3>Caf\u00e9 Amazon<\/h3><\/div>\n          <\/a>\n        <\/div>\n        <div class=\"xen-home__section-action\"><a class=\"xen-home__button\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/dining\/\">View More<\/a><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"xen-home__section xen-home__section--soft\" aria-labelledby=\"xen-meetings-title\">\n      <div class=\"xen-home__shell\">\n        <div class=\"xen-home__heading\"><h2 id=\"xen-meetings-title\">Meeting Rooms<\/h2><span class=\"xen-home__heading-line\" aria-hidden=\"true\"><\/span><\/div>\n        <div class=\"xen-home__meeting-layout\">\n          <div class=\"xen-home__meeting-image\" role=\"img\" aria-label=\"Meeting room at Xen Hotel Nakhon Pathom\"><\/div>\n          <div class=\"xen-home__meeting-menu\">\n            <a class=\"xen-home__meeting-link\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/meetings\/\">Meetings <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14m-5-5 5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\n            <a class=\"xen-home__meeting-link\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/meetings\/\">Events <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14m-5-5 5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\n            <a class=\"xen-home__meeting-link\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/weddings\/\">Weddings <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14m-5-5 5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\n          <\/div>\n        <\/div>\n        <div class=\"xen-home__section-action\"><a class=\"xen-home__button\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/meetings\/\">View More<\/a><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"xen-home__section xen-home__section--teal\" aria-labelledby=\"xen-attractions-title\">\n      <div class=\"xen-home__shell\">\n        <div class=\"xen-home__heading\">\n          <h2 id=\"xen-attractions-title\">Nearby Attractions<\/h2>\n          <span class=\"xen-home__heading-line\" aria-hidden=\"true\"><\/span>\n          <div class=\"xen-home__slider-controls\">\n            <button class=\"xen-home__slider-button\" type=\"button\" aria-label=\"Previous attractions\" data-xen-slide-prev=\"attractions\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"m15 5-7 7 7 7\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n            <button class=\"xen-home__slider-button\" type=\"button\" aria-label=\"Next attractions\" data-xen-slide-next=\"attractions\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"m9 5 7 7-7 7\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"xen-home__rail\" data-xen-slider=\"attractions\">\n          <article class=\"xen-home__attraction-card\">\n            <div class=\"xen-home__attraction-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2020\/08\/8.jpg\" alt=\"Phra Pathom Chedi\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__attraction-content\"><span class=\"xen-home__attraction-meta\">Nakhon Pathom<\/span><h3>Phra Pathom Chedi<\/h3><p>One of Thailand\u2019s most important Buddhist landmarks and one of Nakhon Pathom\u2019s defining sights. The impressive orange-roofed chedi rises 120 metres and is visible from across the city.<\/p><div class=\"xen-home__card-rule\"><\/div><\/div>\n          <\/article>\n          <article class=\"xen-home__attraction-card\">\n            <div class=\"xen-home__attraction-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2020\/08\/3.jpg\" alt=\"Sanam Chandra Palace\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__attraction-content\"><span class=\"xen-home__attraction-meta\">1.5 km from hotel<\/span><h3>Sanam Chandra Palace<\/h3><p>A historic palace complex built by King Vajiravudh. The grounds comprise five distinctive buildings and a Ganesh shrine, only a short distance from Phra Pathom Chedi.<\/p><div class=\"xen-home__card-rule\"><\/div><\/div>\n          <\/article>\n          <article class=\"xen-home__attraction-card\">\n            <div class=\"xen-home__attraction-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2020\/08\/6.jpg\" alt=\"Thai Human Imagery Museum\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__attraction-content\"><span class=\"xen-home__attraction-meta\">19.5 km \u00b7 20 min by car<\/span><h3>Thai Human Imagery Museum<\/h3><p>Established as a centre for the creation and exhibition of remarkably lifelike fibreglass figures, following more than a decade of experimental study in wax-carving art.<\/p><div class=\"xen-home__card-rule\"><\/div><\/div>\n          <\/article>\n          <article class=\"xen-home__attraction-card\">\n            <div class=\"xen-home__attraction-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2020\/08\/7.jpg\" alt=\"Buddha Monthon\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__attraction-content\"><span class=\"xen-home__attraction-meta\">35.8 km \u00b7 40 min by car<\/span><h3>Buddha Monthon<\/h3><p>A major Buddhist park established in 1957 to commemorate 2,500 years of Buddhism, centred on the monumental walking Buddha image of Phra Si Sakkaya Thotsaphonlayan.<\/p><div class=\"xen-home__card-rule\"><\/div><\/div>\n          <\/article>\n          <article class=\"xen-home__attraction-card\">\n            <div class=\"xen-home__attraction-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2020\/08\/5.jpg\" alt=\"Wat Don Wai Floating Market\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__attraction-content\"><span class=\"xen-home__attraction-meta\">Sam Phran, Nakhon Pathom<\/span><h3>Wat Don Wai Floating Market<\/h3><p>A lively riverside market on the Tha Chin River, known for its broad selection of traditional Thai dishes, local delicacies, fresh produce, sweets, and riverboat experiences.<\/p><div class=\"xen-home__card-rule\"><\/div><\/div>\n          <\/article>\n        <\/div>\n\n        <a class=\"xen-home__map\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Xen+Hotel+Nakhon+Pathom\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2025\/03\/MGNP-XHNP_MAP_2025_.jpg\" alt=\"Map showing Xen Hotel Nakhon Pathom and nearby attractions\" loading=\"lazy\">\n          <span class=\"xen-home__map-label\">Open in Google Maps <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14m-5-5 5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n        <\/a>\n      <\/div>\n    <\/section>\n  <\/main>\n\n<\/div>\n\n<script>\n  (function () {\n    function initXenHome() {\n      var root = document.getElementById('xen-home');\n      if (!root || root.dataset.ready === 'true') return;\n      root.dataset.ready = 'true';\n\n      \n      \/\/ Setup booking form dates\n      var checkinInput = root.querySelector('#xen-checkin');\n      var checkoutInput = root.querySelector('#xen-checkout');\n      if (checkinInput && checkoutInput) {\n        var today = new Date();\n        var tomorrow = new Date();\n        tomorrow.setDate(tomorrow.getDate() + 1);\n\n        function formatDate(d) {\n          return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');\n        }\n\n        checkinInput.min = formatDate(today);\n        checkinInput.value = formatDate(today);\n        checkoutInput.min = formatDate(tomorrow);\n        checkoutInput.value = formatDate(tomorrow);\n\n        checkinInput.addEventListener('change', function() {\n          var ciDate = new Date(this.value);\n          var minCo = new Date(ciDate);\n          minCo.setDate(minCo.getDate() + 1);\n          checkoutInput.min = formatDate(minCo);\n          if (new Date(checkoutInput.value) <= ciDate) {\n            checkoutInput.value = formatDate(minCo);\n          }\n        });\n      }\n\n      \/\/ Setup Steppers\n      var steppers = root.querySelectorAll('.aohh-stepper');\n      steppers.forEach(function(stepper) {\n        var btns = stepper.querySelectorAll('.aohh-stepper__btn');\n        var valSpan = stepper.querySelector('.aohh-stepper__val');\n        var hiddenInput = stepper.querySelector('input[type=\"hidden\"]');\n        var min = 1;\n        var max = 10;\n        \n        function updateState(newVal) {\n          valSpan.textContent = newVal;\n          hiddenInput.value = newVal;\n          btns[0].disabled = (newVal <= min);\n          btns[1].disabled = (newVal >= max);\n        }\n        \n        btns.forEach(function(btn) {\n          btn.addEventListener('click', function() {\n            var step = parseInt(this.getAttribute('data-step'), 10);\n            var current = parseInt(hiddenInput.value, 10);\n            var newVal = current + step;\n            if (newVal >= min && newVal <= max) {\n              updateState(newVal);\n            }\n          });\n        });\n        updateState(parseInt(hiddenInput.value, 10));\n      });\n      \/\/ Setup Infinite Loop Carousel (Transform-based)\n      var rails = root.querySelectorAll('[data-xen-slider]');\n      rails.forEach(function (rail) {\n        var sliderId = rail.dataset.xenSlider;\n        var prevBtn = root.querySelector('[data-xen-slide-prev=\"' + sliderId + '\"]');\n        var nextBtn = root.querySelector('[data-xen-slide-next=\"' + sliderId + '\"]');\n\n        var items = Array.prototype.slice.call(rail.children);\n        var totalItems = items.length;\n        if (totalItems === 0) return;\n\n        var currentIndex = 0;\n        var isAnimating = false;\n\n        \/\/ Clone items: prepend + append full set for seamless loop\n        items.forEach(function (item) {\n          var clone = item.cloneNode(true);\n          clone.setAttribute('aria-hidden', 'true');\n          rail.appendChild(clone);\n        });\n        for (var i = totalItems - 1; i >= 0; i--) {\n          var clone = items[i].cloneNode(true);\n          clone.setAttribute('aria-hidden', 'true');\n          rail.insertBefore(clone, rail.firstChild);\n        }\n        \/\/ DOM is now: [clones 0..N-1] [originals 0..N-1] [clones 0..N-1]\n        \/\/ Visual index of first original = totalItems\n\n        function getStepSize() {\n          var child = rail.children[0];\n          if (!child) return 324;\n          var style = window.getComputedStyle(rail);\n          var gap = parseFloat(style.columnGap) || parseFloat(style.gap) || 26;\n          return child.getBoundingClientRect().width + gap;\n        }\n\n        function applyPosition(animate) {\n          var step = getStepSize();\n          var visualIndex = totalItems + currentIndex;\n          var offset = -(visualIndex * step); if (sliderId === \"rooms\") { offset += (rail.parentElement.clientWidth - rail.children[0].getBoundingClientRect().width) \/ 2; }\n          if (animate) {\n            rail.style.transition = 'transform 400ms ease';\n          } else {\n            rail.style.transition = 'none';\n          }\n          rail.style.transform = 'translateX(' + offset + 'px)';\n        }\n\n        \/\/ Set initial position (no animation)\n        applyPosition(false);\n\n        \/\/ After animated slide completes, check if we need to loop\n        rail.addEventListener('transitionend', function (e) {\n          if (e.target !== rail) return; \/\/ Ignore child transitions\n          isAnimating = false;\n          if (currentIndex >= totalItems) {\n            currentIndex = currentIndex - totalItems;\n            applyPosition(false);\n          } else if (currentIndex < 0) {\n            currentIndex = currentIndex + totalItems;\n            applyPosition(false);\n          }\n        });\n\n        function goNext() {\n          if (isAnimating) return;\n          isAnimating = true;\n          currentIndex++;\n          applyPosition(true);\n        }\n\n        function goPrev() {\n          if (isAnimating) return;\n          isAnimating = true;\n          currentIndex--;\n          applyPosition(true);\n        }\n\n        if (prevBtn) {\n          prevBtn.addEventListener('click', function (e) {\n            e.preventDefault();\n            e.stopPropagation();\n            goPrev();\n          });\n        }\n\n        if (nextBtn) {\n          nextBtn.addEventListener('click', function (e) {\n            e.preventDefault();\n            e.stopPropagation();\n            goNext();\n          });\n        }\n\n        \/\/ Recalculate on resize\n        window.addEventListener('resize', function () {\n          applyPosition(false);\n        });\n      });\n\n\n      var offerGrid = root.querySelector('#xen-home-offers-grid');\n      var loader = root.querySelector('#home-offers-loader');\n      var API_URL = 'https:\/\/www.xenhotel-nakhonpathom.com\/wp-json\/wp\/v2\/posts?_embed=true&per_page=5';\n      var CACHE_KEY = 'xen_home_offers_cache';\n      var CACHE_TIME_KEY = 'xen_home_offers_cache_time';\n      var CACHE_DURATION = 10 * 60 * 1000; \/\/ 10 minutes\n\n      function decodeHTML(htmlStr) {\n        var txt = document.createElement('textarea');\n        txt.innerHTML = htmlStr;\n        return txt.value;\n      }\n\n      function renderHomeOffers(posts) {\n        if (!offerGrid) return;\n        offerGrid.innerHTML = ''; \/\/ clear loader\n        var validPosts = 0;\n\n        posts.forEach(function(post) {\n          if (validPosts >= 3) return; \/\/ Only show up to 3 on home page\n          var isRoom = post.categories && post.categories.includes(43);\n          var isDining = post.categories && post.categories.includes(40);\n          \n          if (!isRoom && !isDining) return; \n          validPosts++;\n          \n          var metaText = isRoom ? 'Room Offer' : 'Dining Offer';\n          var imageUrl = '';\n          if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n            imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n          }\n\n          var card = document.createElement('a');\n          card.className = 'xen-home__offer-card';\n          card.href = post.link;\n          card.target = '_blank';\n          card.rel = 'noopener';\n\n          card.innerHTML = `\n            <div class=\"xen-home__offer-image\"><img decoding=\"async\" src=\"${imageUrl}\" alt=\"${decodeHTML(post.title.rendered)}\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__offer-content\"><span class=\"xen-home__offer-type\">${metaText}<\/span><h3>${decodeHTML(post.title.rendered)}<\/h3><\/div>\n          `;\n          offerGrid.appendChild(card);\n        });\n\n        if (validPosts === 0) {\n          offerGrid.innerHTML = '<div style=\"text-align: center; padding: 2em; color: var(--xen-muted); grid-column: 1 \/ -1;\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19\u0e43\u0e19\u0e02\u0e13\u0e30\u0e19\u0e35\u0e49<\/div>';\n        }\n      }\n\n      function fetchHomeOffers() {\n        var cached = localStorage.getItem(CACHE_KEY);\n        var timestamp = localStorage.getItem(CACHE_TIME_KEY);\n        var now = new Date().getTime();\n\n        if (cached && timestamp && (now - timestamp < CACHE_DURATION)) {\n          try {\n            var posts = JSON.parse(cached);\n            renderHomeOffers(posts);\n            return;\n          } catch (e) {\n            console.error('Error parsing cache', e);\n          }\n        }\n\n        fetch(API_URL)\n          .then(function(response) {\n            if (!response.ok) throw new Error('Network response was not ok');\n            return response.json();\n          })\n          .then(function(posts) {\n            localStorage.setItem(CACHE_KEY, JSON.stringify(posts));\n            localStorage.setItem(CACHE_TIME_KEY, now);\n            renderHomeOffers(posts);\n          })\n          .catch(function(error) {\n            console.error('Error fetching offers:', error);\n            if (loader) loader.innerHTML = '\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e2b\u0e25\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e48\u0e19\u0e44\u0e14\u0e49 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e25\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07';\n          });\n      }\n      \n      if (offerGrid) {\n        fetchHomeOffers();\n      }\n\n\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initXenHome);\n    } else {\n      initXenHome();\n    }\n  })();\n<\/script>\n\n\n<style>\n  .xen-home__hero, .xen-location__hero, .xen-awards__hero, .xen-weddings__hero, .xen-meetings__hero, .xen-facilities__hero, .xen-gallery__hero, .xen-dining__hero, .xen-offers__hero, .xen-rooms__hero, .xen-hero, .mrkc-wel-hero {\n    height: 700px !important;\n    min-height: 700px !important;\n    max-height: 700px !important;\n  }\n  .xen-home__hero img, .xen-location__hero img, .xen-awards__hero img, .xen-weddings__hero img, .xen-meetings__hero img, .xen-facilities__hero img, .xen-gallery__hero img, .xen-dining__hero img, .xen-offers__hero img, .xen-rooms__hero img, .xen-hero img, .mrkc-wel-hero img {\n    height: 700px !important;\n    min-height: 700px !important;\n    max-height: 700px !important;\n    object-fit: cover !important;\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Check-in Check-out Rooms \u2212 1 + Guests \u2212 2 + Book Now Xe [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":210,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":5468,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/10\/revisions\/5468"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}