{"id":203,"date":"2026-03-24T06:28:32","date_gmt":"2026-03-24T06:28:32","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/aceofhuahin\/?page_id=203"},"modified":"2026-07-02T02:41:13","modified_gmt":"2026-07-02T02:41:13","slug":"contact","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/aceofhuahin\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"203\" class=\"elementor elementor-203\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3a3a88 e-con-full e-flex e-con e-parent\" data-id=\"d3a3a88\" 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-5c21444 elementor-widget elementor-widget-html\" data-id=\"5c21444\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n    \/* ===== CONTACT WIDGET \u2014 Ace of Hua Hin ===== *\/\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: 70vh;\n      min-height: 420px; overflow: hidden; margin: 0; padding: 0;\n    }\n    .aohh-contact-hero__bg {\n      position: absolute; inset: 0;\n      background-image: url('https:\/\/www.aceofhuahinresort.com\/wp-content\/uploads\/2022\/01\/50442351_1031932317014025_722935067130724352_n.jpeg');\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: #1d77b5; 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: #1d77b5; }\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: #1d77b5; }\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 #1d77b5;\n      background: #1d77b5; color: #fff; cursor: pointer;\n      font-family: inherit; transition: all 0.4s ease;\n    }\n    .aohh-form button:hover { background: transparent; color: #1d77b5; }\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: #1d77b5; color: #fff; border-color: #1d77b5;\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: 50vh; min-height: 300px; }\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 class=\"aohh-contact-hero__content\">\n        <span class=\"overline\">Ace of Hua Hin Resort<\/span>\n        <h1>Contact Us<\/h1>\n      <\/div>\n      <div class=\"aohh-contact-hero__scroll\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n      <\/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        <p>1392 Petchkasem Road,<br>Cha-Am, Phetchaburi, 76120<\/p>\n      <\/div>\n  \n      <!-- Phone -->\n      <div class=\"aohh-contact-card\">\n        <svg class=\"aohh-contact-card__icon\" viewBox=\"0 0 24 24\">\n          <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/>\n        <\/svg>\n        <h3>Reach Out<\/h3>\n        <p>\n          <a href=\"tel:+6632421777\">T : +66(0) 32-421-777<\/a><br>\n          F : +66(0) 32-472-822\n        <\/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        <p>\n          Reservations &amp; General Inquiries<br>\n          <a href=\"mailto:rsvn_aohh@mhg.co.th\">rsvn_aohh@mhg.co.th<\/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>Reserve your spot online! Just fill out the form below to get started.<\/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.aceofhuahinresort.com\/wp-content\/uploads\/2025\/03\/AOHH-MDHH_Maps-Location_4-2-2025_AOHH-MDHH-scaled.jpg\" alt=\"Ace of Hua Hin Resort Hotel Map\" loading=\"lazy\">\n      <\/div>\n      <div class=\"aohh-map-panel\" id=\"aohhMapGoogle\">\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3892.708760124838!2d99.9542625775722!3d12.667091021476237!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30fd0102d80709bd%3A0x8032c554e8a2b056!2sAce%20of%20Hua%20Hin%20Resort!5e0!3m2!1sen!2sus!4v1741667691742!5m2!1sen!2sus\" allowfullscreen loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Divider ===== -->\n    <div class=\"aohh-contact-divider\"><hr><\/div>\n\n    <!-- ===== Nearby Attractions (from Location) ===== -->\n    <style>\n      .aohh-contact-attr {\n        max-width: 1280px; margin: 0 auto; padding: 20px 24px 100px;\n        opacity: 0; transform: translateY(30px);\n        transition: opacity 0.8s ease, transform 0.8s ease;\n      }\n      .aohh-contact-attr.aohh-visible { opacity: 1; transform: translateY(0); }\n      .aohh-contact-attr__group {\n        text-align: center; font-size: 24px; font-weight: 200;\n        letter-spacing: 3px; text-transform: uppercase;\n        margin: 88px 0 44px;\n      }\n      .aohh-contact-attr__group:first-of-type { margin-top: 40px; }\n      .aohh-contact-attr__group .divider {\n        display: block; width: 50px; height: 1px; background: currentColor;\n        margin: 18px auto 0; opacity: 0.25;\n      }\n      .aohh-contact-attr__grid {\n        display: grid; grid-template-columns: 1fr; gap: 44px;\n      }\n      @media (min-width: 768px)  { .aohh-contact-attr__grid { grid-template-columns: repeat(2, 1fr); gap: 52px 36px; } }\n      @media (min-width: 1100px) { .aohh-contact-attr__grid { grid-template-columns: repeat(3, 1fr); gap: 64px 40px; } }\n      .aohh-contact-attr__card {\n        background: #fff; border: 1px solid rgba(0,0,0,0.1);\n        padding: 30px 32px 36px; transition: box-shadow 0.4s ease, transform 0.4s ease;\n      }\n      .aohh-contact-attr__card:hover { box-shadow: 0 20px 50px rgba(0,0,0,0.08); transform: translateY(-4px); }\n      .aohh-contact-attr__num { font-size: 12px; letter-spacing: 2px; opacity: 0.4; font-weight: 300; }\n      .aohh-contact-attr__name { font-size: 20px; font-weight: 300; letter-spacing: 1px; margin: 14px 0 14px; line-height: 1.4; }\n      .aohh-contact-attr__desc { font-size: 15px; font-weight: 300; line-height: 1.9; opacity: 0.6; }\n    <\/style>\n    <div class=\"aohh-contact-attr aohh-reveal\">\n      <div class=\"section-header\">\n        <span class=\"overline\">Explore Hua Hin<\/span>\n        <h2>Nearby Attractions<\/h2>\n        <div class=\"divider\"><\/div>\n        <p>Eleven favorite places within easy reach of Ace of Hua Hin Resort \u2014 from nature and culture to shopping and evening entertainment.<\/p>\n      <\/div>\n\n      <h3 class=\"aohh-contact-attr__group\">Nature &amp; Culture<span class=\"divider\"><\/span><\/h3>\n      <div class=\"aohh-contact-attr__grid\">\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">01<\/span><h3 class=\"aohh-contact-attr__name\">Elephant Village<\/h3><p class=\"aohh-contact-attr__desc\">An elephant camp where you can watch and ride elephants amid lush green forest.<\/p><\/article>\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">02<\/span><h3 class=\"aohh-contact-attr__name\">Khao Hin Lek Fai View Point<\/h3><p class=\"aohh-contact-attr__desc\">A hilltop viewpoint with sweeping views over Hua Hin town and the whole bay.<\/p><\/article>\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">03<\/span><h3 class=\"aohh-contact-attr__name\">Khao Takiab Temple<\/h3><p class=\"aohh-contact-attr__desc\">A seaside hilltop temple with a large Buddha image and a playful troop of monkeys.<\/p><\/article>\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">04<\/span><h3 class=\"aohh-contact-attr__name\">Rajabhakti Park<\/h3><p class=\"aohh-contact-attr__desc\">A grand monument plaza honoring seven great past kings of Thailand.<\/p><\/article>\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">05<\/span><h3 class=\"aohh-contact-attr__name\">Sam Roi Yot National Park<\/h3><p class=\"aohh-contact-attr__desc\">Dramatic mountain-and-cave scenery, famed for Phraya Nakhon Cave and its royal pavilion.<\/p><\/article>\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">06<\/span><h3 class=\"aohh-contact-attr__name\">Pa La-U Waterfall<\/h3><p class=\"aohh-contact-attr__desc\">A beautiful multi-tiered waterfall deep in the Kaeng Krachan rainforest.<\/p><\/article>\n      <\/div>\n\n      <h3 class=\"aohh-contact-attr__group\">Shopping &amp; Entertainment<span class=\"divider\"><\/span><\/h3>\n      <div class=\"aohh-contact-attr__grid\">\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">07<\/span><h3 class=\"aohh-contact-attr__name\">FN Outlet<\/h3><p class=\"aohh-contact-attr__desc\">An outlet store offering brand-name goods at discounted prices.<\/p><\/article>\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">08<\/span><h3 class=\"aohh-contact-attr__name\">Market Village Hua Hin<\/h3><p class=\"aohh-contact-attr__desc\">The main shopping mall in the heart of Hua Hin.<\/p><\/article>\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">09<\/span><h3 class=\"aohh-contact-attr__name\">Cicada Night Market<\/h3><p class=\"aohh-contact-attr__desc\">An artsy night market with crafts, food stalls, and live music.<\/p><\/article>\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">10<\/span><h3 class=\"aohh-contact-attr__name\">Hua Hin Night Market<\/h3><p class=\"aohh-contact-attr__desc\">The town's famous night market, known for fresh seafood and street food.<\/p><\/article>\n        <article class=\"aohh-contact-attr__card\"><span class=\"aohh-contact-attr__num\">11<\/span><h3 class=\"aohh-contact-attr__name\">Vana Nava Water Jungle<\/h3><p class=\"aohh-contact-attr__desc\">The largest jungle-themed water park in Hua Hin \u2014 fun for the whole family.<\/p><\/article>\n      <\/div>\n    <\/div>\n\n    <!-- ===== Booking CTA ===== -->\n    <div class=\"aohh-contact-reserve\">\n      <span class=\"overline\">Begin Your Stay<\/span>\n      <h2>Ace of Hua Hin Resort<\/h2>\n      <a class=\"aohh-cta\" href=\"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=603&onlineId=4&accesscode=member\" target=\"_blank\">\n        Booking\n        <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  \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>Ace of Hua Hin Resort Contact Us Where Are We 1392 Petchkasem Road,Cha-Am, Phetchaburi, 76120 Reach Out T : +66(0) 32-421-777 F : +66(0) 32-472-822 Email Reservations &amp; General Inquiries rsvn_aohh@mhg.co.th Get in Touch Inquiry &amp; Reservation Reserve your spot online! Just fill out the form below to get started. Submit Hotel Map Google Map [&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-203","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/aceofhuahin\/wp-json\/wp\/v2\/pages\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/aceofhuahin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/aceofhuahin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/aceofhuahin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/aceofhuahin\/wp-json\/wp\/v2\/comments?post=203"}],"version-history":[{"count":7,"href":"https:\/\/mhg.co.th\/aceofhuahin\/wp-json\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/mhg.co.th\/aceofhuahin\/wp-json\/wp\/v2\/pages\/203\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/aceofhuahin\/wp-json\/wp\/v2\/media?parent=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}