store.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. {{ partial "headers.html" . }}
  5. </head>
  6. <body style="overflow-x: hidden;">
  7. {{ partial "nav.html" . }}
  8. <section class="bhouseweb_loc_banner">
  9. <img src="/img/banner/bn_store@2x.png" class="banner-img card-img" alt="...">
  10. </section>
  11. <div class="brand_content">
  12. <div class="card bg-transparent border-0 rounded-0">
  13. <img src="/img/store/地圖.png" class="sec01_store_map_img card-img rounded-0" alt="...">
  14. <div class="store_cta_box_reserve">
  15. <div class="store_cta">
  16. 可服務地區
  17. </div>
  18. <div class="store_cta_text mt-15">
  19. <p>立即<a
  20. href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">預約諮詢</a>
  21. </p>
  22. </div>
  23. </div>
  24. <div class="d-flex justify-content-end store_cta_box">
  25. <div class="store_cta_box_form">
  26. <div class="store_cta">
  27. 需專人評估地區
  28. </div>
  29. <div class="store_cta_text mt-15">
  30. <p>請填寫<a href="https://ocard.co/q?s=mV8ggl&qtk=LmybMx&_ga=2.252447817.1761930027.1658133789-1993023897.1656902976">評估表單</a>,將會有專人致電諮詢與評估</p>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. <div class="text-center store-tab">
  37. <ul class="nav d-flex nav-pills flex-wrap justify-content-center" id="pills-tab" role="tablist">
  38. <ul class="nav d-flex nav-pills flex-wrap" id="pills-tab" role="tablist">
  39. <li class="nav-item active p-0" role="presentation">
  40. <a class="nav-item-link nav-item-active bg-transparent active" id="pills-north-tab" data-bs-toggle="pill"
  41. data-bs-target="#pills-north" type="button" role="tab" aria-controls="pills-north"
  42. aria-selected="false">新北門市</a>
  43. </li>
  44. <li class="nav-item p-0" role="presentation">
  45. <a class="nav-item-link nav-item-active bg-transparent" id="pills-central-tab" data-bs-toggle="pill"
  46. data-bs-target="#pills-central" type="button" role="tab" aria-controls="pills-central"
  47. aria-selected="false">台中門市</a>
  48. </li>
  49. <li class="nav-item p-0" role="presentation">
  50. <a class="nav-item-link nav-item-active bg-transparent" id="pills-south-tab" data-bs-toggle="pill"
  51. data-bs-target="#pills-south" type="button" role="tab" aria-controls="pills-south"
  52. aria-selected="false">台南門市</a>
  53. </li>
  54. </ul>
  55. </div>
  56. <span class="line store-line"></span>
  57. <div class="brand_content">
  58. <div class="tab-content" id="pills-tabContent">
  59. <div class="tab-pane fade active show" id="pills-north" role="tabpanel" aria-labelledby="pills-north-tab">
  60. <div class="row px-0 mx-0 mb-5">
  61. <div class="col-md-8">
  62. <img class="img-fluid" src="/img/store/north.webp" alt="">
  63. </div>
  64. <div class="col-md-4 d-flex align-items-end">
  65. <div>
  66. <h1 class="store_title">小寶成家故事館新北館</h1>
  67. </div>
  68. </div>
  69. <div class="col-md-12">
  70. <div class="store_content block ms-md-3 mt-30">
  71. <div class="store_content_item">
  72. <span>營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
  73. </div>
  74. <div class="store_content_item">
  75. <span>門市電話</span> &emsp;&emsp; <a href="tel:0229010567" class="store-link" data-vars-event="accuhit"
  76. data-vars-event-type="9" data-vars-event-col1="新北門市門市電話"
  77. data-vars-event-col2="官網點擊新北門市電話">02-29010567</a>
  78. </div>
  79. <div class="store_content_item">
  80. <span>門市地點</span> &emsp;&emsp; <a
  81. href="https://www.google.com.tw/maps/place/%E5%B0%8F%E5%AF%B6%E5%84%AA%E5%B1%85+%E6%96%B0%E5%8C%97%E9%96%80%E5%B8%82/@24.0096167,119.6916144,8z/data=!4m13!1m6!3m5!1s0x346917ac589833f1:0x73de12c2ee3f186f!2z5bCP5a-25YSq5bGFIOWPsOS4remWgOW4gg!8m2!3d24.2020203!4d120.6688625!3m5!1s0x3442a7c9695b1f27:0x9e882e55e4a4f646!8m2!3d24.9738711!4d121.4381407!15sCgzlsI_lr7blhKrlsYVaESIP5bCPIOWvtiDlhKog5bGFkgENZGVzaWduX2FnZW5jeQ?hl=zh-TW"
  82. class="store-link" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="新北門市"
  83. data-vars-event-col2="官網點擊新北門市地點" target="_blank">新北市土城區中華路二段201號</a>
  84. </div>
  85. <div class="store_content_item">
  86. <span>停車資訊</span> &emsp;&emsp; <a
  87. href="https://www.google.com/maps/place/236%E5%8F%B0%E7%81%A3%E6%96%B0%E5%8C%97%E5%B8%82%E5%9C%9F%E5%9F%8E%E5%8D%80%E8%88%88%E5%9F%8E%E8%B7%AF112%E8%99%9F/@24.9709399,121.4380391,17z/data=!3m1!4b1!4m5!3m4!1s0x34681d2a014908f7:0x529e8c700e62a0d3!8m2!3d24.9709399!4d121.4402278"
  88. class="store-link" target="_blank">Times 24h</a> (土城區興城路112號,到門市步行約7分鐘)
  89. </div>
  90. <div class="store_content_item">
  91. <span>停車資訊</span> &emsp;&emsp; <a
  92. href="https://www.google.com/maps/place/236%E5%8F%B0%E7%81%A3%E6%96%B0%E5%8C%97%E5%B8%82%E5%9C%9F%E5%9F%8E%E5%8D%80%E4%B8%AD%E8%8F%AF%E8%B7%AF%E4%BA%8C%E6%AE%B5271%E8%99%9F/@24.9706428,121.4360605,17z/data=!3m1!4b1!4m5!3m4!1s0x34681cd62fc44991:0x9c556c7d295b384e!8m2!3d24.970638!4d121.4382492"
  93. class="store-link" target="_blank">168停車聯盟</a> (土城區中華路二段271號,到門市步行約5分鐘)
  94. </div>
  95. <div class="mt-4">
  96. <a class="reservation-link" href="https://lihi1.com/uoYTg" data-vars-event="accuhit">立即預約,將有專人與你聯繫
  97. &gt;</a>
  98. <p class="mt-2">成家設計師是一對一的客製化服務,前往門市諮詢前,請務必「提早預約」喔!</p>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. <!-- <span class="line store-line"></span>
  104. <div class="row px-0 mx-0">
  105. <div class="col-md-8">
  106. <img class="img-fluid" src="/img/store/taoyuan.webp" alt="">
  107. </div>
  108. <div class="col-md-4 d-flex align-items-end">
  109. <div>
  110. <h1 class="store_title">小寶成家故事館桃園館</h1>
  111. </div>
  112. </div>
  113. <div class="col-md-12">
  114. <div class="store_content block ms-md-3 mt-30">
  115. <div class="store_content_item">
  116. <span>營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
  117. </div>
  118. <div class="store_content_item">
  119. <span>門市電話</span> &emsp;&emsp; <a href="tel:033017531" class="store-link" data-vars-event="accuhit" data-vars-event-type="9"
  120. data-vars-event-col1="桃園門市門市電話" data-vars-event-col2="官網點擊桃園門市電話">03-3017531</a>
  121. </div>
  122. <div class="store_content_item">
  123. <span>門市地點</span> &emsp;&emsp; <a
  124. href="https://www.google.com.tw/maps/place/%E5%B0%8F%E5%AF%B6%E5%84%AA%E5%B1%85+%E6%96%B0%E5%8C%97%E9%96%80%E5%B8%82/@24.0096167,119.6916144,8z/data=!4m13!1m6!3m5!1s0x346917ac589833f1:0x73de12c2ee3f186f!2z5bCP5a-25YSq5bGFIOWPsOS4remWgOW4gg!8m2!3d24.2020203!4d120.6688625!3m5!1s0x3442a7c9695b1f27:0x9e882e55e4a4f646!8m2!3d24.9738711!4d121.4381407!15sCgzlsI_lr7blhKrlsYVaESIP5bCPIOWvtiDlhKog5bGFkgENZGVzaWduX2FnZW5jeQ?hl=zh-TW"
  125. class="store-link" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="新北門市"
  126. data-vars-event-col2="官網點擊新北門市地點" target="_blank">桃園市桃園區永安路900號</a>
  127. </div>
  128. <div class="store_content_item">
  129. <span>停車資訊</span> &emsp;&emsp; <a href="https://www.google.com/maps/place/25%C2%B000%2725.1%22N+121%C2%B017%2724.8%22E/@25.0071649,121.2890104,18.04z/data=!4m5!3m4!1s0x0:0x0!8m2!3d25.0069599!4d121.2902088?hl=zh-TW" class="store-link" target="_blank">力揚停車場</a> (永安路765巷與吉安一街口,步行約2分鐘)
  130. </div>
  131. <div class="mt-4">
  132. <a class="reservation-link" href="https://lihi1.com/uoYTg"
  133. data-vars-event="accuhit">立即預約,將有專人與你聯繫 &gt;</a>
  134. <p class="mt-2">成家設計師是一對一的客製化服務,前往門市諮詢前,請務必「提早預約」喔!</p>
  135. </div>
  136. </div>
  137. </div>
  138. </div> -->
  139. </div>
  140. <div class="tab-pane fade" id="pills-central" role="tabpanel" aria-labelledby="pills-central-tab">
  141. <div class="row px-0 mx-0 mb-5">
  142. <div class="col-md-8">
  143. <img class="img-fluid" src="/img/store/central.webp" alt="">
  144. </div>
  145. <div class="col-md-4 d-flex align-items-end">
  146. <div>
  147. <h1 class="store_title">小寶成家故事館台中館</h1>
  148. </div>
  149. </div>
  150. <div class="col-md-12">
  151. <div class="store_content block ms-md-3 mt-30">
  152. <div class="store_content_item">
  153. <span>營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
  154. </div>
  155. <div class="store_content_item">
  156. <span>門市電話</span> &emsp;&emsp; <a href="tel:0424261732" class="store-link" data-vars-event="accuhit"
  157. data-vars-event-type="9" data-vars-event-col1="台中門市電話"
  158. data-vars-event-col2="官網點擊台中門市電話">04-24261732</a>
  159. </div>
  160. <div class="store_content_item">
  161. <span>門市地點</span> &emsp;&emsp; <a
  162. href="https://www.google.com.tw/maps/place/%E5%B0%8F%E5%AF%B6%E5%84%AA%E5%B1%85+%E6%96%B0%E5%8C%97%E9%96%80%E5%B8%82/@24.0096167,119.6916144,8z/data=!4m13!1m6!3m5!1s0x346917ac589833f1:0x73de12c2ee3f186f!2z5bCP5a-25YSq5bGFIOWPsOS4remWgOW4gg!8m2!3d24.2020203!4d120.6688625!3m5!1s0x3442a7c9695b1f27:0x9e882e55e4a4f646!8m2!3d24.9738711!4d121.4381407!15sCgzlsI_lr7blhKrlsYVaESIP5bCPIOWvtiDlhKog5bGFkgENZGVzaWduX2FnZW5jeQ?hl=zh-TW"
  163. class="store-link" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="台中門市"
  164. data-vars-event-col2="官網點擊台中門市地點" target="_blank"> 台中市北屯區環中路一段1700號之小寶優居</a>
  165. </div>
  166. <div class="store_content_item">
  167. <span>停車資訊</span> &emsp;&emsp; 門口停車場
  168. </div>
  169. <div class="mt-4">
  170. <a class="reservation-link" href="https://lihi1.com/uoYTg" data-vars-event="accuhit">立即預約,將有專人與你聯繫
  171. &gt;</a>
  172. <p class="mt-2">成家設計師是一對一的客製化服務,前往門市諮詢前,請務必「提早預約」喔!</p>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="tab-pane fade" id="pills-south" role="tabpanel" aria-labelledby="pills-south-tab">
  179. <div class="row px-0 mx-0 mb-5">
  180. <div class="col-md-8">
  181. <img class="img-fluid" src="/img/store/south.webp" alt="">
  182. </div>
  183. <div class="col-md-4 d-flex align-items-end">
  184. <div>
  185. <h1 class="store_title">小寶成家故事館台南館</h1>
  186. </div>
  187. </div>
  188. <div class="col-md-12">
  189. <div class="store_content block ms-md-3 mt-30">
  190. <div class="store_content_item">
  191. <span>營業時間</span> &emsp;&emsp; 中午12:00 ~ 晚上9:00
  192. </div>
  193. <div class="store_content_item">
  194. <span>門市電話</span> &emsp;&emsp; <a href="tel:062435805" class="store-link" data-vars-event="accuhit"
  195. data-vars-event-type="9" data-vars-event-col1="台南門市電話"
  196. data-vars-event-col2="官網點擊台南門市電話">06-2435805</a>
  197. </div>
  198. <div class="store_content_item">
  199. <span>門市地點</span> &emsp;&emsp; <a
  200. href="https://www.google.com.tw/maps/place/%E5%B0%8F%E5%AF%B6%E5%84%AA%E5%B1%85+%E6%96%B0%E5%8C%97%E9%96%80%E5%B8%82/@24.0096167,119.6916144,8z/data=!4m13!1m6!3m5!1s0x346917ac589833f1:0x73de12c2ee3f186f!2z5bCP5a-25YSq5bGFIOWPsOS4remWgOW4gg!8m2!3d24.2020203!4d120.6688625!3m5!1s0x3442a7c9695b1f27:0x9e882e55e4a4f646!8m2!3d24.9738711!4d121.4381407!15sCgzlsI_lr7blhKrlsYVaESIP5bCPIOWvtiDlhKog5bGFkgENZGVzaWduX2FnZW5jeQ?hl=zh-TW"
  201. class="store-link" data-vars-event="accuhit" data-vars-event-type="9" data-vars-event-col1="台南門市"
  202. data-vars-event-col2="官網點擊台南門市地點" target="_blank"> 台南市北區中華北路一段420號</a>
  203. </div>
  204. <div class="store_content_item">
  205. <span>停車資訊</span> &emsp;&emsp; 門口停車場
  206. </div>
  207. <div class="mt-4">
  208. <a class="reservation-link" href="https://lihi1.com/uoYTg" data-vars-event="accuhit">立即預約,將有專人與你聯繫
  209. &gt;</a>
  210. <p class="mt-2">成家設計師是一對一的客製化服務,前往門市諮詢前,請務必「提早預約」喔!</p>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. <span class="line store-line mx-0"></span>
  219. <!-- <hr class="bhouse_line"> -->
  220. </div>
  221. </div>
  222. <div class="brand_content">
  223. <div class="style_house_sec06">
  224. <div class="row px-0 mx-0">
  225. <div class="col-6 col-md-6 ps-0">
  226. <a href="/room_planner/">
  227. <img class="img-fluid" src="/img/service planner.png" alt="">
  228. </a>
  229. </div>
  230. <div class="col-6 col-md-6 pe-0">
  231. <a href="/frequently_asked_questions/">
  232. <img class="img-fluid" src="/img/qa.png" alt="">
  233. </a>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. {{ partial "footer.html" . }}
  239. {{ partial "scripts.html" . }}
  240. <script>
  241. // 根據 localStorage 的值切換 tab (預設為新北門市)
  242. $(document).ready(function () {
  243. let storeVal = localStorage.getItem('store');
  244. if (storeVal === "NewTaipei") {
  245. $(".show").removeClass("show");
  246. $(".active").removeClass("active");
  247. $("#pills-north").addClass("active show");
  248. $("#pills-north-tab").addClass("active");
  249. } else if (storeVal === "Taichung") {
  250. $(".show").removeClass("show");
  251. $(".active").removeClass("active");
  252. $("#pills-central").addClass("active show");
  253. $("#pills-central-tab").addClass("active");
  254. } else if (storeVal === "Tainan") {
  255. $(".show").removeClass("show");
  256. $(".active").removeClass("active");
  257. $("#pills-south").addClass("active show");
  258. $("#pills-south-tab").addClass("active");
  259. }
  260. })
  261. </script>
  262. </body>
  263. </html>