{"id":270,"date":"2022-01-30T15:44:44","date_gmt":"2022-01-30T15:44:44","guid":{"rendered":"https:\/\/mhg.co.th\/aksornrayong\/?page_id=270"},"modified":"2026-08-31T15:59:31","modified_gmt":"2026-08-31T08:59:31","slug":"contact","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/aksornrayong\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"270\" class=\"elementor elementor-270\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b68d4b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7b68d4b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f2ae13\" data-id=\"3f2ae13\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-efd9c39 elementor-widget elementor-widget-html\" data-id=\"efd9c39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');\n\n    .aohh-contact, .aohh-contact *, .aohh-contact *::before, .aohh-contact *::after {\n      font-family: 'Noto Sans Thai', sans-serif !important;\n    }\n\n    \/* ===== CONTACT WIDGET \u2014 Aksorn Rayong ===== *\/\n    .aohh-contact { -webkit-font-smoothing: antialiased; }\n    .aohh-contact *, .aohh-contact *::before, .aohh-contact *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    .aohh-contact img { max-width: 100%; height: auto; display: block; }\n    .aohh-contact a { text-decoration: none; color: inherit; }\n  \n    \/* === Hero Banner === *\/\n    .aohh-contact-hero {\n      position: relative; width: 100%; height: 700px;\n      min-height: 700px; max-height: 700px; overflow: hidden; margin: 0; padding: 0;\n    }\n    .aohh-contact-hero__bg {\n      position: absolute; inset: 0;\n      background-image: url('https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/02\/IMG_6535-Pano.jpg');\n      background-size: cover; background-position: center;\n      animation: aohh-cken 22s ease-in-out infinite alternate;\n    }\n    @keyframes aohh-cken { 0%{transform:scale(1)} 100%{transform:scale(1.08)} }\n    .aohh-contact-hero__overlay {\n      position: absolute; inset: 0;\n      background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.55) 100%);\n      z-index: 1;\n    }\n    .aohh-contact-hero__content {\n      position: absolute; bottom: 15%; left: 50%;\n      transform: translateX(-50%); text-align: center; z-index: 2; color: #fff;\n    }\n    .aohh-contact-hero__content .overline {\n      display: inline-block; font-size: 13px; letter-spacing: 6px;\n      text-transform: uppercase; opacity: 0.75; margin-bottom: 16px; font-weight: 300;\n    }\n    .aohh-contact-hero__content h1 {\n      font-size: 48px; font-weight: 200; letter-spacing: 8px; text-transform: uppercase;\n    }\n    .aohh-contact-hero__scroll {\n      position: absolute; bottom: 32px; left: 50%;\n      transform: translateX(-50%); z-index: 2;\n      animation: aohh-cbounce 2.5s ease-in-out infinite;\n    }\n    .aohh-contact-hero__scroll svg { width: 28px; height: 28px; stroke: #fff; fill: none; stroke-width: 1.5; opacity: 0.7; }\n    @keyframes aohh-cbounce {\n      0%,100%{transform:translateX(-50%) translateY(0)}\n      50%{transform:translateX(-50%) translateY(10px)}\n    }\n  \n    \/* === Contact Info Grid === *\/\n    .aohh-contact-info {\n      max-width: 1200px; margin: 0 auto; padding: 100px 24px 80px;\n      display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;\n      opacity: 0; transform: translateY(30px);\n      transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    .aohh-contact-info.aohh-visible { opacity: 1; transform: translateY(0); }\n    .aohh-contact-card {\n      text-align: center; padding: 48px 28px;\n      border: 1px solid rgba(0,0,0,0.05);\n      transition: box-shadow 0.4s ease, transform 0.4s ease;\n    }\n    .aohh-contact-card:hover {\n      box-shadow: 0 16px 48px rgba(0,0,0,0.06);\n      transform: translateY(-4px);\n    }\n    .aohh-contact-card__icon {\n      width: 48px; height: 48px; margin: 0 auto 24px;\n      stroke: #005587; fill: none; stroke-width: 1.2;\n    }\n    .aohh-contact-card h3 {\n      font-size: 12px; letter-spacing: 4px; text-transform: uppercase;\n      font-weight: 300; opacity: 0.4; margin-bottom: 20px;\n    }\n    .aohh-contact-card p, .aohh-contact-card a {\n      font-size: 15px; font-weight: 300; line-height: 2;\n      opacity: 0.65;\n    }\n    .aohh-contact-card a:hover { opacity: 1; color: #005587; }\n  \n    \/* === Divider === *\/\n    .aohh-contact-divider {\n      max-width: 1200px; margin: 0 auto; padding: 0 24px;\n    }\n    .aohh-contact-divider hr {\n      border: none; border-top: 1px solid rgba(0,0,0,0.06);\n    }\n  \n    \/* === Inquiry Form Section === *\/\n    .aohh-contact-form-section {\n      max-width: 900px; margin: 0 auto; padding: 80px 24px;\n      opacity: 0; transform: translateY(30px);\n      transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    .aohh-contact-form-section.aohh-visible { opacity: 1; transform: translateY(0); }\n    .aohh-contact-form-section .section-header {\n      text-align: center; margin-bottom: 48px;\n    }\n    .aohh-contact-form-section .section-header .overline {\n      display: inline-block; font-size: 12px; letter-spacing: 5px;\n      text-transform: uppercase; opacity: 0.45; margin-bottom: 10px; font-weight: 300;\n    }\n    .aohh-contact-form-section .section-header h2 {\n      font-size: 30px; font-weight: 200; letter-spacing: 3px; text-transform: uppercase;\n    }\n    .aohh-contact-form-section .section-header p {\n      font-size: 15px; font-weight: 300; opacity: 0.5; margin-top: 16px;\n    }\n    .aohh-contact-form-section .section-header .divider {\n      width: 50px; height: 1px; background: currentColor;\n      margin: 24px auto 0; opacity: 0.2;\n    }\n    .aohh-form {\n      display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\n    }\n    .aohh-form .full { grid-column: 1 \/ -1; }\n    .aohh-form input, .aohh-form textarea {\n      width: 100%; padding: 16px 20px; border: 1px solid rgba(0,0,0,0.1);\n      font-size: 14px; font-weight: 300; font-family: inherit;\n      background: transparent; transition: border-color 0.3s ease;\n      outline: none; resize: vertical;\n    }\n    .aohh-form input:focus, .aohh-form textarea:focus { border-color: #005587; }\n    .aohh-form textarea { min-height: 120px; }\n    .aohh-form button {\n      grid-column: 1 \/ -1; justify-self: center;\n      display: inline-flex; align-items: center; gap: 10px;\n      font-size: 13px; letter-spacing: 3px; text-transform: uppercase;\n      font-weight: 300; padding: 14px 40px; border: 1px solid #005587;\n      background: #005587; color: #fff; cursor: pointer;\n      font-family: inherit; transition: all 0.4s ease;\n    }\n    .aohh-form button:hover { background: transparent; color: #005587; }\n    .aohh-form button svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.5; }\n  \n    \/* === Map Section === *\/\n    .aohh-contact-map-section {\n      max-width: 1200px; margin: 0 auto; padding: 0 24px 80px;\n      opacity: 0; transform: translateY(30px);\n      transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n    .aohh-contact-map-section.aohh-visible { opacity: 1; transform: translateY(0); }\n    .aohh-map-tabs {\n      display: flex; justify-content: center; gap: 0;\n      margin-bottom: 0;\n    }\n    .aohh-map-tabs button {\n      background: transparent; border: 1px solid rgba(0,0,0,0.1);\n      border-bottom: none;\n      font-size: 12px; letter-spacing: 3px; text-transform: uppercase;\n      font-weight: 300; padding: 14px 32px; cursor: pointer;\n      font-family: inherit; transition: all 0.3s ease; color: inherit;\n    }\n    .aohh-map-tabs button.active {\n      background: #005587; color: #fff; border-color: #005587;\n    }\n    .aohh-map-panel {\n      display: none; border: 1px solid rgba(0,0,0,0.1);\n      text-align: center; padding: 0; overflow: hidden;\n    }\n    .aohh-map-panel.active { display: block; }\n    .aohh-map-panel img { max-width: 100%; height: auto; margin: 0 auto; }\n    .aohh-map-panel iframe { width: 100%; height: 500px; border: 0; display: block; }\n  \n    \/* === CTA Button === *\/\n    .aohh-cta {\n      display: inline-flex; align-items: center; gap: 10px;\n      font-size: 13px; letter-spacing: 3px; text-transform: uppercase;\n      font-weight: 300; padding: 12px 28px; border: 1px solid currentColor;\n      background: transparent; transition: all 0.4s ease; cursor: pointer; color: inherit;\n    }\n    .aohh-cta:hover { opacity: 0.7; }\n    .aohh-cta svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.5; }\n  \n    \/* === Booking CTA === *\/\n    .aohh-contact-reserve {\n      text-align: center; padding: 120px 24px; background: #fafafa;\n    }\n    .aohh-contact-reserve .overline {\n      display: inline-block; font-size: 12px; letter-spacing: 5px;\n      text-transform: uppercase; opacity: 0.5; margin-bottom: 14px; font-weight: 300;\n    }\n    .aohh-contact-reserve h2 {\n      font-size: 30px; font-weight: 200; letter-spacing: 2px; margin-bottom: 44px;\n    }\n  \n    \/* === Responsive === *\/\n    @media (max-width: 768px) {\n      .aohh-contact-hero { height: 700px; min-height: 700px; max-height: 700px; }\n      .aohh-contact-hero__content h1 { font-size: 30px; letter-spacing: 5px; }\n      .aohh-contact-info { grid-template-columns: 1fr; gap: 20px; padding: 60px 16px 48px; }\n      .aohh-contact-form-section { padding: 48px 16px; }\n      .aohh-form { grid-template-columns: 1fr; }\n      .aohh-contact-map-section { padding: 0 16px 48px; }\n      .aohh-map-tabs button { padding: 10px 16px; font-size: 10px; letter-spacing: 2px; }\n      .aohh-map-panel iframe { height: 300px; }\n      .aohh-contact-reserve { padding: 60px 20px; }\n    }\n  <\/style>\n  \n  <div class=\"aohh-contact\">\n  \n    <!-- ===== Hero Banner ===== -->\n    <div class=\"aohh-contact-hero\">\n      <div class=\"aohh-contact-hero__bg\"><\/div>\n      <div class=\"aohh-contact-hero__overlay\"><\/div>\n    <\/div>\n  \n    <!-- ===== Contact Info Cards ===== -->\n    <div class=\"aohh-contact-info aohh-reveal\">\n  \n      <!-- Location -->\n      <div class=\"aohh-contact-card\">\n        <svg class=\"aohh-contact-card__icon\" viewBox=\"0 0 24 24\">\n          <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/>\n          <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n        <\/svg>\n        <h3>Where Are We<\/h3>\n        <!-- TODO: confirm full street address & phone -->\n        <p>Mae Phim Beach,<br>Klaeng, Rayong, Thailand<\/p>\n      <\/div>\n\n      <!-- Email -->\n      <div class=\"aohh-contact-card\">\n        <svg class=\"aohh-contact-card__icon\" viewBox=\"0 0 24 24\">\n          <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\n          <path d=\"M22 7l-10 7L2 7\"\/>\n        <\/svg>\n        <h3>Email<\/h3>\n        <!-- TODO: confirm email address info@aksornrayong.com -->\n        <p>\n          Reservations &amp; General Inquiries<br>\n          <a href=\"mailto:info@aksornrayong.com\">info@aksornrayong.com<\/a>\n        <\/p>\n      <\/div>\n\n      <!-- Follow Us -->\n      <div class=\"aohh-contact-card\">\n        <svg class=\"aohh-contact-card__icon\" viewBox=\"0 0 24 24\">\n          <path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/>\n        <\/svg>\n        <h3>Follow Us<\/h3>\n        <p>\n          <a href=\"https:\/\/www.facebook.com\/aksornrayonghotel\" target=\"_blank\" rel=\"noopener\">Facebook<\/a><br>\n          <a href=\"https:\/\/lin.ee\/m2qRBKu\" target=\"_blank\" rel=\"noopener\">LINE<\/a><br>\n          <a href=\"https:\/\/www.instagram.com\/aksornrayong\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n        <\/p>\n      <\/div>\n\n    <\/div>\n  \n    <!-- ===== Divider ===== -->\n    <div class=\"aohh-contact-divider\"><hr><\/div>\n  \n    <!-- ===== Inquiry & Reservation Form ===== -->\n    <div class=\"aohh-contact-form-section aohh-reveal\">\n      <div class=\"section-header\">\n        <span class=\"overline\">Get in Touch<\/span>\n        <h2>Inquiry &amp; Reservation<\/h2>\n        <div class=\"divider\"><\/div>\n        <p>Plan your escape to Aksorn Rayong. Fill out the form below and our team will be in touch.<\/p>\n      <\/div>\n  \n      <form class=\"aohh-form\" name=\"Reservation Form\" onsubmit=\"return false;\">\n        <div>\n          <input type=\"text\" placeholder=\"Name\" required>\n        <\/div>\n        <div>\n          <input type=\"email\" placeholder=\"Email\" required>\n        <\/div>\n        <div>\n          <input type=\"tel\" placeholder=\"Phone Number\" pattern=\"[0-9()+\\-#*.]+\" title=\"Only numbers and phone characters are accepted.\">\n        <\/div>\n        <div>\n          <input type=\"text\" placeholder=\"Requirement\">\n        <\/div>\n        <div class=\"full\">\n          <textarea placeholder=\"Your Message (Optional)\"><\/textarea>\n        <\/div>\n        <button type=\"submit\">\n          Submit\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/button>\n      <\/form>\n    <\/div>\n  \n    <!-- ===== Divider ===== -->\n    <div class=\"aohh-contact-divider\"><hr><\/div>\n  \n    <!-- ===== Map Section ===== -->\n    <div class=\"aohh-contact-map-section aohh-reveal\">\n      <div class=\"aohh-map-tabs\">\n        <button class=\"active\" data-map=\"hotel\">Hotel Map<\/button>\n        <button data-map=\"google\">Google Map<\/button>\n      <\/div>\n      <div class=\"aohh-map-panel active\" id=\"aohhMapHotel\">\n        <img decoding=\"async\" src=\"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2025\/03\/ASRY_MAP_2025_v-copy-4.jpg\" alt=\"Aksorn Rayong Hotel Map\" loading=\"lazy\">\n      <\/div>\n      <div class=\"aohh-map-panel\" id=\"aohhMapGoogle\">\n        <iframe src=\"https:\/\/www.google.com\/maps?q=Aksorn+Rayong,+Mae+Phim+Beach,+Rayong&output=embed\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Booking CTA ===== -->\n    <div class=\"aohh-contact-reserve\">\n      <span class=\"overline\">Begin Your Stay<\/span>\n      <h2>Aksorn Rayong, The Vitality Collection<\/h2>\n      <a class=\"aohh-cta\" href=\"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=596&onlineId=4&accesscode=Member\" target=\"_blank\">Book Now<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n      <\/a>\n    <\/div>\n  \n  <\/div>\n  \n  <script>\n  (function() {\n    \/\/ === Map Tabs ===\n    var mapBtns = document.querySelectorAll('.aohh-map-tabs button');\n    var mapPanels = document.querySelectorAll('.aohh-map-panel');\n    mapBtns.forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        mapBtns.forEach(function(b) { b.classList.remove('active'); });\n        mapPanels.forEach(function(p) { p.classList.remove('active'); });\n        this.classList.add('active');\n        var target = this.dataset.map;\n        if (target === 'hotel') document.getElementById('aohhMapHotel').classList.add('active');\n        if (target === 'google') document.getElementById('aohhMapGoogle').classList.add('active');\n      });\n    });\n  \n    \/\/ === Scroll Reveal ===\n    var revealEls = document.querySelectorAll('.aohh-contact .aohh-reveal');\n    var revealObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('aohh-visible');\n          revealObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n    revealEls.forEach(function(el) { revealObserver.observe(el); });\n  })();\n  <\/script>\n  \n<!-- =========================================================================\n     RESPONSIVE \u2014 MOBILE \/ TABLET\n     Hero: 700px desktop \u00b7 560px tablet \u00b7 350px phone\n     (heroes that hold the booking form keep extra height so it never clips)\n     ========================================================================= -->\n<style>\n  @media (max-width: 1024px) {\n    .aohh-contact-hero { height: 560px !important; min-height: 560px !important; max-height: 560px !important; }\n  }\n  @media (max-width: 768px) {\n    .aohh-contact-hero { height: 350px !important; min-height: 350px !important; max-height: 350px !important; }\n  }\n  @media (max-width: 768px) {\n    .aohh-form input, .aohh-form textarea { font-size: 16px; }\n    .aohh-map-panel iframe { height: 280px; }\n  }\n<\/style>\n\n<!-- Mobile responsive hero -->\n<style>\n@media (max-width: 768px) {\n  .aohh-contact-hero { height: 350px !important; min-height: 350px !important; max-height: 350px !important; }\n  .aohh-contact-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>Where Are We Mae Phim Beach,Klaeng, Rayong, Thailand Email Reservations &amp; General Inquiries info@aksornrayong.com Follow Us Facebook LINE Instagram Get in Touch Inquiry &amp; Reservation Plan your escape to Aksorn Rayong. Fill out the form below and our team will be in touch. Submit Hotel Map Google Map Begin Your Stay Aksorn Rayong, The Vitality [&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-270","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/pages\/270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/comments?post=270"}],"version-history":[{"count":114,"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/pages\/270\/revisions"}],"predecessor-version":[{"id":5651,"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/pages\/270\/revisions\/5651"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/aksornrayong\/wp-json\/wp\/v2\/media?parent=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}