{"id":2,"date":"2026-03-16T06:14:08","date_gmt":"2026-03-16T06:14:08","guid":{"rendered":"https:\/\/clouddemo.nc.co.th\/MHG\/?page_id=2"},"modified":"2026-07-23T11:23:28","modified_gmt":"2026-07-23T04:23:28","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/clouddemo.nc.co.th\/MHG\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02fa617 e-con-full e-flex e-con e-parent\" data-id=\"02fa617\" 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-c6bb725 elementor-widget elementor-widget-html\" data-id=\"c6bb725\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .mhg-home {\n    --mhg-ink: #171717;\n    --mhg-muted: #66645f;\n    --mhg-line: #deddd9;\n    --mhg-soft: #f5f5f3;\n    --mhg-white: #ffffff;\n    --mhg-accent: #a6372f;\n    --mhg-blue: #48627d;\n    --mhg-serif: \"Cormorant Garamond\", \"Times New Roman\", serif;\n    --mhg-sans: \"Kanit\", \"Poppins\", \"Helvetica Neue\", Arial, sans-serif;\n    --mhg-container: 1240px;\n    color: var(--mhg-ink);\n    background: var(--mhg-white);\n    font-family: var(--mhg-sans);\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.65;\n    overflow: hidden;\n  }\n\n  .mhg-home,\n  .mhg-home * {\n    box-sizing: border-box;\n  }\n\n  .mhg-home img {\n    display: block;\n    max-width: 100%;\n  }\n\n  .mhg-home a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .mhg-home button,\n  .mhg-home select {\n    font: inherit;\n  }\n\n  .mhg-home button {\n    color: inherit;\n  }\n\n  .mhg-home__container {\n    width: min(calc(100% - 48px), var(--mhg-container));\n    margin-inline: auto;\n  }\n\n  .mhg-home__eyebrow {\n    margin: 0 0 14px;\n    color: var(--mhg-blue);\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 0.34em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .mhg-home__title {\n    margin: 0;\n    font-size: clamp(36px, 4.2vw, 58px);\n    font-weight: 300;\n    letter-spacing: -0.035em;\n    line-height: 1.08;\n  }\n\n  .mhg-home__button {\n    display: inline-flex;\n    min-height: 52px;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 13px 28px;\n    border: 1px solid var(--mhg-ink) !important;\n    border-radius: 999px !important;\n    background: var(--mhg-ink) !important;\n    color: var(--mhg-white) !important;\n    cursor: pointer;\n    font-size: 12px;\n    font-weight: 400;\n    letter-spacing: 0.08em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;\n  }\n\n  .mhg-home__button:hover,\n  .mhg-home__button:focus-visible {\n    border-color: var(--mhg-accent) !important;\n    background: var(--mhg-accent) !important;\n    transform: translateY(-2px);\n  }\n\n  .mhg-home__button--light {\n    border-color: var(--mhg-white) !important;\n    background: var(--mhg-white) !important;\n    color: var(--mhg-ink) !important;\n  }\n\n  .mhg-home__button--outline {\n    border-color: rgba(255, 255, 255, 0.82) !important;\n    background: transparent !important;\n    color: var(--mhg-white) !important;\n  }\n\n  .mhg-home__button--outline:hover,\n  .mhg-home__button--outline:focus-visible {\n    border-color: var(--mhg-white) !important;\n    background: var(--mhg-white) !important;\n    color: var(--mhg-ink) !important;\n  }\n\n  .mhg-home__button:disabled {\n    border-color: #b9b9b6;\n    background: #b9b9b6;\n    cursor: not-allowed;\n    transform: none;\n  }\n\n  .mhg-home__hero {\n    position: relative;\n    min-height: 760px;\n    display: grid;\n    align-items: center;\n    background: #19373d;\n    isolation: isolate;\n  }\n\n  .mhg-home__hero-media,\n  .mhg-home__hero-shade {\n    position: absolute;\n    inset: 0;\n  }\n\n  .mhg-home__hero-media {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center 55%;\n    z-index: -2;\n  }\n\n  .mhg-home__hero-shade {\n    background: rgba(8, 36, 43, 0.58);\n    z-index: -1;\n  }\n\n  .mhg-home__hero-content {\n    max-width: 820px;\n    padding-block: 190px 110px;\n    color: var(--mhg-white);\n  }\n\n  .mhg-home__hero .mhg-home__eyebrow {\n    color: var(--mhg-white);\n  }\n\n  .mhg-home__hero-title {\n    max-width: 920px;\n    margin: 0;\n    font-size: clamp(48px, 4.4vw, 68px);\n    font-weight: 300;\n    letter-spacing: -0.045em;\n    line-height: 1.08;\n  }\n\n  .mhg-home__hero-copy {\n    max-width: 700px;\n    margin: 28px 0 0;\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  .mhg-home__hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 34px;\n  }\n\n  .mhg-home__finder {\n    padding: 76px 0 82px;\n    background: var(--mhg-white);\n    text-align: center;\n  }\n\n  .mhg-home__finder-title {\n    margin: 0;\n    font-size: clamp(30px, 3.2vw, 45px);\n    font-weight: 300;\n    letter-spacing: -0.03em;\n    line-height: 1.15;\n  }\n\n  .mhg-home__finder-form {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 18px;\n    max-width: 980px;\n    margin: 38px auto 0;\n  }\n\n  .mhg-home__select-wrap {\n    position: relative;\n  }\n\n  .mhg-home__select-wrap::after {\n    content: \"\u2304\";\n    position: absolute;\n    top: 50%;\n    right: 22px;\n    color: var(--mhg-ink);\n    font-size: 17px;\n    line-height: 1;\n    pointer-events: none;\n    transform: translateY(-62%);\n  }\n\n  .mhg-home__select {\n    width: 100%;\n    min-height: 56px;\n    padding: 12px 52px 12px 24px;\n    border: 1px solid var(--mhg-line);\n    border-radius: 999px;\n    outline: none;\n    background: var(--mhg-white);\n    color: var(--mhg-ink);\n    appearance: none;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 300;\n    transition: border-color 180ms ease, box-shadow 180ms ease;\n  }\n\n  .mhg-home__select:disabled {\n    color: #9a9995;\n    cursor: not-allowed;\n  }\n\n  .mhg-home__select:focus {\n    border-color: var(--mhg-blue);\n    box-shadow: 0 0 0 3px rgba(72, 98, 125, 0.13);\n  }\n\n  .mhg-home__finder-status {\n    min-height: 24px;\n    margin: 14px 0 0;\n    color: var(--mhg-muted);\n    font-size: 13px;\n  }\n\n  .mhg-home__about {\n    padding: 100px 0;\n    background: var(--mhg-soft);\n    text-align: center;\n  }\n\n  .mhg-home__about-inner {\n    max-width: 940px;\n    margin-inline: auto;\n  }\n\n  .mhg-home__about-copy {\n    margin: 28px auto 0;\n    color: var(--mhg-muted);\n    font-size: 16px;\n    line-height: 1.85;\n  }\n\n  .mhg-home__destinations {\n    padding: 112px 0 120px;\n    background: var(--mhg-white);\n  }\n\n  .mhg-home__section-head {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: 30px;\n  }\n\n  .mhg-home__filters {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    gap: 8px;\n    max-width: 760px;\n  }\n\n  .mhg-home__filter {\n    min-height: 38px;\n    padding: 8px 16px;\n    border: 1px solid var(--mhg-line) !important;\n    border-radius: 999px !important;\n    background: var(--mhg-white) !important;\n    color: var(--mhg-ink) !important;\n    cursor: pointer;\n    font-size: 12px;\n    font-weight: 300;\n    text-transform: none !important;\n    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;\n  }\n\n  .mhg-home__filter:hover,\n  .mhg-home__filter:focus-visible,\n  .mhg-home__filter[aria-pressed=\"true\"] {\n    border-color: var(--mhg-ink) !important;\n    background: var(--mhg-ink) !important;\n    color: var(--mhg-white) !important;\n  }\n\n  .mhg-home__destination-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 30px 20px;\n    margin-top: 48px;\n  }\n\n  .mhg-home__destination-card {\n    position: relative;\n    display: block !important;\n    width: 100% !important;\n    min-width: 0;\n    padding: 0 !important;\n    border: 0;\n    background: transparent;\n    text-align: left;\n    white-space: normal !important;\n    cursor: pointer;\n  }\n\n  .mhg-home__destination-image {\n    display: block !important;\n    position: relative;\n    width: 100% !important;\n    aspect-ratio: 1 \/ 1.04;\n    overflow: hidden;\n    border-radius: 22px 22px 0 0 !important;\n    background: #e7e7e4;\n  }\n\n  .mhg-home__destination-image img {\n    display: block !important;\n    width: 100% !important;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 500ms ease;\n  }\n\n  .mhg-home__destination-card:hover .mhg-home__destination-image img,\n  .mhg-home__destination-card:focus-visible .mhg-home__destination-image img {\n    transform: scale(1.035);\n  }\n\n  .mhg-home__destination-meta {\n    display: block !important;\n    min-height: 104px;\n    padding: 21px 22px 16px !important;\n    border: 1px solid #ecebe8;\n    border-top: 0;\n    background: var(--mhg-white);\n    white-space: normal !important;\n  }\n\n  .mhg-home__destination-name {\n    display: block !important;\n    margin: 0 !important;\n    font-size: 22px;\n    font-weight: 300;\n    letter-spacing: -0.02em;\n    line-height: 1.3 !important;\n    white-space: normal !important;\n  }\n\n  .mhg-home__destination-count {\n    display: flex !important;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-top: 7px !important;\n    color: var(--mhg-muted);\n    font-size: 12px;\n    line-height: 1.4 !important;\n  }\n\n  .mhg-home__destination-arrow {\n    color: var(--mhg-accent);\n    font-size: 18px;\n  }\n\n  .mhg-home__offers {\n    position: relative;\n    padding: 100px 0 108px;\n    background: var(--mhg-soft);\n    isolation: isolate;\n  }\n\n  .mhg-home__offers::before {\n    content: \"M\";\n    position: absolute;\n    top: -110px;\n    left: -30px;\n    color: rgba(24, 24, 24, 0.055);\n    font-family: var(--mhg-serif);\n    font-size: 680px;\n    line-height: 1;\n    z-index: -1;\n  }\n\n  .mhg-home__display-title {\n    margin: 0;\n    font-family: var(--mhg-serif);\n    font-size: clamp(46px, 5.5vw, 72px);\n    font-weight: 400;\n    letter-spacing: -0.045em;\n    line-height: 1;\n  }\n\n  .mhg-home__display-title span {\n    color: var(--mhg-accent);\n  }\n\n  .mhg-home__text-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 13px;\n    font-weight: 400;\n    letter-spacing: 0.03em;\n  }\n\n  .mhg-home__text-link span {\n    color: var(--mhg-accent);\n    font-size: 22px;\n    transition: transform 180ms ease;\n  }\n\n  .mhg-home__text-link:hover span,\n  .mhg-home__text-link:focus-visible span {\n    transform: translateX(4px);\n  }\n\n  .mhg-home__offer-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 24px;\n    margin-top: 48px;\n  }\n\n  .mhg-home__offer-card {\n    display: block;\n    min-width: 0;\n  }\n\n  .mhg-home__offer-image {\n    aspect-ratio: 1.52 \/ 1;\n    overflow: hidden;\n    background: #e2e1dd;\n  }\n\n  .mhg-home__offer-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 500ms ease;\n  }\n\n  .mhg-home__offer-card:hover .mhg-home__offer-image img,\n  .mhg-home__offer-card:focus-visible .mhg-home__offer-image img {\n    transform: scale(1.035);\n  }\n\n  .mhg-home__offer-label {\n    display: inline-block;\n    margin-top: -18px;\n    padding: 6px 12px;\n    background: var(--mhg-white);\n    font-size: 11px;\n    line-height: 1.2;\n    transform: translateY(-3px);\n  }\n\n  .mhg-home__offer-card h3 {\n    margin: 12px 0 0;\n    font-size: 19px;\n    font-weight: 400;\n    letter-spacing: -0.01em;\n    line-height: 1.35;\n  }\n\n  .mhg-home__offer-card p {\n    margin: 8px 0 0;\n    color: var(--mhg-muted);\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n  .mhg-home__experiences {\n    padding: 128px 0 140px;\n    background: var(--mhg-white);\n  }\n\n  .mhg-home__experience-layout {\n    display: grid;\n    grid-template-columns: minmax(300px, 0.78fr) minmax(570px, 1.35fr);\n    align-items: center;\n    gap: clamp(50px, 7vw, 110px);\n  }\n\n  .mhg-home__experience-copy {\n    max-width: 480px;\n  }\n\n  .mhg-home__experience-copy > p {\n    margin: 28px 0 0;\n    color: var(--mhg-muted);\n    font-size: 15px;\n    line-height: 1.8;\n  }\n\n  .mhg-home__experience-tabs {\n    display: grid;\n    gap: 3px;\n    margin-top: 36px;\n  }\n\n  .mhg-home__experience-tab {\n    display: flex !important;\n    width: fit-content !important;\n    max-width: 100% !important;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 0 !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n    color: var(--mhg-ink) !important;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 300;\n    text-align: left;\n    white-space: nowrap !important;\n    overflow: visible !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n  }\n\n  .mhg-home__experience-tab::after {\n    content: \"\u2192\";\n    color: var(--mhg-accent);\n    opacity: 0;\n    transform: translateX(-8px);\n    transition: opacity 160ms ease, transform 160ms ease;\n  }\n\n  .mhg-home__experience-tab:hover,\n  .mhg-home__experience-tab:focus-visible,\n  .mhg-home__experience-tab[aria-selected=\"true\"] {\n    color: var(--mhg-accent) !important;\n    background: transparent !important;\n  }\n\n  .mhg-home__experience-tab[aria-selected=\"true\"] {\n    font-weight: 400;\n  }\n\n  .mhg-home__experience-tab[aria-selected=\"true\"]::after {\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n  .mhg-home__experience-collage {\n    display: grid;\n    grid-template-columns: 0.78fr 1.28fr 0.78fr;\n    align-items: center;\n    min-height: 580px;\n  }\n\n  .mhg-home__experience-card {\n    position: relative;\n    display: block;\n    width: 100%;\n    aspect-ratio: 0.72 \/ 1;\n    overflow: hidden;\n    padding: 0;\n    border: 0;\n    background: #d8d8d5;\n    cursor: pointer;\n  }\n\n  .mhg-home__experience-card:nth-child(1) {\n    margin-right: -14%;\n  }\n\n  .mhg-home__experience-card:nth-child(2) {\n    z-index: 2;\n  }\n\n  .mhg-home__experience-card:nth-child(3) {\n    margin-left: -14%;\n  }\n\n  .mhg-home__experience-card:not(.is-active) {\n    opacity: 0.48;\n    transform: scale(0.84);\n  }\n\n  .mhg-home__experience-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 450ms ease;\n  }\n\n  .mhg-home__experience-card:hover img,\n  .mhg-home__experience-card:focus-visible img {\n    transform: scale(1.035);\n  }\n\n  .mhg-home__experience-label {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: 12px;\n    min-height: 108px;\n    padding: 22px;\n    background: rgba(16, 16, 16, 0.56);\n    color: var(--mhg-white);\n    font-family: var(--mhg-serif);\n    font-size: 24px;\n    text-align: left;\n  }\n\n  .mhg-home__experience-card:not(.is-active) .mhg-home__experience-label {\n    display: none;\n  }\n\n  .mhg-home__sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border: 0 !important;\n  }\n\n  .mhg-home [data-reveal] {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 650ms ease, transform 650ms ease;\n  }\n\n  .mhg-home [data-reveal].is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @media (max-width: 1180px) {\n    .mhg-hd:not(.is-scrolled) .mhg-hd__burger {\n      color: #ffffff !important;\n    }\n  }\n\n  @media (max-width: 1080px) {\n    .mhg-home__section-head {\n      align-items: start;\n      flex-direction: column;\n    }\n\n    .mhg-home__filters {\n      justify-content: flex-start;\n      max-width: none;\n    }\n\n    .mhg-home__experience-layout {\n      grid-template-columns: 0.82fr 1.18fr;\n      gap: 42px;\n    }\n\n    .mhg-home__experience-collage {\n      min-height: 470px;\n    }\n  }\n\n  @media (max-width: 820px) {\n    .mhg-home__hero {\n      min-height: 720px;\n    }\n\n    .mhg-home__hero-content {\n      padding-block: 150px 90px;\n    }\n\n    .mhg-home__finder-form {\n      grid-template-columns: 1fr;\n      max-width: 560px;\n    }\n\n    .mhg-home__destination-grid,\n    .mhg-home__offer-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .mhg-home__experience-layout {\n      grid-template-columns: 1fr;\n    }\n\n    .mhg-home__experience-copy {\n      max-width: 650px;\n    }\n\n    .mhg-home__experience-tabs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px 22px;\n    }\n\n    .mhg-home__experience-collage {\n      min-height: 0;\n      max-width: 620px;\n      margin-inline: auto;\n    }\n  }\n\n  @media (max-width: 620px) {\n    .mhg-home__container {\n      width: min(calc(100% - 32px), var(--mhg-container));\n    }\n\n    .mhg-home__eyebrow {\n      letter-spacing: 0.26em;\n    }\n\n    .mhg-home__hero {\n      min-height: 700px;\n    }\n\n    .mhg-home__hero-media {\n      object-position: 58% center;\n    }\n\n    .mhg-home__hero-content {\n      padding-block: 130px 72px;\n    }\n\n    .mhg-home__hero-title {\n      font-size: clamp(42px, 13vw, 58px);\n    }\n\n    .mhg-home__hero-copy {\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .mhg-home__hero-actions {\n      align-items: stretch;\n      flex-direction: column;\n    }\n\n    .mhg-home__hero-actions .mhg-home__button {\n      width: 100%;\n    }\n\n    .mhg-home__finder,\n    .mhg-home__about {\n      padding-block: 72px;\n    }\n\n    .mhg-home__destinations {\n      padding-block: 84px 92px;\n    }\n\n    .mhg-home__filters {\n      flex-wrap: nowrap;\n      width: calc(100% + 16px);\n      padding: 2px 16px 8px 0;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n\n    .mhg-home__filters::-webkit-scrollbar {\n      display: none;\n    }\n\n    .mhg-home__filter {\n      flex: 0 0 auto;\n    }\n\n    .mhg-home__destination-grid,\n    .mhg-home__offer-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .mhg-home__destination-image {\n      aspect-ratio: 1.18 \/ 1;\n    }\n\n    .mhg-home__offers {\n      padding-block: 82px 88px;\n    }\n\n    .mhg-home__offers::before {\n      top: 80px;\n      font-size: 440px;\n    }\n\n    .mhg-home__offers .mhg-home__section-head {\n      align-items: flex-start;\n    }\n\n    .mhg-home__display-title {\n      font-size: 48px;\n    }\n\n    .mhg-home__experiences {\n      padding-block: 92px 100px;\n    }\n\n    .mhg-home__experience-collage {\n      display: block;\n    }\n\n    .mhg-home__experience-card {\n      aspect-ratio: 0.92 \/ 1;\n    }\n\n    .mhg-home__experience-card:not(.is-active) {\n      display: none;\n    }\n\n    .mhg-home__experience-card:nth-child(n) {\n      margin: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mhg-home *,\n    .mhg-home *::before,\n    .mhg-home *::after {\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n    }\n\n    .mhg-home [data-reveal] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style>\n\n<main class=\"mhg-home\" id=\"mhg-main\">\n  <section class=\"mhg-home__hero\" aria-labelledby=\"mhg-hero-title\">\n    <img decoding=\"async\"\n      class=\"mhg-home__hero-media\"\n      src=\"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/DJI_0906-1024x683-1.jpeg\"\n      alt=\"River and mountain scenery at Mida Resort Kanchanaburi\"\n      fetchpriority=\"high\"\n    >\n    <div class=\"mhg-home__hero-shade\" aria-hidden=\"true\"><\/div>\n    <div class=\"mhg-home__container\">\n      <div class=\"mhg-home__hero-content\" data-reveal>\n        <p class=\"mhg-home__eyebrow\">Thailand Hotel Collection<\/p>\n        <h1 class=\"mhg-home__hero-title\" id=\"mhg-hero-title\">Discover Thailand Through<br>Mida Hospitality Group<\/h1>\n        <p class=\"mhg-home__hero-copy\">A collection of distinctive hotels and resorts across Thailand, each offering its own unique charm and experience, from vibrant city hotels to peaceful riverside and beachfront destinations.<\/p>\n        <div class=\"mhg-home__hero-actions\">\n          <a class=\"mhg-home__button mhg-home__button--light\" href=\"#mhg-stay\">Explore Hotels<\/a>\n          <a class=\"mhg-home__button mhg-home__button--outline\" href=\"https:\/\/clouddemo.nc.co.th\/MHG\/events\/\">Meetings &amp; Events<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhg-home__finder\" id=\"mhg-stay\" aria-labelledby=\"mhg-finder-title\">\n    <div class=\"mhg-home__container\" data-reveal>\n      <p class=\"mhg-home__eyebrow\">Find Your Stay<\/p>\n      <h2 class=\"mhg-home__finder-title\" id=\"mhg-finder-title\">Explore Our Collection<\/h2>\n      <form class=\"mhg-home__finder-form\" id=\"mhg-hotel-finder\">\n        <div class=\"mhg-home__select-wrap\">\n          <label class=\"mhg-home__sr-only\" for=\"mhg-destination-select\">Select destination<\/label>\n          <select class=\"mhg-home__select\" id=\"mhg-destination-select\" required>\n            <option value=\"\">Select Destination<\/option>\n            <option value=\"Bangkok\">Bangkok &amp; Metropolitan Area<\/option>\n            <option value=\"Hua Hin\">Hua Hin<\/option>\n            <option value=\"Kanchanaburi\">Kanchanaburi<\/option>\n            <option value=\"Nakhon Pathom\">Nakhon Pathom<\/option>\n            <option value=\"Phuket\">Phuket<\/option>\n            <option value=\"Rayong\">Rayong<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"mhg-home__select-wrap\">\n          <label class=\"mhg-home__sr-only\" for=\"mhg-hotel-select\">Select hotel<\/label>\n          <select class=\"mhg-home__select\" id=\"mhg-hotel-select\" required disabled>\n            <option value=\"\">Select Hotel<\/option>\n          <\/select>\n        <\/div>\n        <button class=\"mhg-home__button\" id=\"mhg-find-button\" type=\"submit\" disabled>Find Your Stay<\/button>\n      <\/form>\n      <p class=\"mhg-home__finder-status\" id=\"mhg-finder-status\" aria-live=\"polite\">Choose a destination to see available hotels.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhg-home__about\" aria-labelledby=\"mhg-about-title\">\n    <div class=\"mhg-home__container\">\n      <div class=\"mhg-home__about-inner\" data-reveal>\n        <p class=\"mhg-home__eyebrow\">About Us<\/p>\n        <h2 class=\"mhg-home__title\" id=\"mhg-about-title\">Mida Hotels &amp; Resorts<\/h2>\n        <p class=\"mhg-home__about-copy\">At Mida Hospitality Group, every journey is made memorable. From vibrant city stays to peaceful riverside and beachfront escapes, our collection of hotels and resorts across Thailand offers unique experiences for every traveler.<br><br>With five distinctive brands, Ace of, Aksorn, Mida Grande, Mida, and Xen, spanning six destinations across Thailand, we are united by a shared commitment to genuine Thai hospitality and thoughtful service.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhg-home__destinations\" id=\"mhg-destinations\" aria-labelledby=\"mhg-destinations-title\">\n    <div class=\"mhg-home__container\">\n      <div class=\"mhg-home__section-head\" data-reveal>\n        <div>\n          <p class=\"mhg-home__eyebrow\">Our Destinations<\/p>\n          <h2 class=\"mhg-home__title\" id=\"mhg-destinations-title\">Discover Thailand<\/h2>\n        <\/div>\n        <div class=\"mhg-home__filters\" id=\"mhg-destination-filters\" aria-label=\"Filter hotels by destination\">\n          <button class=\"mhg-home__filter\" type=\"button\" data-filter=\"All\" aria-pressed=\"true\">All<\/button>\n          <button class=\"mhg-home__filter\" type=\"button\" data-filter=\"Bangkok\" aria-pressed=\"false\">Bangkok<\/button>\n          <button class=\"mhg-home__filter\" type=\"button\" data-filter=\"Hua Hin\" aria-pressed=\"false\">Hua Hin<\/button>\n          <button class=\"mhg-home__filter\" type=\"button\" data-filter=\"Kanchanaburi\" aria-pressed=\"false\">Kanchanaburi<\/button>\n          <button class=\"mhg-home__filter\" type=\"button\" data-filter=\"Nakhon Pathom\" aria-pressed=\"false\">Nakhon Pathom<\/button>\n          <button class=\"mhg-home__filter\" type=\"button\" data-filter=\"Phuket\" aria-pressed=\"false\">Phuket<\/button>\n          <button class=\"mhg-home__filter\" type=\"button\" data-filter=\"Rayong\" aria-pressed=\"false\">Rayong<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"mhg-home__destination-grid\" id=\"mhg-destination-grid\" aria-live=\"polite\" data-reveal><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhg-home__offers\" id=\"mhg-offers\" aria-labelledby=\"mhg-offers-title\">\n    <div class=\"mhg-home__container\">\n      <div class=\"mhg-home__section-head\" data-reveal>\n        <h2 class=\"mhg-home__display-title\" id=\"mhg-offers-title\">Featured <span>Offers<\/span><\/h2>\n        <a class=\"mhg-home__text-link\" href=\"https:\/\/clouddemo.nc.co.th\/MHG\/offers\/\">See All Offers <span aria-hidden=\"true\">\u2192<\/span><\/a>\n      <\/div>\n      <div class=\"mhg-home__offer-grid\" data-reveal>\n        <a class=\"mhg-home__offer-card\" href=\"https:\/\/clouddemo.nc.co.th\/MHG\/offers\/\">\n          <div class=\"mhg-home__offer-image\">\n            <img decoding=\"async\" src=\"https:\/\/clouddemo.nc.co.th\/MHG\/wp-content\/uploads\/2026\/03\/4CAF0375-8309-495F-8DBC-8577EF9EF9DC_0-1.jpg\" alt=\"Couple enjoying a beachfront meal\" loading=\"lazy\">\n          <\/div>\n          <span class=\"mhg-home__offer-label\">Selected Hotels<\/span>\n          <h3>Stay in Love<\/h3>\n          <p>A relaxing seaside escape made for memorable moments together.<\/p>\n        <\/a>\n        <a class=\"mhg-home__offer-card\" href=\"https:\/\/clouddemo.nc.co.th\/MHG\/offers\/\">\n          <div class=\"mhg-home__offer-image\">\n            <img decoding=\"async\" src=\"https:\/\/clouddemo.nc.co.th\/MHG\/wp-content\/uploads\/2026\/03\/Early-Bird.jpg\" alt=\"Couple enjoying a hotel suite\" loading=\"lazy\">\n          <\/div>\n          <span class=\"mhg-home__offer-label\">Selected Hotels<\/span>\n          <h3>Early Bird Deal<\/h3>\n          <p>Plan ahead and enjoy special savings on your next stay.<\/p>\n        <\/a>\n        <a class=\"mhg-home__offer-card\" href=\"https:\/\/clouddemo.nc.co.th\/MHG\/offers\/\">\n          <div class=\"mhg-home__offer-image\">\n            <img decoding=\"async\" src=\"https:\/\/clouddemo.nc.co.th\/MHG\/wp-content\/uploads\/2026\/03\/Sunkissed.jpg\" alt=\"Sunlit pool at Ace of Hua Hin Resort\" loading=\"lazy\">\n          <\/div>\n          <span class=\"mhg-home__offer-label\">Selected Hotels<\/span>\n          <h3>Sun-Kissed Getaway<\/h3>\n          <p>Unwind by the sea with an easy, sun-filled getaway.<\/p>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mhg-home__experiences\" id=\"mhg-experiences\" aria-labelledby=\"mhg-experiences-title\">\n    <div class=\"mhg-home__container\">\n      <div class=\"mhg-home__experience-layout\">\n        <div class=\"mhg-home__experience-copy\" data-reveal>\n          <p class=\"mhg-home__eyebrow\">Mida Hospitality Group<\/p>\n          <h2 class=\"mhg-home__display-title\" id=\"mhg-experiences-title\">Discover Mida <span>Experiences<\/span><\/h2>\n          <p>Known for warm hospitality and thoughtful service, Mida Hospitality creates stays that feel welcoming, comfortable, and easy to enjoy. Every destination is designed to offer memorable experiences with a touch of genuine Thai hospitality.<\/p>\n          <div class=\"mhg-home__experience-tabs\" role=\"tablist\" aria-label=\"Mida experiences\">\n            <button class=\"mhg-home__experience-tab\" type=\"button\" role=\"tab\" data-experience=\"restaurants\" aria-selected=\"true\">Restaurants<\/button>\n            <button class=\"mhg-home__experience-tab\" type=\"button\" role=\"tab\" data-experience=\"wellness\" aria-selected=\"false\">Wellness<\/button>\n            <button class=\"mhg-home__experience-tab\" type=\"button\" role=\"tab\" data-experience=\"events\" aria-selected=\"false\">Meetings &amp; Events<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"mhg-home__experience-collage\" id=\"mhg-experience-collage\" data-reveal aria-live=\"polite\">\n          <button class=\"mhg-home__experience-card\" type=\"button\" data-slot=\"0\"><\/button>\n          <button class=\"mhg-home__experience-card is-active\" type=\"button\" data-slot=\"1\"><\/button>\n          <button class=\"mhg-home__experience-card\" type=\"button\" data-slot=\"2\"><\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/main>\n\n<script>\n  (() => {\n    const hotelImageByDestination = {\n      \"Bangkok\": \"https:\/\/www.midahotelngamwongwan.com\/wp-content\/uploads\/2026\/03\/10.jpg\",\n      \"Hua Hin\": \"https:\/\/www.aceofhuahinresort.com\/wp-content\/uploads\/2023\/08\/AceofHuaHinResort_atmosphere-04.webp\",\n      \"Kanchanaburi\": \"https:\/\/www.midaresortkanchanaburi.com\/wp-content\/uploads\/2022\/03\/DJI_0906-1024x683-1.jpeg\",\n      \"Nakhon Pathom\": \"https:\/\/www.midagrandehoteldhavaravati.com\/wp-content\/uploads\/2022\/03\/Sky-Bar_05-3.jpg\",\n      \"Phuket\": \"https:\/\/www.midagrandephuket.com\/wp-content\/uploads\/2025\/10\/MGPK012-1-1024x544.webp\",\n      \"Rayong\": \"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/01\/download-3-1024x682.jpeg\"\n    };\n\n    const hotels = [\n      { id: \"mida-don-mueang\", destination: \"Bangkok\", name: \"Mida Hotel Don Mueang Airport\", url: \"https:\/\/www.midahoteldonmueangairport.com\/en\/\" },\n      { id: \"mida-ngamwongwan\", destination: \"Bangkok\", name: \"Mida Hotel Ngamwongwan\", url: \"https:\/\/www.midahotelngamwongwan.com\/\" },\n      { id: \"ace-hua-hin\", destination: \"Hua Hin\", name: \"Ace of Hua Hin Resort\", url: \"https:\/\/www.aceofhuahinresort.com\/\" },\n      { id: \"mida-de-sea\", destination: \"Hua Hin\", name: \"Mida De Sea Hua Hin\", url: \"https:\/\/reservation.travelanium.net\/propertyibe2\/?propertyId=464\" },\n      { id: \"mida-kanchanaburi\", destination: \"Kanchanaburi\", name: \"Mida Resort Kanchanaburi\", url: \"https:\/\/www.midaresortkanchanaburi.com\/\" },\n      { id: \"mida-dhavaravati\", destination: \"Nakhon Pathom\", name: \"Mida Grande Hotel Dhavaravati Nakhon Pathom\", url: \"https:\/\/www.midagrandehoteldhavaravati.com\/en\/\" },\n      { id: \"xen-nakhon-pathom\", destination: \"Nakhon Pathom\", name: \"Xen Hotel Nakhon Pathom\", url: \"https:\/\/www.xenhotel-nakhonpathom.com\/\" },\n      { id: \"mida-phuket\", destination: \"Phuket\", name: \"Mida Grande Resort Phuket\", url: \"https:\/\/www.midagrandephuket.com\/\" },\n      { id: \"aksorn-rayong\", destination: \"Rayong\", name: \"Aksorn Rayong, The Vitality Collection\", url: \"https:\/\/www.aksornrayong.com\/\" }\n    ].map((hotel) => ({ ...hotel, image: hotelImageByDestination[hotel.destination] }));\n\n    const finder = document.getElementById(\"mhg-hotel-finder\");\n    const destinationSelect = document.getElementById(\"mhg-destination-select\");\n    const hotelSelect = document.getElementById(\"mhg-hotel-select\");\n    const findButton = document.getElementById(\"mhg-find-button\");\n    const finderStatus = document.getElementById(\"mhg-finder-status\");\n\n    const updateHotelSelect = () => {\n      const destination = destinationSelect.value;\n      const matches = hotels.filter((hotel) => hotel.destination === destination);\n      hotelSelect.innerHTML = '<option value=\"\">Select Hotel<\/option>' + matches.map((hotel) => `<option value=\"${hotel.id}\">${hotel.name}<\/option>`).join(\"\");\n      hotelSelect.disabled = !destination;\n      findButton.disabled = true;\n      finderStatus.textContent = destination ? `${matches.length} hotel${matches.length === 1 ? \"\" : \"s\"} available in ${destination}.` : \"Choose a destination to see available hotels.\";\n    };\n\n    destinationSelect.addEventListener(\"change\", updateHotelSelect);\n    hotelSelect.addEventListener(\"change\", () => {\n      const selectedHotel = hotels.find((hotel) => hotel.id === hotelSelect.value);\n      findButton.disabled = !selectedHotel;\n      finderStatus.textContent = selectedHotel ? `Ready to explore ${selectedHotel.name}.` : `Choose a hotel in ${destinationSelect.value}.`;\n    });\n\n    finder.addEventListener(\"submit\", (event) => {\n      event.preventDefault();\n      const selectedHotel = hotels.find((hotel) => hotel.id === hotelSelect.value);\n      if (!selectedHotel) return;\n      window.location.href = selectedHotel.url;\n    });\n\n    const destinations = [\"Bangkok\", \"Hua Hin\", \"Kanchanaburi\", \"Nakhon Pathom\", \"Phuket\", \"Rayong\"];\n    const destinationGrid = document.getElementById(\"mhg-destination-grid\");\n    const filterButtons = [...document.querySelectorAll(\".mhg-home__filter\")];\n\n    const renderDestinationCards = (filter = \"All\") => {\n      const cards = filter === \"All\"\n        ? destinations.map((destination) => ({\n            type: \"destination\",\n            destination,\n            name: destination,\n            image: hotelImageByDestination[destination],\n            count: hotels.filter((hotel) => hotel.destination === destination).length\n          }))\n        : hotels.filter((hotel) => hotel.destination === filter).map((hotel) => ({ ...hotel, type: \"hotel\" }));\n\n      destinationGrid.innerHTML = cards.map((card) => {\n        const isHotel = card.type === \"hotel\";\n        const tag = isHotel ? \"a\" : \"button\";\n        const attributes = isHotel\n          ? `href=\"${card.url}\" target=\"_blank\" rel=\"noopener\"`\n          : `type=\"button\" data-open-destination=\"${card.destination}\"`;\n        const meta = isHotel ? card.destination : `${card.count} hotel${card.count === 1 ? \"\" : \"s\"}`;\n        return `\n          <${tag} class=\"mhg-home__destination-card\" ${attributes}>\n            <span class=\"mhg-home__destination-image\">\n              <img decoding=\"async\" src=\"${card.image}\" alt=\"${card.name}\" loading=\"lazy\">\n            <\/span>\n            <span class=\"mhg-home__destination-meta\">\n              <span class=\"mhg-home__destination-name\">${card.name}<\/span>\n              <span class=\"mhg-home__destination-count\"><span>${meta}<\/span><span class=\"mhg-home__destination-arrow\" aria-hidden=\"true\">\u2192<\/span><\/span>\n            <\/span>\n          <\/${tag}>`;\n      }).join(\"\");\n\n      destinationGrid.querySelectorAll(\"[data-open-destination]\").forEach((card) => {\n        card.addEventListener(\"click\", () => setDestinationFilter(card.dataset.openDestination));\n      });\n    };\n\n    const setDestinationFilter = (filter) => {\n      filterButtons.forEach((button) => button.setAttribute(\"aria-pressed\", String(button.dataset.filter === filter)));\n      renderDestinationCards(filter);\n    };\n\n    filterButtons.forEach((button) => button.addEventListener(\"click\", () => setDestinationFilter(button.dataset.filter)));\n    renderDestinationCards();\n\n    const experiences = [\n      {\n        id: \"restaurants\",\n        label: \"Restaurants\",\n        image: \"https:\/\/clouddemo.nc.co.th\/MHG\/wp-content\/uploads\/elementor\/thumbs\/Ace-of-Hua-Hin-119-scaled-e1709632745944-rkmi1mohqcoeh9ainm4dz4lqrwmwqj0k3ya5ye9f9k.jpg\",\n        url: \"https:\/\/clouddemo.nc.co.th\/MHG\/restaurants-bar\/\"\n      },\n      {\n        id: \"wellness\",\n        label: \"Wellness\",\n        image: \"https:\/\/clouddemo.nc.co.th\/MHG\/wp-content\/uploads\/2026\/03\/korean-woman-practices-yoga-on-a-serene-dock-surro-2026-03-05-11-39-15-utc-1024x683.webp\",\n        url: \"https:\/\/clouddemo.nc.co.th\/MHG\/experiences\/\"\n      },\n      {\n        id: \"events\",\n        label: \"Meetings & Events\",\n        image: \"https:\/\/www.aksornrayong.com\/wp-content\/uploads\/2022\/09\/DE94B1BC-D1BC-4C31-8E86-E712500F9BFA.jpeg\",\n        url: \"https:\/\/clouddemo.nc.co.th\/MHG\/events\/\"\n      }\n    ];\n\n    const experienceTabs = [...document.querySelectorAll(\".mhg-home__experience-tab\")];\n    const experienceCards = [...document.querySelectorAll(\".mhg-home__experience-card\")];\n    let activeExperience = 0;\n\n    const renderExperiences = () => {\n      const ordered = [\n        experiences[(activeExperience + experiences.length - 1) % experiences.length],\n        experiences[activeExperience],\n        experiences[(activeExperience + 1) % experiences.length]\n      ];\n\n      experienceCards.forEach((card, index) => {\n        const experience = ordered[index];\n        card.dataset.experienceId = experience.id;\n        card.classList.toggle(\"is-active\", index === 1);\n        card.setAttribute(\"aria-label\", index === 1 ? `Open ${experience.label}` : `Show ${experience.label}`);\n        card.innerHTML = `<img decoding=\"async\" src=\"${experience.image}\" alt=\"${experience.label} at Mida Hospitality Group\" loading=\"lazy\">${index === 1 ? `<span class=\"mhg-home__experience-label\"><span>${experience.label}<\/span><span aria-hidden=\"true\">\u2192<\/span><\/span>` : \"\"}`;\n      });\n\n      experienceTabs.forEach((tab) => tab.setAttribute(\"aria-selected\", String(tab.dataset.experience === experiences[activeExperience].id)));\n    };\n\n    const setActiveExperience = (id) => {\n      const nextIndex = experiences.findIndex((experience) => experience.id === id);\n      if (nextIndex < 0) return;\n      activeExperience = nextIndex;\n      renderExperiences();\n    };\n\n    experienceTabs.forEach((tab) => tab.addEventListener(\"click\", () => setActiveExperience(tab.dataset.experience)));\n    experienceCards.forEach((card) => card.addEventListener(\"click\", () => {\n      const clicked = experiences.find((experience) => experience.id === card.dataset.experienceId);\n      if (!clicked) return;\n      if (clicked.id === experiences[activeExperience].id) {\n        window.location.href = clicked.url;\n      } else {\n        setActiveExperience(clicked.id);\n      }\n    }));\n    renderExperiences();\n\n    const revealItems = [...document.querySelectorAll(\".mhg-home [data-reveal]\")];\n    if (\"IntersectionObserver\" in window && !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        });\n      }, { threshold: 0.12 });\n      revealItems.forEach((item) => observer.observe(item));\n    } else {\n      revealItems.forEach((item) => item.classList.add(\"is-visible\"));\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>Thailand Hotel Collection Discover Thailand ThroughMida Hospitality Group A collection of distinctive hotels and resorts across Thailand, each offering its own unique charm and experience, from vibrant city hotels to peaceful riverside and beachfront destinations. Explore Hotels Meetings &amp; Events Find Your Stay Explore Our Collection Select destination Select DestinationBangkok &amp; Metropolitan AreaHua HinKanchanaburiNakhon PathomPhuketRayong [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":118,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":467,"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/pages\/2\/revisions\/467"}],"wp:attachment":[{"href":"https:\/\/clouddemo.nc.co.th\/MHG\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}