{"id":58,"date":"2026-03-27T02:43:06","date_gmt":"2026-03-27T02:43:06","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/xenhotelnakhonpathom\/home\/"},"modified":"2026-07-22T14:57:37","modified_gmt":"2026-07-22T14:57:37","slug":"home","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=\"58\" class=\"elementor elementor-58\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40800bdd e-con-full e-flex e-con e-parent\" data-id=\"40800bdd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71b41d06 elementor-widget elementor-widget-html\" data-id=\"71b41d06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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<style>\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: #1f6f78;\n    --xen-teal-dark: #14535b;\n    --xen-ink: #2d2926;\n    --xen-muted: #6f7477;\n    --xen-line: #d9e2e5;\n    --xen-soft: #f4f8f9;\n    --xen-white: #ffffff;\n    --xen-display: 'Montserrat', sans-serif;\n    --xen-body: 'Kanit', sans-serif;\n    color: var(--xen-ink);\n    width: 100%;\n    overflow: hidden;\n    font-family: var(--xen-body);\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;\n    text-decoration: none;\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: var(--xen-display);\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: var(--xen-display);\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: var(--xen-display);\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: var(--xen-display);\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: var(--xen-display);\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: grid;\n    grid-template-columns: minmax(0, 1fr) 490px;\n    gap: 72px;\n    align-items: start;\n    margin-top: -54px;\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: var(--xen-display);\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    display: grid;\n    grid-template-columns: 22% 1fr;\n    gap: 0;\n    width: 100%;\n    height: 2px;\n    margin: 22px 0 22px;\n    background: var(--xen-line);\n  }\n\n  .xen-home__intro-rule span {\n    background: var(--xen-blue);\n  }\n\n  .xen-home__intro p {\n    max-width: 650px;\n    margin: 0;\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: var(--xen-display);\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: var(--xen-display);\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: var(--xen-display);\n    font-size: 18px;\n    cursor: pointer;\n  }\n\n  .xen-home__counter-value {\n    min-width: 18px;\n    font-family: var(--xen-display);\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: var(--xen-display);\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  }\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: var(--xen-display);\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: var(--xen-display);\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: grid;\n    grid-auto-columns: calc((100% - 52px) \/ 3);\n    grid-auto-flow: column;\n    gap: 26px;\n    overflow-x: auto;\n    padding-bottom: 12px;\n    scrollbar-width: none;\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n  }\n\n  .xen-home__rail::-webkit-scrollbar {\n    display: none;\n  }\n\n  .xen-home__rooms-rail {\n    grid-auto-columns: clamp(320px, 23vw, 430px);\n    gap: clamp(26px, 2.3vw, 44px);\n    padding: 0 0 18px;\n    scroll-snap-type: none;\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: var(--xen-display);\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: var(--xen-display);\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: var(--xen-display);\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);\n    color: var(--xen-white);\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: var(--xen-display);\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: var(--xen-display);\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);\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: var(--xen-display);\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: var(--xen-display);\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: var(--xen-display);\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 {\n      grid-template-columns: minmax(0, 1fr) 450px;\n      gap: 42px;\n    }\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 {\n      grid-template-columns: 1fr;\n      gap: 38px;\n      margin-top: -34px;\n      padding-bottom: 84px;\n    }\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      grid-auto-columns: 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      grid-auto-columns: 58vw;\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 {\n      margin-top: -26px;\n      padding-bottom: 70px;\n    }\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      grid-auto-columns: 86%;\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      grid-auto-columns: 82vw;\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<\/style>\n\n<div class=\"xen-home\" id=\"xen-home\">\n  <section class=\"xen-home__hero\" aria-label=\"Xen Hotel Nakhon Pathom\">\n    <div class=\"xen-home__hero-copy\">\n      <h1>STAY SMART. STAY COMFORTABLE. STAY XEN.<\/h1>\n    <\/div>\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  <\/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\n    <form class=\"xen-home__booking\" data-xen-booking>\n      <div class=\"xen-home__date-row\">\n        <div class=\"xen-home__field\">\n          <label for=\"xen-check-in\">Check in<\/label>\n          <input id=\"xen-check-in\" name=\"check-in\" type=\"date\" required data-xen-checkin>\n        <\/div>\n        <div class=\"xen-home__date-arrow\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 32 12\" fill=\"none\"><path d=\"M1 6h29M25 1l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/div>\n        <div class=\"xen-home__field\">\n          <label for=\"xen-check-out\">Check out<\/label>\n          <input id=\"xen-check-out\" name=\"check-out\" type=\"date\" required data-xen-checkout>\n        <\/div>\n      <\/div>\n\n      <div class=\"xen-home__counter-row\">\n        <div class=\"xen-home__counter\" data-xen-counter data-min=\"1\" data-max=\"8\">\n          <span class=\"xen-home__counter-label\">Adults<\/span>\n          <div class=\"xen-home__counter-control\">\n            <button type=\"button\" aria-label=\"Decrease adults\" data-xen-decrease>\u2212<\/button>\n            <span class=\"xen-home__counter-value\" data-xen-value>2<\/span>\n            <button type=\"button\" aria-label=\"Increase adults\" data-xen-increase>+<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"xen-home__counter\" data-xen-counter data-min=\"0\" data-max=\"6\">\n          <span class=\"xen-home__counter-label\">Children<\/span>\n          <div class=\"xen-home__counter-control\">\n            <button type=\"button\" aria-label=\"Decrease children\" data-xen-decrease>\u2212<\/button>\n            <span class=\"xen-home__counter-value\" data-xen-value>0<\/span>\n            <button type=\"button\" aria-label=\"Increase children\" data-xen-increase>+<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"xen-home__booking-bottom\">\n        <div class=\"xen-home__hotel-name\">Xen Hotel<br>Nakhon Pathom<\/div>\n        <button class=\"xen-home__booking-submit\" type=\"submit\">Book Now<\/button>\n      <\/div>\n    <\/form>\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\">\n          <a class=\"xen-home__offer-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/offers\/\">\n            <div class=\"xen-home__offer-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2026\/03\/24-HOUR-STAY-PACKET.jpg\" alt=\"24-Hour Stay Flexibility offer\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__offer-content\"><span class=\"xen-home__offer-type\">Room Offer<\/span><h3>24-Hour Stay Flexibility<\/h3><\/div>\n          <\/a>\n          <a class=\"xen-home__offer-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/offers\/\">\n            <div class=\"xen-home__offer-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2023\/04\/338136889_704751001347888_5802254011902262770_n.jpg\" alt=\"Xen Fried Rice dining offer\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__offer-content\"><span class=\"xen-home__offer-type\">Dining Offer<\/span><h3>Xen Fried Rice<\/h3><\/div>\n          <\/a>\n          <a class=\"xen-home__offer-card\" href=\"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/offers\/\">\n            <div class=\"xen-home__offer-image\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2023\/04\/339087675_1243895326217949_8148429668700381347_n.jpg\" alt=\"Xen Beef Steak dining offer\" loading=\"lazy\"><\/div>\n            <div class=\"xen-home__offer-content\"><span class=\"xen-home__offer-type\">Dining Offer<\/span><h3>Xen Beef Steak<\/h3><\/div>\n          <\/a>\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      var bookingForm = root.querySelector('[data-xen-booking]');\n      var checkIn = root.querySelector('[data-xen-checkin]');\n      var checkOut = root.querySelector('[data-xen-checkout]');\n      var bookingUrl = 'https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=596&onlineId=4&accesscode=Member';\n\n      function formatDate(date) {\n        var year = date.getFullYear();\n        var month = String(date.getMonth() + 1).padStart(2, '0');\n        var day = String(date.getDate()).padStart(2, '0');\n        return year + '-' + month + '-' + day;\n      }\n\n      if (checkIn && checkOut) {\n        var today = new Date();\n        today.setHours(0, 0, 0, 0);\n        var tomorrow = new Date(today);\n        tomorrow.setDate(tomorrow.getDate() + 1);\n        checkIn.min = formatDate(today);\n        checkIn.value = formatDate(today);\n        checkOut.min = formatDate(tomorrow);\n        checkOut.value = formatDate(tomorrow);\n\n        checkIn.addEventListener('change', function () {\n          var nextDay = new Date(checkIn.value + 'T00:00:00');\n          nextDay.setDate(nextDay.getDate() + 1);\n          checkOut.min = formatDate(nextDay);\n          if (!checkOut.value || checkOut.value < checkOut.min) checkOut.value = checkOut.min;\n        });\n      }\n\n      root.querySelectorAll('[data-xen-counter]').forEach(function (counter) {\n        var value = counter.querySelector('[data-xen-value]');\n        var decrease = counter.querySelector('[data-xen-decrease]');\n        var increase = counter.querySelector('[data-xen-increase]');\n        var min = Number(counter.dataset.min || 0);\n        var max = Number(counter.dataset.max || 10);\n\n        function change(delta) {\n          var next = Math.min(max, Math.max(min, Number(value.textContent) + delta));\n          value.textContent = String(next);\n        }\n\n        decrease.addEventListener('click', function () { change(-1); });\n        increase.addEventListener('click', function () { change(1); });\n      });\n\n      root.querySelectorAll('[data-xen-slide-prev], [data-xen-slide-next]').forEach(function (button) {\n        button.addEventListener('click', function () {\n          var name = button.dataset.xenSlidePrev || button.dataset.xenSlideNext;\n          var slider = root.querySelector('[data-xen-slider=\"' + name + '\"]');\n          if (!slider) return;\n          var direction = button.hasAttribute('data-xen-slide-prev') ? -1 : 1;\n          var firstCard = slider.firstElementChild;\n          var gap = parseFloat(window.getComputedStyle(slider).columnGap) || 0;\n          var step = firstCard ? firstCard.getBoundingClientRect().width + gap : slider.clientWidth * 0.82;\n          slider.scrollBy({ left: direction * step, behavior: 'smooth' });\n        });\n      });\n\n      var roomsSlider = root.querySelector('[data-xen-slider=\"rooms\"]');\n      if (roomsSlider && window.innerWidth > 980) {\n        roomsSlider.scrollLeft = Math.max(0, (roomsSlider.scrollWidth - roomsSlider.clientWidth) \/ 2);\n      }\n\n      if (bookingForm) {\n        bookingForm.addEventListener('submit', function (event) {\n          event.preventDefault();\n          window.open(bookingUrl, '_blank', 'noopener');\n        });\n      }\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initXenHome);\n    } else {\n      initXenHome();\n    }\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>STAY SMART. STAY COMFORTABLE. STAY XEN. Xen Hotel Nakhon Pathom 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. Check in Check out Adults \u2212 2 + Children \u2212 0 + Xen HotelNakhon Pathom [&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-58","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/58","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=58"}],"version-history":[{"count":25,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/58\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}