{"id":5125,"date":"2025-02-17T20:07:14","date_gmt":"2025-02-17T13:07:14","guid":{"rendered":"https:\/\/www.oceanspahoian.com\/?page_id=5125"},"modified":"2026-05-18T20:40:37","modified_gmt":"2026-05-18T13:40:37","slug":"special-offer","status":"publish","type":"page","link":"https:\/\/www.oceanspahoian.com\/ko\/special-offer\/","title":{"rendered":"SPECIAL OFFER"},"content":{"rendered":"\n\n\n<h1>\ud638\uc774\uc548 \uc624\uc158 \uc2a4\ud30c \ud2b9\ubcc4 \ud504\ub85c\ubaa8\uc158 &amp; \ud53d\uc5c5 \ud560\uc778 \ud61c\ud0dd \uc548\ub0b4<\/h1>\n\n<style>\nh1 {\n    font-size: 2.0rem; \/* Kh\u1eafc ph\u1ee5c l\u1ed7i font Desktop qu\u00e1 nh\u1ecf (1.2rem) \u0111\u1ec3 chu\u1ea9n ph\u00e2n c\u1ea5p UX *\/\n    line-height: 1.3;\n    text-align: center;\n    color: #1d2b36;\n    margin: 40px 0 25px;\n    font-weight: 700;\n    letter-spacing: -0.5px;\n}\n\n@media(max-width:768px) {\n    h1 {\n        font-size: 1.5rem; \/* Gi\u1eef nguy\u00ean k\u00edch th\u01b0\u1edbc t\u1ed1i \u01b0u cho m\u00e0n h\u00ecnh di \u0111\u1ed9ng *\/\n        margin: 30px 0 20px;\n        padding: 0 15px;\n    }\n}\n<\/style>\n\n\n\n<div id=\"ocean-promo\">\n  <div class=\"op-wrap\">\n\n    <header class=\"op-header\">\n      <span class=\"op-eyebrow\">2026 \uc5ec\ub984 \uc2dc\uc98c<\/span>\n      <h2 class=\"op-title\">\uc2dc\uc98c \ud55c\uc815 \uc2a4\ud398\uc15c \ud61c\ud0dd<\/h2>\n      <p class=\"op-tagline\">\ud638\uc774\uc548 \uc548\ubc29 \ube44\uce58\uc5d0\uc11c \uc990\uae30\ub294 \uc644\ubcbd\ud55c \ud790\ub9c1 \uc5ec\ud589<\/p>\n      <ul class=\"op-conditions\">\n        <li>\uc0ac\uc804 \uc608\uc57d \ud544\uc218<\/li>\n        <li>1\ud68c \uc608\uc57d \uc2dc 1\uac00\uc9c0 \ud61c\ud0dd \uc120\ud0dd<\/li>\n        <li>20:00 \uc774\uc804 \uc11c\ube44\uc2a4 \uc885\ub8cc<\/li>\n      <\/ul>\n    <\/header>\n\n    <div class=\"op-grid\">\n\n      <!-- PROMO 1 -->\n      <article class=\"op-card\">\n        <span class=\"op-tag\">\uc2a4\ud30c \uc9c1\uc811 \ubc29\ubb38<\/span>\n        <h3 class=\"op-card-title\">\uc0ac\uc804 \uc608\uc57d \uc804\uc6a9 \ud61c\ud0dd<\/h3>\n        <p class=\"op-card-sub\">\ud53d\uc5c5\u00b7\uc0cc\ub529 \uc5c6\uc74c<\/p>\n        <ul class=\"op-benefits\">\n          <li>\n            <span class=\"op-deal\">25% \ud560\uc778<\/span>\n            <span class=\"op-service\">\uc804\uc2e0 \ub9c8\uc0ac\uc9c0 90~120\ubd84<\/span>\n            <span class=\"op-meta\">2\uc778 \uc774\uc0c1 &middot; 1\uc778 \uc608\uc57d \uc2dc 10% \ud560\uc778<\/span>\n          <\/li>\n          <li>\n            <span class=\"op-deal\">15% \ud560\uc778<\/span>\n            <span class=\"op-service\">\uc804\uc2e0 \ub9c8\uc0ac\uc9c0 60\ubd84<\/span>\n            <span class=\"op-meta\">2\uc778 \uc774\uc0c1<\/span>\n          <\/li>\n          <li>\n            <span class=\"op-deal\">15% \ud560\uc778<\/span>\n            <span class=\"op-service\">\ubc1c \ub9c8\uc0ac\uc9c0 &amp; \uc824 \ub124\uc77c<\/span>\n            <span class=\"op-meta\">1\uc778 \uc774\uc0c1<\/span>\n          <\/li>\n          <li>\n            <span class=\"op-deal\">15% \ud560\uc778<\/span>\n            <span class=\"op-service\">\uc2a4\ud30c \ud328\ud0a4\uc9c0, \ud398\uc774\uc15c, \ubc14\ub514 \uc2a4\ud06c\ub7fd, \ud5e4\uc5b4 \uc6cc\uc2dc<\/span>\n            <span class=\"op-meta\">2\uc778 \uc774\uc0c1<\/span>\n          <\/li>\n        <\/ul>\n        <p class=\"op-fineprint\">\uc6cc\ud06c\uc778 \ub610\ub294 \uadf8\ub7a9\u00b7\ud0dd\uc2dc \uc774\uc6a9 \uace0\uac1d\uc5d0\uac8c \ucd94\ucc9c\ud569\ub2c8\ub2e4.<\/p>\n        <a href=\"https:\/\/www.oceanspahoian.com\/ko\/reservation\/\" class=\"op-btn\">\uc9c0\uae08 \uc608\uc57d\ud558\uae30<\/a>\n      <\/article>\n\n      <!-- PROMO 2 \u2014 FEATURED -->\n      <article class=\"op-card op-card--featured\">\n        <span class=\"op-tag\">+ \ud638\uc774\uc548 \ud53d\uc5c5\u00b7\uc0cc\ub529<\/span>\n        <h3 class=\"op-card-title\">\ud638\uc774\uc548 \uc655\ubcf5 \ud53d\uc5c5<\/h3>\n        <p class=\"op-card-sub\">\ubb34\ub8cc \ud53d\uc5c5 \ubc0f \uc0cc\ub529 \uc81c\uacf5<\/p>\n        <ul class=\"op-benefits\">\n          <li>\n            <span class=\"op-deal\">10% \ud560\uc778 + \ud53d\uc5c5\u00b7\uc0cc\ub529 \ubb34\ub8cc<\/span>\n            <span class=\"op-service\">\uc804\uc2e0 \ub9c8\uc0ac\uc9c0 90~120\ubd84<\/span>\n            <span class=\"op-meta\">\uc655\ubcf5 \ud53d\uc5c5\u00b7\uc0cc\ub529 &middot; 2\uc778 \uc774\uc0c1<\/span>\n            <span class=\"op-bonus\">+ \uc131\uc778 4\uc778 \uc774\uc0c1 \uadf8\ub8f9 \ucd94\uac00 5% \ud560\uc778<\/span>\n          <\/li>\n          <li>\n            <span class=\"op-deal\">\ud3b8\ub3c4 \ud53d\uc5c5\u00b7\uc0cc\ub529 \ubb34\ub8cc<\/span>\n            <span class=\"op-service\">\uc804\uc2e0 \ub610\ub294 \ubc1c \ub9c8\uc0ac\uc9c0 60\ubd84<\/span>\n            <span class=\"op-meta\">\ud53d\uc5c5 \ub610\ub294 \uc0cc\ub529 &middot; 2\uc778 \uc774\uc0c1<\/span>\n          <\/li>\n        <\/ul>\n        <p class=\"op-fineprint\">\ud638\uc774\uc548 \ud638\ud154, \ube4c\ub77c \ub610\ub294 \uc548\ubc29 \ube44\uce58 \ub9ac\uc870\ud2b8 \uc219\ubc15 \uace0\uac1d\uc5d0\uac8c \ucd94\ucc9c\ud569\ub2c8\ub2e4.<\/p>\n        <a href=\"https:\/\/www.oceanspahoian.com\/ko\/reservation\/\" class=\"op-btn\">\uc9c0\uae08 \uc608\uc57d\ud558\uae30<\/a>\n      <\/article>\n\n      <!-- PROMO 3 -->\n      <article class=\"op-card\">\n        <span class=\"op-tag\">+ \ub2e4\ub0ad \ud53d\uc5c5\u00b7\uc0cc\ub529<\/span>\n        <h3 class=\"op-card-title\">\ub2e4\ub0ad &harr; \ud638\uc774\uc548<\/h3>\n        <p class=\"op-card-sub\">\ud3b8\ub9ac\ud55c \ub3c4\uc2dc \uac04 \uc774\ub3d9 \uc11c\ube44\uc2a4<\/p>\n        <div class=\"op-route\">\n          <div class=\"op-route-line\">\ub2e4\ub0ad <i>\u2192<\/i> \uc624\uc158 \uc2a4\ud30c <i>\u2192<\/i> \ud638\uc774\uc548<\/div>\n          <div class=\"op-route-or\"><span>\ub610\ub294<\/span><\/div>\n          <div class=\"op-route-line\">\ud638\uc774\uc548 <i>\u2192<\/i> \uc624\uc158 \uc2a4\ud30c <i>\u2192<\/i> \ub2e4\ub0ad<\/div>\n        <\/div>\n        <ul class=\"op-benefits\">\n          <li>\n            <span class=\"op-deal\">\uc655\ubcf5 \ud53d\uc5c5\u00b7\uc0cc\ub529 \ud3ec\ud568<\/span>\n            <span class=\"op-service\">90\ubd84 \uc774\uc0c1 \ub9c8\uc0ac\uc9c0<\/span>\n            <span class=\"op-meta\">2\uc778 \uc774\uc0c1<\/span>\n            <span class=\"op-bonus\">+ \uc131\uc778 4\uc778 \uc774\uc0c1 \uadf8\ub8f9 \ucd94\uac00 5% \ud560\uc778<\/span>\n          <\/li>\n        <\/ul>\n        <p class=\"op-fineprint\">\ud638\uc774\uc548 \ub0a8\ubd80 \uc9c0\uc5ed\uc740 \ub2e4\ub0ad \uad6c\uc5ed\uc73c\ub85c \uc801\uc6a9\ub429\ub2c8\ub2e4. \ub2e4\ub0ad \uacf5\ud56d \ubc0f \uc548\ubc29 \ube44\uce58\uc5d0\uc11c \ud3b8\ub9ac\ud558\uac8c \uc774\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n        <a href=\"https:\/\/www.oceanspahoian.com\/ko\/reservation\/\" class=\"op-btn\">\uc9c0\uae08 \uc608\uc57d\ud558\uae30<\/a>\n      <\/article>\n\n    <\/div>\n\n    <!-- USP \u2014 An Bang Beach -->\n    <div class=\"op-usp\">\n      <h3 class=\"op-usp-title\">\uc548\ubc29 \ube44\uce58\uc5d0\uc11c \ub3c4\ubcf4 1\ubd84<\/h3>\n      <p class=\"op-usp-text\">\uc624\uc158 \uc2a4\ud30c \ud638\uc774\uc548\uc740 \uc548\ubc29 \ube44\uce58\uc5d0\uc11c \ub3c4\ubcf4 1\ubd84 \uac70\ub9ac\uc5d0 \uc704\uce58\ud574 \uc788\uc2b5\ub2c8\ub2e4. \ud2b8\ub9ac\ud2b8\uba3c\ud2b8 \ud6c4 \ud638\ud154\uc5d0 \uc9d0\uc744 \ub9e1\uae30\uace0 \ud574\ubcc0, \ub85c\uceec \uce74\ud398, \ub808\uc2a4\ud1a0\ub791\uc744 \uc790\uc720\ub86d\uac8c \uc990\uae30\uc138\uc694.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n<style>\n  \/* OCEAN SPA HOI AN \u2014 Seasonal Promo Block | Summer 2026 *\/\n\n  #ocean-promo {\n    --op-primary:       #1d2b36;\n    --op-primary-dark:  #111a21;\n    --op-primary-tint:  #e8f0f5;\n    --op-accent:        #3498db;\n    --op-accent-dark:   #1a78b4;\n    --op-accent-tint:   #eaf6f8;\n    --op-bg:            #f4fbfd;\n    --op-card:          #ffffff;\n    --op-text:          #3f5563;\n    --op-text-soft:     #7a90a0;\n    --op-border:        #eef2f4;\n    --op-radius-xl:     20px;\n    --op-radius-lg:     14px;\n    --op-radius-pill:   50px;\n    --op-radius-sm:     8px;\n    --op-shadow-sm:     0 4px 18px rgba(29, 43, 54, 0.06);\n    --op-shadow-md:     0 14px 34px rgba(29, 43, 54, 0.11);\n\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--op-text);\n    background-color: var(--op-bg);\n    background-image:\n      radial-gradient(circle at 5% 0%, rgba(52, 152, 219, 0.07), transparent 45%),\n      radial-gradient(circle at 100% 100%, rgba(29, 43, 54, 0.04), transparent 45%);\n    padding: clamp(36px, 5vw, 64px) clamp(16px, 4vw, 40px);\n    border-radius: var(--op-radius-xl);\n    margin: 40px 0;\n    line-height: 1.6;\n  }\n\n  #ocean-promo *,\n  #ocean-promo *::before,\n  #ocean-promo *::after { box-sizing: border-box; }\n\n  .op-wrap { max-width: 1100px; margin: 0 auto; }\n\n  \/* --- Header --- *\/\n  .op-header {\n    text-align: center;\n    margin-bottom: clamp(28px, 4vw, 48px);\n  }\n  .op-eyebrow {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--op-accent-dark);\n    background: var(--op-accent-tint);\n    border: 2px solid var(--op-accent);\n    padding: 6px 18px;\n    border-radius: var(--op-radius-pill);\n    margin-bottom: 14px;\n  }\n  .op-title {\n    color: var(--op-primary);\n    font-size: clamp(22px, 4.5vw, 34px);\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    margin: 0 0 8px;\n    line-height: 1.2;\n  }\n  .op-tagline {\n    color: var(--op-text-soft);\n    font-size: clamp(13px, 1.6vw, 15px);\n    font-style: italic;\n    margin: 0 0 22px;\n  }\n  .op-conditions {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    justify-content: center;\n  }\n  .op-conditions li {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--op-primary);\n    background: var(--op-accent-tint);\n    border: 1.5px solid var(--op-accent);\n    padding: 6px 16px;\n    border-radius: var(--op-radius-pill);\n  }\n\n  \/* --- Grid --- *\/\n  .op-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n  }\n\n  \/* --- Card --- *\/\n  .op-card {\n    position: relative;\n    background: var(--op-card);\n    border: 1px solid var(--op-border);\n    border-radius: var(--op-radius-xl);\n    padding: 30px 24px;\n    box-shadow: var(--op-shadow-sm);\n    display: flex;\n    flex-direction: column;\n    transition: transform .3s ease, box-shadow .3s ease;\n  }\n  .op-card:hover {\n    transform: translateY(-4px);\n    box-shadow: var(--op-shadow-md);\n  }\n  .op-card--featured {\n    border: 2px solid var(--op-accent);\n    background: linear-gradient(180deg, #FFFFFF 0%, #f4fbfd 100%);\n  }\n  .op-tag {\n    display: inline-block;\n    align-self: flex-start;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: var(--op-accent-dark);\n    background: var(--op-accent-tint);\n    padding: 5px 12px;\n    border-radius: var(--op-radius-pill);\n    margin-bottom: 14px;\n  }\n  .op-card-title {\n    color: var(--op-primary);\n    font-size: clamp(18px, 2.2vw, 21px);\n    font-weight: 700;\n    margin: 0 0 6px;\n    line-height: 1.25;\n  }\n  .op-card-sub {\n    color: var(--op-text-soft);\n    font-size: 13px;\n    font-style: italic;\n    margin: 0 0 18px;\n  }\n\n  \/* --- Benefits --- *\/\n  .op-benefits {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 16px;\n    flex: 1;\n  }\n  .op-benefits li {\n    padding: 13px 0;\n    border-bottom: 1px dashed var(--op-border);\n  }\n  .op-benefits li:first-child { padding-top: 0; }\n  .op-benefits li:last-child  { border-bottom: 0; padding-bottom: 0; }\n\n  .op-deal {\n    display: inline-block;\n    background: var(--op-accent);\n    color: #FFF;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n    padding: 4px 10px;\n    border-radius: var(--op-radius-pill);\n    margin-bottom: 7px;\n  }\n  .op-service {\n    display: block;\n    color: var(--op-primary);\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 3px;\n    line-height: 1.4;\n  }\n  .op-meta {\n    display: block;\n    color: var(--op-text-soft);\n    font-size: 13px;\n    line-height: 1.5;\n  }\n  .op-bonus {\n    display: inline-block;\n    margin-top: 8px;\n    padding: 4px 10px;\n    background: var(--op-accent-tint);\n    color: var(--op-accent-dark);\n    border: 1.5px solid rgba(52, 152, 219, 0.30);\n    border-radius: var(--op-radius-pill);\n    font-size: 12px;\n    font-weight: 700;\n    font-style: italic;\n  }\n\n  \/* --- Route Box --- *\/\n  .op-route {\n    background: var(--op-accent-tint);\n    border: 1.5px solid rgba(52, 152, 219, 0.25);\n    border-radius: var(--op-radius-lg);\n    padding: 14px 12px;\n    margin-bottom: 18px;\n    text-align: center;\n  }\n  .op-route-line {\n    color: var(--op-primary);\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.5;\n  }\n  .op-route-line i {\n    color: var(--op-accent);\n    font-style: normal;\n    font-weight: 700;\n    margin: 0 4px;\n  }\n  .op-route-or {\n    position: relative;\n    margin: 8px 0;\n    font-size: 11px;\n    color: var(--op-text-soft);\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n  }\n  .op-route-or::before,\n  .op-route-or::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    width: 28%;\n    height: 1px;\n    background: rgba(52, 152, 219, 0.25);\n  }\n  .op-route-or::before { left: 10%; }\n  .op-route-or::after  { right: 10%; }\n\n  \/* --- Fineprint --- *\/\n  .op-fineprint {\n    font-size: 13px;\n    font-style: italic;\n    color: var(--op-text-soft);\n    background: var(--op-accent-tint);\n    padding: 10px 14px;\n    border-radius: var(--op-radius-lg);\n    margin: 0 0 18px;\n    line-height: 1.5;\n  }\n\n  \/* --- Button --- *\/\n  .op-btn {\n    display: block;\n    background: var(--op-primary);\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    text-align: center;\n    padding: 13px 24px;\n    border-radius: var(--op-radius-pill);\n    min-height: 48px;\n    margin-top: auto;\n    transition: background .3s ease, transform .2s ease, box-shadow .3s ease;\n  }\n  .op-btn:hover,\n  .op-btn:focus-visible {\n    background: var(--op-accent);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(52, 152, 219, 0.30);\n    outline: none;\n  }\n\n  \/* --- USP Section --- *\/\n  .op-usp {\n    margin-top: 36px;\n    background: #fff;\n    border-radius: var(--op-radius-xl);\n    padding: 30px 32px;\n    text-align: center;\n    box-shadow: var(--op-shadow-sm);\n    border: 1px solid var(--op-border);\n  }\n  .op-usp-title {\n    color: var(--op-primary);\n    font-size: clamp(18px, 2.5vw, 22px);\n    font-weight: 700;\n    margin: 0 0 10px;\n  }\n  .op-usp-text {\n    color: var(--op-text);\n    font-size: 15px;\n    max-width: 760px;\n    margin: 0 auto;\n    line-height: 1.7;\n  }\n\n  \/* --- Responsive --- *\/\n  @media (max-width: 960px) {\n    .op-grid { grid-template-columns: 1fr; gap: 24px; }\n  }\n  @media (max-width: 600px) {\n    #ocean-promo { padding: 30px 16px; border-radius: var(--op-radius-xl); margin: 24px 0; }\n    .op-card { padding: 24px 18px; }\n    .op-usp { padding: 22px 18px; }\n    .op-conditions { flex-direction: column; align-items: stretch; gap: 6px; }\n    .op-conditions li { text-align: center; }\n    .op-deal { font-size: 10px; padding: 3px 9px; }\n  }\n<\/style>\n\n\n\n\n<!-- SCHEMA -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"OfferCatalog\",\n  \"name\": \"Ocean Spa Hoi An Special Offers\",\n  \"url\": \"https:\/\/www.oceanspahoian.com\/special-offers\/\",\n  \"description\": \"Seasonal promotions, free transfers, and exclusive massage discounts at Ocean Spa Hoi An near An Bang Beach.\",\n  \"provider\": {\n    \"@type\": \"LocalBusiness\",\n    \"name\": \"Ocean Spa Hoi An\",\n    \"url\": \"https:\/\/www.oceanspahoian.com\",\n    \"image\": \"https:\/\/www.oceanspahoian.com\/wp-content\/uploads\/2026\/05\/Ocean-Spa-Hoi-An-Exterior.webp\",\n    \"address\": {\n      \"@type\": \"PostalAddress\",\n      \"addressLocality\": \"Hoi An\",\n      \"addressRegion\": \"Quang Nam\",\n      \"addressCountry\": \"VN\"\n    }\n  }\n}\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4960,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5125","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/pages\/5125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/comments?post=5125"}],"version-history":[{"count":2,"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/pages\/5125\/revisions"}],"predecessor-version":[{"id":5127,"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/pages\/5125\/revisions\/5127"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/media\/4960"}],"wp:attachment":[{"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/media?parent=5125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}