{"id":9,"date":"2026-10-26T02:52:03","date_gmt":"2026-10-26T02:52:03","guid":{"rendered":"https:\/\/topview.pkjgroup.net\/?page_id=9"},"modified":"2026-10-26T04:38:19","modified_gmt":"2026-10-26T04:38:19","slug":"room","status":"publish","type":"page","link":"https:\/\/topview.pkjgroup.net\/?page_id=9","title":{"rendered":"ROOM"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* Grid \u0e2b\u0e25\u0e31\u0e01: 3 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c 2 \u0e41\u0e16\u0e27 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e21\u0e35 6 Card *\/\n.room-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px;\n  width: 100%;\n  margin: 20px 0px;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.room-grid *,\n.room-grid *::before,\n.room-grid *::after {\n  box-sizing: border-box;\n}\n\n\/* Card \u0e41\u0e15\u0e48\u0e25\u0e30\u0e43\u0e1a *\/\n.room-card {\n  flex: 0 0 calc((100% - 48px) \/ 3);\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  background: #fff;\n  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);\n  transition: transform 0.25s ease,\n              box-shadow 0.25s ease;\n}\n\n.room-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);\n}\n\n\/* \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 *\/\n.room-image {\n  display: block;\n  width: 100%;\n  aspect-ratio: 3 \/ 2;\n  overflow: hidden;\n}\n\n.room-image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  object-fit: cover;\n  transition: transform 0.4s ease;\n}\n\n.room-card:hover .room-image img {\n  transform: scale(1.04);\n}\n\n\/* \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\n.room-content {\n  padding: 18px;\n}\n\n.room-title {\n  margin: 0 0 16px;\n  font-size: 20px;\n  line-height: 1.4;\n}\n\n.room-title a {\n  color: #222;\n  text-decoration: none;\n}\n\n.room-title a:hover {\n  color: #98713b;\n}\n\n\/* \u0e41\u0e1a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e23\u0e32\u0e04\u0e32\u0e40\u0e1b\u0e47\u0e19 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n.room-details {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  border-top: 1px solid #eee;\n  padding-top: 14px;\n}\n\n.room-info {\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n.room-info p {\n  margin: 0 0 8px;\n  color: #666;\n  font-size: 13px;\n  line-height: 1.6;\n  overflow-wrap: anywhere;\n}\n\n.room-price {\n  flex: 0 0 42%;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  text-align: right;\n}\n\n.price-label,\n.price-unit {\n  color: #777;\n  font-size: 12px;\n}\n\n.room-price strong {\n  margin: 5px 0 2px;\n  color: #98713b;\n  font-size: 21px;\n  line-height: 1.3;\n  overflow-wrap: anywhere;\n}\n\n\/* Tablet: 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n@media (max-width: 1024px) {\n  .room-card {\n    flex-basis: calc((100% - 24px) \/ 2);\n  }\n}\n\n\/* Mobile: 1 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n@media (max-width: 600px) {\n  .room-grid {\n    gap: 18px;\n  }\n\n  .room-card {\n    flex-basis: 100%;\n  }\n\n  .room-content {\n    padding: 16px;\n  }\n}\n.room-section-title {\n  width: 100%;\n  text-align: center;\n  margin: 0 0 32px;\n}\n\n.room-section-title h2 {\n  margin: 0 0 10px;\n  font-size: 32px;\n  font-weight: 700;\n  line-height: 1.4;\n  color: #222;\n}\n\n.room-section-title p {\n  margin: 0;\n  font-size: 16px;\n  color: #777;\n}\n\n@media (max-width: 600px) {\n  .room-section-title h2 {\n    font-size: 26px;\n  }\n\n  .room-section-title p {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<div class=\"room-grid\">\n<div class=\"room-section-title\">\n  <h2>\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01<\/h2>\n  <p>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n<\/div>\n  <!-- Card 1 -->\n  <article class=\"room-card\">\n    <a class=\"room-image\" href=\"\/rooms\/deluxe-room\/\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400?text=Deluxe+Room\" alt=\"Deluxe Room\">\n    <\/a>\n\n    <div class=\"room-content\">\n      <h3 class=\"room-title\">\n        <a href=\"\/rooms\/deluxe-room\/\">Deluxe Room<\/a>\n      <\/h3>\n\n      <div class=\"room-details\">\n        <div class=\"room-info\">\n          <p>\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 32 \u0e15\u0e23.\u0e21.<\/p>\n          <p>\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 2 \u0e17\u0e48\u0e32\u0e19<\/p>\n          <p>\u0e40\u0e15\u0e35\u0e22\u0e07 King Size<\/p>\n        <\/div>\n\n        <div class=\"room-price\">\n          <span class=\"price-label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n          <strong>\u0e3f1,500<\/strong>\n          <span class=\"price-unit\">\/ \u0e04\u0e37\u0e19<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- Card 2 -->\n  <article class=\"room-card\">\n    <a class=\"room-image\" href=\"\/rooms\/superior-room\/\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400?text=Superior+Room\" alt=\"Superior Room\">\n    <\/a>\n\n    <div class=\"room-content\">\n      <h3 class=\"room-title\">\n        <a href=\"\/rooms\/superior-room\/\">Superior Room<\/a>\n      <\/h3>\n\n      <div class=\"room-details\">\n        <div class=\"room-info\">\n          <p>\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 28 \u0e15\u0e23.\u0e21.<\/p>\n          <p>\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 2 \u0e17\u0e48\u0e32\u0e19<\/p>\n          <p>\u0e40\u0e15\u0e35\u0e22\u0e07 Queen Size<\/p>\n        <\/div>\n\n        <div class=\"room-price\">\n          <span class=\"price-label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n          <strong>\u0e3f1,200<\/strong>\n          <span class=\"price-unit\">\/ \u0e04\u0e37\u0e19<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- Card 3 -->\n  <article class=\"room-card\">\n    <a class=\"room-image\" href=\"\/rooms\/family-room\/\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400?text=Family+Room\" alt=\"Family Room\">\n    <\/a>\n\n    <div class=\"room-content\">\n      <h3 class=\"room-title\">\n        <a href=\"\/rooms\/family-room\/\">Family Room<\/a>\n      <\/h3>\n\n      <div class=\"room-details\">\n        <div class=\"room-info\">\n          <p>\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 45 \u0e15\u0e23.\u0e21.<\/p>\n          <p>\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 4 \u0e17\u0e48\u0e32\u0e19<\/p>\n          <p>\u0e40\u0e15\u0e35\u0e22\u0e07 2 \u0e40\u0e15\u0e35\u0e22\u0e07<\/p>\n        <\/div>\n\n        <div class=\"room-price\">\n          <span class=\"price-label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n          <strong>\u0e3f2,500<\/strong>\n          <span class=\"price-unit\">\/ \u0e04\u0e37\u0e19<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- Card 4 -->\n  <article class=\"room-card\">\n    <a class=\"room-image\" href=\"\/rooms\/standard-room\/\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400?text=Standard+Room\" alt=\"Standard Room\">\n    <\/a>\n\n    <div class=\"room-content\">\n      <h3 class=\"room-title\">\n        <a href=\"\/rooms\/standard-room\/\">Standard Room<\/a>\n      <\/h3>\n\n      <div class=\"room-details\">\n        <div class=\"room-info\">\n          <p>\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 24 \u0e15\u0e23.\u0e21.<\/p>\n          <p>\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 2 \u0e17\u0e48\u0e32\u0e19<\/p>\n          <p>\u0e40\u0e15\u0e35\u0e22\u0e07 Queen Size<\/p>\n        <\/div>\n\n        <div class=\"room-price\">\n          <span class=\"price-label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n          <strong>\u0e3f990<\/strong>\n          <span class=\"price-unit\">\/ \u0e04\u0e37\u0e19<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- Card 5 -->\n  <article class=\"room-card\">\n    <a class=\"room-image\" href=\"\/rooms\/executive-suite\/\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400?text=Executive+Suite\" alt=\"Executive Suite\">\n    <\/a>\n\n    <div class=\"room-content\">\n      <h3 class=\"room-title\">\n        <a href=\"\/rooms\/executive-suite\/\">Executive Suite<\/a>\n      <\/h3>\n\n      <div class=\"room-details\">\n        <div class=\"room-info\">\n          <p>\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 55 \u0e15\u0e23.\u0e21.<\/p>\n          <p>\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 2 \u0e17\u0e48\u0e32\u0e19<\/p>\n          <p>\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e31\u0e48\u0e07\u0e40\u0e25\u0e48\u0e19\u0e41\u0e22\u0e01<\/p>\n        <\/div>\n\n        <div class=\"room-price\">\n          <span class=\"price-label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n          <strong>\u0e3f3,200<\/strong>\n          <span class=\"price-unit\">\/ \u0e04\u0e37\u0e19<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- Card 6 -->\n  <article class=\"room-card\">\n    <a class=\"room-image\" href=\"\/rooms\/pool-villa\/\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400?text=Pool+Villa\" alt=\"Pool Villa\">\n    <\/a>\n\n    <div class=\"room-content\">\n      <h3 class=\"room-title\">\n        <a href=\"\/rooms\/pool-villa\/\">Pool Villa<\/a>\n      <\/h3>\n\n      <div class=\"room-details\">\n        <div class=\"room-info\">\n          <p>\u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 60 \u0e15\u0e23.\u0e21.<\/p>\n          <p>\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 2 \u0e17\u0e48\u0e32\u0e19<\/p>\n          <p>\u0e2a\u0e23\u0e30\u0e27\u0e48\u0e32\u0e22\u0e19\u0e49\u0e33\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27<\/p>\n        <\/div>\n\n        <div class=\"room-price\">\n          <span class=\"price-label\">\u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19<\/span>\n          <strong>\u0e3f4,500<\/strong>\n          <span class=\"price-unit\">\/ \u0e04\u0e37\u0e19<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/article>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01 \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 Deluxe Room \u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 32 \u0e15\u0e23.\u0e21. \u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 2 \u0e17\u0e48\u0e32\u0e19 \u0e40\u0e15\u0e35\u0e22\u0e07 King Size \u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e3f1,500 \/ \u0e04\u0e37\u0e19 Superior Room \u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 28 \u0e15\u0e23.\u0e21. \u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 2 \u0e17\u0e48\u0e32\u0e19 \u0e40\u0e15\u0e35\u0e22\u0e07 Queen Size \u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e3f1,200 \/ \u0e04\u0e37\u0e19 Family Room \u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 45 \u0e15\u0e23.\u0e21. \u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 4 \u0e17\u0e48\u0e32\u0e19 \u0e40\u0e15\u0e35\u0e22\u0e07 2 \u0e40\u0e15\u0e35\u0e22\u0e07 \u0e23\u0e32\u0e04\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e3f2,500 \/ \u0e04\u0e37\u0e19 Standard Room \u0e02\u0e19\u0e32\u0e14\u0e2b\u0e49\u0e2d\u0e07: 24 \u0e15\u0e23.\u0e21. \u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e44\u0e14\u0e49 2 \u0e17\u0e48\u0e32\u0e19 &#8230; <a title=\"ROOM\" class=\"read-more\" href=\"https:\/\/topview.pkjgroup.net\/?page_id=9\" aria-label=\"Read more about ROOM\">Read more<\/a><\/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-9","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":3,"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/topview.pkjgroup.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}