{"id":22,"date":"2026-10-26T02:54:36","date_gmt":"2026-10-26T02:54:36","guid":{"rendered":"https:\/\/topview.pkjgroup.net\/?page_id=22"},"modified":"2026-10-26T04:41:15","modified_gmt":"2026-10-26T04:41:15","slug":"contact","status":"publish","type":"page","link":"https:\/\/topview.pkjgroup.net\/?page_id=22","title":{"rendered":"CONTACT"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.topview-contact {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 40px;\n  width: 100%;\n  max-width: 100%;\n  margin: 20px auto;\n  box-sizing: border-box;\n  font-family: inherit;\n  color: #333;\n}\n\n.topview-contact * {\n  box-sizing: border-box;\n}\n\n.topview-map {\n  min-height: 450px;\n  overflow: hidden;\n  border-radius: 8px;\n  background: #f3f3f3;\n}\n\n.topview-map iframe {\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: 450px;\n  border: 0;\n}\n\n.topview-info {\n  padding: 10px 0;\n}\n\n.topview-logo {\n  display: block;\n  width: 140px;\n  max-width: 100%;\n  height: auto;\n  margin-bottom: 22px;\n}\n\n.topview-info h2 {\n  margin: 0 0 8px;\n  color: #222;\n  font-size: 28px;\n  line-height: 1.4;\n  font-weight: 700;\n}\n\n.topview-subtitle {\n  margin: 0 0 28px;\n  color: #98713b;\n  font-size: 13px;\n  letter-spacing: 2px;\n}\n\n.topview-detail {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  margin-bottom: 22px;\n}\n\n.topview-detail-icon {\n  flex: 0 0 38px;\n  width: 38px;\n  height: 38px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #e7dfd3;\n  border-radius: 50%;\n  color: #98713b;\n  font-size: 18px;\n}\n\n.topview-detail-content {\n  min-width: 0;\n  padding-top: 2px;\n}\n\n.topview-detail-content strong {\n  display: block;\n  margin-bottom: 5px;\n  color: #222;\n  font-size: 15px;\n}\n\n.topview-detail-content p,\n.topview-detail-content a {\n  margin: 0;\n  color: #666;\n  font-size: 14px;\n  line-height: 1.9;\n  overflow-wrap: anywhere;\n}\n\n.topview-detail-content a {\n  text-decoration: none;\n}\n\n.topview-detail-content a:hover {\n  color: #98713b;\n}\n\n.topview-social-title {\n  margin: 28px 0 14px;\n  color: #222;\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.topview-socials {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.topview-socials a {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  padding: 10px 14px;\n  border: 1px solid #e8e4dd;\n  border-radius: 5px;\n  color: #555;\n  background: #fff;\n  text-decoration: none;\n  font-size: 13px;\n  transition: all .2s ease;\n}\n\n.topview-socials a:hover {\n  border-color: #98713b;\n  color: #98713b;\n  transform: translateY(-2px);\n}\n\n.topview-socials img {\n  display: block;\n  width: 19px;\n  height: 19px;\n  object-fit: contain;\n}\n\n@media (max-width: 768px) {\n  .topview-contact {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .topview-map,\n  .topview-map iframe {\n    min-height: 320px;\n  }\n\n  .topview-info h2 {\n    font-size: 24px;\n  }\n}\n<\/style>\n\n<div class=\"topview-contact\">\n\n  <!-- \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22: Google Maps -->\n  <div class=\"topview-map\">\n    <iframe\n      src=\"https:\/\/maps.google.com\/maps?q=Topview%20Hotel&#038;t=&#038;z=15&#038;ie=UTF8&#038;iwloc=&#038;output=embed\"\n      title=\"\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48 Topview Hotel\"\n      loading=\"lazy\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n      allowfullscreen>\n    <\/iframe>\n  <\/div>\n\n  <!-- \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d -->\n  <div class=\"topview-info\">\n\n    <img decoding=\"async\"\n      class=\"topview-logo\"\n      src=\"https:\/\/placehold.co\/280x120?text=TOPVIEW+HOTEL\"\n      alt=\"Topview Hotel Logo\">\n\n    <h2>Topview Hotel<\/h2>\n    <p class=\"topview-subtitle\">CONTACT US<\/p>\n\n    <!-- \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48 -->\n    <div class=\"topview-detail\">\n      <div class=\"topview-detail-icon\">\u2316<\/div>\n      <div class=\"topview-detail-content\">\n        <strong>\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21<\/strong>\n        <p>\u0e43\u0e2a\u0e48\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23 -->\n    <div class=\"topview-detail\">\n      <div class=\"topview-detail-icon\">\u260e<\/div>\n      <div class=\"topview-detail-content\">\n        <strong>\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/strong>\n        <a href=\"tel:+6621234567\">02-123-4567<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Email -->\n    <div class=\"topview-detail\">\n      <div class=\"topview-detail-icon\">\u2709<\/div>\n      <div class=\"topview-detail-content\">\n        <strong>\u0e2d\u0e35\u0e40\u0e21\u0e25<\/strong>\n        <a href=\"mailto:YOUR_EMAIL@example.com\">\n          YOUR_EMAIL@example.com\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <h3 class=\"topview-social-title\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2d\u0e37\u0e48\u0e19 \u0e46<\/h3>\n\n    <div class=\"topview-socials\">\n\n      <a href=\"https:\/\/www.facebook.com\/YOUR_PAGE\"\n         target=\"_blank\" rel=\"noopener noreferrer\">\n        <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/facebook\/1877F2\"\n             alt=\"\">\n        Facebook\n      <\/a>\n\n      <a href=\"https:\/\/line.me\/R\/ti\/p\/@YOUR_LINE_ID\"\n         target=\"_blank\" rel=\"noopener noreferrer\">\n        <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/line\/06C755\"\n             alt=\"\">\n        LINE\n      <\/a>\n\n      <a href=\"mailto:YOUR_EMAIL@example.com\">\n        <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/gmail\/EA4335\"\n             alt=\"\">\n        Email\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Topview Hotel CONTACT US \u2316 \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21 \u0e43\u0e2a\u0e48\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 \u260e \u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c 02-123-4567 \u2709 \u0e2d\u0e35\u0e40\u0e21\u0e25 YOUR_EMAIL@example.com \u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2d\u0e37\u0e48\u0e19 \u0e46 Facebook LINE Email<\/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-22","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":2,"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}