{"id":998,"date":"2026-04-01T18:19:25","date_gmt":"2026-04-01T18:19:25","guid":{"rendered":"https:\/\/50k22nhom4.io.vn\/wordpress\/?page_id=998"},"modified":"2026-04-13T22:18:16","modified_gmt":"2026-04-13T15:18:16","slug":"showroom","status":"publish","type":"page","link":"https:\/\/50k22nhom4.io.vn\/wordpress\/showroom\/","title":{"rendered":"Showroom"},"content":{"rendered":"\n\n\t<section class=\"section dark\" id=\"section_666368563\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"469\" height=\"237\" src=\"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-content\/uploads\/999b4de224ea9b60a6db5b58823e5f1f-e1775362735754.webp\" class=\"bg attachment- size-\" alt=\"\" \/>\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n  <div class=\"banner has-hover\" id=\"banner-55663605\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"469\" height=\"237\" src=\"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-content\/uploads\/999b4de224ea9b60a6db5b58823e5f1f-e1775362735754.webp\" class=\"bg attachment-1536x1536 size-1536x1536\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-623277504\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-3886110369\" class=\"text\">\n\t\t\n\n<h1><strong>SHOWROOM<\/strong><\/h1>\n\t\t\n<style>\n#text-3886110369 {\n  font-size: 0.75rem;\n  line-height: 0.75;\n  text-align: center;\n  color: rgb(249, 249, 240);\n}\n#text-3886110369 > * {\n  color: rgb(249, 249, 240);\n}\n@media (min-width:550px) {\n  #text-3886110369 {\n    font-size: 1.2rem;\n  }\n}\n@media (min-width:850px) {\n  #text-3886110369 {\n    font-size: 1.9rem;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-623277504 {\n  width: 60%;\n}\n#text-box-623277504 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-55663605 {\n  padding-top: 350px;\n}\n#banner-55663605 .overlay {\n  background-color: rgba(0, 0, 0, 0.657);\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_666368563 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  min-height: 0px;\n}\n#section_666368563 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.785);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_447270719\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1232150546\">\n\n\n\t<div id=\"col-1317787375\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<select onchange=\"showMap(this.value)\" style=\"padding:10px; border-radius:4px; margin-bottom:20px; width:100%;\">\n  <option value=\"all\">T\u1ea5t c\u1ea3 showroom<\/option>\n  <option value=\"danang\">\u0110\u00e0 N\u1eb5ng<\/option>\n  <option value=\"hcm\">TP.HCM<\/option>\n  <option value=\"hanoi\">H\u00e0 N\u1ed9i<\/option>\n<\/select>\n\n<div id=\"showroom-info\"><\/div>\n\n<iframe id=\"mapFrame\" width=\"100%\" height=\"350\" style=\"border:0; border-radius:12px; margin-top:20px; display:none;\" loading=\"lazy\"><\/iframe>\n\n<style>\n.showroom-box {\n  display: flex;\n  gap: 20px;\n  align-items: center;\n  margin-bottom: 20px;\n  padding: 15px;\n  border-radius: 12px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n}\n\n.showroom-img img {\n  width: 100%;\n  max-width: 400px;\n  border-radius: 12px;\n}\n\n.showroom-content {\n  flex: 1;\n}\n\n\/* GI\u1edc HO\u1ea0T \u0110\u1ed8NG *\/\n.hours-toggle {\n  margin-top: 10px;\n  cursor: pointer;\n  font-weight: bold;\n  display: flex;\n  justify-content: space-between;\n}\n\n.hours-toggle:hover {\n  color: #99867a;\n}\n\n.hours-content {\n  display: none;\n  margin-top: 8px;\n  background: #f9f9f0;\n  padding: 10px;\n  border-radius: 8px;\n  font-size: 14px;\n}\n\n.hours-content div {\n  display: flex;\n  justify-content: space-between;\n  padding: 3px 0;\n}\n\n@media (max-width: 768px) {\n  .showroom-box {\n    flex-direction: column;\n  }\n}\n<\/style>\n\n<script>\nfunction toggleHours(id){\n  let el = document.getElementById(id);\n  el.style.display = (el.style.display === \"block\") ? \"none\" : \"block\";\n}\n\nfunction showMap(location) {\n  let info = document.getElementById(\"showroom-info\");\n  let map = document.getElementById(\"mapFrame\");\n\n  let hours = `\n    <div class=\"hours-toggle\" onclick=\"toggleHours('hours')\">Gi\u1edd ho\u1ea1t \u0111\u1ed9ng \u25bc<\/div>\n    <div class=\"hours-content\" id=\"hours\">\n      <div><span>Monday<\/span><span>9:00 AM - 5:00 PM<\/span><\/div>\n      <div><span>Tuesday<\/span><span>9:00 AM - 5:00 PM<\/span><\/div>\n      <div><span>Wednesday<\/span><span>9:00 AM - 5:00 PM<\/span><\/div>\n      <div><span>Thursday<\/span><span>9:00 AM - 5:00 PM<\/span><\/div>\n      <div><span>Friday<\/span><span>9:00 AM - 5:00 PM<\/span><\/div>\n      <div><span>Saturday<\/span><span>Closed<\/span><\/div>\n      <div><span>Sunday<\/span><span>Closed<\/span><\/div>\n    <\/div>\n  `;\n\n  if (location === \"all\") {\n    map.style.display = \"none\";\n    info.innerHTML = `\n      <div class=\"showroom-box\">\n        <div class=\"showroom-img\">\n          <img decoding=\"async\" src=\"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-content\/uploads\/858bb403f4ed0a71259049ca25e5aa95.webp\">\n        <\/div>\n        <div class=\"showroom-content\">\n          <h3><strong>Showroom \u0110\u00e0 N\u1eb5ng<\/strong><\/h3>\n          <p>\ud83d\udccd 90 Ho\u00e0i Thanh, M\u1ef9 An, Ng\u0169 H\u00e0nh S\u01a1n<\/p>\n          ${hours}\n        <\/div>\n      <\/div>\n\n      <div class=\"showroom-box\">\n        <div class=\"showroom-img\">\n          <img decoding=\"async\" src=\"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-content\/uploads\/99100c60a3aff7fe546b04d3572c341e.webp\">\n        <\/div>\n        <div class=\"showroom-content\">\n          <h3><strong>Showroom H\u1ed3 Ch\u00ed Minh<\/strong><\/h3>\n          <p>\ud83d\udccd 172-174 Ng\u00f4 Gia T\u1ef1, Qu\u1eadn 10<\/p>\n          ${hours}\n        <\/div>\n      <\/div>\n\n      <div class=\"showroom-box\">\n        <div class=\"showroom-img\">\n          <img decoding=\"async\" src=\"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-content\/uploads\/a67c67678c2df3e6770e10a0b980b677.webp\">\n        <\/div>\n        <div class=\"showroom-content\">\n          <h3><strong>Showroom H\u00e0 N\u1ed9i<\/strong><\/h3>\n          <p>\ud83d\udccd 1132Y La Th\u00e0nh, Ng\u1ecdc Kh\u00e1nh, Gi\u1ea3ng V\u00f5<\/p>\n          ${hours}\n        <\/div>\n      <\/div>\n    `;\n  }\n\n  else if (location === \"danang\") {\n    map.style.display = \"block\";\n    info.innerHTML = `\n      <div class=\"showroom-box\">\n        <div class=\"showroom-img\">\n          <img decoding=\"async\" src=\"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-content\/uploads\/858bb403f4ed0a71259049ca25e5aa95.webp\">\n        <\/div>\n        <div class=\"showroom-content\">\n          <h3><strong>Showroom \u0110\u00e0 N\u1eb5ng<\/strong><\/h3>\n          <p>\ud83d\udccd 90 Ho\u00e0i Thanh, M\u1ef9 An, Ng\u0169 H\u00e0nh S\u01a1n<\/p>\n          ${hours}\n        <\/div>\n      <\/div>\n    `;\n    map.src = \"https:\/\/www.google.com\/maps?q=90+Hoai+Thanh+Da+Nang&output=embed\";\n  }\n\n  else if (location === \"hcm\") {\n    map.style.display = \"block\";\n    info.innerHTML = `\n      <div class=\"showroom-box\">\n        <div class=\"showroom-img\">\n          <img decoding=\"async\" src=\"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-content\/uploads\/99100c60a3aff7fe546b04d3572c341e.webp\">\n        <\/div>\n        <div class=\"showroom-content\">\n          <h3><strong>Showroom H\u1ed3 Ch\u00ed Minh<\/strong><\/h3>\n          <p>\ud83d\udccd 172-174 Ng\u00f4 Gia T\u1ef1, Qu\u1eadn 10<\/p>\n          ${hours}\n        <\/div>\n      <\/div>\n    `;\n    map.src = \"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3919.054520747907!2d106.66749131526091!3d10.76502090982668!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752fa3b8f6cb8d%3A0x823dd9673283ebb0!2zTm9pw6kgVGjhuqF0IMSQ4bqhaSBDw6FvIMSR4bqhaSBUw6Bu!5e0!3m2!1svi!2s!4v1702210000000!5m2!1svi!2s\";\n  }\n\n  else if (location === \"hanoi\") {\n    map.style.display = \"block\";\n    info.innerHTML = `\n      <div class=\"showroom-box\">\n        <div class=\"showroom-img\">\n          <img decoding=\"async\" src=\"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-content\/uploads\/a67c67678c2df3e6770e10a0b980b677.webp\">\n        <\/div>\n        <div class=\"showroom-content\">\n          <h3><strong>Showroom H\u00e0 N\u1ed9i<\/strong><\/h3>\n          <p>\ud83d\udccd 1132Y La Th\u00e0nh, Ng\u1ecdc Kh\u00e1nh, Gi\u1ea3ng V\u00f5<\/p>\n          ${hours}\n        <\/div>\n      <\/div>\n    `;\n    map.src = \"https:\/\/www.google.com\/maps?q=1132Y+La+Thanh+Ha+Noi&output=embed\";\n  }\n}\n\nwindow.onload = function() {\n  showMap(\"all\");\n}\n<\/script>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_447270719 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"content-type":"","footnotes":""},"class_list":["post-998","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-json\/wp\/v2\/pages\/998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-json\/wp\/v2\/comments?post=998"}],"version-history":[{"count":12,"href":"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-json\/wp\/v2\/pages\/998\/revisions"}],"predecessor-version":[{"id":3859,"href":"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-json\/wp\/v2\/pages\/998\/revisions\/3859"}],"wp:attachment":[{"href":"https:\/\/50k22nhom4.io.vn\/wordpress\/wp-json\/wp\/v2\/media?parent=998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}