update furniture-design

content/furniture_design_list/cabinet/3.回家電視櫃/index.md

@@ -1,81 +1,88 @@
 ---
+meta_title: "回家電視櫃｜小寶優居・設計家具"
+meta_description: "回家，大家下班回到家，聚在電視前面吃飯、看八點檔、聊隔壁阿花的相親對象！對我來說就是最幸福的時光。"
 title: "回家電視櫃"
 date: 2021-06-27T15:01:57+08:00
 draft: false
 type: "cabinet"
 url: "/furniture_design/cabinet/go_home_tv_cabinet"
-image: "/furniture_design/cabinet/go_home_tv_cabinet/1.webp"
-description: "回家電視櫃  / 系統板材（塑合板） / 回家，大家下班回到家，聚在電視前面吃飯、看八點檔、聊隔壁阿花的相親對象！對我來說就是最幸福的時光"
+image: "/furniture_design/cabinet/go_home_tv_cabinet/img/520fd6a5825b445c871559b03c831002.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 回家電視櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 回家電視櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 回家電視櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 回家電視櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">回家電視櫃 </h3>
-            <p class="mb-5">回家，大家下班回到家，聚在電視前面吃飯、看八點檔、聊隔壁阿花的相親對象！對我來說就是最幸福的時光</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $8,800</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1200 X 深400 X 高400(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可客製加寬為160公分與200公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 回家電視櫃">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 回家電視櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 回家電視櫃"
+  src="img/520fd6a5825b445c871559b03c831002.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 回家電視櫃"
+  src="img/886164a1e3cd47faa7de01a87f5492d5.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/520fd6a5825b445c871559b03c831002.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/cabinet/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/886164a1e3cd47faa7de01a87f5492d5.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">回家電視櫃</h3>
+                      <p class="description mb-5">回家，大家下班回到家，聚在電視前面吃飯、看八點檔、聊隔壁阿花的相親對象！對我來說就是最幸福的時光。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$8,800</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1200 X 深400 X 高400(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>可客製加寬為160公分與200公分，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 回家電視櫃"
+  src="img/36c889e70ed5496abe8ba21d46e13a78.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/cabinet/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/cabinet/4.樂天電視吊櫃/index.md

@@ -1,81 +1,88 @@
 ---
+meta_title: "樂天電視吊櫃｜小寶優居・設計家具"
+meta_description: "雙層的隔板設計，就是為了收納我一台又一台的電玩主機，讓我快樂每一天。"
 title: "樂天電視吊櫃"
 date: 2021-06-27T15:01:56+08:00
 draft: false
 type: "cabinet"
 url: "/furniture_design/cabinet/optimism_tv_cabinet"
-image: "/furniture_design/cabinet/optimism_tv_cabinet/1.webp"
-description: "樂天電視吊櫃  / 系統板材（塑合板） / 雙層的隔板設計，就是為了收納我一台又一台的電玩主機，讓我快樂每一天"
+image: "/furniture_design/cabinet/optimism_tv_cabinet/img/5708161a12f24033bef13544732ae712.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 樂天電視吊櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 樂天電視吊櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 樂天電視吊櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 樂天電視吊櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">樂天電視吊櫃 </h3>
-            <p class="mb-5">雙層的隔板設計，就是為了收納我一台又一台的電玩主機，讓我快樂每一天</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $8,800</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 樂天電視吊櫃">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 樂天電視吊櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 樂天電視吊櫃"
+  src="img/5708161a12f24033bef13544732ae712.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 樂天電視吊櫃"
+  src="img/87ab1e3f45104c0985b23bc62f111d08.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/5708161a12f24033bef13544732ae712.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/cabinet/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/87ab1e3f45104c0985b23bc62f111d08.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">樂天電視吊櫃</h3>
+                      <p class="description mb-5">雙層的隔板設計，就是為了收納我一台又一台的電玩主機，讓我快樂每一天。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$8,800</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'> 門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 樂天電視吊櫃"
+  src="img/4027795c7ab14f3497b5329d710abc03.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/cabinet/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/cabinet/5.海天視聽櫃/index.md

@@ -1,81 +1,92 @@
 ---
+meta_title: "海天視聽櫃｜小寶優居・設計家具"
+meta_description: "海天一線，讓視廳飄揚隨著海闊天空，人生如戲，知足矣。"
 title: "海天視聽櫃"
 date: 2021-06-27T15:01:55+08:00
 draft: false
 type: "cabinet"
 url: "/furniture_design/cabinet/see_and_sky_cabinet"
-image: "/furniture_design/cabinet/see_and_sky_cabinet/1.webp"
-description: "海天視聽櫃  / 系統板材（塑合板） / 海天一線，讓視廳飄揚隨著海闊天空，人生如戲，知足矣"
+image: "/furniture_design/cabinet/see_and_sky_cabinet/img/405ec4e9bd924bb3a940456434e86c7d.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 海天視聽櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 海天視聽櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 海天視聽櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 海天視聽櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">海天視聽櫃 </h3>
-            <p class="mb-5">海天一線，讓視廳飄揚隨著海闊天空，人生如戲，知足矣</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $8,800</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 海天視聽櫃">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 海天視聽櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 海天視聽櫃"
+  src="img/405ec4e9bd924bb3a940456434e86c7d.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 海天視聽櫃"
+  src="img/f3f0ddd437e645838f1d8032c2e1dbf8.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/405ec4e9bd924bb3a940456434e86c7d.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/cabinet/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/f3f0ddd437e645838f1d8032c2e1dbf8.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">海天視聽櫃</h3>
+                      <p class="description mb-5">海天一線，讓視廳飄揚隨著海闊天空，人生如戲，知足矣。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$8,800</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 海天視聽櫃"
+  src="img/d5caef7ac50940998374365832a44377.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 海天視聽櫃"
+  src="img/5e0dd3392e1e412bb343e07698f3868a.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/cabinet/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/cabinet/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "電視櫃"
+meta_title: "電視櫃"
 draft: false
 type: "cabinet"
 url: "/furniture_design/cabinet"
 image: ""
+date: 2021-06-27T15:01:55+08:00
 ---

content/furniture_design_list/cabinet/good_friends_cabinet/index.md

@@ -1,81 +1,84 @@
 ---
-title: "友直視廳櫃｜小寶優居・設計家具"
+meta_title: "友直視廳櫃｜小寶優居・設計家具"
+meta_description: "人生路深長不見盡頭， 不論多長總有些面孔熟悉著、陪伴著， 一通電話相聚交心，人生路上有橫有豎， 朋友， 想我就來我家看電視。"
+title: "友直視廳櫃"
 date: 2021-05-28T17:00:41+08:00
 draft: false
 type: "cabinet"
 url: "/furniture_design/cabinet/good_friends_cabinet"
-image: "/furniture_design/cabinet/good_friends_cabinet/1.webp"
-description: "友直視廳櫃 - 客廳 / 梣木 / 人生路深長不見盡頭， 不論多長總有些面孔熟悉著、陪伴著， 一通電話相聚交心，人生路上有橫有豎， 朋友， 想我就來我家看電視"
+image: "/furniture_design/cabinet/good_friends_cabinet/img/99c06dc460854078a2b71d07e85ac4ad.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 友直視廳櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 友直視廳櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 友直視廳櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 友直視廳櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">友直視廳櫃 </h3>
-            <p class="mb-5">人生路深長不見盡頭， 不論多長總有些面孔熟悉著、陪伴著， 一通電話相聚交心，人生路上有橫有豎， 朋友， 想我就來我家看電視</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $20,800</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1800 X 深400 X 高450(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 友直視廳櫃"> -->
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 友直視廳櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 友直視廳櫃"
+  src="img/99c06dc460854078a2b71d07e85ac4ad.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 友直視廳櫃"
+  src="img/18383ff757784e4d881c010c9d277986.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/99c06dc460854078a2b71d07e85ac4ad.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/cabinet/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/18383ff757784e4d881c010c9d277986.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">友直視廳櫃</h3>
+                      <p class="description mb-5">人生路深長不見盡頭， 不論多長總有些面孔熟悉著、陪伴著， 一通電話相聚交心，人生路上有橫有豎， 朋友， 想我就來我家看電視。</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1800 X 深400 X 高450(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/cabinet/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/cabinet/sleek_cabinet/index.md

@@ -1,81 +1,84 @@
 ---
-title: "圓滑處事電視櫃｜小寶優居・設計家具"
+meta_title: "圓滑處事電視櫃｜小寶優居・設計家具"
+meta_description: "人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事。"
+title: "圓滑處事電視櫃"
 date: 2021-05-28T17:00:42+08:00
 draft: false
 type: "cabinet"
 url: "/furniture_design/cabinet/sleek_cabinet"
-image: "/furniture_design/cabinet/sleek_cabinet/1.webp"
-description: "圓滑處事電視櫃 - 客廳 / 山毛櫸 /  人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事"
+image: "/furniture_design/cabinet/sleek_cabinet/img/299f1c88c74345bcba1e41e7bca7ef05.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事電視櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事電視櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事電視櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事電視櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">圓滑處事電視櫃 </h3>
-            <p class="mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $25,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、謐白色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1800 X 深400 X 高450(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">山毛櫸</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 圓滑處事電視櫃"> -->
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 圓滑處事電視櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 圓滑處事電視櫃"
+  src="img/299f1c88c74345bcba1e41e7bca7ef05.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 圓滑處事電視櫃"
+  src="img/cf8722233c4b4fb4bad2ba9994fd11cc.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/299f1c88c74345bcba1e41e7bca7ef05.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/cabinet/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/cf8722233c4b4fb4bad2ba9994fd11cc.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">圓滑處事電視櫃</h3>
+                      <p class="description mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$25,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、謐白色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1800 X 深400 X 高450(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>山毛櫸</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/cabinet/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到電視櫃
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/desk/18.隨心工作桌/index.md

@@ -1,81 +1,100 @@
 ---
+meta_title: "隨心工作桌｜小寶優居・設計家具"
+meta_description: "工作總是充滿挑戰，我們也要充滿彈性應對，隨心工作桌隨你心情、隨你順手，任意搭配，這就是我工作時的好夥伴啊！"
 title: "隨心工作桌"
 date: 2021-06-27T16:20:50+08:00
 draft: false
 type: "desk"
 url: "/furniture_design/desk/follow_your_heart_desk"
-image: "/furniture_design/desk/follow_your_heart_desk/1.webp"
-description: "隨心工作桌  / 系統板材（塑合板）/ 工作總是充滿挑戰，我們也要充滿彈性應對，隨心工作桌隨你心情、隨你順手，任意搭配，這就是我工作時的好夥伴啊！"
+image: "/furniture_design/desk/follow_your_heart_desk/img/34c6e05f48c14117b37b9ced21e0ecf0.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 隨心工作桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 隨心工作桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 隨心工作桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 隨心工作桌">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">隨心工作桌 </h3>
-            <p class="mb-5">工作總是充滿挑戰，我們也要充滿彈性應對，隨心工作桌隨你心情、隨你順手，任意搭配，這就是我工作時的好夥伴啊！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 隨心工作桌">
-           <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 隨心工作桌"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 隨心工作桌"
+  src="img/34c6e05f48c14117b37b9ced21e0ecf0.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 隨心工作桌"
+  src="img/a210811a9f194ded95080fc3adecd870.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/34c6e05f48c14117b37b9ced21e0ecf0.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/desk/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到書桌/工作桌
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/a210811a9f194ded95080fc3adecd870.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">隨心工作桌</h3>
+                      <p class="description mb-5">工作總是充滿挑戰，我們也要充滿彈性應對，隨心工作桌隨你心情、隨你順手，任意搭配，這就是我工作時的好夥伴啊！</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 隨心工作桌"
+  src="img/4c01ed152d7043998cc2751bf665028a.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 隨心工作桌"
+  src="img/5be5ecd647d24ead871cdadffe26e2a7.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 隨心工作桌"
+  src="img/c410eac2505247ab888ee21b7f9a882c.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 隨心工作桌"
+  src="img/e6fbefdcc27d472994693a664cd99bd4.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/desk/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到書桌/工作桌
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/desk/19.靜思書桌/index.md

@@ -1,81 +1,92 @@
 ---
+meta_title: "靜思書桌｜小寶優居・設計家具"
+meta_description: "每天的腳步總是飛快，多久沒有好好靜下心來，聽聽自己內在聲音，或是靜下心來好好讀一本好書呢！靜思書桌，是你閱讀與思考的小書僮。"
 title: "靜思書桌"
 date: 2021-06-27T16:20:49+08:00
 draft: false
 type: "desk"
 url: "/furniture_design/desk/calm_desk"
-image: "/furniture_design/desk/calm_desk/1.webp"
-description: "靜思書桌  / 系統板材（塑合板）/ 每天的腳步總是飛快，多久沒有好好靜下心來，聽聽自己內在聲音，或是靜下心來好好讀一本好書呢！靜思書桌，是你閱讀與思考的小書僮"
+image: "/furniture_design/desk/calm_desk/img/c10799e01f064c51939d6e3f1233498f.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 靜思書桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 靜思書桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 靜思書桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 靜思書桌">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">靜思書桌 </h3>
-            <p class="mb-5">每天的腳步總是飛快，多久沒有好好靜下心來，聽聽自己內在聲音，或是靜下心來好好讀一本好書呢！靜思書桌，是你閱讀與思考的小書僮</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 靜思書桌"
+  src="img/c10799e01f064c51939d6e3f1233498f.webp"
+  height="auto"
+  width="1600"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 靜思書桌"
+  src="img/c54142c6fc554623bc581f4dfcc13313.webp"
+  height="auto"
+  width="1600"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/c10799e01f064c51939d6e3f1233498f.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 靜思書桌">
-           <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 靜思書桌"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/desk/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到書桌/工作桌
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/c54142c6fc554623bc581f4dfcc13313.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">靜思書桌</h3>
+                      <p class="description mb-5">每天的腳步總是飛快，多久沒有好好靜下心來，聽聽自己內在聲音，或是靜下心來好好讀一本好書呢！靜思書桌，是你閱讀與思考的小書僮。</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 靜思書桌"
+  src="img/281e4f1a90544a719b0ebee3c04b7d68.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 靜思書桌"
+  src="img/8e745ddbee9a474b9e86c42a2e7df2e1.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/desk/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到書桌/工作桌
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/desk/40.裊裊文書桌/index.md

@@ -1,81 +1,84 @@
 ---
-title: "裊裊文書桌｜小寶優居・設計家具"
+meta_title: "裊裊文書桌｜小寶優居・設計家具"
+meta_description: "麻雀雖小， 萬事俱全，收納你的文書， 充滿你的電力！"
+title: "裊裊文書桌"
 date: 2021-06-12T22:38:59+08:00
 draft: false
 type: "desk"
 url: "/furniture_design/desk/curly_desk"
-image: "/furniture_design/desk/curly_desk/1.webp"
-description: "裊裊文書桌 - 書房 / 梣木 / 麻雀雖小， 萬事俱全，收納你的文書， 充滿你的電力！"
+image: "/furniture_design/desk/curly_desk/img/fd973757c7df479c854422c34e2fb7e0.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 裊裊文書桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 裊裊文書桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 裊裊文書桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 裊裊文書桌">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">裊裊文書桌 </h3>
-            <p class="mb-5">工作總是充滿挑戰，我們也要充滿彈性應對，裊裊文書桌隨你心情、隨你順手，任意搭配，這就是我工作時的好夥伴啊！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 裊裊文書桌"
+  src="img/fd973757c7df479c854422c34e2fb7e0.webp"
+  height="auto"
+  width="1600"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 裊裊文書桌"
+  src="img/ef01896eb45642fc96ec71cfa21bed27.webp"
+  height="auto"
+  width="1600"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/fd973757c7df479c854422c34e2fb7e0.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 裊裊文書桌"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <!-- <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 裊裊文書桌"> -->
-           <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 裊裊文書桌"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/desk/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到書桌/工作桌
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/ef01896eb45642fc96ec71cfa21bed27.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 裊裊文書桌"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">裊裊文書桌</h3>
+                      <p class="description mb-5"><b>麻雀雖小， 萬事俱全，收納你的文書， 充滿你的電力！</b></p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$22,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1200 X 深600 X 高760(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/other_furniture/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/desk/41.工業時代大桌/index.md

@@ -1,81 +1,84 @@
 ---
-title: "工業時代大桌｜小寶優居・設計家具"
+meta_title: "工業時代大桌｜小寶優居・設計家具"
+meta_description: "人人依舊懷抱著工業夢，期待在黑色烤漆水管中， 找到自己的個性。"
+title: "工業時代大桌"
 date: 2021-06-12T22:38:58+08:00
 draft: false
 type: "desk"
 url: "/furniture_design/desk/industrial_desk"
-image: "/furniture_design/desk/industrial_desk/1.webp"
-description: "工業時代大桌 - 書房 / 山毛櫸 / 人人依舊懷抱著工業夢，期待在黑色烤漆水管中， 找到自己的個性"
+image: "/furniture_design/desk/industrial_desk/img/4ea706a10ffb44d79c242bacafd878db.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 工業時代大桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 工業時代大桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 工業時代大桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 工業時代大桌">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">工業時代大桌 </h3>
-            <p class="mb-5">人人依舊懷抱著工業夢，期待在黑色烤漆水管中， 找到自己的個性</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>  $5,980</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1200 X 深600 X 高740(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85"> 山毛櫸</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 工業時代大桌"
+  src="img/4ea706a10ffb44d79c242bacafd878db.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 工業時代大桌"
+  src="img/b7fa9a6ef8744ad49e797279811688a2.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/4ea706a10ffb44d79c242bacafd878db.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 工業時代大桌"> -->
-           <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 工業時代大桌"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/desk/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到書桌/工作桌
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/b7fa9a6ef8744ad49e797279811688a2.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">工業時代大桌</h3>
+                      <p class="description mb-5">人人依舊懷抱著工業夢，期待在黑色烤漆水管中， 找到自己的個性。</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1200 X 深600 X 高740(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>山毛櫸</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/desk/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到書桌/工作桌
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/desk/42.當個文青桌/index.md

@@ -1,81 +1,84 @@
 ---
-title: "當個文青桌｜小寶優居・設計家具"
+meta_title: "當個文青桌｜小寶優居・設計家具"
+meta_description: "獨立電影、唱片音樂、單眼相機、抑鬱因子，我們一起當個微文青吧！"
+title: "當個文青桌"
 date: 2021-06-12T22:38:58+08:00
 draft: false
 type: "desk"
 url: "/furniture_design/desk/hipster_desk"
-image: "/furniture_design/desk/hipster_desk/1.webp"
-description: "當個文青桌 - 書房 / 山毛櫸 / 獨立電影、唱片音樂、單眼相機、抑鬱因子，我們一起當個微文青吧！"
+image: "/furniture_design/desk/hipster_desk/img/69c09044efa34e19908ead6ccb0a881c.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 當個文青桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 當個文青桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 當個文青桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 當個文青桌">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">當個文青桌 </h3>
-            <p class="mb-5"> 獨立電影、唱片音樂、單眼相機、抑鬱因子，我們一起當個微文青吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $5,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬980 X 深600 X 高770(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 當個文青桌"
+  src="img/69c09044efa34e19908ead6ccb0a881c.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 當個文青桌"
+  src="img/6c0316572dcc45cc83563645fe6bab76.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/69c09044efa34e19908ead6ccb0a881c.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 當個文青桌"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 當個文青桌"> -->
-           <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 當個文青桌"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/desk/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到書桌/工作桌
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/6c0316572dcc45cc83563645fe6bab76.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 當個文青桌"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">當個文青桌</h3>
+                      <p class="description mb-5"><b>獨立電影、唱片音樂、單眼相機、抑鬱因子，我們一起當個微文青吧！</b></p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$5,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬980 X 深600 X 高770(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>山毛櫸</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/other_furniture/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/desk/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "書桌/工作桌"
+meta_title: "書桌/工作桌"
 draft: false
 type: "desk"
 url: "/furniture_design/desk"
 image: ""
+date: 2021-06-12T22:38:58+08:00
 ---

content/furniture_design_list/dining_chair/26.幸福餐椅/index.md

@@ -1,85 +1,112 @@
 ---
-title: "幸福餐椅｜小寶優居・設計家具"
+meta_title: "幸福餐椅｜小寶優居・設計家具"
+meta_description: "靠背的仰角設計，定位出用餐的「最適」角度，使坐姿既可放鬆又能挺立，幸福的相聚時光沒有拘謹的限制，只有自在的舒適！"
+title: "幸福餐椅"
 date: 2021-06-12T16:41:55+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/happy_dining_chair"
-image: "/furniture_design/dining_chair/happy_dining_chair/1.webp"
-description: "幸福餐椅 - 餐廳 / 梣木 / 靠背的仰角設計，定位出用餐的「最適」角度，使坐姿既可放鬆又能挺立，幸福的相聚時光沒有拘謹的限制，只有自在的舒適！"
+image: "/furniture_design/dining_chair/happy_dining_chair/img/83c75a20e29e4b56b4691ca4016fedd4.webp"
 ---
+
 <div class="furniture-design">
-  {{< furniture_design>}}
-    <div class="furniture_design_content">
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
-        <div class="container px-0 design-container">
-          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-            <div class="slider-box">
-              <div class="slider slider-for slider-design">
-                <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 幸福餐椅">
-                </div>
-                <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 幸福餐椅">
-                </div>
-                <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 幸福餐椅">
-                </div>
-              </div>
-              <div class="slider slider-nav mt-2">
-                <div class="middle-item">
-                  <img src="1.webp" alt="小寶優居 | 幸福餐椅">
-                </div>
-                <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 幸福餐椅">
-                </div>
-                <div class="middle-item">
-                  <img src="3.webp" alt="小寶優居 | 幸福餐椅">
-                </div>
-              </div>
-            </div>
-            <div class="ms-2 fw-bold w-100">
-              <h3 class="mt-4">幸福餐椅 </h3>
-              <p class="mb-5">靠背的仰角設計，定位出用餐的「最適」角度，使坐姿既可放鬆又能挺立，幸福的相聚時光沒有拘謹的限制，只有自在的舒適！</p>
-              <div style="display:none">
-                <span class="me-3">定價</span>
-                <span>$4,620</span>
-              </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-              </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬460 X 深470 X 高815(mm)</div>
-              </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-                <div class="tw-85">梣木</div>
-              </div>
-              <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div> -->
-            </div>
-          </div>
-          <div class="b-bottom pb-3 mb-5">
-            <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 幸福餐椅">
-          <h6 class="mt-4">說明</h6> -->
-            <ul>
-              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-            </ul>
-          </div>
-          <div class="mb-5">
-            <a href="/furniture_design/dining_chair/">
-              <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-              </p>
-            </a>
-          </div>
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 幸福餐椅"
+  src="img/83c75a20e29e4b56b4691ca4016fedd4.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸福餐椅"
+  src="img/98530fde66a04b1e95113b5357748136.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸福餐椅"
+  src="img/0a2e96ce58d64d1a84fbb458aa83a3e7.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸福餐椅"
+  src="img/794bf83052974e49985c52ebf1587339.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/83c75a20e29e4b56b4691ca4016fedd4.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 幸福餐椅"
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/98530fde66a04b1e95113b5357748136.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 幸福餐椅"
+          ></img>
         </div>
+ <div class="middle-item">
+          <img
+            src="img/0a2e96ce58d64d1a84fbb458aa83a3e7.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 幸福餐椅"
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/794bf83052974e49985c52ebf1587339.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 幸福餐椅"
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">幸福餐椅</h3>
+                      <p class="description mb-5">靠背的仰角設計，定位出用餐的「最適」角度，使坐姿既可放鬆又能挺立，幸福的相聚時光沒有拘謹的限制，只有自在的舒適！</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$4,620</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬460 X 深470 X 高815(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
-    </div>
-</div>
+  </div>
+  </div>

content/furniture_design_list/dining_chair/29.樂天餐椅/index.md

@@ -1,85 +1,98 @@
 ---
-title: "樂天餐椅｜小寶優居・設計家具"
+meta_title: "樂天餐椅｜小寶優居・設計家具"
+meta_description: "特殊的高背式餐椅，能紓解乘坐時「腰椎」所承受的壓力，讓坐感與撐護力，都擁有全新的體驗。"
+title: "樂天餐椅"
 date: 2021-06-12T16:41:52+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/optimism_dining_chair"
-image: "/furniture_design/dining_chair/optimism_dining_chair/1.webp"
-description: "樂天餐椅 - 餐廳 / 山毛櫸 / 特殊的高背式餐椅，能紓解乘坐時「腰椎」所承受的壓力，讓坐感與撐護力，都擁有全新的體驗"
+image: "/furniture_design/dining_chair/optimism_dining_chair/img/c353d0452e3f4de68cee3031555f39ae.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 樂天餐椅">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 樂天餐椅">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 樂天餐椅">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 樂天餐椅">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 樂天餐椅">
-              </div>
-                  <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 樂天餐椅">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">樂天餐椅 </h3>
-            <p class="mb-5">特殊的高背式餐椅，能紓解乘坐時「腰椎」所承受的壓力，讓坐感與撐護力，都擁有全新的體驗</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$5,780</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬420 X 深475 X 高820(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">山毛櫸</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 樂天餐椅"
+  src="img/c353d0452e3f4de68cee3031555f39ae.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 樂天餐椅"
+  src="img/ad9da3fc948e437197990e0ae2996fb2.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 樂天餐椅"
+  src="img/c1d3b0da8a3c4b41b04a697d8a461b4f.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/c353d0452e3f4de68cee3031555f39ae.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 樂天餐椅"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 樂天餐椅">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+ <div class="middle-item">
+          <img
+            src="img/ad9da3fc948e437197990e0ae2996fb2.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 樂天餐椅"
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/dining_chair/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/c1d3b0da8a3c4b41b04a697d8a461b4f.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 樂天餐椅"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">樂天餐椅</h3>
+                      <p class="description mb-5">特殊的高背式餐椅，能紓解乘坐時「腰椎」所承受的壓力，讓坐感與撐護力，都擁有全新的體驗。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$5,780</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬420 X 深475 X 高820(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>山毛櫸</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/dining_chair/30.幸福中島椅/index.md

@@ -1,85 +1,112 @@
 ---
-title: "幸福中島椅｜小寶優居・設計家具"
+meta_title: "幸福中島椅｜小寶優居・設計家具"
+meta_description: "能和相愛的人，彼間而坐，喝杯咖啡，就是最幸福的事情了。"
+title: "幸福中島椅"
 date: 2021-06-12T16:41:51+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/happy_island_chair"
-image: "/furniture_design/dining_chair/happy_island_chair/1.webp"
-description: "幸福中島椅 - 餐廳 / 梣木 / 能和相愛的人，彼間而坐，喝杯咖啡，就是最幸福的事情了"
+image: "/furniture_design/dining_chair/happy_island_chair/img/aea86ac142ad4fcbb7cf10a6e58ec436.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 幸福中島椅">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 幸福中島椅">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 幸福中島椅">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 幸福中島椅">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 幸福中島椅">
-              </div>
-                  <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 幸福中島椅">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">幸福中島椅 </h3>
-            <p class="mb-5">能和相愛的人，彼間而坐，喝杯咖啡，就是最幸福的事情了</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$7,680</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬420 X 深460 X 高8700(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 幸福中島椅"
+  src="img/aea86ac142ad4fcbb7cf10a6e58ec436.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸福中島椅"
+  src="img/221614a1e8fb435dace49044d9c0a455.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸福中島椅"
+  src="img/e24f66b1022743059e997feed8910f7c.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸福中島椅"
+  src="img/d059ae18c75b4bd09543837d7cee6337.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/aea86ac142ad4fcbb7cf10a6e58ec436.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 幸福中島椅">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+ <div class="middle-item">
+          <img
+            src="img/221614a1e8fb435dace49044d9c0a455.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/dining_chair/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/e24f66b1022743059e997feed8910f7c.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+ <div class="middle-item">
+          <img
+            src="img/d059ae18c75b4bd09543837d7cee6337.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">幸福中島椅</h3>
+                      <p class="description mb-5">能和相愛的人，彼間而坐，喝杯咖啡，就是最幸福的事情了。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$7,680</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬420 X 深460 X 高870(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'> 梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/dining_chair/31.無憂中島椅/index.md

@@ -1,85 +1,126 @@
 ---
-title: "無憂中島椅｜小寶優居・設計家具"
+meta_title: "無憂中島椅｜小寶優居・設計家具"
+meta_description: "深夜喝上一杯，cheers！把今天的憂愁都忘掉吧！"
+title: "無憂中島椅"
 date: 2021-06-12T16:41:50+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/worry_free_island_chair"
-image: "/furniture_design/dining_chair/worry_free_island_chair/1.webp"
-description: "無憂中島椅 - 餐廳 / 梣木 / 深夜喝上一杯，cheers！把今天的憂愁都忘掉吧！"
+image: "/furniture_design/dining_chair/worry_free_island_chair/img/6cb1a477d8994abcbc89f374cfe0b059.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 無憂中島椅">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 無憂中島椅">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 無憂中島椅">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 無憂中島椅">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 無憂中島椅">
-              </div>
-                  <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 無憂中島椅">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">無憂中島椅 </h3>
-            <p class="mb-5">深夜喝上一杯，cheers！把今天的憂愁都忘掉吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $8,080</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬460 X 深520 X 高860(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 無憂中島椅"
+  src="img/6cb1a477d8994abcbc89f374cfe0b059.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 無憂中島椅"
+  src="img/912f9491e4ec4798843c0d272f9f0056.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 無憂中島椅"
+  src="img/197250cd41684ba3bb958d28b1ddb7d8.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 無憂中島椅"
+  src="img/363a156a41264746914ed496def61c7a.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 無憂中島椅"
+  src="img/aa56caa8ab31457282f24a1eda33a9e4.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/6cb1a477d8994abcbc89f374cfe0b059.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 無憂中島椅"
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/912f9491e4ec4798843c0d272f9f0056.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 無憂中島椅"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 無憂中島椅">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+ <div class="middle-item">
+          <img
+            src="img/197250cd41684ba3bb958d28b1ddb7d8.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 無憂中島椅"
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/dining_chair/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/363a156a41264746914ed496def61c7a.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 無憂中島椅"
+          ></img>
         </div>
+ <div class="middle-item">
+          <img
+            src="img/aa56caa8ab31457282f24a1eda33a9e4.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 無憂中島椅"
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">無憂中島椅</h3>
+                      <p class="description mb-5">深夜喝上一杯，cheers！把今天的憂愁都忘掉吧！</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$8,080</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬460 X 深520 X 高860(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/dining_chair/32.幸福長凳/index.md

@@ -1,79 +1,84 @@
 ---
-title: "幸福長凳(雙人)｜小寶優居・設計家具"
+meta_title: "幸福長凳(雙人)｜小寶優居・設計家具"
+meta_description: "兩個人的幸福， 你儂我儂，讓顏色隨心情， 盡情奔放。"
+title: "幸福長凳(雙人)"
 date: 2021-06-12T16:41:49+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/happy_bench"
-image: "/furniture_design/dining_chair/happy_bench/1.webp"
-description: "幸福長凳(雙人) - 餐廳 / 梣木 / 兩個人的幸福， 你儂我儂，讓顏色隨心情， 盡情奔放"
+image: "/furniture_design/dining_chair/happy_bench/img/21479d41c9584905ad4f9469c2d19fb2.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 幸福長凳(雙人)">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 幸福長凳(雙人)">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 幸福長凳(雙人)">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 幸福長凳(雙人)">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">幸福長凳(雙人) </h3>
-            <p class="mb-5">深夜喝上一杯，cheers！把今天的憂愁都忘掉吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $8,080</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1080 X 深350 X 高450(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85"> 雙人座，可依實際需求客製三人坐，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 幸福長凳(雙人)"
+  src="img/21479d41c9584905ad4f9469c2d19fb2.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸福長凳(雙人)"
+  src="img/a1ee8b8b56154036a02028ed33e07b03.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/21479d41c9584905ad4f9469c2d19fb2.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 幸福長凳(雙人)"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 幸福長凳(雙人)">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/dining_chair/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/a1ee8b8b56154036a02028ed33e07b03.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 幸福長凳(雙人)"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">幸福長凳(雙人)</h3>
+                      <p class="description mb-5">兩個人的幸福， 你儂我儂，讓顏色隨心情， 盡情奔放。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$8,020</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1080 X 深350 X 高450(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>雙人座，可依實際需求客製三人坐，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/dining_chair/33.一期一會長凳/index.md

@@ -1,79 +1,84 @@
 ---
-title: "一期一會長凳(雙人)｜小寶優居・設計家具"
+meta_title: "一期一會長凳(雙人)｜小寶優居・設計家具"
+meta_description: "Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！"
+title: "一期一會長凳(雙人)"
 date: 2021-06-12T16:41:48+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/once_in_a_lifetime_bench"
-image: "/furniture_design/dining_chair/once_in_a_lifetime_bench/1.webp"
-description: "一期一會長凳(雙人) - 餐廳 / 梣木 / Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！"
+image: "/furniture_design/dining_chair/once_in_a_lifetime_bench/img/b443633979f5494d9c1ed47ba1e801d2.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 一期一會長凳(雙人)">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 一期一會長凳(雙人)">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 一期一會長凳(雙人)">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 一期一會長凳(雙人)">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">一期一會長凳(雙人) </h3>
-            <p class="mb-5">Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $7,380</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1080 X 深350 X 高450(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85"> 雙人座，另有「一期一會三人長凳」，實際價格請洽門市</div>
-            </div>
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 一期一會長凳(雙人)"
+  src="img/b443633979f5494d9c1ed47ba1e801d2.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 一期一會長凳(雙人)"
+  src="img/1b0eac182f0e41cf87ce4bec69703b57.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/b443633979f5494d9c1ed47ba1e801d2.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 一期一會長凳(雙人)"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 一期一會長凳(雙人)">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/dining_chair/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/1b0eac182f0e41cf87ce4bec69703b57.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 一期一會長凳(雙人)"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">一期一會長凳(雙人)</h3>
+                      <p class="description mb-5">Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$7,380</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1080 X 深350 X 高450(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>雙人座，另有「一期一會三人長凳」，實際價格請洽門市</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/dining_chair/43.小寶心情凳/index.md

@@ -1,85 +1,138 @@
 ---
-title: "小寶心情凳｜小寶優居・設計家具"
+meta_title: "小寶心情凳｜小寶優居・設計家具"
+meta_description: "小寶心情凳， 帶給你每日的好心情，布套可拆洗，還能讓屁股香香的。"
+title: "小寶心情凳"
 date: 2021-06-12T22:38:58+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/bhouse_stool"
-image: "/furniture_design/dining_chair/bhouse_stool/1.webp"
-description: "小寶心情凳， 帶給你每日的好心情，布套可拆洗，還能讓屁股香香的。"
+image: "/furniture_design/dining_chair/bhouse_stool/img/d939c439ee444631ac4cf2c663769b59.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 小寶心情凳">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 小寶心情凳">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 小寶心情凳">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 小寶心情凳">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 小寶心情凳">
-              </div>
-              <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 小寶心情凳">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">小寶心情凳 </h3>
-            <p class="mb-5">小寶心情凳， 帶給你每日的好心情，布套可拆洗，還能讓屁股香香的。</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $2,920</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">沉穩、雀躍、頹然、開懷、歡樂</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬400 X 深400 X 高430(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">雲杉實木骨架</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 小寶心情凳"
+  src="img/d939c439ee444631ac4cf2c663769b59.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 小寶心情凳"
+  src="img/8423aca6ee144956a005ff9f9f6c4376.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 小寶心情凳"
+  src="img/a3bc926c07084641933fdb1e183cd2a0.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 小寶心情凳"
+  src="img/e6cb95195ab74ff6a741976b7c6ba419.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 小寶心情凳"
+  src="img/a805e037d0994b2dba712b82f1b9afd2.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/d939c439ee444631ac4cf2c663769b59.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 小寶心情凳"
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/8423aca6ee144956a005ff9f9f6c4376.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 小寶心情凳"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 小寶心情凳">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+ <div class="middle-item">
+          <img
+            src="img/a3bc926c07084641933fdb1e183cd2a0.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 小寶心情凳"
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/dining_chair/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/e6cb95195ab74ff6a741976b7c6ba419.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 小寶心情凳"
+          ></img>
         </div>
+ <div class="middle-item">
+          <img
+            src="img/a805e037d0994b2dba712b82f1b9afd2.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 小寶心情凳"
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">小寶心情凳</h3>
+                      <p class="description mb-5">小寶心情凳， 帶給你每日的好心情，布套可拆洗，還能讓屁股香香的。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$2,920</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>沉穩、雀躍、頹然、開懷、歡樂</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬400 X 深400 X 高430(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 小寶心情凳"
+  src="img/c9723876a7a047edaab5179f8f02c0c8.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 小寶心情凳"
+  src="img/fd58b0ed42e0414bb9dd59abec2736f8.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 小寶心情凳"
+  src="img/193f4d2340ac4c6588f08bb167d73781.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/dining_chair/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "餐椅"
+meta_title: "餐椅"
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair"
 image: ""
+date: 2021-06-12T16:41:49+08:00
 ---

content/furniture_design_list/dining_chair/a_small_stool_for_a_while/index.md

@@ -1,79 +1,84 @@
 ---
-title: "一期一會小凳｜小寶優居・設計家具"
+meta_title: "一期一會小凳｜小寶優居・設計家具"
+meta_description: "Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！"
+title: "一期一會小凳"
 date: 2021-06-12T16:41:48+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/a_small_stool_for_a_while"
-image: "/furniture_design/dining_chair/a_small_stool_for_a_while/1.webp"
-description: "一期一會小凳 - 餐廳 / 梣木 / Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！"
+image: "/furniture_design/dining_chair/a_small_stool_for_a_while/img/1e6ea5addcb64a028f443890d2a87e3e.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 一期一會小凳">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 一期一會小凳">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 一期一會小凳">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 一期一會小凳">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">一期一會小凳 </h3>
-            <p class="mb-5">Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $4,720</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬420 X 深350 X 高450(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">拍攝單品為胡桃色</div>
-            </div>
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 一期一會小凳"
+  src="img/1e6ea5addcb64a028f443890d2a87e3e.webp"
+  height="auto"
+  width="1600"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 一期一會小凳"
+  src="img/0f804cdfbcbd4bfb8c33f6877539fe8e.webp"
+  height="auto"
+  width="1600"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/1e6ea5addcb64a028f443890d2a87e3e.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 一期一會小凳"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 一期一會小凳">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/dining_chair/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/0f804cdfbcbd4bfb8c33f6877539fe8e.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 一期一會小凳"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">一期一會小凳</h3>
+                      <p class="description mb-5">Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$4,720</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬420 X 深350 X 高450(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/dining_chair/good_seat_dining_chair/index.md

@@ -1,87 +1,98 @@
 ---
-title: "好座餐椅｜小寶優居・設計家具"
+meta_title: "好座餐椅｜小寶優居・設計家具"
+meta_description: "坐與臥是居家生活花費最多的時間，你的屁股與脊椎，值得好好座也好好坐，讓你好好吃飯、好好讀書、好好寫字。"
+title: "好座餐椅"
 date: 2021-06-12T16:41:46+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/good_seat_dining_chair"
-image: "/furniture_design/dining_chair/good_seat_dining_chair/1.webp"
-description: "好座餐椅 - 餐廳 / 梣木+墊裝 / 坐與臥是居家生活花費最多的時間，你的屁股與脊椎，值得好好座也好好坐，讓你好好吃飯、好好讀書、好好寫字。"
-a:
-b:
+image: "/furniture_design/dining_chair/good_seat_dining_chair/img/99a0567da4b24726a894e63f1fcfe724.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 好座餐椅">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 好座餐椅">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 好座餐椅">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 好座餐椅">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 好座餐椅">
-              </div>
-              <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 好座餐椅">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">好座餐椅 </h3>
-            <p class="mb-5">坐與臥是居家生活花費最多的時間，你的屁股與脊椎，值得好好座也好好坐，讓你好好吃飯、好好讀書、好好寫字。</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $6,280</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85"> 自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬500 X 深560 X 高780(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木+墊裝</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 好座餐椅"
+  src="img/99a0567da4b24726a894e63f1fcfe724.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 好座餐椅"
+  src="img/87250e4bba0f44dfb98e46c830fc339f.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 好座餐椅"
+  src="img/23d66a171dda481ca00b13b8e4893b6d.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/99a0567da4b24726a894e63f1fcfe724.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 好座餐椅"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 好座餐椅">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+ <div class="middle-item">
+          <img
+            src="img/87250e4bba0f44dfb98e46c830fc339f.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 好座餐椅"
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/dining_chair/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/23d66a171dda481ca00b13b8e4893b6d.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 好座餐椅"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">好座餐椅</h3>
+                      <p class="description mb-5">坐與臥是居家生活花費最多的時間，你的屁股與脊椎，值得好好座也好好坐，讓你好好吃飯、好好讀書、好好寫字。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$6,280</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬500 X 深560 X 高780(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木+墊裝</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/dining_chair/happiness_stool/index.md

@@ -1,79 +1,84 @@
 ---
-title: "幸福小凳｜小寶優居・設計家具"
+meta_title: "幸福小凳｜小寶優居・設計家具"
+meta_description: "一個人， 也可以很幸福，讓顏色隨心情， 隨心所欲。"
+title: "幸福小凳"
 date: 2021-06-12T16:41:49+08:00
 draft: false
 type: "dining_chair"
 url: "/furniture_design/dining_chair/happiness_stool"
-image: "/furniture_design/dining_chair/happiness_stool/1.webp"
-description: "幸福小凳 - 餐廳 / 梣木+墊裝 / 一個人， 也可以很幸福，讓顏色隨心情， 隨心所欲"
+image: "/furniture_design/dining_chair/happiness_stool/img/079c692e1c9c4974994687c0a349d391.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 幸福小凳">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 幸福小凳">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 幸福小凳">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 幸福小凳">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">幸福小凳 </h3>
-            <p class="mb-5">靠背的仰角設計，定位出用餐的「最適」角度，使坐姿既可放鬆又能挺立，幸福的相聚時光沒有拘謹的限制，只有自在的舒適！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $4,620</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬460 X 深470 X 高815(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">拍攝單品為胡桃色</div>
-            </div> -->
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 幸福小凳"
+  src="img/079c692e1c9c4974994687c0a349d391.webp"
+  height="auto"
+  width="1600"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸福小凳"
+  src="img/39725c1203524e708eb8600628780c75.webp"
+  height="auto"
+  width="1600"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/079c692e1c9c4974994687c0a349d391.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 幸福小凳"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 幸福小凳">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/dining_chair/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/39725c1203524e708eb8600628780c75.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 幸福小凳"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">幸福小凳</h3>
+                      <p class="description mb-5">一個人， 也可以很幸福，讓顏色隨心情， 隨心所欲。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$5,080</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬420 X 深350 X 高450(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/dining_chair/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐椅/中島椅
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/dining_chair/sif_dining_chair/index.md

@@ -40,9 +40,9 @@ description: "希芙餐椅 - 餐廳 / 梣梣木+墊裝木 / 希芙是北歐神
             <div class="ms-2 fw-bold w-100">
             <h3 class="mt-4">希芙餐椅 </h3>
             <p class="mb-5">希芙是北歐神話的女神，雷神索爾的妻子，代表土地和五穀，也象徵麥穗與黃金，105度的神祕傾斜角度，不只乘坐更舒適，也期盼我們的生活，總是豐盛而有餘裕。</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>  $10,500</span>
+              <div class="my-2 d-flex">
+                <div class="tw-15">定價</div>
+                <div style="tw-85">$10,500</div>
             </div>
             <div class="my-2 d-flex">
                 <div class="tw-15">顏色</div>

content/furniture_design_list/dining_table/22.友直餐桌/index.md

@@ -10,7 +10,6 @@ image: "/furniture_design/dining_table/good_friends_dining_table/img/b354d1bd89c
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -44,70 +43,15 @@ image: "/furniture_design/dining_table/good_friends_dining_table/img/b354d1bd89c
             src="img/b354d1bd89c5411ebf8ba647e32cb2ff.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 友直餐桌"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 友直餐桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 友直餐桌">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 友直餐桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 友直餐桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 友直餐桌">
-              </div>
-              <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 友直餐桌">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">友直餐桌 </h3>
-            <p class="mb-5">桌腳以橫、豎交叉排列，巧妙打造屬於每個人的用餐空間，找到彼此最剛好的吃飯黃金距離</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$28,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1500 X 深880 X 高730(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
             src="img/8d082ecddcf84ea8927f7c26a8ec4798.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 友直餐桌"
           ></img>
         </div>
  <div class="middle-item">
@@ -115,14 +59,14 @@ image: "/furniture_design/dining_table/good_friends_dining_table/img/b354d1bd89c
             src="img/50541785036b4f42a91478f5948a60ec.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 友直餐桌"
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">友直餐桌</h3>
-                      <p class="description mb-5"><b>桌腳以橫、豎交叉排列，巧妙打造屬於每個人的用餐空間，找到彼此最剛好的吃飯黃金距離</b></p>
+                      <p class="description mb-5">桌腳以橫、豎交叉排列，巧妙打造屬於每個人的用餐空間，找到彼此最剛好的吃飯黃金距離。</p>
                       <div class="detail">
                           <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'>$28,500</div></div>
                           <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色</div></div>
@@ -142,12 +86,12 @@ image: "/furniture_design/dining_table/good_friends_dining_table/img/b354d1bd89c
                    </div> 
                    <div class="b-bottom mt-5"></div>  
                   <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
+                      <a href="/furniture_design/dining_table/">
                           <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐桌
                           </p>
                       </a>
-                  </div>  
+                  </div>   
           </div>
       </div>
   </div>

content/furniture_design_list/dining_table/23.森命餐桌/index.md

@@ -10,7 +10,6 @@ image: "/furniture_design/dining_table/forest_life_dining_table/img/5468a7afd8eb
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -38,87 +37,28 @@ image: "/furniture_design/dining_table/forest_life_dining_table/img/5468a7afd8eb
             src="img/5468a7afd8eb4917b33d0610ac4859b1.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 森命餐桌"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 森命餐桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 森命餐桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 森命餐桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 森命餐桌">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">森命餐桌 </h3>
-            <p class="mb-5">森林的生命，伴隨晚宴走進家裡</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $32,200</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1500 X 深880 X 高730(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 森命餐桌"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
             src="img/9176e3509df34b709659d61e4751a5ee.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 森命餐桌"
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">森命餐桌</h3>
-                      <p class="description mb-5"><b>森林的生命，伴隨晚宴走進家裡</b></p>
+                      <p class="description mb-5">森林的生命，伴隨晚宴走進家裡。</p>
                       <div class="detail">
-                          <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'>$32,200</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'> 寬1500 X 深880 X 高730</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>梣木</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>備註</div> <div class='pdmark tw-85'>可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div></div>
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$32,200</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1500 X 深880 X 高730</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div></div>
                        </div>   
                   </div>
                   </div> 
@@ -132,9 +72,9 @@ image: "/furniture_design/dining_table/forest_life_dining_table/img/5468a7afd8eb
                    </div> 
                    <div class="b-bottom mt-5"></div>  
                   <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
+                      <a href="/furniture_design/dining_table/">
                           <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐桌
                           </p>
                       </a>
                   </div>  

content/furniture_design_list/dining_table/24.裊裊餐桌/index.md

@@ -10,7 +10,6 @@ image: "/furniture_design/dining_table/curly_dining_table/img/8a439fa0034f4f269e
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -38,86 +37,27 @@ image: "/furniture_design/dining_table/curly_dining_table/img/8a439fa0034f4f269e
             src="img/8a439fa0034f4f269e45dd5a363a0d03.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 裊裊餐桌"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 裊裊餐桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 裊裊餐桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 裊裊餐桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 裊裊餐桌">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">裊裊餐桌 </h3>
-            <p class="mb-5">裊裊炊煙，呼喚遠方的遊子回家吃飯，裊裊餐桌，乘載我們家團聚的美好記憶。</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>  $20,200</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1320 X 深810 X 高730(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 裊裊餐桌"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
             src="img/9ca5dc320863450bb3ceafd9ec0afa22.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 裊裊餐桌"
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">裊裊餐桌</h3>
-                      <p class="description mb-5"><b>裊裊炊煙，呼喚遠方的遊子回家吃飯，裊裊餐桌，乘載我們家團聚的美好記憶。</b></p>
+                      <p class="description mb-5">裊裊炊煙，呼喚遠方的遊子回家吃飯，裊裊餐桌，乘載我們家團聚的美好記憶。</p>
                       <div class="detail">
-                          <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'> $20,200</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'>寬1320 X 深810 X 高730</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$20,200</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1320 X 深810 X 高730</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
                           <span></span>
                        </div>   
                   </div>
@@ -132,9 +72,9 @@ image: "/furniture_design/dining_table/curly_dining_table/img/8a439fa0034f4f269e
                    </div> 
                    <div class="b-bottom mt-5"></div>  
                   <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
+                      <a href="/furniture_design/dining_table/">
                           <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐桌
                           </p>
                       </a>
                   </div>  

content/furniture_design_list/dining_table/25.舉杯餐桌/index.md

@@ -10,7 +10,6 @@ image: "/furniture_design/dining_table/toast_dining_table/img/13e26d96119542719f
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -38,86 +37,27 @@ image: "/furniture_design/dining_table/toast_dining_table/img/13e26d96119542719f
             src="img/13e26d96119542719fcd7373b12cf67b.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 舉杯餐桌"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 舉杯餐桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 舉杯餐桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 舉杯餐桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 舉杯餐桌">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">舉杯餐桌 </h3>
-            <p class="mb-5">精心挑選這個季節的花束，擺上燭火讓光在桌前化開來，等著在意的人一一入座，今天不是什麼特別的日子，只是想舉杯，慶祝每個平凡的日子裡， 有你有我</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>   $25,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85"> 寬1500 X 深880 X 高730(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 舉杯餐桌"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
             src="img/c25378567b184177b4ffd01af0af5f1c.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 舉杯餐桌"
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">舉杯餐桌</h3>
-                      <p class="description mb-5"><b>精心挑選這個季節的花束，擺上燭火讓光在桌前化開來，等著在意的人一一入座，今天不是什麼特別的日子，只是想舉杯，慶祝每個平凡的日子裡， 有你有我</b></p>
+                      <p class="description mb-5">精心挑選這個季節的花束，擺上燭火讓光在桌前化開來，等著在意的人一一入座，今天不是什麼特別的日子，只是想舉杯，慶祝每個平凡的日子裡， 有你有我。</p>
                       <div class="detail">
-                          <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'> $25,500</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'> 寬1500 X 深880 X 高730</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$25,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1500 X 深880 X 高730</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
                           <span></span>
                        </div>   
                   </div>
@@ -132,9 +72,9 @@ image: "/furniture_design/dining_table/toast_dining_table/img/13e26d96119542719f
                    </div> 
                    <div class="b-bottom mt-5"></div>  
                   <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
+                      <a href="/furniture_design/dining_table/">
                           <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐桌
                           </p>
                       </a>
                   </div>  

content/furniture_design_list/dining_table/46.喆翔餐桌/index.md

@@ -10,7 +10,6 @@ image: "/furniture_design/dining_table/zhe_xiang_dining_table/img/776af5eea37942
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -38,85 +37,26 @@ image: "/furniture_design/dining_table/zhe_xiang_dining_table/img/776af5eea37942
             src="img/776af5eea379421ba1086a3dec80a7a6.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 喆翔餐桌"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 喆翔餐桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 喆翔餐桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 喆翔餐桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 喆翔餐桌">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">喆翔餐桌 </h3>
-            <p class="mb-5">「餐桌」乘載著生活中的喜怒哀樂，開心歡樂時，大口吃肉，生氣悲傷時，大口喝酒，讓喆翔餐桌帶領你的情緒，優雅飛翔吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>   $32,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85"> 橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85"> 寬1500 X 深800 X 高730(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 喆翔餐桌"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
             src="img/4646d1c2b99d4b4490d85686a488d5bd.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 喆翔餐桌"
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">喆翔餐桌</h3>
-                      <p class="description mb-5"><b>「餐桌」乘載著生活中的喜怒哀樂，開心歡樂時，大口吃肉，生氣悲傷時，大口喝酒，讓喆翔餐桌帶領你的情緒，優雅飛翔吧！</b></p>
+                      <p class="description mb-5">「餐桌」乘載著生活中的喜怒哀樂，開心歡樂時，大口吃肉，生氣悲傷時，大口喝酒，讓喆翔餐桌帶領你的情緒，優雅飛翔吧！</p>
                       <div class="detail">
                           <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'>$32,500</div></div>
                           <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>橡木色、謐白色、曜石灰</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'>寬1500 X 深800 X 高730</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'>寬1500 X 深800 X 高730(mm)</div></div>
                           <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>梣木</div></div>
                           <span></span>
                        </div>   
@@ -132,9 +72,9 @@ image: "/furniture_design/dining_table/zhe_xiang_dining_table/img/776af5eea37942
                    </div> 
                    <div class="b-bottom mt-5"></div>  
                   <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
+                      <a href="/furniture_design/dining_table/">
                           <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐桌
                           </p>
                       </a>
                   </div>  

content/furniture_design_list/dining_table/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "餐桌"
+meta_title: "餐桌"
 draft: false
 type: "dining_table"
 url: "/furniture_design/dining_table"
 image: ""
+date: 2021-06-12T16:41:46+08:00
 ---

content/furniture_design_list/dining_table/light_rhyme_dining_table/index.md

@@ -10,7 +10,6 @@ image: "/furniture_design/dining_table/light_rhyme_dining_table/img/409c616f343a
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -44,70 +43,15 @@ image: "/furniture_design/dining_table/light_rhyme_dining_table/img/409c616f343a
             src="img/409c616f343a4ed38b468e37502c699d.webp"
             width="40"
             height="auto"
-            alt="小寶優居 | 輕韻餐桌｜小寶優居・設計家具"
+            alt="小寶優居 | 輕韻餐桌"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 輕韻餐桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 輕韻餐桌">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 輕韻餐桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 輕韻餐桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 輕韻餐桌">
-              </div>
-              <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 輕韻餐桌">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">輕韻餐桌 </h3>
-            <p class="mb-5">「餐桌」乘載著生活中的喜怒哀樂，開心歡樂時，大口吃肉，生氣悲傷時，大口喝酒，讓輕韻餐桌帶領你的情緒，優雅飛翔吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>   $32,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85"> 橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85"> 寬1500 X 深800 X 高730(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可依實際需求加寬為196公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
             src="img/1a6fdfc8f0c741bd81946f5fec068617.webp"
             width="40"
             height="auto"
-            alt="小寶優居 | 輕韻餐桌｜小寶優居・設計家具"
+            alt="小寶優居 | 輕韻餐桌"
           ></img>
         </div>
  <div class="middle-item">
@@ -115,20 +59,20 @@ image: "/furniture_design/dining_table/light_rhyme_dining_table/img/409c616f343a
             src="img/9ce90cb048af4d778ecaeac1c6d64d79.webp"
             width="40"
             height="auto"
-            alt="小寶優居 | 輕韻餐桌｜小寶優居・設計家具"
+            alt="小寶優居 | 輕韻餐桌"
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">輕韻餐桌</h3>
-                      <p class="description mb-5"><b>外型輕巧，平易近人，簡單，卻不簡單，生活中各種時令的美好，與家中四季的笑聲，都被帶入了輕韻餐桌</b></p>
+                      <p class="description mb-5">外型輕巧，平易近人，簡單，卻不簡單，生活中各種時令的美好，與家中四季的笑聲，都被帶入了輕韻餐桌。</p>
                       <div class="detail">
-                          <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'> $21,500</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'>寬1500 X 深750 X 高730</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>梣木</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>備註</div> <div class='pdmark tw-85'>可依需求調整尺寸，實際價格將依需求規劃客製而定</div></div>
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$21,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1500 X 深750 X 高730(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>可依需求調整尺寸，實際價格將依需求規劃客製而定</div></div>
                        </div>   
                   </div>
                   </div> 
@@ -142,9 +86,9 @@ image: "/furniture_design/dining_table/light_rhyme_dining_table/img/409c616f343a
                    </div> 
                    <div class="b-bottom mt-5"></div>  
                   <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
+                      <a href="/furniture_design/dining_table/">
                           <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到餐桌
                           </p>
                       </a>
                   </div>  

content/furniture_design_list/mattress/35.条条團圓/index.md

@@ -1,81 +1,100 @@
 ---
-title: "条条團圓｜小寶優居・設計家具"
+meta_title: "条条團圓｜小寶優居・設計家具"
+meta_description: "工匠手縫條條的紋理，包上整片泡棉，不怕孩子碰撞，彷彿是媽媽的環抱，安心、溫柔。"
+title: "条条團圓"
 date: 2021-06-12T22:38:58+08:00
 draft: false
 type: "mattress"
 url: "/furniture_design/mattress/stripe_circle_bed"
-image: "/furniture_design/mattress/stripe_circle_bed/1.webp"
-description: "条条團圓 - 臥室 / 雲杉實木骨架 / 工匠手縫條條的紋理，包上整片泡棉，不怕孩子碰撞，彷彿是媽媽的環抱，安心、溫柔"
+image: "/furniture_design/mattress/stripe_circle_bed/img/2ad9c36b7b6f4f21ab89df1c2403300d.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 条条團圓">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 条条團圓">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 条条團圓">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 条条團圓">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">条条團圓 </h3>
-            <p class="mb-5">工匠手縫條條的紋理，包上整片泡棉，不怕孩子碰撞，彷彿是媽媽的環抱，安心、溫柔</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$47,300</span>
-            </div>
-            <!-- <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div> -->
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">雲杉實木骨架</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">標準雙人5尺+掀床床架，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 条条團圓">
-                      <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 条条團圓">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 条条團圓"
+  src="img/2ad9c36b7b6f4f21ab89df1c2403300d.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 条条團圓"
+  src="img/4b1ff687923e455ca921be081cf3ee85.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/2ad9c36b7b6f4f21ab89df1c2403300d.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/mattress/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/4b1ff687923e455ca921be081cf3ee85.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">条条團圓</h3>
+                      <p class="description mb-5">工匠手縫條條的紋理，包上整片泡棉，不怕孩子碰撞，彷彿是媽媽的環抱，安心、溫柔。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$47,300</div></div>
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>標準雙人5尺+掀床床架，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 条条團圓"
+  src="img/8fbfbe6d261b4d6f953aa4d9ed69c08c.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 条条團圓"
+  src="img/6957c39902eb4b59a7d618f44d03991e.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 条条團圓"
+  src="img/01fbd86a1ca940c9b034772f91ae2f66.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 条条團圓"
+  src="img/ab422e90fc874beb80e48f134814b195.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/mattress/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/mattress/36.雙人枕頭/index.md

@@ -1,75 +1,86 @@
 ---
-title: "雙人枕頭｜小寶優居・設計家具"
+meta_title: "雙人枕頭｜小寶優居・設計家具"
+meta_description: "超大防蹣羽絨枕心，頭靠、背靠 都有得靠，雙人枕頭，真正靠得住。"
+title: "雙人枕頭"
 date: 2021-06-12T22:38:57+08:00
 draft: false
 type: "mattress"
 url: "/furniture_design/mattress/two_pillow_bed"
-image: "/furniture_design/mattress/two_pillow_bed/1.webp"
-description: "雙人枕頭 - 臥室 / 雲杉實木骨架 / 專超大防蹣羽絨枕心，頭靠、背靠 都有得靠，雙人枕頭，真正靠得住"
+image: "/furniture_design/mattress/two_pillow_bed/img/7ac80c515a634834956369e56fc5e316.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 雙人枕頭">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 雙人枕頭">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">雙人枕頭 </h3>
-            <p class="mb-5">超大防蹣羽絨枕心，頭靠、背靠 都有得靠，雙人枕頭，真正靠得住</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$37,000</span>
-            </div>
-            <!-- <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div> -->
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">雲杉實木骨架</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">標準雙人5尺+架高床底價格參考，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 雙人枕頭">
-                      <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 雙人枕頭">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/mattress/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
-            </p>
-          </a>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 雙人枕頭"
+  src="img/7ac80c515a634834956369e56fc5e316.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/7ac80c515a634834956369e56fc5e316.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold" id="two_pillow_bed">
+                      <h3 class="mt-4">雙人枕頭</h3>
+                      <p class="description mb-5">超大防蹣羽絨枕心，頭靠、背靠 都有得靠，雙人枕頭，真正靠得住。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$37,000</div></div>
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>標準雙人5尺+架高床底價格參考，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 雙人枕頭"
+  src="img/49169a88fde7482ea437e0bbc02e5a9a.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 雙人枕頭"
+  src="img/8ff92ea2648d4f83a0dbf36d25d011e7.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 雙人枕頭"
+  src="img/a101ff8873b543238ea5add8b10a1ff3.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 雙人枕頭"
+  src="img/c3ec456b3fc7425bae2c2ec39c72a2a6.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/mattress/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/mattress/37.玩色格格/index.md

@@ -1,81 +1,100 @@
 ---
-title: "玩色格格｜小寶優居・設計家具"
+meta_title: "玩色格格｜小寶優居・設計家具"
+meta_description: "軟綿的色彩格子，可以設計專屬配色，延伸做成床頭牆面，睡也要睡出自己的風格！"
+title: "玩色格格"
 date: 2021-06-12T22:38:56+08:00
 draft: false
 type: "mattress"
 url: "/furniture_design/mattress/color_grid_bed"
-image: "/furniture_design/mattress/color_grid_bed/1.webp"
-description: "玩色格格 - 臥室 / 雲杉實木骨架 / 軟綿的色彩格子，可以設計專屬配色，延伸做成床頭牆面，睡也要睡出自己的風格！"
+image: "/furniture_design/mattress/color_grid_bed/img/8f060196f545427d9c11b58ed6b71c74.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 玩色格格">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 玩色格格">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 玩色格格">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 玩色格格">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">玩色格格 </h3>
-            <p class="mb-5">軟綿的色彩格子，可以設計專屬配色，延伸做成床頭牆面，睡也要睡出自己的風格！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$50,300</span>
-            </div>
-            <!-- <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div> -->
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">雲杉實木骨架</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">標準雙人5尺+架高床底價格參考，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 玩色格格">
-                      <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 玩色格格">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 玩色格格"
+  src="img/8f060196f545427d9c11b58ed6b71c74.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 玩色格格"
+  src="img/b2c3478cb1f048e9ae772c96f9422e6c.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/8f060196f545427d9c11b58ed6b71c74.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/mattress/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/b2c3478cb1f048e9ae772c96f9422e6c.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">玩色格格</h3>
+                      <p class="description mb-5">軟綿的色彩格子，可以設計專屬配色，延伸做成床頭牆面，睡也要睡出自己的風格！</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$50,300</div></div>
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>標準雙人5尺+掀床床架價格參考，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 玩色格格"
+  src="img/ca110d24866f409b99095b5c6b54a0a1.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 玩色格格"
+  src="img/8fdf8de866584209af05008682ff2175.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 玩色格格"
+  src="img/165f1aeec369494fad05633a1a518137.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 玩色格格"
+  src="img/ce3c6eb85df74ef2a80a41825ca63f30.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/mattress/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/mattress/38.步步高昇/index.md

@@ -1,81 +1,100 @@
 ---
-title: "步步高昇｜小寶優居・設計家具"
+meta_title: "步步高昇｜小寶優居・設計家具"
+meta_description: "學業高升、事業高升、健康高升、步步高昇，一款伴隨你成長的床架。"
+title: "步步高昇"
 date: 2021-06-12T22:38:55+08:00
 draft: false
 type: "mattress"
 url: "/furniture_design/mattress/rising_bed"
-image: "/furniture_design/mattress/rising_bed/1.webp"
-description: "步步高昇 - 臥室 / 雲杉實木骨架 / 學業高升、事業高升、健康高升、步步高昇，一款伴隨你成長的床架"
+image: "/furniture_design/mattress/rising_bed/img/8795af30c264401cb9123654fa6974ed.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 步步高昇">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 步步高昇">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 步步高昇">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 步步高昇">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">步步高昇 </h3>
-            <p class="mb-5">學業高升、事業高升、健康高升、步步高昇，一款伴隨你成長的床架</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$37,400</span>
-            </div>
-            <!-- <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div> -->
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">雲杉實木骨架</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">標準雙人5尺+架高床底價格參考，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 步步高昇">
-                      <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 步步高昇">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 步步高昇"
+  src="img/8795af30c264401cb9123654fa6974ed.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 步步高昇"
+  src="img/3c77efe82da84830af18d9220c84a11a.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/8795af30c264401cb9123654fa6974ed.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/mattress/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/3c77efe82da84830af18d9220c84a11a.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">步步高昇</h3>
+                      <p class="description mb-5">學業高升、事業高升、健康高升、步步高昇，一款伴隨你成長的床架。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$37,400</div></div>
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>標準雙人5尺+架高床底價格參考，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 步步高昇"
+  src="img/4db011b280354793b0f93aca3fd4effc.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 步步高昇"
+  src="img/20f9a0e919bd491eb57481d0a78f3367.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 步步高昇"
+  src="img/8eb035cdccf84347af53722fb9727cf0.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 步步高昇"
+  src="img/082637979e084e56818138406328afba.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/mattress/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/mattress/39.圓滿床架/index.md

@@ -1,81 +1,88 @@
 ---
-title: "圓滿床架｜小寶優居・設計家具"
+meta_title: "圓滿床架｜小寶優居・設計家具"
+meta_description: "你都吃圓了，都滿出床了，而我還是愛你，這就是所謂的圓滿吧！"
+title: "圓滿床架"
 date: 2021-06-12T22:38:54+08:00
 draft: false
 type: "mattress"
 url: "/furniture_design/mattress/perfect_bed"
-image: "/furniture_design/mattress/perfect_bed/1.webp"
-description: "圓滿床架 - 臥室 / 松木 / 你都吃圓了，都滿出床了，而我還是愛你，這就是所謂的圓滿吧！"
+image: "/furniture_design/mattress/perfect_bed/img/e7b65914236948129b1d7725d3a74d13.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 圓滿床架">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 圓滿床架">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 圓滿床架">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 圓滿床架">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">圓滿床架 </h3>
-            <p class="mb-5">你都吃圓了，都滿出床了，而我還是愛你，這就是所謂的圓滿吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$36,800</span>
-            </div>
-            <!-- <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div> -->
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">雲杉實木骨架</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">標準雙人5尺+架高床底價格參考，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 圓滿床架">
-                      <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 圓滿床架">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 圓滿床架"
+  src="img/e7b65914236948129b1d7725d3a74d13.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 圓滿床架"
+  src="img/54e8af2639eb412b8c3734b7665fad99.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/e7b65914236948129b1d7725d3a74d13.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/mattress/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/54e8af2639eb412b8c3734b7665fad99.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">圓滿床架</h3>
+                      <p class="description mb-5">你都吃圓了，都滿出床了，而我還是愛你，這就是所謂的圓滿吧！</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$36,800</div></div>
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>標準雙人5尺價格參考，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 圓滿床架"
+  src="img/f5440b2291f048559c998e639ce1e74a.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/mattress/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/mattress/44.酣然相擁/index.md

@@ -1,81 +1,100 @@
 ---
-title: "酣然相擁｜小寶優居・設計家具"
+meta_title: "酣然相擁｜小寶優居・設計家具"
+meta_description: "對稱的翅膀，就像包覆你的港灣，彎彎的臂彎，環抱著你入睡，被抱著入睡，做一場美夢吧！"
+title: "酣然相擁"
 date: 2021-06-12T22:38:53+08:00
 draft: false
 type: "mattress"
 url: "/furniture_design/mattress/hug_to_sleep"
-image: "/furniture_design/mattress/hug_to_sleep/1.webp"
-description: "酣然相擁 - 臥室 / 山雲杉實木骨架 / 對稱的翅膀，就像包覆你的港灣，彎彎的臂彎，環抱著你入睡，被抱著入睡，做一場美夢吧！"
+image: "/furniture_design/mattress/hug_to_sleep/img/b00fb5d0aec449bf9dd1f38d358d2d1a.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 酣然相擁">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 酣然相擁">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 酣然相擁">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 酣然相擁">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">酣然相擁 </h3>
-            <p class="mb-5">對稱的翅膀，就像包覆你的港灣，彎彎的臂彎，環抱著你入睡，被抱著入睡，做一場美夢吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$41,400</span>
-            </div>
-            <!-- <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div> -->
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">雲杉實木骨架</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">標準雙人5尺+架高床底價格參考，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 酣然相擁">
-                      <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 酣然相擁">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 酣然相擁"
+  src="img/b00fb5d0aec449bf9dd1f38d358d2d1a.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 酣然相擁"
+  src="img/7ad82bdbac03446d8a4b5e27ad540208.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/b00fb5d0aec449bf9dd1f38d358d2d1a.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/mattress/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/7ad82bdbac03446d8a4b5e27ad540208.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">酣然相擁</h3>
+                      <p class="description mb-5">對稱的翅膀，就像包覆你的港灣，彎彎的臂彎，環抱著你入睡，被抱著入睡，做一場美夢吧！</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$41,400</div></div>
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>標準雙人5尺+架高床底價格參考，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 酣然相擁"
+  src="img/e1943cea4cb946a8978e51cb01b7de57.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 酣然相擁"
+  src="img/6fa9680f20af4ab38f834ab357d8675b.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 酣然相擁"
+  src="img/d8dd55f117cc49dc8a5d064f772e7278.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 酣然相擁"
+  src="img/3df33abf1ed54633b00402ef55ab2bfd.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/mattress/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/mattress/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "床組"
+meta_title: "床組"
 draft: false
 type: "mattress"
 url: "/furniture_design/mattress"
 image: ""
+date: 2021-06-12T22:38:58+08:00
 ---

content/furniture_design_list/mattress/bed/index.md

@@ -5,6 +5,7 @@ type: "mattress"
 url: "/furniture_design/mattress/bed"
 image: "/furniture_design/mattress/bed/1.png"
 custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
+date: 2021-06-12T22:38:58+08:00
 ---
 <div class="furniture-design">
   {{< furniture_design>}}
@@ -13,7 +14,7 @@ custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
       <div class="container px-0 design-container">
         <div class="row gy-5 align-items-center">
           <div class="col-12 col-md-7">
-            <img style="height: 400px;" src="1.png" alt="">
+            <img style="height: 400px; object-fit: cover;" src="1.png" alt="">
           </div>
           <div class="col-12 col-md-5">
             <h3>吾居床墊系列（標準版/釋壓
@@ -41,13 +42,37 @@ custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
             </p>
           </div>
           <div class="col-12 col-md-4">
-            <img style="height: auto;" src="2.png" alt="">
+            <img style="height: auto;" src="bhousezz6.jpg" alt="">
           </div>
         </div>
         <div class="row mb-5 pb-5 align-items-center">
           <div class="col-12">
             <h5 class="my-5">材質與結構</h5>
-            <img src="1.png" alt="">
+            <img src="bhousezz2.png" alt="">
+            <div class="mt-5">
+              <div>
+                <div class="d-flex align-items-center">
+                  <div class="zz-sleeper d-flex justify-content-center align-items-center me-3">
+                    <span>1</span>
+                  </div>
+                  <p class="d-flex mb-0">EX涼感太空記憶棉</p>
+                </div>
+                <div>
+                  <p>密度60kg/m3，回彈係數中等，軟硬度適中，可滿足身形及達到散熱目的。</p>
+                </div>
+              </div>
+              <div>
+                <div class="d-flex align-items-center">
+                  <div class="zz-sleeper d-flex justify-content-center align-items-center me-3">
+                    <span>2</span>
+                  </div>
+                  <p class="d-flex mb-0">超耐壓剛性泡棉</p>
+                </div>
+                <div>
+                  <p>密度65kg/m3，支撐力強，密度高，能承受任何重量和壓力、支撐床墊不易變形塌陷。</p>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <div class="row gy-3 pb-5 align-items-center mattress-price">
@@ -90,47 +115,164 @@ custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
             </p>
           </div>
           <div class="col-12 col-md-4">
-            <img style="height: auto;" src="2.png" alt="">
+            <img style="height: auto;" src="bhousezz5.png" alt="">
           </div>
         </div>
         <div class="row mb-5 pb-5 align-items-center">
           <div class="col-12">
             <h5 class="my-5">材質與結構</h5>
-            <img src="1.png" alt="">
+            <img src="bhousezz3.png" alt="">
+            <div class="mt-5">
+              <div>
+                <div class="d-flex align-items-center">
+                  <div class="zz-sleeper d-flex justify-content-center align-items-center me-3">
+                    <span>1</span>
+                  </div>
+                  <p class="d-flex mb-0">EX涼感太空記憶棉</p>
+                </div>
+                <div>
+                  <p>密度60kg/m3，回彈係數中等，軟硬度適中，可滿足身形及達到散熱目的。</p>
+                </div>
+              </div>
+              <div>
+                <div class="d-flex align-items-center">
+                  <div class="zz-sleeper d-flex justify-content-center align-items-center me-3">
+                    <span>2</span>
+                  </div>
+                  <p class="d-flex mb-0">高釋壓慢回彈記憶棉</p>
+                </div>
+                <div>
+                  <p>密度70kg/m3，觸感柔軟但更具支撐，讓身形服貼程度更高，能有效釋放背部壓力。</p>
+                </div>
+              </div>
+              <div>
+                <div class="d-flex align-items-center">
+                  <div class="zz-sleeper d-flex justify-content-center align-items-center me-3">
+                    <span>3</span>
+                  </div>
+                  <p class="d-flex mb-0">超耐壓剛性泡棉</p>
+                </div>
+                <div>
+                  <p>密度65kg/m3，支撐力強，密度高，能承受任何重量和壓力、支撐床墊不易變形塌陷。</p>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
-        <div class="row gy-3 pb-5 align-items-center mattress-price">
-          <div class="col-12">
-            <h5 class="mb-3">尺寸及價格</h5>
-          </div>
-          <div class="col">
-            <p>標準單人床<br>（3尺）</p>
-            <p class="price-item">$24,800</p>
-          </div>
-          <div class="col">
-            <p>加大單人床<br>（3.5尺）</p>
-            <p class="price-item">$27,000</p>
-          </div>
-          <div class="col">
-            <p>標準雙人床<br>（5尺）</p>
-            <p class="price-item">$38,800</p>
-          </div>
-          <div class="col">
-            <p>加大雙人床<br>（6尺）</p>
-            <p class="price-item">$44,700</p>
-          </div>
-          <div class="col">
-            <p>特大雙人床<br>（7尺）</p>
-            <p class="price-item">$49,500</p>
+      <div class="row gy-3 pb-5 align-items-center mattress-price">
+        <div class="col-12">
+          <h5 class="mb-3">尺寸及價格</h5>
+        </div>
+        <div class="col">
+          <p>標準單人床<br>（3尺）</p>
+          <p class="price-item">$24,800</p>
+        </div>
+        <div class="col">
+          <p>加大單人床<br>（3.5尺）</p>
+          <p class="price-item">$27,000</p>
+        </div>
+        <div class="col">
+          <p>標準雙人床<br>（5尺）</p>
+          <p class="price-item">$38,800</p>
+        </div>
+        <div class="col">
+          <p>加大雙人床<br>（6尺）</p>
+          <p class="price-item">$44,700</p>
+        </div>
+        <div class="col">
+          <p>特大雙人床<br>（7尺）</p>
+          <p class="price-item">$49,500</p>
+        </div>
+      </div>
+      <div style="border-top: 1px solid; position: absolute; width: 100%; left: 0;"></div>
+      <div class="row py-5 align-items-center b-bottom">
+        <div class="col-12 col-md-8">
+          <h3 class="text-center text-lg-start">吾居床墊系列（彈力加強版）</h3>
+          <p class="fw-bold m-0 text-center text-lg-start">
+            在吾居床墊的基礎上，在第一層加入類乳膠涼感彈力棉，
+            針對彈性度作升級，使用特殊專利材料能讓記憶棉擁有乳膠的彈性，
+            滿足想要支撐度跟彈力兼具的你。
+            特別適合平常愛躺軟床、或有輕微腰痠背痛者。
+          </p>
+        </div>
+        <div class="col-12 col-md-4">
+          <img style="height: auto;" src="bhousezz4.jpg" alt="">
+        </div>
+      </div>
+      <div class="row mb-5 pb-5 align-items-center">
+        <div class="col-12">
+          <h5 class="my-5">材質與結構</h5>
+          <img src="bhousezz1.png" alt="">
+          <div class="mt-5">
+            <div>
+              <div class="d-flex align-items-center">
+                <div class="zz-sleeper d-flex justify-content-center align-items-center me-3">
+                  <span>1</span>
+                </div>
+                <p class="d-flex mb-0">類乳膠涼感彈力棉</p>
+              </div>
+              <div>
+                <p>密度70kg/m3，回彈係數高，軟硬度適中，觸感Ｑ彈。</p>
+              </div>
+            </div>
+            <div>
+              <div class="d-flex align-items-center">
+                <div class="zz-sleeper d-flex justify-content-center align-items-center me-3">
+                  <span>2</span>
+                </div>
+                <p class="d-flex mb-0">EX涼感太空記憶棉</p>
+              </div>
+              <div>
+                <p>密度60kg/m3，回彈係數中等，軟硬度適中，可滿足身形及達到散熱目的。</p>
+              </div>
+            </div>
+            <div>
+              <div class="d-flex align-items-center">
+                <div class="zz-sleeper d-flex justify-content-center align-items-center me-3">
+                  <span>3</span>
+                </div>
+                <p class="d-flex mb-0">超耐壓剛性泡棉</p>
+              </div>
+              <div>
+                <p>密度65kg/m3，支撐力強，密度高，能承受任何重量和壓力、支撐床墊不易變形塌陷。</p>
+              </div>
+            </div>
           </div>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/mattress">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
-            </p>
-          </a>
+      </div>
+      <div class="row gy-3 pb-5 align-items-center mattress-price">
+        <div class="col-12">
+          <h5 class="mb-3">尺寸及價格</h5>
         </div>
+        <div class="col">
+          <p>標準單人床<br>（3尺）</p>
+          <p class="price-item">$29,500</p>
+        </div>
+        <div class="col">
+          <p>加大單人床<br>（3.5尺）</p>
+          <p class="price-item">$32,900</p>
+        </div>
+        <div class="col">
+          <p>標準雙人床<br>（5尺）</p>
+          <p class="price-item">$44,700</p>
+        </div>
+        <div class="col">
+          <p>加大雙人床<br>（6尺）</p>
+          <p class="price-item">$50,500</p>
+        </div>
+        <div class="col">
+          <p>特大雙人床<br>（7尺）</p>
+          <p class="price-item">$55,200</p>
+        </div>
+      </div>
+      <div class="mb-5">
+        <a href="/furniture_design/mattress">
+          <p class="readMore text-center">
+            <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
+          </p>
+        </a>
       </div>
     </div>
+</div>
+</div>
 </div>

content/furniture_design_list/other_furniture/12.老王方塊櫃/index.md

@@ -8,9 +8,7 @@ type: "other_furniture"
 url: "/furniture_design/other_furniture/wang_cube_cabinet"
 image: "/furniture_design/other_furniture/wang_cube_cabinet/img/2010b19bd48f4a3b8c831e9d5d85011a.webp"
 ---
-
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -40,55 +38,6 @@ image: "/furniture_design/other_furniture/wang_cube_cabinet/img/2010b19bd48f4a3b
             height="auto"
             alt=""
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 老王方塊櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 老王方塊櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 老王方塊櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 老王方塊櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">老王方塊櫃 </h3>
-            <p class="mb-5"> 一格一格四四方方的格子，就像樂高積木一樣，任我堆疊</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $5,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
@@ -102,7 +51,7 @@ image: "/furniture_design/other_furniture/wang_cube_cabinet/img/2010b19bd48f4a3b
                   </div>
                   <div class="ms-2 fw-bold">
                       <h3 class="mt-4">老王方塊櫃</h3>
-                      <p class="description mb-5"><b>一格一格四四方方的格子，就像樂高積木一樣，任我堆疊</b></p>
+                      <p class="description mb-5">一格一格四四方方的格子，就像樂高積木一樣，任我堆疊。</p>
                       <div class="detail">
                           <span></span>
                           <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>

content/furniture_design_list/other_furniture/34.圓滑處事化妝桌/index.md

@@ -10,7 +10,6 @@ image: "/furniture_design/other_furniture/sleek_vanity/img/90c1f01977814ab4b988a
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -38,82 +37,137 @@ image: "/furniture_design/other_furniture/sleek_vanity/img/90c1f01977814ab4b988a
             src="img/90c1f01977814ab4b988a0455eb71de0.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 圓滑處事化妝桌"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事化妝桌">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事化妝桌">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事化妝桌">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事化妝桌">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">圓滑處事化妝桌 </h3>
-            <p class="mb-5"> 一格一格四四方方的格子，就像樂高積木一樣，任我堆疊</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $26,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、謐白色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬840 X 深400 X 高1250(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">山毛櫸</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
             src="img/3b088eab0dc34364a3339375e274f48f.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 圓滑處事化妝桌"
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">圓滑處事化妝桌</h3>
-                      <p class="description mb-5"><b>專為台灣偉大的女性們，化妝與收納習慣創造的化妝桌。從設計到製作都來自台灣，更是體現匠師手工的工藝品！</b></p>
+                      <p class="description mb-5">專為台灣偉大的女性們，化妝與收納習慣創造的化妝桌。從設計到製作都來自台灣，更是體現匠師手工的工藝品！</p>
                       <div class="detail">
-                          <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'>$26,500</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>自然色、謐白色</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'>寬840 X 深400 X 高1250</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'> 山毛櫸</div></div>
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$26,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、謐白色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬840 X 深400 X 高1250(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>山毛櫸</div></div>
                           <span></span>
                        </div>   
                   </div>
                   </div> 
                   <div>
-                      <div class="spec"><div></div></div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/c64ae12f5d1e492cb0a9dbb408c01864.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/4187d8902c944e0182c9aba1a2026a76.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/21371020245445cbaa3bb3f789b91617.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/4fbd75ca8c29483196a8ba2c27447f17.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/6bfd57c43d8641b3a87f8fa9e55b7861.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/f9a54187843841b1b4bcc01eb96bee6e.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/2b5e957a334c4e7a81b92de288f0a62d.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/5d09021af6574f11944b826f8668600e.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/4df3f7a8430d4955838b628b3873309f.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/ee4b1625ffba4226a90a1da7f3845afb.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/5caed3a4f3834c9cb4d91e951d274f46.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/56b926448613492480bb0037fd4543b9.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/624abdee92774c2a9e6b4aa4c623d0aa.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/9708c33e0a9b4ec8a83e8fea5ceb5dc4.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/7a3201c83f43474196247cdcc4294a90.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/0315adf2d94d41e7b1d555ee89624889.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/db1b5587fdad4406b05bfab14d73f3fe.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/952e1914d3a7441a9f8325512d2bde6a.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/61a4cde8ba8a43ae80cdb79fc79d3a84.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/aa68382b143e46c3ab61743889163827.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/06819fbc32c64ea883fdd3c3f3b7b0bf.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/7fb7641270b14c6fb8a93bf9f2c87484.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/a847af9bb70c4436b1114e6fb783226b.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/631554750b144ee98b954f4d6cf817d5.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/60b0e874bdf54860be91297d7958dce1.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 圓滑處事化妝桌"
+  src="img/76772e8d2f7a424ca4b9e39b19e87b47.webp"
+ >
+</img></div>
                       <h6 class="mt-4">說明</h6>
                       <ul>
                           <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/other_furniture/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "其他設計單品"
+meta_title: "其他設計單品"
 draft: false
 type: "other_furniture"
 url: "/furniture_design/other_furniture"
 image: ""
+date: 2021-06-27T15:01:52+08:00
 ---

content/furniture_design_list/side_cabinet/16.圓滑處事套几（小）/index.md

@@ -1,7 +1,7 @@
 ---
-meta_title: "圓滑處事套几(小)｜小寶優居・設計家具"
+meta_title: "圓滑處事套几｜小寶優居・設計家具"
 meta_description: "人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事"
-title: "圓滑處事套几(小)"
+title: "圓滑處事套几"
 date: 2021-05-28T17:00:45+08:00
 draft: false
 type: "side_cabinet"
@@ -10,7 +10,6 @@ image: "/furniture_design/side_cabinet/sleek_small_chair/img/bb72bce4a61e43de821
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -19,13 +18,13 @@ image: "/furniture_design/side_cabinet/sleek_small_chair/img/bb72bce4a61e43de821
                   <div class="slider-box">
                       <div class="slider slider-for slider-design" id='carousel-with-preview'>
                           <div class="design-img"><img
-  alt="小寶優居 | 圓滑處事套几(小)"
+  alt="小寶優居 | 圓滑處事套几"
   src="img/bb72bce4a61e43de82180e3679ba2dc6.webp"
   height="auto"
   width="1200"
   layout="responsive">
 </img></div><div class="design-img"><img
-  alt="小寶優居 | 圓滑處事套几(小)"
+  alt="小寶優居 | 圓滑處事套几"
   src="img/7505b6aa8b7046169879719f7425475f.webp"
   height="auto"
   width="1200"
@@ -38,88 +37,27 @@ image: "/furniture_design/side_cabinet/sleek_small_chair/img/bb72bce4a61e43de821
             src="img/bb72bce4a61e43de82180e3679ba2dc6.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 圓滑處事套几(小)"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事套几(小)">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事套几(小)">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事套几(小)">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事套几(小)">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">圓滑處事套几(小) </h3>
-            <p class="mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $5,500 </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、謐白色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬450 X 深300 X 高490(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">山毛櫸</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6> -->
-          <!-- <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 圓滑處事套几(小)"> -->
-           <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 圓滑處事套几(小)"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
             src="img/7505b6aa8b7046169879719f7425475f.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 圓滑處事套几(小)"
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
-                      <h3 class="mt-4">圓滑處事套几(小)</h3>
-                      <p class="description mb-5"><b>人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</b></p>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">圓滑處事套几</h3>
+                      <p class="description mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事。</p>
                       <div class="detail">
-                          <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'>$5,500</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、謐白色</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'>寬450 X 深300 X 高490</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>山毛櫸</div></div>
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$5,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、謐白色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬450 X 深300 X 高490</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>山毛櫸</div></div>
                           <span></span>
                        </div>   
                   </div>
@@ -134,9 +72,9 @@ image: "/furniture_design/side_cabinet/sleek_small_chair/img/bb72bce4a61e43de821
                    </div> 
                    <div class="b-bottom mt-5"></div>  
                   <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
+                      <a href="/furniture_design/side_cabinet/">
                           <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到邊櫃/邊几
                           </p>
                       </a>
                   </div>  

content/furniture_design_list/side_cabinet/21.圓滑處事邊櫃/index.md

@@ -10,137 +10,74 @@ image: "/furniture_design/side_cabinet/sleek_side_cabinet/img/0c7396f7abcc44bb9b
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
-  {{< furniture_design >}}
-  <div class="furniture_design_content">
+  {{< furniture_design>}}
+    <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
-          <div class="container px-0 design-container">
-              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-                  <div class="slider-box">
-                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
-                          <div class="design-img"><img
-  alt="小寶優居 | 圓滑處事邊櫃"
-  src="img/0c7396f7abcc44bb9be55d0e76c1b422.webp"
-  height="auto"
-  width="1200"
-  layout="responsive">
-</img></div><div class="design-img"><img
-  alt="小寶優居 | 圓滑處事邊櫃"
-  src="img/c694dcf6ea4b48b6990fa5e56635a8d3.webp"
-  height="auto"
-  width="1200"
-  layout="responsive">
-</img></div>
-                      </div>
-                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
-                           <div class="middle-item">
-          <img
-            src="img/0c7396f7abcc44bb9be55d0e76c1b422.webp"
-            width="40"
-            height="auto"
-            alt=""
-          ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事邊櫃">
+        <div class="container px-0 design-container">
+          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+            <div class="slider-box">
+              <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                <div class="design-img"><img alt="小寶優居 | 圓滑處事邊櫃" src="img/0c7396f7abcc44bb9be55d0e76c1b422.webp"
+                    height="auto" width="1200" layout="responsive">
+                  </img></div>
+                <div class="design-img"><img alt="小寶優居 | 圓滑處事邊櫃" src="img/c694dcf6ea4b48b6990fa5e56635a8d3.webp"
+                    height="auto" width="1200" layout="responsive">
+                  </img></div>
               </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事邊櫃">
+              <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                <div class="middle-item">
+                  <img src="img/0c7396f7abcc44bb9be55d0e76c1b422.webp" width="40" height="auto"
+                    alt="小寶優居 | 圓滑處事邊櫃"></img>
+                </div>
+                <div class="middle-item">
+                  <img src="img/c694dcf6ea4b48b6990fa5e56635a8d3.webp" width="40" height="auto"
+                    alt="小寶優居 | 圓滑處事邊櫃"></img>
+                </div>
               </div>
             </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事邊櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事邊櫃">
+            <div class="ms-2 fw-bold w-100">
+              <h3 class="mt-4">圓滑處事邊櫃</h3>
+              <p class="description mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事。</p>
+              <div class="detail">
+                <div class='me-3 my-2 d-flex'>
+                  <div class='tw-15 fw-bold'>定價</div>
+                  <div class='pdprice tw-85'>$12,200</div>
+                </div>
+                <div class='my-2 d-flex'>
+                  <div class='tw-15 fw-bold'>顏色</div>
+                  <div class='pdcolor tw-85'> 自然色、謐白色</div>
+                </div>
+                <div class='my-2 d-flex'>
+                  <div class='tw-15 fw-bold'>尺寸</div>
+                  <div class='pdsize tw-85'>寬500 X 深390 X 高560(mm)</div>
+                </div>
+                <div class='my-2 d-flex'>
+                  <div class='tw-15 fw-bold'>材質</div>
+                  <div class='pmat tw-85'>山毛櫸</div>
+                </div>
+                <span></span>
               </div>
             </div>
           </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">圓滑處事邊櫃 </h3>
-            <p class="mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $12,200 </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、謐白色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬500 X 深390 X 高560(mm)</div>
+          <div>
+            <div class="spec">
+              <div></div>
             </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">山毛櫸</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div> -->
+            <h6 class="mt-4">說明</h6>
+            <ul>
+              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+            </ul>
           </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6> -->
-          <!-- <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 圓滑處事邊櫃"> -->
-           <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 圓滑處事邊櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
-        </div>
- <div class="middle-item">
-          <img
-            src="img/c694dcf6ea4b48b6990fa5e56635a8d3.webp"
-            width="40"
-            height="auto"
-            alt=""
-          ></img>
-        </div>
-                      </div>
-                  </div>
-                  <div class="ms-2 fw-bold">
-                      <h3 class="mt-4">圓滑處事邊櫃</h3>
-                      <p class="description mb-5"><b>人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</b></p>
-                      <div class="detail">
-                          <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'>$12,200</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'> 自然色、謐白色</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'>寬500 X 深390 X 高560</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>山毛櫸</div></div>
-                          <span></span>
-                       </div>   
-                  </div>
-                  </div> 
-                  <div>
-                      <div class="spec"><div></div></div>
-                      <h6 class="mt-4">說明</h6>
-                      <ul>
-                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-                      </ul>
-                   </div> 
-                   <div class="b-bottom mt-5"></div>  
-                  <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
-                          <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
-                          </p>
-                      </a>
-                  </div>  
+          <div class="b-bottom mt-5"></div>
+          <div class="mb-5">
+            <a href="/furniture_design/side_cabinet/">
+              <p class="readMore text-center">
+                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到邊櫃/邊几
+              </p>
+            </a>
           </div>
+        </div>
       </div>
-  </div>
-  </div>
+    </div>
+</div>

content/furniture_design_list/side_cabinet/53.幸運邊几/index.md

@@ -10,7 +10,6 @@ image: "/furniture_design/side_cabinet/lucky_side_table/img/63f68bf1b3e84c3f98f3
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -44,70 +43,15 @@ image: "/furniture_design/side_cabinet/lucky_side_table/img/63f68bf1b3e84c3f98f3
             src="img/63f68bf1b3e84c3f98f3169971a14f6c.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 幸運邊几"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 幸運邊几">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 幸運邊几">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 幸運邊几">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 幸運邊几">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 幸運邊几">
-              </div>
-              <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 幸運邊几">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">幸運邊几 </h3>
-            <p class="mb-5">擷取一瓣幸運草葉，他可以是希望、是付出或是愛，輕巧外型，是各種隨手愜意的擺放，讓你創造家中的無限彈性可能。</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $8,880</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬450 X 深325 X 高600(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木+鐵件</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">共兩色，謐白色層板與曜石灰層板可供選擇，實際產品請洽門市人員</div>
-            </div>
-          </div>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
             src="img/984c2ecf1426418caa7c871e87c3cebe.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 幸運邊几"
           ></img>
         </div>
  <div class="middle-item">
@@ -115,20 +59,20 @@ image: "/furniture_design/side_cabinet/lucky_side_table/img/63f68bf1b3e84c3f98f3
             src="img/b3bb5ce01680437caa64ba0d419ad019.webp"
             width="40"
             height="auto"
-            alt=""
+            alt="小寶優居 | 幸運邊几"
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">幸運邊几</h3>
-                      <p class="description mb-5"><b>擷取一瓣幸運草葉，他可以是希望、是付出或是愛，輕巧外型，是各種隨手愜意的擺放，讓你創造家中的無限彈性可能。</b></p>
+                      <p class="description mb-5">擷取一瓣幸運草葉，他可以是希望、是付出或是愛，輕巧外型，是各種隨手愜意的擺放，讓你創造家中的無限彈性可能。</p>
                       <div class="detail">
-                          <div class='me-3 my-2 d-flex'><div class='tw-15'>定價</div><div class='pdprice tw-85'>$8,880</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>尺寸</div><div class='pdsize tw-85'>寬450 X 深325 X 高600</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>梣木+鐵件</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>備註</div> <div class='pdmark tw-85'> 共兩色，謐白色層板與曜石灰層板可供選擇，實際產品請洽門市人員</div></div>
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$8,880</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬450 X 深325 X 高600(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木+鐵件</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>共兩色，謐白色層板與曜石灰層板可供選擇，實際產品請洽門市人員</div></div>
                        </div>   
                   </div>
                   </div> 
@@ -142,9 +86,9 @@ image: "/furniture_design/side_cabinet/lucky_side_table/img/63f68bf1b3e84c3f98f3
                    </div> 
                    <div class="b-bottom mt-5"></div>  
                   <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
+                      <a href="/furniture_design/side_cabinet/">
                           <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到邊櫃/邊几
                           </p>
                       </a>
                   </div>  

content/furniture_design_list/side_cabinet/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "邊櫃/邊几"
+meta_title: "邊櫃/邊几"
 draft: false
 type: "side_cabinet"
 url: "/furniture_design/side_cabinet"
 image: ""
+date: 2021-05-28T17:00:40+08:00
 ---

content/furniture_design_list/side_table/1.漂浮茶几/index.md

@@ -1,79 +1,84 @@
 ---
+meta_title: "漂浮茶几｜小寶優居・設計家具"
+meta_description: "飄浮，讓世界跟著輕快；起飛，乘載著客廳所有生活。"
 title: "漂浮茶几"
 date: 2021-06-27T15:01:59+08:00
 draft: false
 type: "side_table"
 url: "/furniture_design/side_table/floating_coffee_table"
-image: "/furniture_design/side_table/floating_coffee_table/1.webp"
-description: "漂浮茶几  / 系統板材（塑合板） / 飄浮，讓世界跟著輕快；起飛，乘載著客廳所有生活"
+image: "/furniture_design/side_table/floating_coffee_table/img/02a4aeb6f1d64b86b289a3f19aaeed51.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 漂浮茶几">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 漂浮茶几">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 漂浮茶几">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 漂浮茶几">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">漂浮茶几 </h3>
-            <p class="mb-5">飄浮，讓世界跟著輕快；起飛，乘載著客廳所有生活</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $19,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1000 X 深1000 X 高400(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可客製加高為45公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 漂浮茶几"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 漂浮茶几"
+  src="img/02a4aeb6f1d64b86b289a3f19aaeed51.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 漂浮茶几"
+  src="img/9b31e361e4034030b5558d9200c01cf1.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/02a4aeb6f1d64b86b289a3f19aaeed51.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/side_table/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/9b31e361e4034030b5558d9200c01cf1.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">漂浮茶几</h3>
+                      <p class="description mb-5">飄浮，讓世界跟著輕快；起飛，乘載著客廳所有生活。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$19,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1000 X 深1000 X 高400(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>可客製加高為45公分，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/side_table/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/side_table/2.金磚茶几/index.md

@@ -1,79 +1,84 @@
 ---
+meta_title: "金磚茶几｜小寶優居・設計家具"
+meta_description: "金磚象徵著大富大貴，也象徵著無瑕的單純金磚生活無暇設計。"
 title: "金磚茶几"
 date: 2021-06-27T15:01:58+08:00
 draft: false
 type: "side_table"
 url: "/furniture_design/side_table/golden_brick_coffee_table"
-image: "/furniture_design/side_table/golden_brick_coffee_table/1.webp"
-description: "金磚茶几  / 系統板材（塑合板） / 金磚象徵著大富大貴，也象徵著無瑕的單純金磚生活無暇設計"
+image: "/furniture_design/side_table/golden_brick_coffee_table/img/44e098e3594f4380803b2bb4085838c5.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 金磚茶几">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 金磚茶几">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 金磚茶几">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 金磚茶几">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">金磚茶几 </h3>
-            <p class="mb-5">金磚象徵著大富大貴，也象徵著無瑕的單純金磚生活無暇設計</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>  $23,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1050 X 深700 X 高500(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可客製加寬為140公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 金磚茶几"
+  src="img/44e098e3594f4380803b2bb4085838c5.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 金磚茶几"
+  src="img/60fed19717c44cee9caec57ed78eae7c.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/44e098e3594f4380803b2bb4085838c5.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 金磚茶几"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 金磚茶几"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-       <a href="/furniture_design/side_table/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/60fed19717c44cee9caec57ed78eae7c.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 金磚茶几"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">金磚茶几</h3>
+                      <p class="description mb-5">金磚象徵著大富大貴，也象徵著無瑕的單純金磚生活無暇設計。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$23,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1400 X 深700 X 高500(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>另有寬1050mm可選，實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/side_table/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
   </div>

content/furniture_design_list/side_table/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "茶几"
+meta_title: "茶几"
 draft: false
 type: "side_table"
 url: "/furniture_design/side_table"
 image: ""
+date: 2021-05-28T17:00:41+08:00
 ---

content/furniture_design_list/side_table/four_seasons_big_chair/index.md

@@ -1,79 +1,84 @@
 ---
-title: "四時不惑大几｜小寶優居・設計家具"
+meta_title: "四時不惑大几｜小寶優居・設計家具"
+meta_description: "40不惑，不再疑惑。"
+title: "四時不惑大几"
 date: 2021-05-28T17:00:43+08:00
 draft: false
 type: "side_table"
 url: "/furniture_design/side_table/four_seasons_big_chair"
-image: "/furniture_design/side_table/four_seasons_big_chair/1.webp"
-description: "四時不惑大几 - 客廳 / 梣木 / 40不惑，不再疑惑"
+image: "/furniture_design/side_table/four_seasons_big_chair/img/9648f954afe64cf3b747d064c6a96ac5.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 四時不惑大几">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 四時不惑大几">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 四時不惑大几">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 四時不惑大几">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">四時不惑大几 </h3>
-            <p class="mb-5">40不惑，不再疑惑</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$20,800</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬800 X 深800 X 高400(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可客製加寬為140公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 四時不惑大几">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 四時不惑大几"
+  src="img/9648f954afe64cf3b747d064c6a96ac5.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 四時不惑大几"
+  src="img/7f2e62058dc44e2ebedd763a1d02e6fd.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/9648f954afe64cf3b747d064c6a96ac5.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/side_table/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/7f2e62058dc44e2ebedd763a1d02e6fd.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">四時不惑大几</h3>
+                      <p class="description mb-5">40不惑，不再疑惑。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$20,800</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬800 X 深800 X 高400(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/side_table/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/side_table/good_friends_chair/index.md

@@ -1,79 +1,84 @@
 ---
-title: "友直茶几｜小寶優居・設計家具"
+meta_title: "友直茶几｜小寶優居・設計家具"
+meta_description: "人生路深長不見盡頭， 不論多長總，有些面孔熟悉著、陪伴著， 一通電話相聚交心；人生路上有橫有豎， 朋友， 這兒永遠有你的位置。"
+title: "友直茶几"
 date: 2021-05-28T17:00:44+08:00
 draft: false
 type: "side_table"
 url: "/furniture_design/side_table/good_friends_chair"
-image: "/furniture_design/side_table/good_friends_chair/1.webp"
-description: "友直茶几 - 客廳 / 梣木 / 人生路深長不見盡頭， 不論多長總，有些面孔熟悉著、陪伴著， 一通電話相聚交心；人生路上有橫有豎， 朋友， 這兒永遠有你的位置"
+image: "/furniture_design/side_table/good_friends_chair/img/99027c3953d947629bd28980dc1fac11.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 友直茶几">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 友直茶几">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 友直茶几">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 友直茶几">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">友直茶几 </h3>
-            <p class="mb-5">人生路深長不見盡頭， 不論多長總，有些面孔熟悉著、陪伴著， 一通電話相聚交心；人生路上有橫有豎， 朋友， 這兒永遠有你的位置</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$19,200</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1000 X 深600 X 高450(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可客製加寬為140公分，實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 友直茶几">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 友直茶几"
+  src="img/99027c3953d947629bd28980dc1fac11.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 友直茶几"
+  src="img/f9a81596b1fa46e09ef11d8a42078054.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/99027c3953d947629bd28980dc1fac11.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/side_table/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/f9a81596b1fa46e09ef11d8a42078054.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">友直茶几</h3>
+                      <p class="description mb-5">人生路深長不見盡頭， 不論多長總，有些面孔熟悉著、陪伴著， 一通電話相聚交心；人生路上有橫有豎， 朋友， 這兒永遠有你的位置。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$19,200</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1000 X 深600 X 高450(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/side_table/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/side_table/lucky_coffee_table/index.md

@@ -1,85 +1,98 @@
 ---
-title: "幸運茶几｜小寶優居・設計家具"
+meta_title: "幸運茶几｜小寶優居・設計家具"
+meta_description: "希望、付出和愛代表了幸運草的三片葉子，是一個家的組成必備三元素，無條件的付出，而我們的未來，就在愛裡延續著。"
+title: "幸運茶几"
 date: 2021-05-28T17:00:41+08:00
 draft: false
 type: "side_table"
 url: "/furniture_design/side_table/lucky_coffee_table"
-image: "/furniture_design/side_table/lucky_coffee_table/1.webp"
-description: "幸運茶几 - 客廳 / 梣木+鐵件 / 希望、付出和愛代表了幸運草的三片葉子，是一個家的組成必備三元素，無條件的付出，而我們的未來，就在愛裡延續著。"
+image: "/furniture_design/side_table/lucky_coffee_table/img/838779075ed1454f8b025d1c0e5c6687.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 幸運茶几">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 幸運茶几">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 幸運茶几">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 幸運茶几">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 幸運茶几">
-              </div>
-              <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 幸運茶几">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">幸運茶几 </h3>
-            <p class="mb-5">希望、付出和愛代表了幸運草的三片葉子，是一個家的組成必備三元素，無條件的付出，而我們的未來，就在愛裡延續著。</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$23,200</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬800 X 深800 X 高450(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木+鐵件</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">共兩色，謐白色層板與曜石灰層板可供選擇，實際產品請洽門市人員</div>
-            </div>
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 幸運茶几"
+  src="img/838779075ed1454f8b025d1c0e5c6687.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸運茶几"
+  src="img/803d1dd50b9342acaf7b27d7422d4457.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 幸運茶几"
+  src="img/c5a7a2ab4b534efdadcf7be02a138085.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/838779075ed1454f8b025d1c0e5c6687.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 幸運茶几">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+ <div class="middle-item">
+          <img
+            src="img/803d1dd50b9342acaf7b27d7422d4457.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/side_table/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/c5a7a2ab4b534efdadcf7be02a138085.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">幸運茶几</h3>
+                      <p class="description mb-5">希望、付出和愛代表了幸運草的三片葉子，是一個家的組成必備三元素，無條件的付出，而我們的未來，就在愛裡延續著。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$23,200</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬800 X 深800 X 高450(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木+鐵件</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>共兩色，謐白色層板與曜石灰層板可供選擇，實際產品請洽門市人員</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/side_table/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/side_table/matured_toast/index.md

@@ -1,79 +1,172 @@
 ---
-title: "熟成吐司｜小寶優居・設計家具"
+meta_title: "熟成吐司｜小寶優居・設計家具"
+meta_description: "熟成你的家庭，讓客廳井然有序。"
+title: "熟成吐司"
 date: 2021-05-28T17:00:48+08:00
 draft: false
 type: "side_table"
 url: "/furniture_design/side_table/matured_toast"
-image: "/furniture_design/side_table/matured_toast/1.webp"
-description: "熟成吐司 - 客廳 / 梣木、樺木積層板 / 熟成你的家庭，讓客廳井然有序"
+image: "/furniture_design/side_table/matured_toast/img/4c60ebb1e3ce4e408155c57f086ff4d4.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 熟成吐司">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 熟成吐司">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 熟成吐司">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 熟成吐司">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">熟成吐司 </h3>
-            <p class="mb-5">熟成你的家庭，讓客廳井然有序</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span>$45,200</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬780 X 深780 X 高510(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木、樺木積層板</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可客製加寬為140公分，實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 熟成吐司">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 熟成吐司"
+  src="img/4c60ebb1e3ce4e408155c57f086ff4d4.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 熟成吐司"
+  src="img/dbb631c99d524b919ba988c250803f89.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/4c60ebb1e3ce4e408155c57f086ff4d4.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 熟成吐司"
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/side_table/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/dbb631c99d524b919ba988c250803f89.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 熟成吐司"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">熟成吐司</h3>
+                      <p class="description mb-5">熟成你的家庭，讓客廳井然有序。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$45,200</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬780 X 深780 X 高510(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木、樺木積層板</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/d97394e602024ff5844b9cbaf0a86efa.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/969e38a5a92845289f5c087cf08c6fa1.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/fb5ffa94d1bf45f388de4a1034acb395.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/4774839d8bf143379e3304325646aaf8.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/acfaf0935a0b4321acc358e6a8fa044e.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/37dd73790fda47bd82615b8befd839c4.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/f39c03acf36d41ff8c3edb394f39b3e1.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/0c1f1bfe71cd4e58bd3dac6412b2e63e.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/35511968421943a484e31bbcd77ca2b0.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/efab1d92bbd34375b7004d0c738aad20.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/e76f0d083271489c8ac0632c019fd250.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/a1a76310fce84aafadba3b0dce2b1d6d.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/7e5b2bcadd5b4876adb193717da339d8.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/a784aeb10281405d9242eda786d8fdfa.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/baa25cf7129645c3bcccc6c91be89556.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/56dfd2d63fcd4b1790e65577e5982ec9.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/8b9bd86c4cbe4898ab00c3d10698dd53.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/fd9c7edbff1744e98ad5ff37bb7b5c1a.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/1b7ae47e00784ac3bc6078aa5abece43.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/278949a48818435b95ecfdd3b7289cde.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/2f5e23f56af342478a736c09878248e2.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 熟成吐司"
+  src="img/7a356f8a12264f14b5b08577d5a760cb.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/side_table/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/side_table/round_table/index.md

@@ -1,79 +1,84 @@
 ---
-title: "緣圓大几｜小寶優居・設計家具"
+meta_title: "緣圓大几｜小寶優居・設計家具"
+meta_description: "人生有三圓，家圓情圓友團圓，三角圓圓，闔家緣圓。"
+title: "緣圓大几"
 date: 2021-05-28T17:00:49+08:00
 draft: false
 type: "side_table"
 url: "/furniture_design/side_table/round_table"
-image: "/furniture_design/side_table/round_table/1.webp"
-description: "緣圓大几 - 客廳 / 梣木 / 人生有三圓，家圓情圓友團圓，三角圓圓，闔家緣圓"
+image: "/furniture_design/side_table/round_table/img/366330f0d1f34a08b5561a57249d3a1a.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 緣圓大几">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 緣圓大几">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 緣圓大几">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 緣圓大几">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">緣圓大几 </h3>
-            <p class="mb-5">人生有三圓，家圓情圓友團圓，三角圓圓，闔家緣圓/p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $12,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、胡桃色、橡木色、謐白色、曜石灰</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬800 X 深800 X 高400(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">梣木</div>
-            </div>
-            <!-- <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">可客製加寬為140公分，實際價格將依需求規劃客製而定</div>
-            </div> -->
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 緣圓大几"
+  src="img/366330f0d1f34a08b5561a57249d3a1a.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 緣圓大几"
+  src="img/462e65a36a0f4ce79df6b1599a0a45bb.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/366330f0d1f34a08b5561a57249d3a1a.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 緣圓大几">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/side_table/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/462e65a36a0f4ce79df6b1599a0a45bb.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">緣圓大几</h3>
+                      <p class="description mb-5">人生有三圓，家圓情圓友團圓，三角圓圓，闔家緣圓。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$12,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、胡桃色、橡木色、謐白色、曜石灰</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬800 X 深800 X 高400(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>梣木</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/side_table/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-</div>
+  </div>

content/furniture_design_list/side_table/sleek_big_coffee_chair/index.md

@@ -1,71 +1,84 @@
 ---
-title: "圓滑處事大茶几｜小寶優居・設計家具"
+meta_title: "圓滑處事大茶几｜小寶優居・設計家具"
+meta_description: "人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事。"
+title: "圓滑處事大茶几"
 date: 2021-05-28T17:00:47+08:00
 draft: false
 type: "side_table"
 url: "/furniture_design/side_table/sleek_big_coffee_chair"
-image: "/furniture_design/side_table/sleek_big_coffee_chair/1.webp"
-description: "圓滑處事大茶几 - 客廳 / 山毛櫸 /  人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事"
+image: "/furniture_design/side_table/sleek_big_coffee_chair/img/07279d9aa9cd40bebdbf5d99a9270c1e.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事大茶几">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事大茶几">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 圓滑處事大茶几">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 圓滑處事大茶几">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">圓滑處事大茶几 </h3>
-            <p class="mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> $22,500</span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">自然色、謐白色</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">寬1200 X 深600 X 高450(mm)</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">山毛櫸</div>
-            </div>
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 圓滑處事大茶几"
+  src="img/07279d9aa9cd40bebdbf5d99a9270c1e.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 圓滑處事大茶几"
+  src="img/414039c421a043ddb243512c15c6b51b.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/07279d9aa9cd40bebdbf5d99a9270c1e.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/side_table/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/414039c421a043ddb243512c15c6b51b.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">圓滑處事大茶几</h3>
+                      <p class="description mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$22,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>自然色、謐白色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬1200 X 深600 X 高450(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>山毛櫸</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/side_table/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-</div>
+  </div>

content/furniture_design_list/sofa/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "沙發"
+meta_title: "沙發"
 draft: false
 type: "sofa"
 url: "/furniture_design/sofa"
 image: ""
+date: 2021-05-28T17:00:56+08:00
 ---

content/furniture_design_list/sofa/calm_sofa/index.md

@@ -1,71 +1,88 @@
 ---
-title: "靜寧沙發｜小寶優居・設計家具"
+meta_title: "靜寧沙發｜小寶優居・設計家具"
+meta_description: "靜聽，客廳在說話，話出一曲人生；線條，在空間跳舞，舞出一道靜寧。"
+title: "靜寧沙發"
 date: 2021-05-28T17:00:52+08:00
 draft: false
 type: "sofa"
 url: "/furniture_design/sofa/calm_sofa"
-image: "/furniture_design/sofa/calm_sofa/1.webp"
-description: "靜寧沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 靜聽，客廳在說話，話出一曲人生；線條，在空間跳舞，舞出一道靜寧"
+image: "/furniture_design/sofa/calm_sofa/img/e55697a57f0f47e08c883a8ad268e8e9.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 靜寧沙發">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 靜寧沙發">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 靜寧沙發">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 靜寧沙發">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">靜寧沙發 </h3>
-            <p class="mb-5">靜聽，客廳在說話，話出一曲人生；線條，在空間跳舞，舞出一道靜寧</p>
-            <div>
-              <span class="me-3">顏色</span>
-              <span>門市擁有130種布色，依規劃客製挑選</span>
-            </div>
-            <div class="my-2">
-              <span class="me-3">材質</span>
-              <span>雲杉實木骨架、山毛櫸</span>
-            </div>
-            <div>
-              <span class="me-3">備註</span>
-              <span>實際價格將依需求規劃客製而定</span>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 靜寧沙發">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 靜寧沙發"
+  src="img/e55697a57f0f47e08c883a8ad268e8e9.webp"
+  height="auto"
+  width="1201"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 靜寧沙發"
+  src="img/c40271ceac674168b36f64b5350203cc.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/e55697a57f0f47e08c883a8ad268e8e9.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 靜寧沙發"
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/sofa/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/c40271ceac674168b36f64b5350203cc.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 靜寧沙發"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">靜寧沙發</h3>
+                      <p class="description mb-5">靜聽，客廳在說話，話出一曲人生；線條，在空間跳舞，舞出一道靜寧。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$60,200</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有122種布色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架、山毛櫸</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 靜寧沙發"
+  src="img/3f4e9f94ea2144e983baa1d96b1d0f4a.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/sofa/daze_sofa/index.md

@@ -1,71 +1,84 @@
 ---
-title: "發呆沙發｜小寶優居・設計家具"
+meta_title: "發呆沙發｜小寶優居・設計家具"
+meta_description: "發呆，是為了走更長的路。"
+title: "發呆沙發"
 date: 2021-05-28T17:00:51+08:00
 draft: false
 type: "sofa"
 url: "/furniture_design/sofa/daze_sofa"
-image: "/furniture_design/sofa/daze_sofa/1.webp"
-description: "發呆沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 發呆，是為了走更長的路"
+image: "/furniture_design/sofa/daze_sofa/img/c518f83ddcfc4dc68d6ad1f1bf136f6f.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 發呆沙發">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 發呆沙發">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 發呆沙發">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 發呆沙發">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">發呆沙發 </h3>
-            <p class="mb-5">發呆，是為了走更長的路</p>
-            <div>
-              <span class="me-3">顏色</span>
-              <span>門市擁有130種布色，依規劃客製挑選</span>
-            </div>
-            <div class="my-2">
-              <span class="me-3">材質</span>
-              <span>雲杉實木骨架、山毛櫸</span>
-            </div>
-            <!-- <div>
-              <span class="me-3">備註</span>
-              <span>實際價格將依需求規劃客製而定</span>
-            </div> -->
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <!-- <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 發呆沙發">
-          <h6 class="mt-4">說明</h6> -->
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 發呆沙發"
+  src="img/c518f83ddcfc4dc68d6ad1f1bf136f6f.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 發呆沙發"
+  src="img/3dfcaf5c08e84f35b6181a242a1ad03c.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/c518f83ddcfc4dc68d6ad1f1bf136f6f.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 發呆沙發"
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/sofa/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/3dfcaf5c08e84f35b6181a242a1ad03c.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 發呆沙發"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">發呆沙發</h3>
+                      <p class="description mb-5">發呆，是為了走更長的路。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$22,200</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有122種布色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>寬790 X 深870 X 高930(mm)</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架、山毛櫸</div></div>
+                          <span></span>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><div></div></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/sofa/generous_cornerless_sofa/index.md

@@ -1,77 +1,116 @@
 ---
-title: "大方無隅沙發｜小寶優居・設計家具"
+meta_title: "大方無隅沙發｜小寶優居・設計家具"
+meta_description: "大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局。"
+title: "大方無隅沙發"
 date: 2021-05-28T17:00:57+08:00
 draft: false
 type: "sofa"
 url: "/furniture_design/sofa/generous_cornerless_sofa"
-image: "/furniture_design/sofa/generous_cornerless_sofa/1.webp"
-description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局"
+image: "/furniture_design/sofa/generous_cornerless_sofa/img/7f76799eaddb4691af2d8f0546300def.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 大方無隅沙發">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 大方無隅沙發">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 大方無隅沙發">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 大方無隅沙發">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 大方無隅沙發">
-              </div>
-              <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 大方無隅沙發">
-              </div>
-            </div>
-          </div>
-          <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">大方無隅沙發 </h3>
-            <p class="mb-5">大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局</p>
-            <div>
-              <span class="me-3">顏色</span>
-              <span>門市擁有130種布色，依規劃客製挑選</span>
-            </div>
-            <div class="my-2">
-              <span class="me-3">材質</span>
-              <span>雲杉實木骨架、山毛櫸</span>
-            </div>
-            <div>
-              <span class="me-3">備註</span>
-              <span>實際價格將依需求規劃客製而定</span>
-            </div>
-          </div>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 大方無隅沙發"
+  src="img/7f76799eaddb4691af2d8f0546300def.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 大方無隅沙發"
+  src="img/6fe61b2c8d95419d838578a8dac67bd7.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 大方無隅沙發"
+  src="img/ba3bf7cac9e74136a4d8e5a4f33882a7.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 大方無隅沙發"
+  src="img/c73a02bf2a9749a7824a8901af673a1e.webp"
+  height="auto"
+  width="1024"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/7f76799eaddb4691af2d8f0546300def.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 大方無隅沙發"
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/6fe61b2c8d95419d838578a8dac67bd7.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 大方無隅沙發"
+          ></img>
         </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 大方無隅沙發">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+ <div class="middle-item">
+          <img
+            src="img/ba3bf7cac9e74136a4d8e5a4f33882a7.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 大方無隅沙發"
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/sofa/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/c73a02bf2a9749a7824a8901af673a1e.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 大方無隅沙發"
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">大方無隅沙發</h3>
+                      <p class="description mb-5">大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$117,000</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有122種布色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架、山毛櫸</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 大方無隅沙發"
+  src="img/f6d708af9d474d81af7cb4fa6db99da6.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/sofa/mi_si_ti_sofa/index.md

@@ -1,76 +1,102 @@
 ---
-title: "蜜絲媞沙發｜小寶優居・設計家具"
+meta_title: "蜜絲媞沙發｜小寶優居・設計家具"
+meta_description: "Misty首位非洲裔女性首席舞者，輕盈彎曲、俐落優雅，是現代芭蕾的氣勢，Misty說：「透過芭蕾，我找到自己的聲音」而我家的美感與生活，也要獨立不從眾。"
+title: "蜜絲媞沙發"
 date: 2021-10-04T17:11:22+08:00
 draft: false
 type: "sofa"
 url: "/furniture_design/sofa/mi_si_ti_sofa"
-image: "/furniture_design/sofa/mi_si_ti_sofa/1.webp"
-description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局"
+image: "/furniture_design/sofa/mi_si_ti_sofa/img/d6da89d9207243bbba19e85fb8adb181.webp"
 ---
+
 <div class="furniture-design">
-  {{< furniture_design>}}
-    <div class="furniture_design_content">
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
-        <div class="container px-0 design-container">
-          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-            <div class="slider-box">
-              <div class="slider slider-for slider-design">
-                <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 蜜絲媞沙發">
-                </div>
-                <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 蜜絲媞沙發">
-                </div>
-                <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 蜜絲媞沙發">
-                </div>
-              </div>
-              <div class="slider slider-nav mt-2">
-                <div class="middle-item">
-                  <img src="1.webp" alt="小寶優居 | 蜜絲媞沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 蜜絲媞沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="3.webp" alt="小寶優居 | 蜜絲媞沙發">
-                </div>
-              </div>
-            </div>
-            <div class="ms-2 fw-bold w-100">
-              <h3 class="mt-4">蜜絲媞沙發 </h3>
-              <p class="mb-5">Misty首位非洲裔女性首席舞者，輕盈彎曲、俐落優雅，是現代芭蕾的氣勢，Misty說：「透過芭蕾，我找到自己的聲音」而我家的美感與生活，也要獨立不從眾。</p>
-              <div>
-                <span class="me-3">顏色</span>
-                <span>門市擁有130種布色，依規劃客製挑選</span>
-              </div>
-              <div class="my-2">
-                <span class="me-3">材質</span>
-                <span>墊裝+鐵件</span>
-              </div>
-              <div>
-                <span class="me-3">備註</span>
-                <span>實際價格將依需求規劃客製而定</span>
-              </div>
-            </div>
-          </div>
-          <div class="b-bottom pb-3 mb-5">
-            <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="4.webp" alt="小寶優居 | 蜜絲媞沙發">
-            <h6 class="mt-4">說明</h6>
-            <ul>
-              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-            </ul>
-          </div>
-          <div class="mb-5">
-            <a href="/furniture_design/sofa/">
-              <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-              </p>
-            </a>
-          </div>
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 蜜絲媞沙發"
+  src="img/d6da89d9207243bbba19e85fb8adb181.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 蜜絲媞沙發"
+  src="img/d804281a770946d381672aa68d82d6dc.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 蜜絲媞沙發"
+  src="img/3683ca36530541988a5d6690f2ff23e3.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/d6da89d9207243bbba19e85fb8adb181.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+ <div class="middle-item">
+          <img
+            src="img/d804281a770946d381672aa68d82d6dc.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/3683ca36530541988a5d6690f2ff23e3.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">蜜絲媞沙發</h3>
+                      <p class="description mb-5">Misty首位非洲裔女性首席舞者，輕盈彎曲、俐落優雅，是現代芭蕾的氣勢，Misty說：「透過芭蕾，我找到自己的聲音」而我家的美感與生活，也要獨立不從眾。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$78,000</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市提供122種布色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>墊裝+鐵件</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格依需求客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 蜜絲媞沙發"
+  src="img/0275002fca1441dc835f9fdd9f46235a.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
-    </div>
-</div>
+  </div>
+  </div>

content/furniture_design_list/sofa/morihara_sofa/index.md

@@ -1,76 +1,102 @@
----
-title: "森原沙發｜小寶優居・設計家具"
-date: 2021-05-28T17:00:59+08:00
-draft: false
-type: "sofa"
-url: "/furniture_design/sofa/morihara_sofa"
-image: "/furniture_design/sofa/morihara_sofa/1.webp"
-description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局"
----
-<div class="furniture-design">
-  {{< furniture_design>}}
-    <div class="furniture_design_content">
-      <div class="sub-tab-content" id="pills-tabContent">
-        <div class="container px-0 design-container">
-          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-            <div class="slider-box">
-              <div class="slider slider-for slider-design">
-                <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 森原沙發">
-                </div>
-                <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 森原沙發">
-                </div>
-                <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 森原沙發">
-                </div>
-              </div>
-              <div class="slider slider-nav mt-2">
-                <div class="middle-item">
-                  <img src="1.webp" alt="小寶優居 | 森原沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 森原沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="3.webp" alt="小寶優居 | 森原沙發">
-                </div>
-              </div>
-            </div>
-            <div class="ms-2 fw-bold w-100">
-              <h3 class="mt-4">森原沙發</h3>
-              <p class="mb-5">森原細緻的照顧 家人肩頸以上的壓力，讓家裡的每個人，因為你，都有靠山</p>
-              <div>
-                <span class="me-3">顏色</span>
-                <span>門市提供130種布色</span>
-              </div>
-              <div class="my-2">
-                <span class="me-3">材質</span>
-                <span>雲杉實木骨架、山毛櫸</span>
-              </div>
-              <div>
-                <span class="me-3">備註</span>
-                <span>實際價格依需求客製而定</span>
-              </div>
-            </div>
-          </div>
-          <div class="b-bottom pb-3 mb-5">
-            <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="4.webp" alt="小寶優居 | 森原沙發">
-            <h6 class="mt-4">說明</h6>
-            <ul>
-              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-            </ul>
-          </div>
-          <div class="mb-5">
-            <a href="/furniture_design/sofa/">
-              <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-              </p>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-</div>
+---
+meta_title: "森原沙發｜小寶優居・設計家具"
+meta_description: "森原細緻的照顧 家人肩頸以上的壓力，讓家裡的每個人，因為你，都有靠山。"
+title: "森原沙發"
+date: 2021-05-28T17:00:59+08:00
+draft: false
+type: "sofa"
+url: "/furniture_design/sofa/morihara_sofa"
+image: "/furniture_design/sofa/morihara_sofa/img/a21dea331eaa4018a5483a6f3e6ae6d6.webp"
+---
+
+<div class="furniture-design">
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 森原沙發"
+  src="img/a21dea331eaa4018a5483a6f3e6ae6d6.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 森原沙發"
+  src="img/913748d1eefe42778900bef70338559c.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 森原沙發"
+  src="img/19754ba8b3904b67864f31166067f5f0.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/a21dea331eaa4018a5483a6f3e6ae6d6.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/913748d1eefe42778900bef70338559c.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/19754ba8b3904b67864f31166067f5f0.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">森原沙發</h3>
+                      <p class="description mb-5">森原細緻的照顧 家人肩頸以上的壓力，讓家裡的每個人，因為你，都有靠山。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$37,500</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市提供122種布色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架、山毛櫸</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格依需求客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 森原沙發"
+  src="img/bd0d7bbf6a9f44e59c510c63cf307d30.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
+      </div>
+  </div>
+  </div>

content/furniture_design_list/sofa/sakamoto_sofa/index.md

@@ -1,75 +1,102 @@
----
-title: "坂本沙發｜小寶優居・設計家具"
-draft: false
-type: "sofa"
-url: "/furniture_design/sofa/sakamoto_sofa"
-image: "/furniture_design/sofa/sakamoto_sofa/1.webp"
-description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局"
----
-<div class="furniture-design">
-  {{< furniture_design>}}
-    <div class="furniture_design_content">
-      <div class="sub-tab-content" id="pills-tabContent">
-        <div class="container px-0 design-container">
-          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-            <div class="slider-box">
-              <div class="slider slider-for slider-design">
-                <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
-                </div>
-                <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
-                </div>
-                <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
-                </div>
-              </div>
-              <div class="slider slider-nav mt-2">
-                <div class="middle-item">
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
-                </div>
-              </div>
-            </div>
-            <div class="ms-2 fw-bold w-100">
-              <h3 class="mt-4">坂本沙發</h3>
-              <p class="mb-5">坂本沙發是一張可以用來睡覺的沙發，兩百公分的貴妃椅，躺在上面不需擔心雙腳懸空，六公分的乳膠坐墊，怕的是沙發比床還舒服啊！</p>
-              <div>
-                <span class="me-3">顏色</span>
-                <span>門市提供122種布色</span>
-              </div>
-              <div class="my-2">
-                <span class="me-3">材質</span>
-                <span>雲杉實木骨架、山毛櫸</span>
-              </div>
-              <div>
-                <span class="me-3">備註</span>
-                <span>實際價格依需求客製而定</span>
-              </div>
-            </div>
-          </div>
-          <div class="b-bottom pb-3 mb-5">
-            <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="4.webp" alt="小寶優居 | 坂本沙發">
-            <h6 class="mt-4">說明</h6>
-            <ul>
-              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-            </ul>
-          </div>
-          <div class="mb-5">
-            <a href="/furniture_design/sofa/">
-              <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-              </p>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-</div>
+---
+meta_title: "坂本沙發｜小寶優居・設計家具"
+meta_description: "坂本沙發是一張可以用來睡覺的沙發，兩百公分的貴妃椅，躺在上面不需擔心雙腳懸空，六公分的乳膠坐墊，怕的是沙發比床還舒服啊！"
+title: "坂本沙發"
+date: 2021-05-28T17:00:56+08:00
+draft: false
+type: "sofa"
+url: "/furniture_design/sofa/sakamoto_sofa"
+image: "/furniture_design/sofa/sakamoto_sofa/img/d2cbeebbc63245bb9bc4ec0e31d1d749.webp"
+---
+
+<div class="furniture-design">
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 坂本沙發"
+  src="img/d2cbeebbc63245bb9bc4ec0e31d1d749.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 坂本沙發"
+  src="img/a5f3f5ea80c543d48ac054d647c2a0a4.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 坂本沙發"
+  src="img/57d3b3500309477e94c4b87fa48bb099.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/d2cbeebbc63245bb9bc4ec0e31d1d749.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 坂本沙發"
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/a5f3f5ea80c543d48ac054d647c2a0a4.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 坂本沙發"
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/57d3b3500309477e94c4b87fa48bb099.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 坂本沙發"
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">坂本沙發</h3>
+                      <p class="description mb-5">坂本沙發是一張可以用來睡覺的沙發，兩百公分的貴妃椅，躺在上面不需擔心雙腳懸空，六公分的乳膠坐墊，怕的是沙發比床還舒服啊！</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$64,000</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市提供122種布色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架、山毛櫸</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格依需求客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 坂本沙發"
+  src="img/db115581da3d442f99e683a9f96cc1a8.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
+      </div>
+  </div>
+  </div>

content/furniture_design_list/sofa/secret_sofa/index.md

@@ -1,70 +1,88 @@
 ---
-title: "秘密沙發｜小寶優居・設計家具"
+meta_title: "秘密沙發｜小寶優居・設計家具"
+meta_description: "世界這麼大，這個角落是屬於你，從小孩到大人的心事，讓秘密開始於沙發也結束於沙發！"
+title: "秘密沙發"
 date: 2021-05-28T17:00:54+08:00
 draft: false
 type: "sofa"
 url: "/furniture_design/sofa/secret_sofa"
-image: "/furniture_design/sofa/secret_sofa/1.webp"
-description: "秘密沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 世界這麼大，這個角落是屬於你，從小孩到大人的心事，讓秘密開始於沙發也結束於沙發！"
+image: "/furniture_design/sofa/secret_sofa/img/8c1cca647ff147c0ba760705754d2b46.webp"
 ---
+
 <div class="furniture-design">
-  {{< furniture_design>}}
-    <div class="furniture_design_content">
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
-        <div class="container px-0 design-container">
-          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-            <div class="slider-box">
-              <div class="slider slider-for slider-design">
-                <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 秘密沙發">
-                </div>
-                <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 秘密沙發">
-                </div>
-              </div>
-              <div class="slider slider-nav mt-2">
-                <div class="middle-item">
-                  <img src="1.webp" alt="小寶優居 | 秘密沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 秘密沙發">
-                </div>
-              </div>
-            </div>
-            <div class="ms-2 fw-bold w-100">
-              <h3 class="mt-4">秘密沙發</h3>
-              <p class="mb-5">世界這麼大，這個角落是屬於你，從小孩到大人的心事，讓秘密開始於沙發也結束於沙發！</p>
-              <div>
-                <span class="me-3">顏色</span>
-                <span>門市提供130種布色</span>
-              </div>
-              <div class="my-2">
-                <span class="me-3">材質</span>
-                <span>雲杉實木骨架、山毛櫸</span>
-              </div>
-              <div>
-                <span class="me-3">備註</span>
-                <span>實際價格依需求客製而定</span>
-              </div>
-            </div>
-          </div>
-          <div class="b-bottom pb-3 mb-5">
-            <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 秘密沙發">
-            <h6 class="mt-4">說明</h6>
-            <ul>
-              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-            </ul>
-          </div>
-          <div class="mb-5">
-            <a href="/furniture_design/sofa/">
-              <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-              </p>
-            </a>
-          </div>
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 秘密沙發"
+  src="img/8c1cca647ff147c0ba760705754d2b46.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 秘密沙發"
+  src="img/aa4d56fdfbb54afb836885868039d6a7.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/8c1cca647ff147c0ba760705754d2b46.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 秘密沙發"
+          ></img>
         </div>
+ <div class="middle-item">
+          <img
+            src="img/aa4d56fdfbb54afb836885868039d6a7.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 秘密沙發"
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">秘密沙發</h3>
+                      <p class="description mb-5">世界這麼大，這個角落是屬於你，從小孩到大人的心事，讓秘密開始於沙發也結束於沙發！</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$79,200</div></div>
+                          <!-- <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市提供122種布色</div></div> -->
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架、山毛櫸</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格依需求客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 秘密沙發"
+  src="img/d13189e993d548829fcd93bc0a0d267b.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
-    </div>
-</div>
+  </div>
+  </div>

content/furniture_design_list/sofa/serene_sofa/index.md

@@ -1,82 +1,116 @@
 ---
-title: "沉謐沙發｜小寶優居・設計家具"
+meta_title: "沉謐沙發｜小寶優居・設計家具"
+meta_description: "靠得住的兩翼，讓杜辜永不低頭，包得住的羽絨，讓腰圍永不回頭，讓你儘管內心焦躁不安，靠著靠著也能安心小憩。"
+title: "沉謐沙發"
 date: 2021-05-28T17:00:55+08:00
 draft: false
 type: "sofa"
 url: "/furniture_design/sofa/serene_sofa"
-image: "/furniture_design/sofa/serene_sofa/1.webp"
-description: "沉謐沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 靠得住的兩翼，讓杜辜永不低頭，包得住的羽絨，讓腰圍永不回頭，讓你儘管內心焦躁不安，靠著靠著也能安心小憩"
+image: "/furniture_design/sofa/serene_sofa/img/8aeb2aa4c8854d218d51537c651c3370.webp"
 ---
+
 <div class="furniture-design">
-  {{< furniture_design>}}
-    <div class="furniture_design_content">
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
-        <div class="container px-0 design-container">
-          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-            <div class="slider-box">
-              <div class="slider slider-for slider-design">
-                <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 沉謐沙發">
-                </div>
-                <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 沉謐沙發">
-                </div>
-                <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 沉謐沙發">
-                </div>
-                <div class="design-img">
-                  <img src="4.webp" alt="小寶優居 | 沉謐沙發">
-                </div>
-              </div>
-              <div class="slider slider-nav mt-2">
-                <div class="middle-item">
-                  <img src="1.webp" alt="小寶優居 | 沉謐沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 沉謐沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="3.webp" alt="小寶優居 | 沉謐沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="4.webp" alt="小寶優居 | 沉謐沙發">
-                </div>
-              </div>
-            </div>
-            <div class="ms-2 fw-bold w-100">
-              <h3 class="mt-4">沉謐沙發</h3>
-              <p class="mb-5">靠得住的兩翼，讓杜辜永不低頭，包得住的羽絨，讓腰圍永不回頭，讓你儘管內心焦躁不安，靠著靠著也能安心小憩</p>
-              <div>
-                <span class="me-3">顏色</span>
-                <span>門市提供130種布色</span>
-              </div>
-              <div class="my-2">
-                <span class="me-3">材質</span>
-                <span>雲杉實木骨架、山毛櫸</span>
-              </div>
-              <div>
-                <span class="me-3">備註</span>
-                <span>實際價格依需求客製而定</span>
-              </div>
-            </div>
-          </div>
-          <div class="b-bottom pb-3 mb-5">
-            <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 沉謐沙發">
-            <h6 class="mt-4">說明</h6>
-            <ul>
-              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-            </ul>
-          </div>
-          <div class="mb-5">
-            <a href="/furniture_design/sofa/">
-              <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-              </p>
-            </a>
-          </div>
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 沉謐沙發"
+  src="img/8aeb2aa4c8854d218d51537c651c3370.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 沉謐沙發"
+  src="img/75a95ca35b9d4514ba157b1182a5f768.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 沉謐沙發"
+  src="img/20b03a8617f74d88b10bdbf1964e75e9.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 沉謐沙發"
+  src="img/682dffd4b45a46ec876247da5f09654f.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/8aeb2aa4c8854d218d51537c651c3370.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/75a95ca35b9d4514ba157b1182a5f768.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+ <div class="middle-item">
+          <img
+            src="img/20b03a8617f74d88b10bdbf1964e75e9.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/682dffd4b45a46ec876247da5f09654f.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">沉謐沙發</h3>
+                      <p class="description mb-5">靠得住的兩翼，讓杜辜永不低頭，包得住的羽絨，讓腰圍永不回頭，讓你儘管內心焦躁不安，靠著靠著也能安心小憩。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$81,300</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市提供122種布色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架、山毛櫸</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格依需求客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 沉謐沙發"
+  src="img/6e1d7f532c1f4b6abdcced5986d4c53e.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
-    </div>
-</div>
+  </div>
+  </div>

content/furniture_design_list/sofa/star_sofa/index.md

@@ -1,76 +1,102 @@
 ---
-title: "星巒沙發｜小寶優居・設計家具"
+meta_title: "星巒沙發｜小寶優居・設計家具"
+meta_description: "寬闊如同星空海闊天空，依靠如同山巒山堡地巒。"
+title: "星巒沙發"
 date: 2021-05-28T17:00:53+08:00
 draft: false
 type: "sofa"
 url: "/furniture_design/sofa/star_sofa"
-image: "/furniture_design/sofa/star_sofa/1.webp"
-description: "星巒沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 寬闊如同星空海闊天空，依靠如同山巒山堡地巒"
+image: "/furniture_design/sofa/star_sofa/img/e9599ad1f32349dd876d9990a38120bb.webp"
 ---
+
 <div class="furniture-design">
-  {{< furniture_design>}}
-    <div class="furniture_design_content">
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
-        <div class="container px-0 design-container">
-          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-            <div class="slider-box">
-              <div class="slider slider-for slider-design">
-                <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 星巒沙發">
-                </div>
-                <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 星巒沙發">
-                </div>
-                <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 星巒沙發">
-                </div>
-              </div>
-              <div class="slider slider-nav mt-2">
-                <div class="middle-item">
-                  <img src="1.webp" alt="小寶優居 | 星巒沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 星巒沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="3.webp" alt="小寶優居 | 星巒沙發">
-                </div>
-              </div>
-            </div>
-            <div class="ms-2 fw-bold w-100">
-              <h3 class="mt-4">星巒沙發</h3>
-              <p class="mb-5">寬闊如同星空海闊天空，依靠如同山巒山堡地巒</p>
-              <div>
-                <span class="me-3">顏色</span>
-                <span>門市提供130種布色</span>
-              </div>
-              <div class="my-2">
-                <span class="me-3">材質</span>
-                <span>雲杉實木骨架、山毛櫸</span>
-              </div>
-              <div>
-                <span class="me-3">備註</span>
-                <span>實際價格依需求客製而定</span>
-              </div>
-            </div>
-          </div>
-          <div class="b-bottom pb-3 mb-5">
-            <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 星巒沙發">
-            <h6 class="mt-4">說明</h6>
-            <ul>
-              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-            </ul>
-          </div>
-          <div class="mb-5">
-            <a href="/furniture_design/sofa/">
-              <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-              </p>
-            </a>
-          </div>
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 星巒沙發"
+  src="img/e9599ad1f32349dd876d9990a38120bb.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 星巒沙發"
+  src="img/d76b001e3b244e3d84f22175cec16a7a.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 星巒沙發"
+  src="img/91b3455abbbc477089e9c12855b76b4d.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/e9599ad1f32349dd876d9990a38120bb.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+ <div class="middle-item">
+          <img
+            src="img/d76b001e3b244e3d84f22175cec16a7a.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/91b3455abbbc477089e9c12855b76b4d.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">星巒沙發</h3>
+                      <p class="description mb-5">寬闊如同星空海闊天空，依靠如同山巒山堡地巒。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$34,800</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市提供122種布色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架、山毛櫸</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格依需求客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 星巒沙發"
+  src="img/3091593bb22340b0a480297be4d34460.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
-    </div>
-</div>
+  </div>
+  </div>

content/furniture_design_list/sofa/tolerant_sofa/index.md

@@ -1,76 +1,102 @@
 ---
-title: "有容沙發｜小寶優居・設計家具"
+meta_title: "有容沙發｜小寶優居・設計家具"
+meta_description: "有容沙發在你需要時總能擁你入懷，大座位的設計適合從小孩到大人的身形，深深地讓你依靠同時沈醉其中。"
+title: "有容沙發"
 date: 2021-05-28T17:00:56+08:00
 draft: false
 type: "sofa"
 url: "/furniture_design/sofa/tolerant_sofa"
-image: "/furniture_design/sofa/tolerant_sofa/1.webp"
-description: "有容沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 有容沙發在你需要時總能擁你入懷，大座位的設計適合從小孩到大人的身形，深深地讓你依靠同時沈醉其中"
+image: "/furniture_design/sofa/tolerant_sofa/img/a3fda3a7146c4390a7c7e5cb3fb0e55b.webp"
 ---
+
 <div class="furniture-design">
-  {{< furniture_design>}}
-    <div class="furniture_design_content">
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
-        <div class="container px-0 design-container">
-          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-            <div class="slider-box">
-              <div class="slider slider-for slider-design">
-                <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 有容沙發">
-                </div>
-                <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 有容沙發">
-                </div>
-                <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 有容沙發">
-                </div>
-              </div>
-              <div class="slider slider-nav mt-2">
-                <div class="middle-item">
-                  <img src="1.webp" alt="小寶優居 | 有容沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 有容沙發">
-                </div>
-                <div class="middle-item">
-                  <img src="3.webp" alt="小寶優居 | 有容沙發">
-                </div>
-              </div>
-            </div>
-            <div class="ms-2 fw-bold w-100">
-              <h3 class="mt-4">有容沙發</h3>
-              <p class="mb-5">有容沙發在你需要時總能擁你入懷，大座位的設計適合從小孩到大人的身形，深深地讓你依靠同時沈醉其中</p>
-              <div>
-                <span class="me-3">顏色</span>
-                <span>門市提供130種布色</span>
-              </div>
-              <div class="my-2">
-                <span class="me-3">材質</span>
-                <span>雲杉實木骨架、山毛櫸</span>
-              </div>
-              <div>
-                <span class="me-3">備註</span>
-                <span>實際價格依需求客製而定</span>
-              </div>
-            </div>
-          </div>
-          <div class="b-bottom pb-3 mb-5">
-            <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 有容沙發">
-            <h6 class="mt-4">說明</h6>
-            <ul>
-              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-            </ul>
-          </div>
-          <div class="mb-5">
-            <a href="/furniture_design/sofa/">
-              <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
-              </p>
-            </a>
-          </div>
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 有容沙發"
+  src="img/a3fda3a7146c4390a7c7e5cb3fb0e55b.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 有容沙發"
+  src="img/7f30de77ff414a1a9c46823faad3f104.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 有容沙發"
+  src="img/31fe6887733947ba9322300bbb62dfe5.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/a3fda3a7146c4390a7c7e5cb3fb0e55b.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 有容沙發"
+          ></img>
         </div>
+ <div class="middle-item">
+          <img
+            src="img/7f30de77ff414a1a9c46823faad3f104.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 有容沙發"
+          ></img>
+        </div>
+ <div class="middle-item">
+          <img
+            src="img/31fe6887733947ba9322300bbb62dfe5.webp"
+            width="40"
+            height="auto"
+            alt="小寶優居 | 有容沙發"
+          ></img>
+        </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">有容沙發</h3>
+                      <p class="description mb-5">有容沙發在你需要時總能擁你入懷，大座位的設計適合從小孩到大人的身形，深深地讓你依靠同時沈醉其中。</p>
+                      <div class="detail">
+                          <div class='me-3 my-2 d-flex'><div class='tw-15 fw-bold'>定價</div><div class='pdprice tw-85'>$68,700</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市提供122種布色</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>雲杉實木骨架、山毛櫸</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格依需求客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 有容沙發"
+  src="img/949ba375423941ea8e29fdd835167baa.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/sofa/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
-    </div>
-</div>
+  </div>
+  </div>

content/furniture_design_list/wardrobe/10.邂逅穿鞋椅/index.md

@@ -33,27 +33,31 @@ description: "邂逅穿鞋椅  / 系統板材（塑合板） / 小時候，媽
           </div>
             <div class="ms-2 fw-bold w-100">
             <h3 class="mt-4">邂逅穿鞋椅 </h3>
-            <p class="mb-5">媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！</p>
+            <p class="mb-5">小時候，媽媽坐在門口的椅子教我穿鞋子。長大後，我坐在門口的椅子教我的孩子穿鞋子，門口的椅子，邂逅了我們家三代。</p>
             <div style="display:none">
               <span class="me-3">定價</span>
               <span> </span>
             </div>
+            <div class="my-2 d-flex">
+                <div class="tw-15">定價</div>
+                <div style="tw-85">$6,800</div>
+            </div>
             <div class="my-2 d-flex">
                 <div class="tw-15">顏色</div>
                 <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
             </div>
               <div class="my-2 d-flex">
                 <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
+                <div class="tw-85">寬900 X 深410 X 高480(mm)</div>
             </div>
             <div class="my-2 d-flex">
                 <div class="tw-15">材質</div>
               <div class="tw-85">系統板材（塑合板）</div>
             </div>
-            <div class="d-flex">
+            <!-- <div class="d-flex">
               <div class="tw-15">備註</div>
               <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
+            </div> -->
           </div>
         </div>
         <div class="b-bottom pb-3 mb-5">

content/furniture_design_list/wardrobe/11.午後臥榻/index.md

@@ -1,81 +1,88 @@
 ---
-title: "午後臥榻｜小寶優居・系統家具"
+meta_title: "午後臥榻｜小寶優居・系統家具"
+meta_description: "坐在午後臥榻，手拿著電腦與咖啡，也跟著踏上了旅程。"
+title: "午後臥榻"
 date: 2021-06-27T16:20:56+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/afternoon_couch"
-image: "/furniture_design/wardrobe/afternoon_couch/1.webp"
-description: "午後臥榻  / 系統板材（塑合板） / 坐在午後臥榻，手拿著電腦與咖啡，也跟著踏上了旅程"
+image: "/furniture_design/wardrobe/afternoon_couch/img/254ecc3d9ed54d4b9361a18acfbd7256.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 午後臥榻">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 午後臥榻">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 午後臥榻">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 午後臥榻">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">午後臥榻 </h3>
-            <p class="mb-5">媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 午後臥榻">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 午後臥榻"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 午後臥榻"
+  src="img/254ecc3d9ed54d4b9361a18acfbd7256.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 午後臥榻"
+  src="img/8a7e7eea802f4dbea9b02ceee0938118.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/254ecc3d9ed54d4b9361a18acfbd7256.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/8a7e7eea802f4dbea9b02ceee0938118.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">午後臥榻</h3>
+                      <p class="description mb-5">坐在午後臥榻，手拿著電腦與咖啡，也跟著踏上了旅程。</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 午後臥榻"
+  src="img/6ba0e11643484297a82caacb2bc080f3.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/wardrobe/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/wardrobe/13.今晚餐櫃/index.md

@@ -10,7 +10,6 @@ image: "/furniture_design/wardrobe/tonight_cabinet/img/39fb6f2edfee42d18e249e543
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -34,80 +33,18 @@ image: "/furniture_design/wardrobe/tonight_cabinet/img/39fb6f2edfee42d18e249e543
             height="auto"
             alt="小寶優居 | 今晚餐櫃"
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 今晚餐櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 今晚餐櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">今晚餐櫃 </h3>
-            <p class="mb-5">媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 今晚餐櫃">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 今晚餐櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
-        </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">今晚餐櫃</h3>
-                      <p class="description mb-5"><b>今天晚上吃什麼？小時候看著廚房裡大家忙進忙出，我唯一能做的工作 就是問「今晚吃什麼？」</b></p>
+                      <p class="description mb-5">今天晚上吃什麼？小時候看著廚房裡大家忙進忙出，我唯一能做的工作 就是問「今晚吃什麼？」</p>
                       <div class="detail">
                           <span></span>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
                           <span></span>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
                        </div>   
                   </div>
                   </div> 

content/furniture_design_list/wardrobe/14.愛中島系列/index.md

@@ -1,88 +1,96 @@
 ---
-title: "愛中島系列｜小寶優居・系統家具"
+meta_title: "愛中島系列｜小寶優居・系統家具"
+meta_description: "白天是廚房料理空間的延伸，晚上搖身一變，成為品酒的小吧檯，客製的規格，許你一個獨一無二的中島夢。單邊延伸檯面，相愛兩人窩一塊。"
+title: "愛中島系列"
 date: 2021-06-27T16:20:54+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/love_island"
-image: "/furniture_design/wardrobe/love_island/1.webp"
-description: "愛中島系列 (愛妻/愛家/愛料理/享生活中島) / 系統板材（塑合板） / 白天是廚房料理空間的延伸，晚上搖身一變，成為品酒的小吧檯，客製的規格，許你一個獨一無二的中島夢。單邊延伸檯面，相愛兩人窩一塊"
-custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
+image: "/furniture_design/wardrobe/love_island/img/b483960c0f554a448d94eccff1a0effd.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 愛中島系列">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 愛中島系列">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 愛中島系列">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 愛中島系列">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 愛中島系列">
-              </div>
-                  <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 愛中島系列">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">愛中島系列 </h3>
-            <p class="mb-5">白天是廚房料理空間的延伸，晚上搖身一變，成為品酒的小吧檯，客製的規格，許你一個獨一無二的中島夢。單邊延伸檯面，相愛兩人窩一塊</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 愛中島系列">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 愛中島系列"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 愛中島系列"
+  src="img/b483960c0f554a448d94eccff1a0effd.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 愛中島系列"
+  src="img/58706841528b4cc88d679524be03be7f.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/b483960c0f554a448d94eccff1a0effd.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/58706841528b4cc88d679524be03be7f.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">愛中島系列</h3>
+                      <p class="description mb-5">白天是廚房料理空間的延伸，晚上搖身一變，成為品酒的小吧檯，客製的規格，許你一個獨一無二的中島夢。單邊延伸檯面，相愛兩人窩一塊。</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 愛中島系列"
+  src="img/7d77bc1694074cf8b42e34feac4197b4.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 愛中島系列"
+  src="img/e97b99c68e224e7fb41af8d4c944b42c.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 愛中島系列"
+  src="img/41632b51e6504367968b6281f465dfc0.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/wardrobe/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/wardrobe/15.谷溜儲物櫃/index.md

@@ -1,81 +1,96 @@
 ---
-title: "谷溜儲物櫃｜小寶優居・系統家具"
+meta_title: "谷溜儲物櫃｜小寶優居・系統家具"
+meta_description: "谷溜谷溜，環境收的淨溜溜！"
+title: "谷溜儲物櫃"
 date: 2021-06-27T16:20:53+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/sleek_cabinet"
-image: "/furniture_design/wardrobe/sleek_cabinet/1.webp"
-description: "谷溜儲物櫃  / 系統板材（塑合板） / 谷溜谷溜，環境收的淨溜溜！"
+image: "/furniture_design/wardrobe/sleek_cabinet/img/81902888388b459cb927556195808178.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 谷溜儲物櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 谷溜儲物櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 谷溜儲物櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 谷溜儲物櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">谷溜儲物櫃 </h3>
-            <p class="mb-5">谷溜谷溜，環境收的淨溜溜！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 谷溜儲物櫃">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 谷溜儲物櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 谷溜儲物櫃"
+  src="img/81902888388b459cb927556195808178.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 谷溜儲物櫃"
+  src="img/b82120892b6a4be3861817274052b1bc.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/81902888388b459cb927556195808178.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/b82120892b6a4be3861817274052b1bc.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">谷溜儲物櫃</h3>
+                      <p class="description mb-5">谷溜谷溜，環境收的淨溜溜！</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 谷溜儲物櫃"
+  src="img/6c39ec4aa7ca4570a39676980ef5661e.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 谷溜儲物櫃"
+  src="img/22795521a62042e2866d81f9fe6f48be.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 谷溜儲物櫃"
+  src="img/581833ecd9934b458090878c0a6ddcf4.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/wardrobe/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/wardrobe/16.我愛衣櫃/index.md

@@ -6,11 +6,10 @@ date: 2021-06-27T16:20:52+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/love_wardrobe"
-image: "/furniture_design/wardrobe/love_wardrobe/img/ae5602a706304be4879e0f4091b69d18.webp"
+image: "/furniture_design/wardrobe/love_wardrobe/img/86f68dc5b06a4f9aa8f420b7d85e33a9.webp"
 ---
 
 <div class="furniture-design">
-<<<<<<< HEAD
   {{< furniture_design >}}
   <div class="furniture_design_content">
       <div class="sub-tab-content" id="pills-tabContent">
@@ -20,13 +19,13 @@ image: "/furniture_design/wardrobe/love_wardrobe/img/ae5602a706304be4879e0f4091b
                       <div class="slider slider-for slider-design" id='carousel-with-preview'>
                           <div class="design-img"><img
   alt="小寶優居 | 我愛衣櫃"
-  src="img/ae5602a706304be4879e0f4091b69d18.webp"
+  src="img/86f68dc5b06a4f9aa8f420b7d85e33a9.webp"
   height="auto"
   width="1200"
   layout="responsive">
 </img></div><div class="design-img"><img
   alt="小寶優居 | 我愛衣櫃"
-  src="img/2b5c60fd2241491dbd7c90d196c4f623.webp"
+  src="img/8cc3b449a9e84ba1a3ef2d6d19eefc9b.webp"
   height="auto"
   width="1200"
   layout="responsive">
@@ -35,99 +34,42 @@ image: "/furniture_design/wardrobe/love_wardrobe/img/ae5602a706304be4879e0f4091b
                       <div class="slider slider-nav mt-2" id='carousel-with-preview'>
                            <div class="middle-item">
           <img
-            src="img/ae5602a706304be4879e0f4091b69d18.webp"
+            src="img/86f68dc5b06a4f9aa8f420b7d85e33a9.webp"
             width="40"
             height="auto"
-            alt="小寶優居 | 我愛衣櫃"
+            alt=""
           ></img>
-=======
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 我愛衣櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 我愛衣櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 我愛衣櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 我愛衣櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">我愛衣櫃 </h3>
-            <p class="mb-5">「八種」衣櫃身懷不同功能，找一款符合你的衣櫃吧！或組在一起，直接打造一間個人更衣室！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 我愛衣櫃">
-           <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 我愛衣櫃">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
->>>>>>> 01332d5d076f98ff5553e771806c7547847ba868
         </div>
  <div class="middle-item">
           <img
-            src="img/2b5c60fd2241491dbd7c90d196c4f623.webp"
+            src="img/8cc3b449a9e84ba1a3ef2d6d19eefc9b.webp"
             width="40"
             height="auto"
-            alt="小寶優居 | 我愛衣櫃"
+            alt=""
           ></img>
         </div>
                       </div>
                   </div>
-                  <div class="ms-2 fw-bold">
+                  <div class="ms-2 fw-bold w-100">
                       <h3 class="mt-4">我愛衣櫃</h3>
-                      <p class="description mb-5"><b>「八種」衣櫃身懷不同功能，找一款符合你的衣櫃吧！或組在一起，直接打造一間個人更衣室！</b></p>
+                      <p class="description mb-5">「八種」衣櫃身懷不同功能，找一款符合你的衣櫃吧！或組在一起，直接打造一間個人更衣室！</p>
                       <div class="detail">
                           <span></span>
-                          <div class='my-2 d-flex'><div class='tw-15'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
-                          <span></span>
-                          <div class='my-2 d-flex'><div class='tw-15'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
-                          <div class='my-2 d-flex'><div class='tw-15'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
                        </div>   
                   </div>
                   </div> 
                   <div>
                       <div class="spec"><h6>尺寸規格</h6><img
  class="w-100 h-100" alt="小寶優居 | 我愛衣櫃"
-  src="img/c0a1e2e7086141b7964c9b30de10c776.webp"
+  src="img/85742aa8d5fe4c1cb18536092facc98b.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 我愛衣櫃"
+  src="img/520b1090fd104452989b0a3490c7708b.webp"
  >
 </img></div>
                       <h6 class="mt-4">說明</h6>
@@ -138,9 +80,9 @@ image: "/furniture_design/wardrobe/love_wardrobe/img/ae5602a706304be4879e0f4091b
                    </div> 
                    <div class="b-bottom mt-5"></div>  
                   <div class="mb-5">
-                      <a href="/furniture_design/other_furniture/">
+                      <a href="/furniture_design/wardrobe/">
                           <p class="readMore text-center">
-                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
                           </p>
                       </a>
                   </div>  

content/furniture_design_list/wardrobe/17.海量_我愛_今晚斗櫃/index.md

@@ -1,83 +1,96 @@
 ---
-title: "海量/我愛/今晚斗櫃｜小寶優居・系統家具"
+meta_title: "海量/我愛/今晚斗櫃｜小寶優居・系統家具"
+meta_description: "一斗兩斗三斗櫃，四斗五抽六斗櫃，海量收納都看我！"
+title: "海量/我愛/今晚斗櫃"
 date: 2021-06-27T16:20:51+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/tonight_dresser"
-image: "/furniture_design/wardrobe/tonight_dresser/1.webp"
-description: "海量/我愛/今晚斗櫃  / 系統板材（塑合板）/ 一斗兩斗三斗櫃，四斗五抽六斗櫃，海量收納都看我！"
+image: "/furniture_design/wardrobe/tonight_dresser/img/8a603af134264fabbbc02fb45a880c1d.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 海量/我愛/今晚斗櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 海量/我愛/今晚斗櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 海量/我愛/今晚斗櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 海量/我愛/今晚斗櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">海量/我愛/今晚斗櫃 </h3>
-            <p class="mb-5">一斗兩斗三斗櫃，四斗五抽六斗櫃，海量收納都看我！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 海量/我愛/今晚斗櫃">
-           <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 海量/我愛/今晚斗櫃">
-               <img class="w-100 h-100" src="s3.webp"
-            alt="小寶優居 | 海量/我愛/今晚斗櫃">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 海量/我愛/今晚斗櫃"
+  src="img/8a603af134264fabbbc02fb45a880c1d.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 海量/我愛/今晚斗櫃"
+  src="img/f8ef0159b3d547e1b2a2f7a845e4504b.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/8a603af134264fabbbc02fb45a880c1d.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/f8ef0159b3d547e1b2a2f7a845e4504b.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">海量/我愛/今晚斗櫃</h3>
+                      <p class="description mb-5"><b>一斗兩斗三斗櫃，四斗五抽六斗櫃，海量收納都看我！</b></p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 海量/我愛/今晚斗櫃"
+  src="img/5870aefb050046cea74df96b6a3657b2.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 海量/我愛/今晚斗櫃"
+  src="img/dc6dc398e6b14ddf91eaed7777f909c5.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 海量/我愛/今晚斗櫃"
+  src="img/188463d14e464cb5ae717d908e886987.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/other_furniture/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到其他設計單品
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/wardrobe/6.有餘電器櫃/index.md

@@ -1,79 +1,88 @@
 ---
-title: "有餘電器櫃｜小寶優居・系統家具"
+meta_title: "有餘電器櫃｜小寶優居・系統家具"
+meta_description: "如果你剛好電器有餘，我也剛好設計一個有餘電器櫃，收納你的有餘 也祝福今年有餘。"
+title: "有餘電器櫃"
 date: 2021-06-27T15:01:54+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/surplus_cabinet"
-image: "/furniture_design/wardrobe/surplus_cabinet/1.webp"
-description: "有餘電器櫃  / 系統板材（塑合板） / 如果你剛好電器有餘，我也剛好設計一個有餘電器櫃，收納你的有餘 也祝福今年有餘"
+image: "/furniture_design/wardrobe/surplus_cabinet/img/363c1efc823d49f4ab0352412997ed71.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 有餘電器櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 有餘電器櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 有餘電器櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 有餘電器櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">有餘電器櫃 </h3>
-            <p class="mb-5">如果你剛好電器有餘，我也剛好設計一個有餘電器櫃，收納你的有餘 也祝福今年有餘</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 有餘電器櫃">
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 有餘電器櫃"
+  src="img/363c1efc823d49f4ab0352412997ed71.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 有餘電器櫃"
+  src="img/500825992ded46c3abb69fc0338d3c97.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/363c1efc823d49f4ab0352412997ed71.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/500825992ded46c3abb69fc0338d3c97.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">有餘電器櫃</h3>
+                      <p class="description mb-5">如果你剛好電器有餘，我也剛好設計一個有餘電器櫃，收納你的有餘 也祝福今年有餘。</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 有餘電器櫃"
+  src="img/10d3f95bdbf44a329daddc7959ae4e4b.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/wardrobe/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/wardrobe/7.穿雲櫃/index.md

@@ -1,81 +1,88 @@
 ---
-title: "穿雲櫃｜小寶優居・系統家具"
+meta_title: "穿雲櫃｜小寶優居・系統家具"
+meta_description: "地面延伸到天花板，好像穿過雲層一樣。"
+title: "穿雲櫃"
 date: 2021-06-27T16:20:59+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/through_the_clouds_cabinet"
-image: "/furniture_design/wardrobe/through_the_clouds_cabinet/1.webp"
-description: "穿雲櫃 / 梣木+墊裝 / 坐與臥是居家生活花費最多的時間，你的屁股與脊椎，值得好好座也好好坐，讓你好好吃飯、好好讀書、好好寫字。"
+image: "/furniture_design/wardrobe/through_the_clouds_cabinet/img/c23f256afe19475b9bde7db530afb56a.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 穿雲櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 穿雲櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 穿雲櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 穿雲櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">穿雲櫃 </h3>
-            <p class="mb-5">地面延伸到天花板，好像穿過雲層一樣</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 穿雲櫃">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 穿雲櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 穿雲櫃"
+  src="img/c23f256afe19475b9bde7db530afb56a.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 穿雲櫃"
+  src="img/4ca868f33c134c9599c6f91777ba7c7b.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/c23f256afe19475b9bde7db530afb56a.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/4ca868f33c134c9599c6f91777ba7c7b.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">穿雲櫃</h3>
+                      <p class="description mb-5">地面延伸到天花板，好像穿過雲層一樣。</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 穿雲櫃"
+  src="img/a44080d93fd54d9b8a4efd06c11f055f.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/wardrobe/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/wardrobe/8.平安喜樂團圞鞋櫃/index.md

@@ -1,81 +1,96 @@
 ---
-title: "平安/喜樂/團圞鞋櫃｜小寶優居・系統家具"
+meta_title: "平安/喜樂/團圞鞋櫃｜小寶優居・系統家具"
+meta_description: "我此生最大的榮幸，就是被說：「我們家的鞋子都放這裡」。"
+title: "平安/喜樂/團圞鞋櫃"
 date: 2021-06-27T16:20:58+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/safe_happiness_reunion_shoe_cabinet"
-image: "/furniture_design/wardrobe/safe_happiness_reunion_shoe_cabinet/1.webp"
-description: "平安/喜樂/團圞鞋櫃 / 系統板材（塑合板）/ 我此生最大的榮幸，就是被說：「我們家的鞋子都放這裡」"
+image: "/furniture_design/wardrobe/safe_happiness_reunion_shoe_cabinet/img/3d66f0d8f7484dc3b0aac1f83ec242a6.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 平安/喜樂/團圞鞋櫃">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 平安/喜樂/團圞鞋櫃">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 平安/喜樂/團圞鞋櫃">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 平安/喜樂/團圞鞋櫃">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">平安/喜樂/團圞鞋櫃 </h3>
-            <p class="mb-5">我此生最大的榮幸，就是被說：「我們家的鞋子都放這裡」</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 平安/喜樂/團圞鞋櫃">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 平安/喜樂/團圞鞋櫃"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 平安/喜樂/團圞鞋櫃"
+  src="img/3d66f0d8f7484dc3b0aac1f83ec242a6.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 平安/喜樂/團圞鞋櫃"
+  src="img/e050e732aa134602a42429465f86728f.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/3d66f0d8f7484dc3b0aac1f83ec242a6.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/e050e732aa134602a42429465f86728f.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">平安/喜樂/團圞鞋櫃</h3>
+                      <p class="description mb-5">我此生最大的榮幸，就是被說：「我們家的鞋子都放這裡」。</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 平安/喜樂/團圞鞋櫃"
+  src="img/5f669aa65ae64a3598de9159efa1e25a.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 平安/喜樂/團圞鞋櫃"
+  src="img/58651418dd5c47f5957f916c1f036479.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 平安/喜樂/團圞鞋櫃"
+  src="img/fa72e7843ab94c33bf15310dff257c08.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/wardrobe/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/wardrobe/9.把鞋子吊起來/index.md

@@ -1,81 +1,92 @@
 ---
-title: "把鞋子吊起來｜小寶優居・系統家具"
+meta_title: "把鞋子吊起來｜小寶優居・系統家具"
+meta_description: "媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！"
+title: "把鞋子吊起來"
 date: 2021-10-02T16:20:57+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/hang_your_shoe_cabinet"
-image: "/furniture_design/wardrobe/hang_your_shoe_cabinet/1.webp"
-description: "把鞋子吊起來 / 系統板材（塑合板） / 媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！"
+image: "/furniture_design/wardrobe/hang_your_shoe_cabinet/img/4d5861ea65ee4f0f90e186b7272fc5c1.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">把鞋子吊起來 </h3>
-            <p class="mb-5">媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 把鞋子吊起來">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 把鞋子吊起來"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 把鞋子吊起來"
+  src="img/4d5861ea65ee4f0f90e186b7272fc5c1.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 把鞋子吊起來"
+  src="img/89f6d76833cc49abacf9971786bd42ec.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/4d5861ea65ee4f0f90e186b7272fc5c1.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/89f6d76833cc49abacf9971786bd42ec.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">把鞋子吊起來</h3>
+                      <p class="description mb-5">媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 把鞋子吊起來"
+  src="img/3ba0426c87704dfc9f53c93b3544665e.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 把鞋子吊起來"
+  src="img/0515b8c6501c4469b0fed6e8b5145585.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/wardrobe/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>

content/furniture_design_list/wardrobe/_index.md

@@ -1,7 +1,9 @@
 ---
 title: "衣櫃/收納櫃/中島"
+meta_title: "衣櫃/收納櫃/中島"
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe"
 image: ""
+date: 2021-06-27T16:20:51+08:00
 ---

content/furniture_design_list/wardrobe/hang_up_clothes/index.md

@@ -1,81 +1,92 @@
 ---
-title: "把衣服吊起來｜小寶優居・系統家具"
+meta_title: "把衣服吊起來｜小寶優居・系統家具"
+meta_description: "我是「把鞋子吊起來」鞋櫃的好朋友，專門解救家裡掛滿衣服的那張椅子，回到家，把明天還要穿的外套放進我肚子裡。"
+title: "把衣服吊起來"
 date: 2021-10-01T16:20:57+08:00
 draft: false
 type: "wardrobe"
 url: "/furniture_design/wardrobe/hang_up_clothes"
-image: "/furniture_design/wardrobe/hang_up_clothes/1.webp"
-description: "把衣服吊起來  / 系統板材（塑合板）/ 我是「把鞋子吊起來」鞋櫃的好朋友，專門解救家裡掛滿衣服的那張椅子，回到家，把明天還要穿的外套放進我肚子裡。"
+image: "/furniture_design/wardrobe/hang_up_clothes/img/473de240e9d44667a2af9ae2b8532226.webp"
 ---
+
 <div class="furniture-design">
-{{< furniture_design >}}
-<div class="furniture_design_content">
-  <div class="sub-tab-content" id="pills-tabContent">
-      <div class="container px-0 design-container">
-        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
-          <div class="slider-box">
-            <div class="slider slider-for slider-design">
-              <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 把衣服吊起來">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 把衣服吊起來">
-              </div>
-            </div>
-            <div class="slider slider-nav mt-2">
-              <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 把衣服吊起來">
-              </div>
-              <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 把衣服吊起來">
-              </div>
-            </div>
-          </div>
-            <div class="ms-2 fw-bold w-100">
-            <h3 class="mt-4">把衣服吊起來 </h3>
-            <p class="mb-5">我是「把鞋子吊起來」鞋櫃的好朋友，專門解救家裡掛滿衣服的那張椅子，回到家，把明天還要穿的外套放進我肚子裡。</p>
-            <div style="display:none">
-              <span class="me-3">定價</span>
-              <span> </span>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">顏色</div>
-                <div style="tw-85">門市擁有43種板材顏色，依規劃客製挑選</div>
-            </div>
-              <div class="my-2 d-flex">
-                <div class="tw-15">尺寸</div>
-                <div class="tw-85">如下圖說明</div>
-            </div>
-            <div class="my-2 d-flex">
-                <div class="tw-15">材質</div>
-              <div class="tw-85">系統板材（塑合板）</div>
-            </div>
-            <div class="d-flex">
-              <div class="tw-15">備註</div>
-              <div class="tw-85">實際價格將依需求規劃客製而定</div>
-            </div>
-          </div>
-        </div>
-        <div class="b-bottom pb-3 mb-5">
-          <h6>尺寸規格</h6>
-          <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 把衣服吊起來">
-           <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 把衣服吊起來"> -->
-          <h6 class="mt-4">說明</h6>
-          <ul>
-            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
-            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
-          </ul>
+  {{< furniture_design >}}
+  <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+          <div class="container px-0 design-container">
+              <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+                  <div class="slider-box">
+                      <div class="slider slider-for slider-design" id='carousel-with-preview'>
+                          <div class="design-img"><img
+  alt="小寶優居 | 把衣服吊起來"
+  src="img/473de240e9d44667a2af9ae2b8532226.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div><div class="design-img"><img
+  alt="小寶優居 | 把衣服吊起來"
+  src="img/e68b2187dbfa47b8a404afe9f3e3c3df.webp"
+  height="auto"
+  width="1200"
+  layout="responsive">
+</img></div>
+                      </div>
+                      <div class="slider slider-nav mt-2" id='carousel-with-preview'>
+                           <div class="middle-item">
+          <img
+            src="img/473de240e9d44667a2af9ae2b8532226.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
-        <div class="mb-5">
-          <a href="/furniture_design/wardrobe/">
-            <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
-            </p>
-          </a>
+ <div class="middle-item">
+          <img
+            src="img/e68b2187dbfa47b8a404afe9f3e3c3df.webp"
+            width="40"
+            height="auto"
+            alt=""
+          ></img>
         </div>
+                      </div>
+                  </div>
+                  <div class="ms-2 fw-bold w-100">
+                      <h3 class="mt-4">把衣服吊起來</h3>
+                      <p class="description mb-5">我是「把鞋子吊起來」鞋櫃的好朋友，專門解救家裡掛滿衣服的那張椅子，回到家，把明天還要穿的外套放進我肚子裡。</p>
+                      <div class="detail">
+                          <span></span>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>顏色</div><div class='pdcolor tw-85'>門市擁有43種板材顏色，依規劃客製挑選</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>尺寸</div><div class='pdsize tw-85'>如下圖說明</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>材質</div><div class='pmat tw-85'>系統板材（塑合板）</div></div>
+                          <div class='my-2 d-flex'><div class='tw-15 fw-bold'>備註</div> <div class='pdmark tw-85'>實際價格將依需求規劃客製而定</div></div>
+                       </div>   
+                  </div>
+                  </div> 
+                  <div>
+                      <div class="spec"><h6>尺寸規格</h6><img
+ class="w-100 h-100" alt="小寶優居 | 把衣服吊起來"
+  src="img/22ea4bfe68774ddbb2e235b5be49f7a5.webp"
+ >
+</img><img
+ class="w-100 h-100" alt="小寶優居 | 把衣服吊起來"
+  src="img/0b18fa3df37e4f7f97ab09d53e800df8.webp"
+ >
+</img></div>
+                      <h6 class="mt-4">說明</h6>
+                      <ul>
+                          <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+                          <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+                      </ul>
+                   </div> 
+                   <div class="b-bottom mt-5"></div>  
+                  <div class="mb-5">
+                      <a href="/furniture_design/wardrobe/">
+                          <p class="readMore text-center">
+                              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到衣櫃/收納櫃/中島
+                          </p>
+                      </a>
+                  </div>  
+          </div>
       </div>
   </div>
-</div>
-  </div>
+  </div>