Contact Us - Xen Hotel Nakhon Pathom<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\n \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 \/* ==========================================================================\n 1. CORE VARIABLES & SETUP\n ========================================================================== *\/\n :root {\n --xen-primary: #2860a3;\n \/* Xen Blue *\/\n --xen-primary-dark: #1e4575;\n \/* Xen Blue Hover *\/\n --xen-secondary: #f4f6f8;\n \/* Light Gray Background *\/\n --xen-text-dark: #333333;\n \/* Dark Text *\/\n --xen-text-light: #666666;\n \/* Light Text *\/\n --xen-white: #ffffff;\n --xen-border: #e0e0e0;\n \/* Border Color *\/\n\n --font-primary: 'Noto Sans Thai', sans-serif;\n\n --max-width: 1200px;\n --max-width-narrow: 1000px;\n --border-radius: 4px;\n --box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n --transition: all 0.3s ease;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: var(--font-primary);\n color: var(--xen-text-dark);\n line-height: 1.6;\n background-color: var(--xen-secondary);\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: var(--xen-text-dark);\n font-weight: 400;\n margin-top: 0;\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n a {\n color: var(--xen-primary);\n text-decoration: none;\n transition: var(--transition);\n }\n\n a:hover {\n color: var(--xen-primary-dark);\n }\n\n \/* ==========================================================================\n 2. NAMESPACE WRAPPER\n ========================================================================== *\/\n .xen-widget {\n \/* Ensures styles are contained when embedded in Elementor *\/\n width: 100%;\n }\n\n \/* ==========================================================================\n 3. HERO SECTION\n ========================================================================== *\/\n .xen-hero {\n position: relative;\n height: 700px;\n background-color: #000;\n overflow: hidden;\n display: flex;\n align-items: flex-end;\n \/* Align to bottom like homepage *\/\n }\n\n .xen-hero::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 60%;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n z-index: 1;\n }\n\n .xen-image-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Exterior_1.jpg');\n background-size: cover;\n background-position: center;\n opacity: 0.8;\n transition: transform 5s ease;\n }\n\n .xen-hero:hover .xen-image-bg {\n transform: scale(1.05);\n }\n\n .xen-hero-content {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 0 20px 40px 20px;\n }\n\n .xen-hero-subtitle {\n font-size: 14px;\n color: var(--xen-white);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 5px;\n font-weight: 300;\n opacity: 0.9;\n }\n\n .xen-hero-title {\n font-size: 42px;\n color: var(--xen-white);\n font-weight: 400;\n letter-spacing: 1px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n margin: 0;\n }\n\n \/* ==========================================================================\n 4. MAIN CONTENT AREA\n ========================================================================== *\/\n .xen-container {\n max-width: var(--max-width);\n margin: 60px auto;\n padding: 0 20px;\n background-color: #ffffff;\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n overflow: hidden;\n }\n\n .xen-section-padding {\n padding: 60px 40px;\n }\n\n .xen-section-title {\n font-size: 28px;\n color: var(--xen-primary);\n margin-bottom: 30px;\n text-align: center;\n font-weight: 500;\n }\n\n .xen-section-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 2px;\n background-color: var(--xen-primary);\n margin: 15px auto 0;\n }\n\n \/* ==========================================================================\n 5. CONTACT LAYOUT\n ========================================================================== *\/\n .xen-contact-wrapper {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n margin-bottom: 60px;\n }\n\n .xen-contact-info h3 {\n font-size: 22px;\n margin-bottom: 25px;\n color: var(--xen-primary);\n }\n\n .xen-contact-info ul {\n list-style: none;\n padding: 0;\n }\n\n .xen-contact-info li {\n position: relative;\n padding-left: 45px;\n margin-bottom: 25px;\n font-weight: 300;\n font-size: 16px;\n line-height: 1.5;\n }\n\n .xen-contact-info li i {\n position: absolute;\n left: 0;\n top: 2px;\n color: var(--xen-white);\n background-color: var(--xen-primary);\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n }\n\n .xen-contact-info li a {\n font-weight: 400;\n overflow-wrap: anywhere;\n }\n\n .xen-contact-info li a:focus-visible {\n border-radius: 2px;\n outline: 2px solid rgba(40, 96, 163, 0.35);\n outline-offset: 4px;\n }\n\n \/* ==========================================================================\n 5.1 ABOUT\n ========================================================================== *\/\n .xen-about {\n margin-top: 60px;\n padding: 48px 52px;\n border-top: 1px solid var(--xen-border);\n background: var(--xen-secondary);\n text-align: center;\n }\n\n .xen-about .xen-section-title {\n margin-bottom: 24px;\n }\n\n .xen-about p {\n max-width: 920px;\n margin: 0 auto;\n color: var(--xen-text-light);\n font-size: 16px;\n font-weight: 300;\n line-height: 1.85;\n }\n\n \/* ==========================================================================\n 6. FORM STYLING\n ========================================================================== *\/\n .xen-contact-form {\n background-color: var(--xen-secondary);\n padding: 30px;\n border-radius: var(--border-radius);\n }\n\n .xen-contact-form h3 {\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .xen-form-group {\n margin-bottom: 20px;\n }\n\n .xen-form-control {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid var(--xen-border);\n border-radius: 4px;\n font-family: inherit;\n font-size: 15px;\n font-weight: 300;\n background-color: var(--xen-white);\n transition: var(--transition);\n }\n\n .xen-form-control:focus {\n outline: none;\n border-color: var(--xen-primary);\n box-shadow: 0 0 0 2px rgba(40, 96, 163, 0.1);\n }\n\n textarea.xen-form-control {\n resize: vertical;\n min-height: 120px;\n }\n\n .xen-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 12px 30px;\n background-color: var(--xen-primary);\n color: var(--xen-white);\n text-decoration: none;\n font-weight: 400;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-size: 14px;\n border-radius: 4px;\n transition: var(--transition);\n border: none;\n cursor: pointer;\n width: 100%;\n }\n\n .xen-btn:hover {\n background-color: var(--xen-primary-dark);\n color: var(--xen-white);\n transform: translateY(-2px);\n box-shadow: 0 4px 10px rgba(40, 96, 163, 0.3);\n }\n\n \/* ==========================================================================\n 7. MAP\n ========================================================================== *\/\n .xen-map iframe {\n width: 100%;\n height: 700px;\n border-radius: var(--border-radius);\n border: none;\n background-color: #f1f1f1;\n box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);\n }\n\n \/* ==========================================================================\n 8. ATTRACTIONS GRID\n ========================================================================== *\/\n .xen-attractions-section {\n background-color: var(--xen-secondary);\n padding: 60px 0;\n margin-top: 60px;\n }\n\n .xen-attractions-container {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .xen-attractions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .xen-attraction-card {\n background: #fff;\n border-radius: var(--border-radius);\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n }\n\n .xen-attraction-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n }\n\n .xen-attraction-img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n }\n\n .xen-attraction-content {\n padding: 20px;\n }\n\n .xen-attraction-title {\n font-size: 18px;\n font-weight: 500;\n color: var(--xen-text-dark);\n margin-bottom: 15px;\n line-height: 1.3;\n }\n\n .xen-attraction-meta {\n font-size: 14px;\n color: var(--xen-text-light);\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .xen-attraction-item {\n display: flex;\n align-items: center;\n }\n\n .xen-attraction-item i {\n color: var(--xen-primary);\n width: 20px;\n margin-right: 5px;\n }\n\n \/* ==========================================================================\n 9. RESPONSIVE DESIGN\n ========================================================================== *\/\n @media (max-width: 991px) {\n .xen-hero {\n height: 350px;\n }\n\n .xen-hero-title {\n font-size: 36px;\n }\n }\n\n @media (max-width: 768px) {\n .xen-contact-wrapper {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .xen-section-padding {\n padding: 40px 20px;\n }\n\n .xen-about {\n padding: 38px 24px;\n }\n\n .xen-hero {\n height: 300px;\n }\n\n .xen-hero-title {\n font-size: 32px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"xen-widget\">\n\n \n <section class=\"xen-hero\" aria-label=\"Contact Xen Hotel Nakhon Pathom\">\n <div class=\"xen-image-bg\"><\/div>\n <\/section>\n\n \n <main class=\"xen-container\">\n <div class=\"xen-section-padding\"><section class=\"xen-contact-intro\"><h1>Contact Us<\/h1><p>Get in touch with Xen Hotel Nakhon Pathom for room reservations, meeting enquiries, or assistance with your stay.<\/p><\/section>\n\n <div class=\"xen-contact-wrapper\">\n \n <div class=\"xen-contact-info\">\n <h3>Xen Hotel Nakhon Pathom<\/h3>\n <ul>\n <li>\n <i class=\"fas fa-map-marker-alt\"><\/i>\n 528\/330 Rachamanka Road, Sanam Chan, Mueang Nakhon Pathom, Nakhon Pathom 73000, Thailand\n <\/li>\n <li>\n <i class=\"fas fa-phone-alt\"><\/i>\n +66 (0) 34 900 500\n <\/li>\n <li>\n <i class=\"fas fa-fax\"><\/i>\n +66 (0) 34 900 505\n <\/li>\n <li>\n <i class=\"fas fa-envelope\"><\/i>\n <a href=\"mailto:rsvn_xhnp@mhg.co.th\">rsvn_xhnp@mhg.co.th<\/a>\n <\/li>\n <li>\n <i class=\"fab fa-facebook-f\"><\/i>\n <a href=\"https:\/\/www.facebook.com\/XenHotelNakhonPathom\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook: Xen Hotel Nakhon Pathom<\/a>\n <\/li>\n <li>\n <i class=\"fab fa-line\"><\/i>\n <a href=\"https:\/\/lin.ee\/ODCYs2S\" target=\"_blank\" rel=\"noopener noreferrer\">LINE Official Account<\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"xen-contact-form\">\n <h3>Send Us a Message<\/h3>\n <form action=\"#\" method=\"post\">\n <div class=\"xen-form-group\">\n <input type=\"text\" name=\"name\" class=\"xen-form-control\" placeholder=\"Name\" required>\n <\/div>\n <div class=\"xen-form-group\">\n <input type=\"email\" name=\"email\" class=\"xen-form-control\" placeholder=\"Email\" required>\n <\/div>\n <div class=\"xen-form-group\">\n <input type=\"tel\" name=\"phone\" class=\"xen-form-control\" placeholder=\"Phone\" required\n pattern=\"[0-9()#\\&\\+*\\-\\=\\.]+\">\n <\/div>\n <div class=\"xen-form-group\">\n <textarea name=\"message\" class=\"xen-form-control\" placeholder=\"Message\"><\/textarea>\n <\/div>\n <button class=\"xen-btn\" type=\"submit\">Send<\/button>\n <\/form>\n <\/div>\n <\/div>\n\n \n <h2 class=\"xen-section-title\">Location Map<\/h2>\n <div class=\"xen-map\">\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d15497.80099088587!2d100.054363!3d13.811981!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x6bda4ad52c3351c8!2sXen%20Hotel%20Nakhon%20Pathom!5e0!3m2!1sen!2sus!4v1648450933607!5m2!1sen!2sus\"\n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <\/div>\n\n \n\n <\/div>\n <\/main>\n\n \n \n <\/div>\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\n<\/body>\n\n<\/html>\n\n\n<style>\n * { font-family: 'Noto Sans Thai', sans-serif !important; }\n@media (max-width: 768px) {\n .xen-hero { height: 350px !important; min-height: 350px !important; max-height: 350px !important; }\n .xen-hero img { height: 350px !important; min-height: 350px !important; max-height: 350px !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>Contact Us – Xen Hotel Nakhon Pathom \u0e42\u0e23\u0e07\u0e41\u0e23\u0e21 \u0e40\u0e0b\u0e47\u0e19 […]<\/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-1049","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/1049","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=1049"}],"version-history":[{"count":5,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/1049\/revisions"}],"predecessor-version":[{"id":5539,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/1049\/revisions\/5539"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/media?parent=1049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n \n \n \n Contact Us - Xen Hotel Nakhon Pathom<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\n \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 \/* ==========================================================================\n 1. CORE VARIABLES & SETUP\n ========================================================================== *\/\n :root {\n --xen-primary: #2860a3;\n \/* Xen Blue *\/\n --xen-primary-dark: #1e4575;\n \/* Xen Blue Hover *\/\n --xen-secondary: #f4f6f8;\n \/* Light Gray Background *\/\n --xen-text-dark: #333333;\n \/* Dark Text *\/\n --xen-text-light: #666666;\n \/* Light Text *\/\n --xen-white: #ffffff;\n --xen-border: #e0e0e0;\n \/* Border Color *\/\n\n --font-primary: 'Noto Sans Thai', sans-serif;\n\n --max-width: 1200px;\n --max-width-narrow: 1000px;\n --border-radius: 4px;\n --box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n --transition: all 0.3s ease;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: var(--font-primary);\n color: var(--xen-text-dark);\n line-height: 1.6;\n background-color: var(--xen-secondary);\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: var(--xen-text-dark);\n font-weight: 400;\n margin-top: 0;\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n a {\n color: var(--xen-primary);\n text-decoration: none;\n transition: var(--transition);\n }\n\n a:hover {\n color: var(--xen-primary-dark);\n }\n\n \/* ==========================================================================\n 2. NAMESPACE WRAPPER\n ========================================================================== *\/\n .xen-widget {\n \/* Ensures styles are contained when embedded in Elementor *\/\n width: 100%;\n }\n\n \/* ==========================================================================\n 3. HERO SECTION\n ========================================================================== *\/\n .xen-hero {\n position: relative;\n height: 700px;\n background-color: #000;\n overflow: hidden;\n display: flex;\n align-items: flex-end;\n \/* Align to bottom like homepage *\/\n }\n\n .xen-hero::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 60%;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);\n z-index: 1;\n }\n\n .xen-image-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/www.xenhotel-nakhonpathom.com\/wp-content\/uploads\/2022\/03\/Exterior_1.jpg');\n background-size: cover;\n background-position: center;\n opacity: 0.8;\n transition: transform 5s ease;\n }\n\n .xen-hero:hover .xen-image-bg {\n transform: scale(1.05);\n }\n\n .xen-hero-content {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 0 20px 40px 20px;\n }\n\n .xen-hero-subtitle {\n font-size: 14px;\n color: var(--xen-white);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 5px;\n font-weight: 300;\n opacity: 0.9;\n }\n\n .xen-hero-title {\n font-size: 42px;\n color: var(--xen-white);\n font-weight: 400;\n letter-spacing: 1px;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n margin: 0;\n }\n\n \/* ==========================================================================\n 4. MAIN CONTENT AREA\n ========================================================================== *\/\n .xen-container {\n max-width: var(--max-width);\n margin: 60px auto;\n padding: 0 20px;\n background-color: #ffffff;\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n overflow: hidden;\n }\n\n .xen-section-padding {\n padding: 60px 40px;\n }\n\n .xen-section-title {\n font-size: 28px;\n color: var(--xen-primary);\n margin-bottom: 30px;\n text-align: center;\n font-weight: 500;\n }\n\n .xen-section-title::after {\n content: '';\n display: block;\n width: 60px;\n height: 2px;\n background-color: var(--xen-primary);\n margin: 15px auto 0;\n }\n\n \/* ==========================================================================\n 5. CONTACT LAYOUT\n ========================================================================== *\/\n .xen-contact-wrapper {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n margin-bottom: 60px;\n }\n\n .xen-contact-info h3 {\n font-size: 22px;\n margin-bottom: 25px;\n color: var(--xen-primary);\n }\n\n .xen-contact-info ul {\n list-style: none;\n padding: 0;\n }\n\n .xen-contact-info li {\n position: relative;\n padding-left: 45px;\n margin-bottom: 25px;\n font-weight: 300;\n font-size: 16px;\n line-height: 1.5;\n }\n\n .xen-contact-info li i {\n position: absolute;\n left: 0;\n top: 2px;\n color: var(--xen-white);\n background-color: var(--xen-primary);\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n }\n\n .xen-contact-info li a {\n font-weight: 400;\n overflow-wrap: anywhere;\n }\n\n .xen-contact-info li a:focus-visible {\n border-radius: 2px;\n outline: 2px solid rgba(40, 96, 163, 0.35);\n outline-offset: 4px;\n }\n\n \/* ==========================================================================\n 5.1 ABOUT\n ========================================================================== *\/\n .xen-about {\n margin-top: 60px;\n padding: 48px 52px;\n border-top: 1px solid var(--xen-border);\n background: var(--xen-secondary);\n text-align: center;\n }\n\n .xen-about .xen-section-title {\n margin-bottom: 24px;\n }\n\n .xen-about p {\n max-width: 920px;\n margin: 0 auto;\n color: var(--xen-text-light);\n font-size: 16px;\n font-weight: 300;\n line-height: 1.85;\n }\n\n \/* ==========================================================================\n 6. FORM STYLING\n ========================================================================== *\/\n .xen-contact-form {\n background-color: var(--xen-secondary);\n padding: 30px;\n border-radius: var(--border-radius);\n }\n\n .xen-contact-form h3 {\n font-size: 22px;\n margin-bottom: 20px;\n }\n\n .xen-form-group {\n margin-bottom: 20px;\n }\n\n .xen-form-control {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid var(--xen-border);\n border-radius: 4px;\n font-family: inherit;\n font-size: 15px;\n font-weight: 300;\n background-color: var(--xen-white);\n transition: var(--transition);\n }\n\n .xen-form-control:focus {\n outline: none;\n border-color: var(--xen-primary);\n box-shadow: 0 0 0 2px rgba(40, 96, 163, 0.1);\n }\n\n textarea.xen-form-control {\n resize: vertical;\n min-height: 120px;\n }\n\n .xen-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 12px 30px;\n background-color: var(--xen-primary);\n color: var(--xen-white);\n text-decoration: none;\n font-weight: 400;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-size: 14px;\n border-radius: 4px;\n transition: var(--transition);\n border: none;\n cursor: pointer;\n width: 100%;\n }\n\n .xen-btn:hover {\n background-color: var(--xen-primary-dark);\n color: var(--xen-white);\n transform: translateY(-2px);\n box-shadow: 0 4px 10px rgba(40, 96, 163, 0.3);\n }\n\n \/* ==========================================================================\n 7. MAP\n ========================================================================== *\/\n .xen-map iframe {\n width: 100%;\n height: 700px;\n border-radius: var(--border-radius);\n border: none;\n background-color: #f1f1f1;\n box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);\n }\n\n \/* ==========================================================================\n 8. ATTRACTIONS GRID\n ========================================================================== *\/\n .xen-attractions-section {\n background-color: var(--xen-secondary);\n padding: 60px 0;\n margin-top: 60px;\n }\n\n .xen-attractions-container {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .xen-attractions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 40px;\n }\n\n .xen-attraction-card {\n background: #fff;\n border-radius: var(--border-radius);\n overflow: hidden;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n }\n\n .xen-attraction-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n }\n\n .xen-attraction-img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n }\n\n .xen-attraction-content {\n padding: 20px;\n }\n\n .xen-attraction-title {\n font-size: 18px;\n font-weight: 500;\n color: var(--xen-text-dark);\n margin-bottom: 15px;\n line-height: 1.3;\n }\n\n .xen-attraction-meta {\n font-size: 14px;\n color: var(--xen-text-light);\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .xen-attraction-item {\n display: flex;\n align-items: center;\n }\n\n .xen-attraction-item i {\n color: var(--xen-primary);\n width: 20px;\n margin-right: 5px;\n }\n\n \/* ==========================================================================\n 9. RESPONSIVE DESIGN\n ========================================================================== *\/\n @media (max-width: 991px) {\n .xen-hero {\n height: 350px;\n }\n\n .xen-hero-title {\n font-size: 36px;\n }\n }\n\n @media (max-width: 768px) {\n .xen-contact-wrapper {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .xen-section-padding {\n padding: 40px 20px;\n }\n\n .xen-about {\n padding: 38px 24px;\n }\n\n .xen-hero {\n height: 300px;\n }\n\n .xen-hero-title {\n font-size: 32px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"xen-widget\">\n\n \n <section class=\"xen-hero\" aria-label=\"Contact Xen Hotel Nakhon Pathom\">\n <div class=\"xen-image-bg\"><\/div>\n <\/section>\n\n \n <main class=\"xen-container\">\n <div class=\"xen-section-padding\"><section class=\"xen-contact-intro\"><h1>Contact Us<\/h1><p>Get in touch with Xen Hotel Nakhon Pathom for room reservations, meeting enquiries, or assistance with your stay.<\/p><\/section>\n\n <div class=\"xen-contact-wrapper\">\n \n <div class=\"xen-contact-info\">\n <h3>Xen Hotel Nakhon Pathom<\/h3>\n <ul>\n <li>\n <i class=\"fas fa-map-marker-alt\"><\/i>\n 528\/330 Rachamanka Road, Sanam Chan, Mueang Nakhon Pathom, Nakhon Pathom 73000, Thailand\n <\/li>\n <li>\n <i class=\"fas fa-phone-alt\"><\/i>\n +66 (0) 34 900 500\n <\/li>\n <li>\n <i class=\"fas fa-fax\"><\/i>\n +66 (0) 34 900 505\n <\/li>\n <li>\n <i class=\"fas fa-envelope\"><\/i>\n <a href=\"mailto:rsvn_xhnp@mhg.co.th\">rsvn_xhnp@mhg.co.th<\/a>\n <\/li>\n <li>\n <i class=\"fab fa-facebook-f\"><\/i>\n <a href=\"https:\/\/www.facebook.com\/XenHotelNakhonPathom\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook: Xen Hotel Nakhon Pathom<\/a>\n <\/li>\n <li>\n <i class=\"fab fa-line\"><\/i>\n <a href=\"https:\/\/lin.ee\/ODCYs2S\" target=\"_blank\" rel=\"noopener noreferrer\">LINE Official Account<\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"xen-contact-form\">\n <h3>Send Us a Message<\/h3>\n <form action=\"#\" method=\"post\">\n <div class=\"xen-form-group\">\n <input type=\"text\" name=\"name\" class=\"xen-form-control\" placeholder=\"Name\" required>\n <\/div>\n <div class=\"xen-form-group\">\n <input type=\"email\" name=\"email\" class=\"xen-form-control\" placeholder=\"Email\" required>\n <\/div>\n <div class=\"xen-form-group\">\n <input type=\"tel\" name=\"phone\" class=\"xen-form-control\" placeholder=\"Phone\" required\n pattern=\"[0-9()#\\&\\+*\\-\\=\\.]+\">\n <\/div>\n <div class=\"xen-form-group\">\n <textarea name=\"message\" class=\"xen-form-control\" placeholder=\"Message\"><\/textarea>\n <\/div>\n <button class=\"xen-btn\" type=\"submit\">Send<\/button>\n <\/form>\n <\/div>\n <\/div>\n\n \n <h2 class=\"xen-section-title\">Location Map<\/h2>\n <div class=\"xen-map\">\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d15497.80099088587!2d100.054363!3d13.811981!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x6bda4ad52c3351c8!2sXen%20Hotel%20Nakhon%20Pathom!5e0!3m2!1sen!2sus!4v1648450933607!5m2!1sen!2sus\"\n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <\/div>\n\n \n\n <\/div>\n <\/main>\n\n \n \n <\/div>\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\n<\/body>\n\n<\/html>\n\n\n<style>\n * { font-family: 'Noto Sans Thai', sans-serif !important; }\n@media (max-width: 768px) {\n .xen-hero { height: 350px !important; min-height: 350px !important; max-height: 350px !important; }\n .xen-hero img { height: 350px !important; min-height: 350px !important; max-height: 350px !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>Contact Us – Xen Hotel Nakhon Pathom \u0e42\u0e23\u0e07\u0e41\u0e23\u0e21 \u0e40\u0e0b\u0e47\u0e19 […]<\/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-1049","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/1049","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=1049"}],"version-history":[{"count":5,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/1049\/revisions"}],"predecessor-version":[{"id":5539,"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/pages\/1049\/revisions\/5539"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/xenhotelnakhonpathom\/wp-json\/wp\/v2\/media?parent=1049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}