{"id":43,"date":"2026-03-27T02:43:06","date_gmt":"2026-03-27T02:43:06","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/xenhotelnakhonpathom\/dining\/"},"modified":"2026-07-23T02:28:55","modified_gmt":"2026-07-23T02:28:55","slug":"dining","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/dining\/","title":{"rendered":"Dining"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43\" class=\"elementor elementor-43\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51344bc9 e-con-full e-flex e-con e-parent\" data-id=\"51344bc9\" 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-bbedfbd elementor-widget elementor-widget-html\" data-id=\"bbedfbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta charset=\"UTF-8\">\n<!--\n  XEN HOTEL NAKHON PATHOM \u2014 DINING PAGE\n  WordPress \/ Elementor HTML widget fragment\n  Layout reference: ref\/dining-ref.html\n  Copy source: XEN_NakhonPathom_Website_Brief.docx\n  Image source: XEN_NakhonPathom_Website_Images_by_Page.xlsx\n-->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500&family=Montserrat:wght@400;500;600&display=swap');\n\n  .xen-dining {\n    --xen-blue: #8dc8e8;\n    --xen-blue-deep: #70b6da;\n    --xen-ink: #53575a;\n    --xen-muted: #777d80;\n    --xen-line: #a7cfdf;\n    --xen-white: #fff;\n    --xen-display: 'Montserrat', sans-serif;\n    --xen-body: 'Kanit', sans-serif;\n    width: 100%;\n    overflow: hidden;\n    background: var(--xen-white);\n    color: var(--xen-ink);\n    font-family: var(--xen-body);\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.75;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .xen-dining,\n  .xen-dining * {\n    box-sizing: border-box;\n  }\n\n  .xen-dining img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .xen-dining button {\n    border: 0;\n    padding: 0;\n    background: none;\n    color: inherit;\n    font: inherit;\n  }\n\n  .xen-dining :focus-visible {\n    outline: 3px solid rgba(141, 200, 232, .72);\n    outline-offset: 4px;\n  }\n\n  .xen-dining__hero {\n    width: 100%;\n    height: clamp(300px, 32vw, 420px);\n    background-image: url('https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_3.jpg');\n    background-position: center 52%;\n    background-size: cover;\n  }\n\n  .xen-dining__body {\n    padding: 76px 0 118px;\n  }\n\n  .xen-dining__title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 18px;\n    width: min(1040px, calc(100% - 40px));\n    margin: 0 auto 94px;\n    text-align: center;\n  }\n\n  .xen-dining__title h1 {\n    flex: 0 1 auto;\n    margin: 0;\n    color: var(--xen-ink);\n    font-family: var(--xen-display);\n    font-size: clamp(27px, 3vw, 38px);\n    font-weight: 500;\n    line-height: 1.25;\n    letter-spacing: .045em;\n  }\n\n  .xen-dining__dots {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: 5px;\n  }\n\n  .xen-dining__dots span {\n    width: 3px;\n    height: 3px;\n    border-radius: 50%;\n    background: var(--xen-blue);\n  }\n\n  .xen-dining__dots span:nth-child(4),\n  .xen-dining__dots span:nth-child(5) {\n    width: 7px;\n    border-radius: 2px;\n  }\n\n  .xen-dining__venues {\n    display: grid;\n    gap: 142px;\n    width: min(1160px, calc(100% - 48px));\n    margin-inline: auto;\n  }\n\n  .xen-dining__venue {\n    display: grid;\n    grid-template-columns: minmax(360px, .86fr) minmax(0, 1.22fr);\n    align-items: center;\n    min-width: 0;\n  }\n\n  .xen-dining__panel {\n    position: relative;\n    z-index: 1;\n    min-height: 382px;\n    border: 1px solid var(--xen-line);\n    padding: 60px 88px 54px 60px;\n    background: var(--xen-white);\n  }\n\n  .xen-dining__venue--reverse {\n    grid-template-columns: minmax(0, 1.22fr) minmax(360px, .86fr);\n  }\n\n  .xen-dining__venue--reverse .xen-dining__panel {\n    grid-column: 2;\n    grid-row: 1;\n    padding: 60px 60px 54px 88px;\n  }\n\n  .xen-dining__venue-name {\n    margin: 0 0 26px;\n    color: var(--xen-ink);\n    font-family: var(--xen-display);\n    font-size: clamp(24px, 2.2vw, 31px);\n    font-weight: 500;\n    line-height: 1.25;\n    letter-spacing: .035em;\n  }\n\n  .xen-dining__description {\n    display: -webkit-box;\n    margin: 0;\n    overflow: hidden;\n    color: var(--xen-muted);\n    font-family: var(--xen-body);\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.85;\n    letter-spacing: .045em;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n\n  .xen-dining__detail-trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 25px;\n    color: var(--xen-blue-deep);\n    font-family: var(--xen-display);\n    font-size: 12px;\n    font-weight: 500;\n    letter-spacing: .14em;\n    cursor: pointer;\n    text-transform: uppercase;\n  }\n\n  .xen-dining__detail-trigger svg {\n    width: 19px;\n    height: 12px;\n    transition: transform 180ms ease;\n  }\n\n  .xen-dining__detail-trigger:hover svg {\n    transform: translateX(4px);\n  }\n\n  .xen-dining__media {\n    position: relative;\n    z-index: 2;\n    min-width: 0;\n    margin-left: -70px;\n  }\n\n  .xen-dining__venue--reverse .xen-dining__media {\n    grid-column: 1;\n    grid-row: 1;\n    margin-right: -70px;\n    margin-left: 0;\n  }\n\n  .xen-dining__viewport {\n    position: relative;\n    aspect-ratio: 1.59 \/ 1;\n    overflow: hidden;\n    background: #eef3f4;\n  }\n\n  .xen-dining__track {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    transform: translate3d(0, 0, 0);\n    transition: transform 550ms cubic-bezier(.25, .1, .25, 1);\n    will-change: transform;\n  }\n\n  .xen-dining__slide {\n    min-width: 100%;\n    height: 100%;\n  }\n\n  .xen-dining__slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .xen-dining__controls {\n    position: absolute;\n    right: -48px;\n    bottom: 20px;\n    z-index: 5;\n    display: grid;\n    grid-template-columns: repeat(2, 50px);\n    background: var(--xen-blue);\n  }\n\n  .xen-dining__venue--reverse .xen-dining__controls {\n    right: auto;\n    left: -48px;\n  }\n\n  .xen-dining__arrow {\n    display: grid;\n    width: 50px;\n    height: 50px;\n    place-items: center;\n    color: var(--xen-white);\n    cursor: pointer;\n    transition: background-color 180ms ease;\n  }\n\n  .xen-dining__arrow:hover {\n    background: rgba(37, 114, 128, .22);\n  }\n\n  .xen-dining__arrow svg {\n    width: 20px;\n    height: 20px;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.2;\n  }\n\n  .xen-dining__detail[hidden] {\n    display: none;\n  }\n\n  .xen-dining__detail {\n    position: absolute;\n    inset: 0;\n    z-index: 4;\n    display: grid;\n    align-content: center;\n    padding: 56px 72px;\n    background: rgba(42, 50, 53, .94);\n    color: var(--xen-white);\n  }\n\n  .xen-dining__detail h3 {\n    margin: 0 0 24px;\n    font-family: var(--xen-display);\n    font-size: clamp(23px, 2vw, 31px);\n    font-weight: 500;\n    line-height: 1.3;\n    letter-spacing: .035em;\n  }\n\n  .xen-dining__detail-list {\n    display: grid;\n    gap: 10px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .xen-dining__detail-list li {\n    display: grid;\n    grid-template-columns: 96px 1fr;\n    gap: 18px;\n    border-bottom: 1px solid rgba(255, 255, 255, .18);\n    padding-bottom: 9px;\n    font-size: 15px;\n  }\n\n  .xen-dining__detail-list strong {\n    font-family: var(--xen-display);\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n  }\n\n  .xen-dining__detail-close {\n    position: absolute;\n    top: 24px;\n    right: 24px;\n    display: grid;\n    width: 38px;\n    height: 38px;\n    place-items: center;\n    color: var(--xen-white);\n    cursor: pointer;\n  }\n\n  .xen-dining__detail-close svg {\n    width: 21px;\n    height: 21px;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-width: 1.4;\n  }\n\n  .xen-dining__sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n  }\n\n  @media (max-width: 1040px) {\n    .xen-dining__venue,\n    .xen-dining__venue--reverse {\n      grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr);\n    }\n\n    .xen-dining__venue--reverse {\n      grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);\n    }\n\n    .xen-dining__panel,\n    .xen-dining__venue--reverse .xen-dining__panel {\n      min-height: 340px;\n      padding: 46px 60px;\n    }\n\n    .xen-dining__media {\n      margin-left: -42px;\n    }\n\n    .xen-dining__venue--reverse .xen-dining__media {\n      margin-right: -42px;\n    }\n\n    .xen-dining__controls {\n      right: 0;\n      bottom: 0;\n    }\n\n    .xen-dining__venue--reverse .xen-dining__controls {\n      left: 0;\n    }\n  }\n\n  @media (max-width: 780px) {\n    .xen-dining__hero {\n      height: 300px;\n    }\n\n    .xen-dining__body {\n      padding: 58px 0 78px;\n    }\n\n    .xen-dining__title {\n      gap: 10px;\n      margin-bottom: 58px;\n    }\n\n    .xen-dining__title h1 {\n      max-width: 570px;\n      font-size: clamp(25px, 5vw, 32px);\n    }\n\n    .xen-dining__dots span:nth-child(n+6) {\n      display: none;\n    }\n\n    .xen-dining__venues {\n      gap: 78px;\n      width: min(100% - 32px, 680px);\n    }\n\n    .xen-dining__venue,\n    .xen-dining__venue--reverse {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .xen-dining__panel,\n    .xen-dining__venue--reverse .xen-dining__panel {\n      order: 2;\n      width: calc(100% - 28px);\n      min-height: 0;\n      margin: -30px 0 0;\n      padding: 52px 28px 34px;\n    }\n\n    .xen-dining__media,\n    .xen-dining__venue--reverse .xen-dining__media {\n      order: 1;\n      width: 100%;\n      margin: 0;\n    }\n\n    .xen-dining__description {\n      -webkit-line-clamp: 5;\n    }\n\n    .xen-dining__controls,\n    .xen-dining__venue--reverse .xen-dining__controls {\n      top: auto;\n      right: 0;\n      bottom: 0;\n      left: auto;\n    }\n\n    .xen-dining__detail {\n      padding: 48px 40px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .xen-dining__hero {\n      height: 245px;\n      background-position: 48% center;\n    }\n\n    .xen-dining__body {\n      padding-top: 46px;\n    }\n\n    .xen-dining__title {\n      width: calc(100% - 32px);\n      margin-bottom: 46px;\n    }\n\n    .xen-dining__title h1 {\n      font-size: 25px;\n      letter-spacing: .02em;\n    }\n\n    .xen-dining__dots span:nth-child(n+4) {\n      display: none;\n    }\n\n    .xen-dining__viewport {\n      aspect-ratio: 1.15 \/ 1;\n    }\n\n    .xen-dining__panel,\n    .xen-dining__venue--reverse .xen-dining__panel {\n      width: calc(100% - 20px);\n      margin-top: -20px;\n      padding: 42px 22px 28px;\n    }\n\n    .xen-dining__venue-name {\n      margin-bottom: 18px;\n    }\n\n    .xen-dining__description {\n      font-size: 15px;\n      line-height: 1.75;\n      letter-spacing: .025em;\n    }\n\n    .xen-dining__arrow {\n      width: 44px;\n      height: 44px;\n    }\n\n    .xen-dining__controls {\n      grid-template-columns: repeat(2, 44px);\n    }\n\n    .xen-dining__detail {\n      padding: 52px 24px 24px;\n    }\n\n    .xen-dining__detail-list li {\n      grid-template-columns: 1fr;\n      gap: 2px;\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .xen-dining *,\n    .xen-dining *::before,\n    .xen-dining *::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-dining\" id=\"xen-dining\">\n  <section class=\"xen-dining__hero\" aria-label=\"Xen Caf\u00e9 dining room\"><\/section>\n\n  <main class=\"xen-dining__body\">\n    <div class=\"xen-dining__title\">\n      <div class=\"xen-dining__dots\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n      <h1>Dine with Us at Xen Hotel Nakhon Pathom<\/h1>\n      <div class=\"xen-dining__dots\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\n    <\/div>\n\n    <div class=\"xen-dining__venues\">\n      <article class=\"xen-dining__venue\" data-xen-dining-carousel data-autoplay=\"5200\">\n        <div class=\"xen-dining__panel\">\n          <h2 class=\"xen-dining__venue-name\">Xen Caf\u00e9<\/h2>\n          <p class=\"xen-dining__description\">Xen Caf\u00e9 serves a wide selection of Thai and international dishes, including popular local favourites and value-for-money promotions. Enjoy an \u00e0 la carte or buffet breakfast, followed by quality quick meals and \u00e0 la carte choices for lunch and dinner.<\/p>\n          <button class=\"xen-dining__detail-trigger\" type=\"button\" data-xen-dining-detail-open aria-expanded=\"false\">\n            Detail\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 14\"><path d=\"M1 7h20M15 1l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.2\"\/><\/svg>\n          <\/button>\n        <\/div>\n\n        <div class=\"xen-dining__media\">\n          <div class=\"xen-dining__viewport\">\n            <div class=\"xen-dining__track\" data-xen-dining-track>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_1.jpg\" alt=\"Dining room at Xen Caf\u00e9\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_2.jpg\" alt=\"Buffet area at Xen Caf\u00e9\" loading=\"lazy\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_3.jpg\" alt=\"Bar counter at Xen Caf\u00e9\" loading=\"lazy\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_4.jpg\" alt=\"Event seating at Xen Caf\u00e9\" loading=\"lazy\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_5.jpg\" alt=\"Breakfast selection at Xen Caf\u00e9\" loading=\"lazy\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_6.jpg\" alt=\"Breakfast beverages at Xen Caf\u00e9\" loading=\"lazy\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_7.jpg\" alt=\"Fresh fruit station at Xen Caf\u00e9\" loading=\"lazy\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Xen-Cafe_9.jpg\" alt=\"Buffet line at Xen Caf\u00e9\" loading=\"lazy\"><\/div>\n            <\/div>\n\n            <div class=\"xen-dining__detail\" data-xen-dining-detail hidden>\n              <button class=\"xen-dining__detail-close\" type=\"button\" data-xen-dining-detail-close aria-label=\"Close Xen Caf\u00e9 details\">\n                <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 5l14 14M19 5L5 19\"\/><\/svg>\n              <\/button>\n              <h3>Xen Caf\u00e9<\/h3>\n              <ul class=\"xen-dining__detail-list\">\n                <li><strong>Dining<\/strong><span>Breakfast, lunch and dinner<\/span><\/li>\n                <li><strong>Cuisine<\/strong><span>Thai, international and local favourites<\/span><\/li>\n                <li><strong>Hours<\/strong><span>Open daily, 06:00\u201323:00<\/span><\/li>\n                <li><strong>Location<\/strong><span>Ground Floor<\/span><\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n          <div class=\"xen-dining__controls\">\n            <button class=\"xen-dining__arrow\" type=\"button\" data-xen-dining-prev aria-label=\"Previous Xen Caf\u00e9 image\">\n              <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>\n            <\/button>\n            <button class=\"xen-dining__arrow\" type=\"button\" data-xen-dining-next aria-label=\"Next Xen Caf\u00e9 image\">\n              <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\"\/><\/svg>\n            <\/button>\n          <\/div>\n          <p class=\"xen-dining__sr-only\" aria-live=\"polite\" data-xen-dining-status>Xen Caf\u00e9 image 1 of 8<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"xen-dining__venue xen-dining__venue--reverse\" data-xen-dining-carousel data-autoplay=\"5600\">\n        <div class=\"xen-dining__panel\">\n          <h2 class=\"xen-dining__venue-name\">Caf\u00e9 Amazon<\/h2>\n          <p class=\"xen-dining__description\">Set in a quiet corner, Caf\u00e9 Amazon is a relaxed place to enjoy freshly brewed coffee while watching the world go by. Pair your favourite drink with a selection of cakes and breads for an easy break at any time of day.<\/p>\n          <button class=\"xen-dining__detail-trigger\" type=\"button\" data-xen-dining-detail-open aria-expanded=\"false\">\n            Detail\n            <svg aria-hidden=\"true\" viewBox=\"0 0 24 14\"><path d=\"M1 7h20M15 1l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.2\"\/><\/svg>\n          <\/button>\n        <\/div>\n\n        <div class=\"xen-dining__media\">\n          <div class=\"xen-dining__viewport\">\n            <div class=\"xen-dining__track\" data-xen-dining-track>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2019\/07\/IMG_1544.jpg\" alt=\"Outdoor seating at Caf\u00e9 Amazon\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2019\/07\/IMG_1410.jpg\" alt=\"Coffee counter inside Caf\u00e9 Amazon\" loading=\"lazy\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2019\/07\/IMG_1412.jpg\" alt=\"Window seating inside Caf\u00e9 Amazon\" loading=\"lazy\"><\/div>\n              <div class=\"xen-dining__slide\"><img decoding=\"async\" src=\"https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2019\/07\/IMG_1384-1.jpg\" alt=\"Caf\u00e9 Amazon sign at Xen Hotel Nakhon Pathom\" loading=\"lazy\"><\/div>\n            <\/div>\n\n            <div class=\"xen-dining__detail\" data-xen-dining-detail hidden>\n              <button class=\"xen-dining__detail-close\" type=\"button\" data-xen-dining-detail-close aria-label=\"Close Caf\u00e9 Amazon details\">\n                <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 5l14 14M19 5L5 19\"\/><\/svg>\n              <\/button>\n              <h3>Caf\u00e9 Amazon<\/h3>\n              <ul class=\"xen-dining__detail-list\">\n                <li><strong>Menu<\/strong><span>Freshly brewed coffee, beverages, cakes and breads<\/span><\/li>\n                <li><strong>Setting<\/strong><span>Quiet indoor and outdoor seating<\/span><\/li>\n                <li><strong>Hours<\/strong><span>Open daily, 06:00\u201320:00<\/span><\/li>\n                <li><strong>Location<\/strong><span>Ground Floor, beside the hotel forecourt<\/span><\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n\n          <div class=\"xen-dining__controls\">\n            <button class=\"xen-dining__arrow\" type=\"button\" data-xen-dining-prev aria-label=\"Previous Caf\u00e9 Amazon image\">\n              <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>\n            <\/button>\n            <button class=\"xen-dining__arrow\" type=\"button\" data-xen-dining-next aria-label=\"Next Caf\u00e9 Amazon image\">\n              <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\"\/><\/svg>\n            <\/button>\n          <\/div>\n          <p class=\"xen-dining__sr-only\" aria-live=\"polite\" data-xen-dining-status>Caf\u00e9 Amazon image 1 of 4<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/main>\n<\/div>\n\n<script>\n  (function () {\n    function initXenDining() {\n      var root = document.getElementById('xen-dining');\n      if (!root || root.dataset.ready === 'true') return;\n      root.dataset.ready = 'true';\n\n      root.querySelectorAll('[data-xen-dining-carousel]').forEach(function (carousel) {\n        var track = carousel.querySelector('[data-xen-dining-track]');\n        var slides = carousel.querySelectorAll('.xen-dining__slide');\n        var previous = carousel.querySelector('[data-xen-dining-prev]');\n        var next = carousel.querySelector('[data-xen-dining-next]');\n        var status = carousel.querySelector('[data-xen-dining-status]');\n        var detail = carousel.querySelector('[data-xen-dining-detail]');\n        var detailOpen = carousel.querySelector('[data-xen-dining-detail-open]');\n        var detailClose = carousel.querySelector('[data-xen-dining-detail-close]');\n        var venueName = carousel.querySelector('.xen-dining__venue-name').textContent.trim();\n        var current = 0;\n        var timer = null;\n        var delay = Number(carousel.dataset.autoplay) || 5200;\n        var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n        function render() {\n          track.style.transform = 'translate3d(-' + (current * 100) + '%, 0, 0)';\n          if (status) status.textContent = venueName + ' image ' + (current + 1) + ' of ' + slides.length;\n        }\n\n        function go(step) {\n          current = (current + step + slides.length) % slides.length;\n          render();\n        }\n\n        function stopAutoplay() {\n          if (timer) window.clearInterval(timer);\n          timer = null;\n        }\n\n        function startAutoplay() {\n          stopAutoplay();\n          if (!reduceMotion && slides.length > 1 && detail.hidden) {\n            timer = window.setInterval(function () { go(1); }, delay);\n          }\n        }\n\n        function showDetail() {\n          stopAutoplay();\n          detail.hidden = false;\n          detailOpen.setAttribute('aria-expanded', 'true');\n          detailClose.focus();\n        }\n\n        function hideDetail() {\n          detail.hidden = true;\n          detailOpen.setAttribute('aria-expanded', 'false');\n          detailOpen.focus();\n          startAutoplay();\n        }\n\n        previous.addEventListener('click', function () { go(-1); startAutoplay(); });\n        next.addEventListener('click', function () { go(1); startAutoplay(); });\n        detailOpen.addEventListener('click', showDetail);\n        detailClose.addEventListener('click', hideDetail);\n        carousel.addEventListener('mouseenter', stopAutoplay);\n        carousel.addEventListener('mouseleave', startAutoplay);\n        carousel.addEventListener('focusin', stopAutoplay);\n        carousel.addEventListener('focusout', function (event) {\n          if (!carousel.contains(event.relatedTarget)) startAutoplay();\n        });\n        carousel.addEventListener('keydown', function (event) {\n          if (event.key === 'Escape' && !detail.hidden) hideDetail();\n        });\n\n        render();\n        startAutoplay();\n      });\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initXenDining);\n    } else {\n      initXenDining();\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>Dine with Us at Xen Hotel Nakhon Pathom Xen Caf\u00e9 Xen Caf\u00e9 serves a wide selection of Thai and international dishes, including popular local favourites and value-for-money promotions. Enjoy an \u00e0 la carte or buffet breakfast, followed by quality quick meals and \u00e0 la carte choices for lunch and dinner. Detail Xen Caf\u00e9 DiningBreakfast, lunch [&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-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/43","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=43"}],"version-history":[{"count":10,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/43\/revisions\/195"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}