{"id":41,"date":"2026-03-25T09:31:44","date_gmt":"2026-03-25T09:31:44","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/midagrandephuket\/?page_id=41"},"modified":"2026-07-07T07:34:41","modified_gmt":"2026-07-07T07:34:41","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/mhg.co.th\/midagrandephuket\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-682a718 e-con-full e-flex e-con e-parent\" data-id=\"682a718\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20fb142 elementor-widget elementor-widget-html\" data-id=\"20fb142\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<title>Mida Grande Resort Phuket \u2014 Contact Us<\/title>\n<style>\n    \/* ===== CONTACT WIDGET \u2014 Mida Grande Resort Phuket ===== *\/\n    .aohh-contact {\n      -webkit-font-smoothing: antialiased;\n      --aohh-primary: #A98253;\n      --aohh-brand: #A98253;\n      --aohh-gold: #A98253;\n      --aohh-accent: #A98253;\n      --aohh-brand-dark: #8a6a40;\n    }\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.midagrandephuket.com\/wp-content\/uploads\/2025\/10\/MGPK012-1.webp');\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: var(--aohh-brand); 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: var(--aohh-brand); }\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: var(--aohh-brand); }\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 var(--aohh-brand);\n      background: var(--aohh-brand); color: #fff; cursor: pointer;\n      font-family: inherit; transition: all 0.4s ease;\n    }\n    .aohh-form button:hover { background: transparent; color: var(--aohh-brand); }\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: var(--aohh-brand); color: #fff; border-color: var(--aohh-brand);\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__scroll\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n      <\/div>\n    <\/div>\n  \n    <!-- ===== Intro \/ Section Heading ===== -->\n    <div class=\"aohh-contact-form-section aohh-reveal\" style=\"padding-bottom: 0;\">\n      <div class=\"section-header\" style=\"margin-bottom: 0;\">\n        <span class=\"overline\">Get in Touch<\/span>\n        <h2>Contact Us<\/h2>\n        <div class=\"divider\"><\/div>\n        <p>We would love to welcome you to Mida Grande Resort Phuket, set between the pristine sands of Surin and Bang Tao beaches in Choeng Thale, Thalang. Reach out and our team will be delighted to assist.<\/p>\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        <!-- TODO: confirm Mida Grande Phuket address \/ phone \/ email -->\n        <p>Choeng Thale, Thalang,<br>Phuket, 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 Mida Grande Phuket address \/ phone \/ email -->\n        <p>\n          Reservations &amp; General Inquiries<br>\n          <a href=\"mailto:info@midagrandephuket.com\">info@midagrandephuket.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\/midagrandephuket\" target=\"_blank\" rel=\"noopener\">Facebook<\/a><br>\n          <a href=\"https:\/\/lin.ee\/gs1hHgd\" target=\"_blank\" rel=\"noopener\">LINE<\/a><br>\n          <a href=\"https:\/\/www.instagram.com\/midagrandephuket_official\/\" 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 Mida Grande Resort Phuket. 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=\"google\">Google Map<\/button>\n      <\/div>\n      <div class=\"aohh-map-panel active\" id=\"aohhMapGoogle\">\n        <iframe src=\"https:\/\/www.google.com\/maps?q=Mida+Grande+Resort+Phuket&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>Mida Grande Resort Phuket<\/h2>\n      <a class=\"aohh-cta\" href=\"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=838&onlineId=4&accesscode=member&currency=THB\" 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 === '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>Mida Grande Resort Phuket \u2014 Contact Us Get in Touch Contact Us We would love to welcome you to Mida Grande Resort Phuket, set between the pristine sands of Surin and Bang Tao beaches in Choeng Thale, Thalang. Reach out and our team will be delighted to assist. Where Are We Choeng Thale, Thalang,Phuket, Thailand [&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-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":7,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":132,"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/pages\/41\/revisions\/132"}],"wp:attachment":[{"href":"https:\/\/mhg.co.th\/midagrandephuket\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}