{"id":5128,"date":"2024-04-05T11:29:31","date_gmt":"2024-04-05T04:29:31","guid":{"rendered":"https:\/\/www.oceanspahoian.com\/?page_id=5128"},"modified":"2026-06-12T12:01:34","modified_gmt":"2026-06-12T05:01:34","slug":"reservation","status":"publish","type":"page","link":"https:\/\/www.oceanspahoian.com\/ko\/reservation\/","title":{"rendered":"Reservation"},"content":{"rendered":"\n\n\n<style>\n@keyframes shineLoop {\n  0% { left: -60%; }\n  50% { left: 130%; }\n  100% { left: -60%; }\n}\n\n\/* \u0110\u1ecbnh ngh\u0129a h\u1ec7 th\u1ed1ng bi\u1ebfn m\u00e0u nh\u1eadn di\u1ec7n Ocean Spa Hoi An *\/\n.reservation-wrapper {\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:     16px;\n  --op-radius-lg:     12px;\n  --op-radius-sm:     10px;\n  --op-shadow-sm:     0 4px 18px rgba(29, 43, 54, 0.06);\n  --op-shadow-md:     0 12px 28px rgba(29, 43, 54, 0.1);\n\n  max-width: 820px;\n  margin: 30px auto;\n  padding: 25px 20px;\n  background-color: var(--op-bg);\n  \/* Background gradient nh\u1eb9 nh\u00e0ng theo nh\u1eadn di\u1ec7n m\u1edbi *\/\n  background-image:\n    radial-gradient(circle at 5% 0%, rgba(52, 152, 219, 0.05), transparent 45%),\n    radial-gradient(circle at 100% 100%, rgba(29, 43, 54, 0.03), transparent 45%);\n  border-radius: var(--op-radius-xl);\n  box-shadow: var(--op-shadow-sm);\n  font-family: Arial, Helvetica, sans-serif;\n  color: var(--op-text);\n  box-sizing: border-box;\n}\n\n.reservation-wrapper *,\n.reservation-wrapper *::before,\n.reservation-wrapper *::after { \n  box-sizing: border-box; \n}\n\n.reservation-wrapper h1 {\n  text-align: center;\n  font-size: 1.4em;\n  margin: 0 0 8px 0;\n  letter-spacing: 0.3px;\n  font-weight: 700;\n  color: var(--op-primary);\n  text-transform: uppercase;\n}\n\n.reservation-subtitle {\n  text-align: center;\n  font-size: 0.82em;\n  color: var(--op-text-soft);\n  margin: 0 0 18px 0;\n  line-height: 1.5;\n}\n\n.reservation-subtitle .time-highlight {\n  display: block;\n  margin-top: 5px;\n  color: var(--op-accent-dark);\n  font-weight: 600;\n}\n\n.contact-grid {\n  display: flex;\n  justify-content: center;\n  gap: 15px;\n  flex-wrap: wrap;\n}\n\n.contact-card {\n  background: var(--op-card);\n  border: 1px solid var(--op-border);\n  border-radius: var(--op-radius-lg);\n  padding: 18px 12px;\n  width: 185px;\n  text-align: center;\n  box-shadow: var(--op-shadow-sm);\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between; \/* \u0110\u1ea9y n\u00fat xu\u1ed1ng s\u00e1t \u0111\u00e1y b\u1eb1ng h\u00e0ng nhau *\/\n}\n\n.contact-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--op-shadow-md);\n  border-color: rgba(52, 152, 219, 0.3);\n}\n\n.contact-card h3 {\n  font-size: 1.05em;\n  margin: 0 0 6px 0;\n  color: var(--op-primary);\n  font-weight: 700;\n}\n\n\/* Icon \u1ea3nh si\u00eau nh\u1ecf 50% (24px) *\/\n.contact-card img {\n  width: 24px;\n  height: 24px;\n  margin: 0 auto 6px auto;\n  display: block;\n  object-fit: contain;\n}\n\n.contact-card .info {\n  font-size: 0.8em;\n  margin-bottom: 12px;\n  color: var(--op-text);\n  line-height: 1.4;\n  flex-grow: 1; \/* C\u0103n \u0111\u1ec1u c\u00e1c kho\u1ea3ng tr\u1ed1ng n\u1ed9i dung text *\/\n}\n\n\/* \ud83d\udd25 N\u00fat b\u1ea5m si\u00eau nh\u1ecf \u0111\u1ed3ng b\u1ed9 hi\u1ec7u \u1ee9ng m\u00e0u gradient nh\u1eadn di\u1ec7n m\u1edbi *\/\n.chat-button {\n  display: block;\n  width: 90%;\n  margin: 0 auto;\n  padding: 3px 0;\n  text-align: center;\n  border-radius: var(--op-radius-sm);\n  font-size: 0.65em;\n  font-weight: 700;\n  text-decoration: none !important;\n  position: relative;\n  overflow: hidden;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  box-shadow: 0 1px 4px rgba(29, 43, 54, 0.08);\n  box-sizing: border-box;\n}\n\n.chat-button:hover {\n  transform: scale(1.03);\n  box-shadow: 0 3px 8px rgba(52, 152, 219, 0.25);\n}\n\n.chat-button::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 50%;\n  height: 100%;\n  background: rgba(255, 255, 255, 0.25);\n  transform: skewX(-25deg);\n  animation: shineLoop 3s linear infinite;\n}\n\n\/* Tone m\u00e0u th\u01b0\u01a1ng hi\u1ec7u Ocean ph\u1ed1i h\u1ee3p \u0111\u1eb7c tr\u01b0ng icon *\/\n.kakao-btn {\n  background: linear-gradient(135deg, #FEE500, #e6cf00);\n  color: #381e1f !important;\n}\n\n.whatsapp-btn {\n  background: linear-gradient(135deg, #1d2b36, #3498db);\n  color: #ffffff !important;\n}\n\n.email-btn {\n  background: linear-gradient(135deg, var(--op-accent), var(--op-accent-dark));\n  color: #ffffff !important;\n}\n\n.reservation-note {\n  margin-top: 25px;\n  text-align: center;\n  font-size: 0.78em;\n  color: var(--op-text-soft);\n  line-height: 1.5;\n}\n\n\/* \ud83d\udd25 T\u1ed1i \u01b0u responsive c\u00e2n b\u1eb1ng h\u00e0ng ngang tr\u00ean Mobile khi c\u00f3 3 c\u1ed9t *\/\n@media (max-width: 768px) {\n  .contact-grid {\n    gap: 10px;\n  }\n  .contact-card {\n    width: calc(50% - 5px); \/* Tr\u01b0\u1ee3t m\u01b0\u1ee3t 2 th\u1ebb l\u00ean h\u00e0ng \u0111\u1ea7u, th\u1ebb th\u1ee9 3 t\u1ef1 \u0111\u1ed9ng c\u0103n gi\u1eefa \u1edf h\u00e0ng d\u01b0\u1edbi *\/\n    padding: 12px 6px;\n  }\n  .contact-card h3 {\n    font-size: 0.95em;\n  }\n  .contact-card .info {\n    font-size: 0.75em;\n    margin-bottom: 8px;\n  }\n  .chat-button {\n    width: 100%;\n    font-size: 0.63em;\n  }\n}\n<\/style>\n\n<div class=\"reservation-wrapper\">\n\n  <h1>\uc624\uc158 \uc2a4\ud30c \uc2e4\uc2dc\uac04 \uc608\uc57d\ud558\uae30<\/h1>\n  <p class=\"reservation-subtitle\">\n    <span class=\"time-highlight\">\n      \uc608\uc57d \uc9c0\uc6d0 \uc2dc\uac04: \uc624\uc804 7:00 ~ \uc624\ud6c4 9:00<br>\n      *\uc6b4\uc601 \uc2dc\uac04 \uc678\uc5d0 \uba54\uc2dc\uc9c0\ub97c \ub0a8\uaca8\uc8fc\uc2dc\uba74 \ub2e4\uc74c \ub0a0 \uc624\uc804 \uc911\uc73c\ub85c \ud655\uc778 \ud6c4 \uc21c\ucc28\uc801\uc73c\ub85c \ub2f5\ubcc0\ud574 \ub4dc\ub9bd\ub2c8\ub2e4.\n    <\/span>\n  <\/p>\n\n  <div class=\"contact-grid\">\n\n    <!-- 1. KakaoTalk -->\n    <div class=\"contact-card\">\n      <div>\n        <h3>KakaoTalk<\/h3>\n        <a href=\"http:\/\/pf.kakao.com\/_SjxoCxj\/chat\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/www.oceanspahoian.com\/wp-content\/uploads\/2025\/02\/kakao-talk.png.webp\" alt=\"KakaoTalk Icon\" title=\"\">\n        <\/a>\n        <div class=\"info\">\n          \ud55c\uad6d\uc5b4 \uc804\uc6a9 \uc2e4\uc2dc\uac04 \uc0c1\ub2f4<br>\n          \uac00\uc7a5 \ube60\ub978 \uc608\uc57d \ud655\uc815\n        <\/div>\n      <\/div>\n      <a href=\"http:\/\/pf.kakao.com\/_SjxoCxj\/chat\" target=\"_blank\" rel=\"noopener\" class=\"chat-button kakao-btn\">\n        \uce74\uce74\uc624\ud1a1 \uc2e4\uc2dc\uac04 \ubb38\uc758\n      <\/a>\n    <\/div>\n\n    <!-- 2. WhatsApp -->\n    <div class=\"contact-card\">\n      <div>\n        <h3>WhatsApp<\/h3>\n        <a href=\"https:\/\/wa.me\/84935558220\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/www.oceanspahoian.com\/wp-content\/uploads\/2025\/02\/WhatsApp.png.webp\" alt=\"WhatsApp Icon\" title=\"\">\n        <\/a>\n        <div class=\"info\">\n          +84 935 558 220<br>\n          24\/7 \uae00\ub85c\ubc8c \uc2e4\uc2dc\uac04 \uc9c0\uc6d0\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/wa.me\/84935558220\" target=\"_blank\" rel=\"noopener\" class=\"chat-button whatsapp-btn\">\n        Start WhatsApp Chat\n      <\/a>\n    <\/div>\n\n    <!-- 3. Email Support -->\n    <div class=\"contact-card\">\n      <div>\n        <h3>Email Support<\/h3>\n        <a href=\"mailto:oceanspahoian@gmail.com?subject=%5BOcean%20Spa%20%EC%98%88%EC%95%BD%20%EB%AC%B8%EC%9D%98%5D\">\n          <img decoding=\"async\" src=\"https:\/\/www.oceanspahoian.com\/wp-content\/uploads\/2026\/06\/email-icon.png\" alt=\"Email Icon\" title=\"\">\n        <\/a>\n        <div class=\"info\">\n          oceanspahoian@gmail.com<br>\n          \uc774\uba54\uc77c \uc608\uc57d \uc9c0\uc6d0 (24\uc2dc\uac04 \ub0b4)\n        <\/div>\n      <\/div>\n      <a href=\"mailto:oceanspahoian@gmail.com?subject=%5BOcean%20Spa%20%EC%98%88%EC%95%BD%20%EB%AC%B8%EC%9D%98%5D\" class=\"chat-button email-btn\">\n        \uc774\uba54\uc77c \uc608\uc57d \ubb38\uc758\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"reservation-note\">\n    * \uba54\uc2dc\uc9c0\ub098 \uc774\uba54\uc77c\uc744 \ubcf4\ub0b4\uc2e4 \ub54c <strong>[ \uc131\ud568 \/ \uc608\uc57d \ub0a0\uc9dc \ubc0f \uc2dc\uac04 \/ \ucd1d \uc778\uc6d0\uc218 \/ \uc2a4\ud30c \ud504\ub85c\uadf8\ub7a8 \/ \ud53d\uc5c5 \ub610\ub294 \ub4dc\ub86d \uc694\uccad (\ud544\uc694 \uc2dc) ]<\/strong>\ub97c \ud568\uaed8 \ub0a8\uaca8\uc8fc\uc2dc\uba74 \ub354\uc6b1 \ube60\ub978 \ucc98\ub9ac\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4.<br>\n    \uad00\uad11 \uc131\uc218\uae30 \uc2dc\uc98c\uc5d0\ub294 \uc0ac\uc804 \uc608\uc57d\uc744 \uc801\uadf9 \uad8c\uc7a5\ud569\ub2c8\ub2e4.\n  <\/div>\n\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/pages\/5128","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=5128"}],"version-history":[{"count":5,"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/pages\/5128\/revisions"}],"predecessor-version":[{"id":5175,"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/pages\/5128\/revisions\/5175"}],"wp:attachment":[{"href":"https:\/\/www.oceanspahoian.com\/ko\/wp-json\/wp\/v2\/media?parent=5128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}