diff --git a/montier/src/assets/img/After-saleService.jpg b/montier/src/assets/img/After-saleService.jpg
index 0deb54a..1c23b22 100644
Binary files a/montier/src/assets/img/After-saleService.jpg and b/montier/src/assets/img/After-saleService.jpg differ
diff --git a/montier/src/assets/img/After-saleService01.jpg b/montier/src/assets/img/After-saleService01.jpg
index a3e70db..334f5cf 100644
Binary files a/montier/src/assets/img/After-saleService01.jpg and b/montier/src/assets/img/After-saleService01.jpg differ
diff --git a/montier/src/assets/img/After-saleService02.jpg b/montier/src/assets/img/After-saleService02.jpg
index 905b267..3d6d8c7 100644
Binary files a/montier/src/assets/img/After-saleService02.jpg and b/montier/src/assets/img/After-saleService02.jpg differ
diff --git a/montier/src/assets/img/Banner/Banner1.jpg b/montier/src/assets/img/Banner/Banner1.jpg
index 562ad8c..6401b81 100644
Binary files a/montier/src/assets/img/Banner/Banner1.jpg and b/montier/src/assets/img/Banner/Banner1.jpg differ
diff --git a/montier/src/assets/img/Banner/Banner3.jpg b/montier/src/assets/img/Banner/Banner3.jpg
index a96dc5a..565d704 100644
Binary files a/montier/src/assets/img/Banner/Banner3.jpg and b/montier/src/assets/img/Banner/Banner3.jpg differ
diff --git a/montier/src/assets/img/Banner/banner2.jpg b/montier/src/assets/img/Banner/banner2.jpg
index 29283e3..d82eb4a 100644
Binary files a/montier/src/assets/img/Banner/banner2.jpg and b/montier/src/assets/img/Banner/banner2.jpg differ
diff --git a/montier/src/assets/img/Design.jpg b/montier/src/assets/img/Design.jpg
index 81f0a22..554bbc3 100644
Binary files a/montier/src/assets/img/Design.jpg and b/montier/src/assets/img/Design.jpg differ
diff --git a/montier/src/assets/img/Door/01.jpg b/montier/src/assets/img/Door/01.jpg
new file mode 100644
index 0000000..12719be
Binary files /dev/null and b/montier/src/assets/img/Door/01.jpg differ
diff --git a/montier/src/assets/img/Door/01.png b/montier/src/assets/img/Door/01.png
deleted file mode 100644
index 0cd4420..0000000
Binary files a/montier/src/assets/img/Door/01.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/01/01.jpg b/montier/src/assets/img/Door/01/01.jpg
new file mode 100644
index 0000000..6790049
Binary files /dev/null and b/montier/src/assets/img/Door/01/01.jpg differ
diff --git a/montier/src/assets/img/Door/01/02.jpg b/montier/src/assets/img/Door/01/02.jpg
new file mode 100644
index 0000000..d6c8823
Binary files /dev/null and b/montier/src/assets/img/Door/01/02.jpg differ
diff --git a/montier/src/assets/img/Door/01/03.jpg b/montier/src/assets/img/Door/01/03.jpg
new file mode 100644
index 0000000..8d8f248
Binary files /dev/null and b/montier/src/assets/img/Door/01/03.jpg differ
diff --git a/montier/src/assets/img/Door/01/04.jpg b/montier/src/assets/img/Door/01/04.jpg
new file mode 100644
index 0000000..b1e1c0a
Binary files /dev/null and b/montier/src/assets/img/Door/01/04.jpg differ
diff --git a/montier/src/assets/img/Door/02.png b/montier/src/assets/img/Door/02.png
deleted file mode 100644
index 487e388..0000000
Binary files a/montier/src/assets/img/Door/02.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/02/01.jpg b/montier/src/assets/img/Door/02/01.jpg
new file mode 100644
index 0000000..dd11869
Binary files /dev/null and b/montier/src/assets/img/Door/02/01.jpg differ
diff --git a/montier/src/assets/img/Door/02/02.jpg b/montier/src/assets/img/Door/02/02.jpg
new file mode 100644
index 0000000..81bc285
Binary files /dev/null and b/montier/src/assets/img/Door/02/02.jpg differ
diff --git a/montier/src/assets/img/Door/02/03.jpg b/montier/src/assets/img/Door/02/03.jpg
new file mode 100644
index 0000000..1db92c1
Binary files /dev/null and b/montier/src/assets/img/Door/02/03.jpg differ
diff --git a/montier/src/assets/img/Door/02/04.jpg b/montier/src/assets/img/Door/02/04.jpg
new file mode 100644
index 0000000..dde798d
Binary files /dev/null and b/montier/src/assets/img/Door/02/04.jpg differ
diff --git a/montier/src/assets/img/Door/03.png b/montier/src/assets/img/Door/03.png
deleted file mode 100644
index d204f84..0000000
Binary files a/montier/src/assets/img/Door/03.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/03/01.jpg b/montier/src/assets/img/Door/03/01.jpg
new file mode 100644
index 0000000..a810107
Binary files /dev/null and b/montier/src/assets/img/Door/03/01.jpg differ
diff --git a/montier/src/assets/img/Door/03/02.jpg b/montier/src/assets/img/Door/03/02.jpg
new file mode 100644
index 0000000..42cf632
Binary files /dev/null and b/montier/src/assets/img/Door/03/02.jpg differ
diff --git a/montier/src/assets/img/Door/03/03.jpg b/montier/src/assets/img/Door/03/03.jpg
new file mode 100644
index 0000000..17fb984
Binary files /dev/null and b/montier/src/assets/img/Door/03/03.jpg differ
diff --git a/montier/src/assets/img/Door/03/04.jpg b/montier/src/assets/img/Door/03/04.jpg
new file mode 100644
index 0000000..46850ee
Binary files /dev/null and b/montier/src/assets/img/Door/03/04.jpg differ
diff --git a/montier/src/assets/img/Door/04.png b/montier/src/assets/img/Door/04.png
deleted file mode 100644
index b0960d1..0000000
Binary files a/montier/src/assets/img/Door/04.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/04/01.jpg b/montier/src/assets/img/Door/04/01.jpg
new file mode 100644
index 0000000..5337c5c
Binary files /dev/null and b/montier/src/assets/img/Door/04/01.jpg differ
diff --git a/montier/src/assets/img/Door/04/02.jpg b/montier/src/assets/img/Door/04/02.jpg
new file mode 100644
index 0000000..9a89641
Binary files /dev/null and b/montier/src/assets/img/Door/04/02.jpg differ
diff --git a/montier/src/assets/img/Door/04/03.jpg b/montier/src/assets/img/Door/04/03.jpg
new file mode 100644
index 0000000..2c6f12e
Binary files /dev/null and b/montier/src/assets/img/Door/04/03.jpg differ
diff --git a/montier/src/assets/img/Door/04/04.jpg b/montier/src/assets/img/Door/04/04.jpg
new file mode 100644
index 0000000..bc92345
Binary files /dev/null and b/montier/src/assets/img/Door/04/04.jpg differ
diff --git a/montier/src/assets/img/Door/05.png b/montier/src/assets/img/Door/05.png
deleted file mode 100644
index 58e6e6d..0000000
Binary files a/montier/src/assets/img/Door/05.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/05/01.jpg b/montier/src/assets/img/Door/05/01.jpg
new file mode 100644
index 0000000..f7fbb5a
Binary files /dev/null and b/montier/src/assets/img/Door/05/01.jpg differ
diff --git a/montier/src/assets/img/Door/05/02.jpg b/montier/src/assets/img/Door/05/02.jpg
new file mode 100644
index 0000000..4d7b403
Binary files /dev/null and b/montier/src/assets/img/Door/05/02.jpg differ
diff --git a/montier/src/assets/img/Door/05/03.jpg b/montier/src/assets/img/Door/05/03.jpg
new file mode 100644
index 0000000..f95d14e
Binary files /dev/null and b/montier/src/assets/img/Door/05/03.jpg differ
diff --git a/montier/src/assets/img/Door/05/04.jpg b/montier/src/assets/img/Door/05/04.jpg
new file mode 100644
index 0000000..6543bfc
Binary files /dev/null and b/montier/src/assets/img/Door/05/04.jpg differ
diff --git a/montier/src/assets/img/Door/06.png b/montier/src/assets/img/Door/06.png
deleted file mode 100644
index fb8ce0c..0000000
Binary files a/montier/src/assets/img/Door/06.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/06/01.jpg b/montier/src/assets/img/Door/06/01.jpg
new file mode 100644
index 0000000..1fe0d1f
Binary files /dev/null and b/montier/src/assets/img/Door/06/01.jpg differ
diff --git a/montier/src/assets/img/Door/06/02.jpg b/montier/src/assets/img/Door/06/02.jpg
new file mode 100644
index 0000000..4747457
Binary files /dev/null and b/montier/src/assets/img/Door/06/02.jpg differ
diff --git a/montier/src/assets/img/Door/06/03.jpg b/montier/src/assets/img/Door/06/03.jpg
new file mode 100644
index 0000000..5eddce0
Binary files /dev/null and b/montier/src/assets/img/Door/06/03.jpg differ
diff --git a/montier/src/assets/img/Door/06/04.jpg b/montier/src/assets/img/Door/06/04.jpg
new file mode 100644
index 0000000..0f895a4
Binary files /dev/null and b/montier/src/assets/img/Door/06/04.jpg differ
diff --git a/montier/src/assets/img/Door/07.png b/montier/src/assets/img/Door/07.png
deleted file mode 100644
index cda9429..0000000
Binary files a/montier/src/assets/img/Door/07.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/07/01.jpg b/montier/src/assets/img/Door/07/01.jpg
new file mode 100644
index 0000000..0e8b38e
Binary files /dev/null and b/montier/src/assets/img/Door/07/01.jpg differ
diff --git a/montier/src/assets/img/Door/07/02.jpg b/montier/src/assets/img/Door/07/02.jpg
new file mode 100644
index 0000000..dd0a167
Binary files /dev/null and b/montier/src/assets/img/Door/07/02.jpg differ
diff --git a/montier/src/assets/img/Door/07/03.jpg b/montier/src/assets/img/Door/07/03.jpg
new file mode 100644
index 0000000..b55a0d9
Binary files /dev/null and b/montier/src/assets/img/Door/07/03.jpg differ
diff --git a/montier/src/assets/img/Door/07/04.jpg b/montier/src/assets/img/Door/07/04.jpg
new file mode 100644
index 0000000..d5b5830
Binary files /dev/null and b/montier/src/assets/img/Door/07/04.jpg differ
diff --git a/montier/src/assets/img/Door/08.png b/montier/src/assets/img/Door/08.png
deleted file mode 100644
index 91fd854..0000000
Binary files a/montier/src/assets/img/Door/08.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/08/01.jpg b/montier/src/assets/img/Door/08/01.jpg
new file mode 100644
index 0000000..c8f0cfe
Binary files /dev/null and b/montier/src/assets/img/Door/08/01.jpg differ
diff --git a/montier/src/assets/img/Door/08/02.jpg b/montier/src/assets/img/Door/08/02.jpg
new file mode 100644
index 0000000..493991c
Binary files /dev/null and b/montier/src/assets/img/Door/08/02.jpg differ
diff --git a/montier/src/assets/img/Door/08/03.jpg b/montier/src/assets/img/Door/08/03.jpg
new file mode 100644
index 0000000..a7cce62
Binary files /dev/null and b/montier/src/assets/img/Door/08/03.jpg differ
diff --git a/montier/src/assets/img/Door/08/04.jpg b/montier/src/assets/img/Door/08/04.jpg
new file mode 100644
index 0000000..fa81d58
Binary files /dev/null and b/montier/src/assets/img/Door/08/04.jpg differ
diff --git a/montier/src/assets/img/Door/09.png b/montier/src/assets/img/Door/09.png
deleted file mode 100644
index 1f37735..0000000
Binary files a/montier/src/assets/img/Door/09.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/10.png b/montier/src/assets/img/Door/10.png
deleted file mode 100644
index c15bc10..0000000
Binary files a/montier/src/assets/img/Door/10.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/101.png b/montier/src/assets/img/Door/101.png
deleted file mode 100644
index fb067e0..0000000
Binary files a/montier/src/assets/img/Door/101.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/102.png b/montier/src/assets/img/Door/102.png
deleted file mode 100644
index f476d4f..0000000
Binary files a/montier/src/assets/img/Door/102.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/103.png b/montier/src/assets/img/Door/103.png
deleted file mode 100644
index 41e1a67..0000000
Binary files a/montier/src/assets/img/Door/103.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/104.png b/montier/src/assets/img/Door/104.png
deleted file mode 100644
index b4c8a06..0000000
Binary files a/montier/src/assets/img/Door/104.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/105.png b/montier/src/assets/img/Door/105.png
deleted file mode 100644
index b1850c6..0000000
Binary files a/montier/src/assets/img/Door/105.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/106.png b/montier/src/assets/img/Door/106.png
deleted file mode 100644
index b9715fe..0000000
Binary files a/montier/src/assets/img/Door/106.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/107.png b/montier/src/assets/img/Door/107.png
deleted file mode 100644
index 6121c92..0000000
Binary files a/montier/src/assets/img/Door/107.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/108.png b/montier/src/assets/img/Door/108.png
deleted file mode 100644
index e144677..0000000
Binary files a/montier/src/assets/img/Door/108.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/11.png b/montier/src/assets/img/Door/11.png
deleted file mode 100644
index b687421..0000000
Binary files a/montier/src/assets/img/Door/11.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/12.png b/montier/src/assets/img/Door/12.png
deleted file mode 100644
index 8bbb566..0000000
Binary files a/montier/src/assets/img/Door/12.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/13.png b/montier/src/assets/img/Door/13.png
deleted file mode 100644
index 6286b2a..0000000
Binary files a/montier/src/assets/img/Door/13.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/14.png b/montier/src/assets/img/Door/14.png
deleted file mode 100644
index 4a5afd9..0000000
Binary files a/montier/src/assets/img/Door/14.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/15.png b/montier/src/assets/img/Door/15.png
deleted file mode 100644
index 34699e4..0000000
Binary files a/montier/src/assets/img/Door/15.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/16.png b/montier/src/assets/img/Door/16.png
deleted file mode 100644
index 16cfccc..0000000
Binary files a/montier/src/assets/img/Door/16.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/17.png b/montier/src/assets/img/Door/17.png
deleted file mode 100644
index bb8dfe0..0000000
Binary files a/montier/src/assets/img/Door/17.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/18.png b/montier/src/assets/img/Door/18.png
deleted file mode 100644
index 243a586..0000000
Binary files a/montier/src/assets/img/Door/18.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/19.png b/montier/src/assets/img/Door/19.png
deleted file mode 100644
index 5f0ccbb..0000000
Binary files a/montier/src/assets/img/Door/19.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/20.png b/montier/src/assets/img/Door/20.png
deleted file mode 100644
index 6226402..0000000
Binary files a/montier/src/assets/img/Door/20.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/21.png b/montier/src/assets/img/Door/21.png
deleted file mode 100644
index 3e064ce..0000000
Binary files a/montier/src/assets/img/Door/21.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/22.png b/montier/src/assets/img/Door/22.png
deleted file mode 100644
index 16ac42e..0000000
Binary files a/montier/src/assets/img/Door/22.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/23.png b/montier/src/assets/img/Door/23.png
deleted file mode 100644
index 9925faf..0000000
Binary files a/montier/src/assets/img/Door/23.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/24.png b/montier/src/assets/img/Door/24.png
deleted file mode 100644
index aa729ef..0000000
Binary files a/montier/src/assets/img/Door/24.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/25.png b/montier/src/assets/img/Door/25.png
deleted file mode 100644
index 420dee2..0000000
Binary files a/montier/src/assets/img/Door/25.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/26.png b/montier/src/assets/img/Door/26.png
deleted file mode 100644
index b2b2715..0000000
Binary files a/montier/src/assets/img/Door/26.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/27.png b/montier/src/assets/img/Door/27.png
deleted file mode 100644
index cdcc1b7..0000000
Binary files a/montier/src/assets/img/Door/27.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/28.png b/montier/src/assets/img/Door/28.png
deleted file mode 100644
index 6faead8..0000000
Binary files a/montier/src/assets/img/Door/28.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/29.png b/montier/src/assets/img/Door/29.png
deleted file mode 100644
index 73259c4..0000000
Binary files a/montier/src/assets/img/Door/29.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/30.png b/montier/src/assets/img/Door/30.png
deleted file mode 100644
index ed1e7d4..0000000
Binary files a/montier/src/assets/img/Door/30.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/31.png b/montier/src/assets/img/Door/31.png
deleted file mode 100644
index 50c228c..0000000
Binary files a/montier/src/assets/img/Door/31.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/32.png b/montier/src/assets/img/Door/32.png
deleted file mode 100644
index 2ac2e60..0000000
Binary files a/montier/src/assets/img/Door/32.png and /dev/null differ
diff --git a/montier/src/assets/img/Door/door.jpg b/montier/src/assets/img/Door/door.jpg
deleted file mode 100644
index 6139244..0000000
Binary files a/montier/src/assets/img/Door/door.jpg and /dev/null differ
diff --git a/montier/src/assets/img/FFE/1.jpg b/montier/src/assets/img/FFE/1.jpg
index e54b2f0..4ef4fe0 100644
Binary files a/montier/src/assets/img/FFE/1.jpg and b/montier/src/assets/img/FFE/1.jpg differ
diff --git a/montier/src/assets/img/FFE/2.jpg b/montier/src/assets/img/FFE/2.jpg
new file mode 100644
index 0000000..5856d33
Binary files /dev/null and b/montier/src/assets/img/FFE/2.jpg differ
diff --git a/montier/src/assets/img/FFE/3.jpg b/montier/src/assets/img/FFE/3.jpg
new file mode 100644
index 0000000..714f123
Binary files /dev/null and b/montier/src/assets/img/FFE/3.jpg differ
diff --git a/montier/src/assets/img/Installation.jpg b/montier/src/assets/img/Installation.jpg
index b2b3f29..0bc3716 100644
Binary files a/montier/src/assets/img/Installation.jpg and b/montier/src/assets/img/Installation.jpg differ
diff --git a/montier/src/assets/img/Kitchen/01.jpg b/montier/src/assets/img/Kitchen/01.jpg
index 2321421..899b375 100644
Binary files a/montier/src/assets/img/Kitchen/01.jpg and b/montier/src/assets/img/Kitchen/01.jpg differ
diff --git a/montier/src/assets/img/Kitchen/02.jpg b/montier/src/assets/img/Kitchen/02.jpg
index f0cbd68..ff934fe 100644
Binary files a/montier/src/assets/img/Kitchen/02.jpg and b/montier/src/assets/img/Kitchen/02.jpg differ
diff --git a/montier/src/assets/img/Kitchen/03.jpg b/montier/src/assets/img/Kitchen/03.jpg
index 2845f8b..4972b5f 100644
Binary files a/montier/src/assets/img/Kitchen/03.jpg and b/montier/src/assets/img/Kitchen/03.jpg differ
diff --git a/montier/src/assets/img/Kitchen/04.jpg b/montier/src/assets/img/Kitchen/04.jpg
index 9520800..3458ea9 100644
Binary files a/montier/src/assets/img/Kitchen/04.jpg and b/montier/src/assets/img/Kitchen/04.jpg differ
diff --git a/montier/src/assets/img/Kitchen/05.jpg b/montier/src/assets/img/Kitchen/05.jpg
index 2faaef7..9e8a74a 100644
Binary files a/montier/src/assets/img/Kitchen/05.jpg and b/montier/src/assets/img/Kitchen/05.jpg differ
diff --git a/montier/src/assets/img/Logistics.jpg b/montier/src/assets/img/Logistics.jpg
index 1498826..8a20216 100644
Binary files a/montier/src/assets/img/Logistics.jpg and b/montier/src/assets/img/Logistics.jpg differ
diff --git a/montier/src/assets/img/Manufactrue.jpg b/montier/src/assets/img/Manufactrue.jpg
index d39d88e..fbd336d 100644
Binary files a/montier/src/assets/img/Manufactrue.jpg and b/montier/src/assets/img/Manufactrue.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/01/1.jpg b/montier/src/assets/img/ProjectCase/01/1.jpg
index 8695fdd..e2524e5 100644
Binary files a/montier/src/assets/img/ProjectCase/01/1.jpg and b/montier/src/assets/img/ProjectCase/01/1.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/01/2.jpg b/montier/src/assets/img/ProjectCase/01/2.jpg
index 9f646fa..e2c7a30 100644
Binary files a/montier/src/assets/img/ProjectCase/01/2.jpg and b/montier/src/assets/img/ProjectCase/01/2.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/01/3.jpg b/montier/src/assets/img/ProjectCase/01/3.jpg
index defe5c2..3f92a31 100644
Binary files a/montier/src/assets/img/ProjectCase/01/3.jpg and b/montier/src/assets/img/ProjectCase/01/3.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/01/4.jpg b/montier/src/assets/img/ProjectCase/01/4.jpg
index e27e2cb..8ed18bd 100644
Binary files a/montier/src/assets/img/ProjectCase/01/4.jpg and b/montier/src/assets/img/ProjectCase/01/4.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/01/5.jpg b/montier/src/assets/img/ProjectCase/01/5.jpg
index a4f6f68..fe60b44 100644
Binary files a/montier/src/assets/img/ProjectCase/01/5.jpg and b/montier/src/assets/img/ProjectCase/01/5.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/01/6.jpg b/montier/src/assets/img/ProjectCase/01/6.jpg
index c376326..bb0f0ba 100644
Binary files a/montier/src/assets/img/ProjectCase/01/6.jpg and b/montier/src/assets/img/ProjectCase/01/6.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/02/1.jpg b/montier/src/assets/img/ProjectCase/02/1.jpg
index 4419910..511a1a6 100644
Binary files a/montier/src/assets/img/ProjectCase/02/1.jpg and b/montier/src/assets/img/ProjectCase/02/1.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/02/2.jpg b/montier/src/assets/img/ProjectCase/02/2.jpg
index 8a36bad..d2e6c0e 100644
Binary files a/montier/src/assets/img/ProjectCase/02/2.jpg and b/montier/src/assets/img/ProjectCase/02/2.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/02/3.jpg b/montier/src/assets/img/ProjectCase/02/3.jpg
index 9362f8e..fb20909 100644
Binary files a/montier/src/assets/img/ProjectCase/02/3.jpg and b/montier/src/assets/img/ProjectCase/02/3.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/02/4.jpg b/montier/src/assets/img/ProjectCase/02/4.jpg
index 3360fc3..0ee579c 100644
Binary files a/montier/src/assets/img/ProjectCase/02/4.jpg and b/montier/src/assets/img/ProjectCase/02/4.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/02/5.jpg b/montier/src/assets/img/ProjectCase/02/5.jpg
index 59b81f9..5e658ac 100644
Binary files a/montier/src/assets/img/ProjectCase/02/5.jpg and b/montier/src/assets/img/ProjectCase/02/5.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/02/6.jpg b/montier/src/assets/img/ProjectCase/02/6.jpg
index 2216b43..71bb3f3 100644
Binary files a/montier/src/assets/img/ProjectCase/02/6.jpg and b/montier/src/assets/img/ProjectCase/02/6.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/02/7.jpg b/montier/src/assets/img/ProjectCase/02/7.jpg
index 386745e..3f00db1 100644
Binary files a/montier/src/assets/img/ProjectCase/02/7.jpg and b/montier/src/assets/img/ProjectCase/02/7.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/02/8.jpg b/montier/src/assets/img/ProjectCase/02/8.jpg
index e032d54..ddc80da 100644
Binary files a/montier/src/assets/img/ProjectCase/02/8.jpg and b/montier/src/assets/img/ProjectCase/02/8.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/02/9.jpg b/montier/src/assets/img/ProjectCase/02/9.jpg
index 088a217..05e5717 100644
Binary files a/montier/src/assets/img/ProjectCase/02/9.jpg and b/montier/src/assets/img/ProjectCase/02/9.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/03/1.jpg b/montier/src/assets/img/ProjectCase/03/1.jpg
index 80fa3de..d59baec 100644
Binary files a/montier/src/assets/img/ProjectCase/03/1.jpg and b/montier/src/assets/img/ProjectCase/03/1.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/03/2.jpg b/montier/src/assets/img/ProjectCase/03/2.jpg
index 60d8944..905bf42 100644
Binary files a/montier/src/assets/img/ProjectCase/03/2.jpg and b/montier/src/assets/img/ProjectCase/03/2.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/03/3.jpg b/montier/src/assets/img/ProjectCase/03/3.jpg
index 8083184..dd85cf6 100644
Binary files a/montier/src/assets/img/ProjectCase/03/3.jpg and b/montier/src/assets/img/ProjectCase/03/3.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/03/4.jpg b/montier/src/assets/img/ProjectCase/03/4.jpg
index 37de850..8e2b603 100644
Binary files a/montier/src/assets/img/ProjectCase/03/4.jpg and b/montier/src/assets/img/ProjectCase/03/4.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/03/5.jpg b/montier/src/assets/img/ProjectCase/03/5.jpg
index 632fc11..b7c0b34 100644
Binary files a/montier/src/assets/img/ProjectCase/03/5.jpg and b/montier/src/assets/img/ProjectCase/03/5.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/03/6.jpg b/montier/src/assets/img/ProjectCase/03/6.jpg
index 68682c6..9c2f9cb 100644
Binary files a/montier/src/assets/img/ProjectCase/03/6.jpg and b/montier/src/assets/img/ProjectCase/03/6.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/03/7.jpg b/montier/src/assets/img/ProjectCase/03/7.jpg
index 293b311..aebaa5b 100644
Binary files a/montier/src/assets/img/ProjectCase/03/7.jpg and b/montier/src/assets/img/ProjectCase/03/7.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/03/8.jpg b/montier/src/assets/img/ProjectCase/03/8.jpg
index ac35147..2cdb0d6 100644
Binary files a/montier/src/assets/img/ProjectCase/03/8.jpg and b/montier/src/assets/img/ProjectCase/03/8.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/04/1.jpg b/montier/src/assets/img/ProjectCase/04/1.jpg
index 772e13e..8db350b 100644
Binary files a/montier/src/assets/img/ProjectCase/04/1.jpg and b/montier/src/assets/img/ProjectCase/04/1.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/04/2.jpg b/montier/src/assets/img/ProjectCase/04/2.jpg
index 754a88f..231476c 100644
Binary files a/montier/src/assets/img/ProjectCase/04/2.jpg and b/montier/src/assets/img/ProjectCase/04/2.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/04/3.jpg b/montier/src/assets/img/ProjectCase/04/3.jpg
index 0ace8b0..0fa01b7 100644
Binary files a/montier/src/assets/img/ProjectCase/04/3.jpg and b/montier/src/assets/img/ProjectCase/04/3.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/04/4.jpg b/montier/src/assets/img/ProjectCase/04/4.jpg
index e378f09..eb69736 100644
Binary files a/montier/src/assets/img/ProjectCase/04/4.jpg and b/montier/src/assets/img/ProjectCase/04/4.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/04/5.jpg b/montier/src/assets/img/ProjectCase/04/5.jpg
index 8b13c71..a81963c 100644
Binary files a/montier/src/assets/img/ProjectCase/04/5.jpg and b/montier/src/assets/img/ProjectCase/04/5.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/04/6.jpg b/montier/src/assets/img/ProjectCase/04/6.jpg
index 33dfde2..0f1d15b 100644
Binary files a/montier/src/assets/img/ProjectCase/04/6.jpg and b/montier/src/assets/img/ProjectCase/04/6.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/05/1.jpg b/montier/src/assets/img/ProjectCase/05/1.jpg
index 1dca140..872815b 100644
Binary files a/montier/src/assets/img/ProjectCase/05/1.jpg and b/montier/src/assets/img/ProjectCase/05/1.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/05/2.jpg b/montier/src/assets/img/ProjectCase/05/2.jpg
index de4f162..ef5f7d0 100644
Binary files a/montier/src/assets/img/ProjectCase/05/2.jpg and b/montier/src/assets/img/ProjectCase/05/2.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/05/3.jpg b/montier/src/assets/img/ProjectCase/05/3.jpg
index 32293ab..fd01eef 100644
Binary files a/montier/src/assets/img/ProjectCase/05/3.jpg and b/montier/src/assets/img/ProjectCase/05/3.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/05/4.jpg b/montier/src/assets/img/ProjectCase/05/4.jpg
index 058bc77..38190e2 100644
Binary files a/montier/src/assets/img/ProjectCase/05/4.jpg and b/montier/src/assets/img/ProjectCase/05/4.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/05/5.jpg b/montier/src/assets/img/ProjectCase/05/5.jpg
index 4fad6a1..09db367 100644
Binary files a/montier/src/assets/img/ProjectCase/05/5.jpg and b/montier/src/assets/img/ProjectCase/05/5.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/05/6.jpg b/montier/src/assets/img/ProjectCase/05/6.jpg
index fd3e462..c32644c 100644
Binary files a/montier/src/assets/img/ProjectCase/05/6.jpg and b/montier/src/assets/img/ProjectCase/05/6.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/05/7.jpg b/montier/src/assets/img/ProjectCase/05/7.jpg
index 02d45fd..e510683 100644
Binary files a/montier/src/assets/img/ProjectCase/05/7.jpg and b/montier/src/assets/img/ProjectCase/05/7.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/06/1.jpg b/montier/src/assets/img/ProjectCase/06/1.jpg
index 9ea5aab..b477b01 100644
Binary files a/montier/src/assets/img/ProjectCase/06/1.jpg and b/montier/src/assets/img/ProjectCase/06/1.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/06/2.jpg b/montier/src/assets/img/ProjectCase/06/2.jpg
index 327e0d4..8f17d8d 100644
Binary files a/montier/src/assets/img/ProjectCase/06/2.jpg and b/montier/src/assets/img/ProjectCase/06/2.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/06/3.jpg b/montier/src/assets/img/ProjectCase/06/3.jpg
index c794d2d..18cda11 100644
Binary files a/montier/src/assets/img/ProjectCase/06/3.jpg and b/montier/src/assets/img/ProjectCase/06/3.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/06/4.jpg b/montier/src/assets/img/ProjectCase/06/4.jpg
index 1ddea81..9f5182c 100644
Binary files a/montier/src/assets/img/ProjectCase/06/4.jpg and b/montier/src/assets/img/ProjectCase/06/4.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/06/5.jpg b/montier/src/assets/img/ProjectCase/06/5.jpg
index 1b9699e..69be1ce 100644
Binary files a/montier/src/assets/img/ProjectCase/06/5.jpg and b/montier/src/assets/img/ProjectCase/06/5.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/06/6.jpg b/montier/src/assets/img/ProjectCase/06/6.jpg
index 559e4a4..4e1a7ca 100644
Binary files a/montier/src/assets/img/ProjectCase/06/6.jpg and b/montier/src/assets/img/ProjectCase/06/6.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/06/7.jpg b/montier/src/assets/img/ProjectCase/06/7.jpg
index 7b88e37..1b6de91 100644
Binary files a/montier/src/assets/img/ProjectCase/06/7.jpg and b/montier/src/assets/img/ProjectCase/06/7.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/07/1.jpg b/montier/src/assets/img/ProjectCase/07/1.jpg
index 4453ec9..91a1502 100644
Binary files a/montier/src/assets/img/ProjectCase/07/1.jpg and b/montier/src/assets/img/ProjectCase/07/1.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/07/2.jpg b/montier/src/assets/img/ProjectCase/07/2.jpg
index 4cee756..700b079 100644
Binary files a/montier/src/assets/img/ProjectCase/07/2.jpg and b/montier/src/assets/img/ProjectCase/07/2.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/07/3.jpg b/montier/src/assets/img/ProjectCase/07/3.jpg
index bdad12a..9af156a 100644
Binary files a/montier/src/assets/img/ProjectCase/07/3.jpg and b/montier/src/assets/img/ProjectCase/07/3.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/07/4.jpg b/montier/src/assets/img/ProjectCase/07/4.jpg
index 455e9e4..c830eba 100644
Binary files a/montier/src/assets/img/ProjectCase/07/4.jpg and b/montier/src/assets/img/ProjectCase/07/4.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/07/5.jpg b/montier/src/assets/img/ProjectCase/07/5.jpg
index 415fd98..b44b347 100644
Binary files a/montier/src/assets/img/ProjectCase/07/5.jpg and b/montier/src/assets/img/ProjectCase/07/5.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/07/6.jpg b/montier/src/assets/img/ProjectCase/07/6.jpg
index 124ab60..038a011 100644
Binary files a/montier/src/assets/img/ProjectCase/07/6.jpg and b/montier/src/assets/img/ProjectCase/07/6.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/1.jpg b/montier/src/assets/img/ProjectCase/08/1.jpg
index a694de6..8587c82 100644
Binary files a/montier/src/assets/img/ProjectCase/08/1.jpg and b/montier/src/assets/img/ProjectCase/08/1.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/2.3.jpg b/montier/src/assets/img/ProjectCase/08/2.3.jpg
index 009dda0..0a1ecd2 100644
Binary files a/montier/src/assets/img/ProjectCase/08/2.3.jpg and b/montier/src/assets/img/ProjectCase/08/2.3.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/2.jpg b/montier/src/assets/img/ProjectCase/08/2.jpg
index 2dd7bff..edd7c56 100644
Binary files a/montier/src/assets/img/ProjectCase/08/2.jpg and b/montier/src/assets/img/ProjectCase/08/2.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/3.jpg b/montier/src/assets/img/ProjectCase/08/3.jpg
index 2456473..7f9c3fb 100644
Binary files a/montier/src/assets/img/ProjectCase/08/3.jpg and b/montier/src/assets/img/ProjectCase/08/3.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/4.jpg b/montier/src/assets/img/ProjectCase/08/4.jpg
index a70af2f..5605b42 100644
Binary files a/montier/src/assets/img/ProjectCase/08/4.jpg and b/montier/src/assets/img/ProjectCase/08/4.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/5.jpg b/montier/src/assets/img/ProjectCase/08/5.jpg
index 1d8adcf..9923adc 100644
Binary files a/montier/src/assets/img/ProjectCase/08/5.jpg and b/montier/src/assets/img/ProjectCase/08/5.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/6.jpg b/montier/src/assets/img/ProjectCase/08/6.jpg
index 4f3da28..a5b4fc4 100644
Binary files a/montier/src/assets/img/ProjectCase/08/6.jpg and b/montier/src/assets/img/ProjectCase/08/6.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/7.jpg b/montier/src/assets/img/ProjectCase/08/7.jpg
index f86a20d..62ed7d2 100644
Binary files a/montier/src/assets/img/ProjectCase/08/7.jpg and b/montier/src/assets/img/ProjectCase/08/7.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/8.jpg b/montier/src/assets/img/ProjectCase/08/8.jpg
index 8bff320..7d5408a 100644
Binary files a/montier/src/assets/img/ProjectCase/08/8.jpg and b/montier/src/assets/img/ProjectCase/08/8.jpg differ
diff --git a/montier/src/assets/img/ProjectCase/08/9.jpg b/montier/src/assets/img/ProjectCase/08/9.jpg
index 00b096a..41431fb 100644
Binary files a/montier/src/assets/img/ProjectCase/08/9.jpg and b/montier/src/assets/img/ProjectCase/08/9.jpg differ
diff --git a/montier/src/assets/img/Quality.jpg b/montier/src/assets/img/Quality.jpg
index 92d3c31..3520a00 100644
Binary files a/montier/src/assets/img/Quality.jpg and b/montier/src/assets/img/Quality.jpg differ
diff --git a/montier/src/assets/img/Quality01.jpg b/montier/src/assets/img/Quality01.jpg
index 89a6afd..eedc2fe 100644
Binary files a/montier/src/assets/img/Quality01.jpg and b/montier/src/assets/img/Quality01.jpg differ
diff --git a/montier/src/assets/img/Quality02.jpg b/montier/src/assets/img/Quality02.jpg
index 9150dda..c55daf5 100644
Binary files a/montier/src/assets/img/Quality02.jpg and b/montier/src/assets/img/Quality02.jpg differ
diff --git a/montier/src/assets/img/Service.jpg b/montier/src/assets/img/Service.jpg
index 8a44f00..80d389b 100644
Binary files a/montier/src/assets/img/Service.jpg and b/montier/src/assets/img/Service.jpg differ
diff --git a/montier/src/assets/img/center06.jpg b/montier/src/assets/img/center06.jpg
index 1e104f2..f8178b7 100644
Binary files a/montier/src/assets/img/center06.jpg and b/montier/src/assets/img/center06.jpg differ
diff --git a/montier/src/assets/img/faucets/01.jpg b/montier/src/assets/img/faucets/01.jpg
new file mode 100644
index 0000000..3e367b1
Binary files /dev/null and b/montier/src/assets/img/faucets/01.jpg differ
diff --git a/montier/src/assets/img/faucets/02.jpg b/montier/src/assets/img/faucets/02.jpg
new file mode 100644
index 0000000..ed4825c
Binary files /dev/null and b/montier/src/assets/img/faucets/02.jpg differ
diff --git a/montier/src/assets/img/faucets/03.jpg b/montier/src/assets/img/faucets/03.jpg
new file mode 100644
index 0000000..22e8070
Binary files /dev/null and b/montier/src/assets/img/faucets/03.jpg differ
diff --git a/montier/src/assets/img/faucets/04.jpg b/montier/src/assets/img/faucets/04.jpg
new file mode 100644
index 0000000..f75b3b4
Binary files /dev/null and b/montier/src/assets/img/faucets/04.jpg differ
diff --git a/montier/src/assets/img/faucets/05.jpg b/montier/src/assets/img/faucets/05.jpg
new file mode 100644
index 0000000..921b82d
Binary files /dev/null and b/montier/src/assets/img/faucets/05.jpg differ
diff --git a/montier/src/assets/img/faucets/06.jpg b/montier/src/assets/img/faucets/06.jpg
new file mode 100644
index 0000000..f8d4d49
Binary files /dev/null and b/montier/src/assets/img/faucets/06.jpg differ
diff --git a/montier/src/assets/img/faucets/07.jpg b/montier/src/assets/img/faucets/07.jpg
new file mode 100644
index 0000000..11314ca
Binary files /dev/null and b/montier/src/assets/img/faucets/07.jpg differ
diff --git a/montier/src/assets/img/faucets/08.jpg b/montier/src/assets/img/faucets/08.jpg
new file mode 100644
index 0000000..20380c6
Binary files /dev/null and b/montier/src/assets/img/faucets/08.jpg differ
diff --git a/montier/src/assets/img/faucets/09.jpg b/montier/src/assets/img/faucets/09.jpg
new file mode 100644
index 0000000..b62163b
Binary files /dev/null and b/montier/src/assets/img/faucets/09.jpg differ
diff --git a/montier/src/assets/img/faucets/10.jpg b/montier/src/assets/img/faucets/10.jpg
new file mode 100644
index 0000000..33233e4
Binary files /dev/null and b/montier/src/assets/img/faucets/10.jpg differ
diff --git a/montier/src/assets/img/faucets/11.jpg b/montier/src/assets/img/faucets/11.jpg
new file mode 100644
index 0000000..1842508
Binary files /dev/null and b/montier/src/assets/img/faucets/11.jpg differ
diff --git a/montier/src/assets/img/faucets/12.jpg b/montier/src/assets/img/faucets/12.jpg
new file mode 100644
index 0000000..97bc9c1
Binary files /dev/null and b/montier/src/assets/img/faucets/12.jpg differ
diff --git a/montier/src/assets/img/faucets/13.jpg b/montier/src/assets/img/faucets/13.jpg
new file mode 100644
index 0000000..7fe6224
Binary files /dev/null and b/montier/src/assets/img/faucets/13.jpg differ
diff --git a/montier/src/assets/img/i20.png b/montier/src/assets/img/i20.png
index b676718..517289f 100644
Binary files a/montier/src/assets/img/i20.png and b/montier/src/assets/img/i20.png differ
diff --git a/montier/src/assets/img/i21.png b/montier/src/assets/img/i21.png
index 1b94904..16a8432 100644
Binary files a/montier/src/assets/img/i21.png and b/montier/src/assets/img/i21.png differ
diff --git a/montier/src/assets/img/icon/1.jpg b/montier/src/assets/img/icon/1.jpg
new file mode 100644
index 0000000..d85bc7b
Binary files /dev/null and b/montier/src/assets/img/icon/1.jpg differ
diff --git a/montier/src/assets/img/icon/2.jpg b/montier/src/assets/img/icon/2.jpg
new file mode 100644
index 0000000..6bb09c2
Binary files /dev/null and b/montier/src/assets/img/icon/2.jpg differ
diff --git a/montier/src/assets/img/icon/3.jpg b/montier/src/assets/img/icon/3.jpg
new file mode 100644
index 0000000..45f3c7a
Binary files /dev/null and b/montier/src/assets/img/icon/3.jpg differ
diff --git a/montier/src/assets/img/icon/4.jpg b/montier/src/assets/img/icon/4.jpg
new file mode 100644
index 0000000..161c5f8
Binary files /dev/null and b/montier/src/assets/img/icon/4.jpg differ
diff --git a/montier/src/assets/img/logo.png b/montier/src/assets/img/logo.png
index bed9f33..fd8ad6e 100644
Binary files a/montier/src/assets/img/logo.png and b/montier/src/assets/img/logo.png differ
diff --git a/montier/src/assets/img/logo1.png b/montier/src/assets/img/logo1.png
index c42db88..012ff2c 100644
Binary files a/montier/src/assets/img/logo1.png and b/montier/src/assets/img/logo1.png differ
diff --git a/montier/src/assets/img/page01.png b/montier/src/assets/img/page01.png
index 64bff41..3a38ec2 100644
Binary files a/montier/src/assets/img/page01.png and b/montier/src/assets/img/page01.png differ
diff --git a/montier/src/assets/img/page02.png b/montier/src/assets/img/page02.png
new file mode 100644
index 0000000..9f03993
Binary files /dev/null and b/montier/src/assets/img/page02.png differ
diff --git a/montier/src/assets/img/productbanner.jpg b/montier/src/assets/img/productbanner.jpg
new file mode 100644
index 0000000..a4c89be
Binary files /dev/null and b/montier/src/assets/img/productbanner.jpg differ
diff --git a/montier/src/assets/img/projectCase1.png b/montier/src/assets/img/projectCase1.png
index 294fb80..cb7bf92 100644
Binary files a/montier/src/assets/img/projectCase1.png and b/montier/src/assets/img/projectCase1.png differ
diff --git a/montier/src/assets/img/railling/01.jpg b/montier/src/assets/img/railling/01.jpg
new file mode 100644
index 0000000..d9c8d53
Binary files /dev/null and b/montier/src/assets/img/railling/01.jpg differ
diff --git a/montier/src/assets/img/railling/02.jpg b/montier/src/assets/img/railling/02.jpg
new file mode 100644
index 0000000..176f389
Binary files /dev/null and b/montier/src/assets/img/railling/02.jpg differ
diff --git a/montier/src/assets/img/railling/icon01.png b/montier/src/assets/img/railling/icon01.png
new file mode 100644
index 0000000..67d7192
Binary files /dev/null and b/montier/src/assets/img/railling/icon01.png differ
diff --git a/montier/src/assets/img/railling/icon02.png b/montier/src/assets/img/railling/icon02.png
new file mode 100644
index 0000000..68937fa
Binary files /dev/null and b/montier/src/assets/img/railling/icon02.png differ
diff --git a/montier/src/assets/img/railling/icon03.png b/montier/src/assets/img/railling/icon03.png
new file mode 100644
index 0000000..142c6e3
Binary files /dev/null and b/montier/src/assets/img/railling/icon03.png differ
diff --git a/montier/src/assets/img/railling/icon04.png b/montier/src/assets/img/railling/icon04.png
new file mode 100644
index 0000000..93dfd25
Binary files /dev/null and b/montier/src/assets/img/railling/icon04.png differ
diff --git a/montier/src/assets/img/railling/railing01.jpg b/montier/src/assets/img/railling/railing01.jpg
new file mode 100644
index 0000000..eac6290
Binary files /dev/null and b/montier/src/assets/img/railling/railing01.jpg differ
diff --git a/montier/src/assets/img/railling/railing02.jpg b/montier/src/assets/img/railling/railing02.jpg
new file mode 100644
index 0000000..7e5dfc9
Binary files /dev/null and b/montier/src/assets/img/railling/railing02.jpg differ
diff --git a/montier/src/assets/img/railling/railing03.jpg b/montier/src/assets/img/railling/railing03.jpg
new file mode 100644
index 0000000..23dbf2b
Binary files /dev/null and b/montier/src/assets/img/railling/railing03.jpg differ
diff --git a/montier/src/assets/img/railling/railing04.jpg b/montier/src/assets/img/railling/railing04.jpg
new file mode 100644
index 0000000..3d442eb
Binary files /dev/null and b/montier/src/assets/img/railling/railing04.jpg differ
diff --git a/montier/src/assets/img/railling/railing05.jpg b/montier/src/assets/img/railling/railing05.jpg
new file mode 100644
index 0000000..bbab250
Binary files /dev/null and b/montier/src/assets/img/railling/railing05.jpg differ
diff --git a/montier/src/assets/img/railling/railing06.jpg b/montier/src/assets/img/railling/railing06.jpg
new file mode 100644
index 0000000..73ed3d1
Binary files /dev/null and b/montier/src/assets/img/railling/railing06.jpg differ
diff --git a/montier/src/assets/img/railling/railing07.jpg b/montier/src/assets/img/railling/railing07.jpg
new file mode 100644
index 0000000..a823bd2
Binary files /dev/null and b/montier/src/assets/img/railling/railing07.jpg differ
diff --git a/montier/src/assets/img/railling/stairs01.jpg b/montier/src/assets/img/railling/stairs01.jpg
new file mode 100644
index 0000000..83313dc
Binary files /dev/null and b/montier/src/assets/img/railling/stairs01.jpg differ
diff --git a/montier/src/assets/img/railling/stairs02.jpg b/montier/src/assets/img/railling/stairs02.jpg
new file mode 100644
index 0000000..e596116
Binary files /dev/null and b/montier/src/assets/img/railling/stairs02.jpg differ
diff --git a/montier/src/assets/img/railling/stairs03.jpg b/montier/src/assets/img/railling/stairs03.jpg
new file mode 100644
index 0000000..fcb978f
Binary files /dev/null and b/montier/src/assets/img/railling/stairs03.jpg differ
diff --git a/montier/src/assets/img/railling/stairs04.jpg b/montier/src/assets/img/railling/stairs04.jpg
new file mode 100644
index 0000000..ec2167b
Binary files /dev/null and b/montier/src/assets/img/railling/stairs04.jpg differ
diff --git a/montier/src/assets/img/railling/stairs05.jpg b/montier/src/assets/img/railling/stairs05.jpg
new file mode 100644
index 0000000..4209295
Binary files /dev/null and b/montier/src/assets/img/railling/stairs05.jpg differ
diff --git a/montier/src/assets/img/railling/stairs06.jpg b/montier/src/assets/img/railling/stairs06.jpg
new file mode 100644
index 0000000..675f97a
Binary files /dev/null and b/montier/src/assets/img/railling/stairs06.jpg differ
diff --git a/montier/src/assets/img/railling/stairs07.jpg b/montier/src/assets/img/railling/stairs07.jpg
new file mode 100644
index 0000000..22510b8
Binary files /dev/null and b/montier/src/assets/img/railling/stairs07.jpg differ
diff --git a/montier/src/assets/img/sanitary/01.jpg b/montier/src/assets/img/sanitary/01.jpg
new file mode 100644
index 0000000..cc2426b
Binary files /dev/null and b/montier/src/assets/img/sanitary/01.jpg differ
diff --git a/montier/src/assets/img/sanitary/02.jpg b/montier/src/assets/img/sanitary/02.jpg
new file mode 100644
index 0000000..60365f6
Binary files /dev/null and b/montier/src/assets/img/sanitary/02.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/01.jpg b/montier/src/assets/img/sanitary/faucets/01.jpg
new file mode 100644
index 0000000..756f633
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/01.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/02.jpg b/montier/src/assets/img/sanitary/faucets/02.jpg
new file mode 100644
index 0000000..75c9ab6
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/02.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/03.jpg b/montier/src/assets/img/sanitary/faucets/03.jpg
new file mode 100644
index 0000000..2ca926a
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/03.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/04.jpg b/montier/src/assets/img/sanitary/faucets/04.jpg
new file mode 100644
index 0000000..444b1db
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/04.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/05.jpg b/montier/src/assets/img/sanitary/faucets/05.jpg
new file mode 100644
index 0000000..5072c9b
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/05.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/06.jpg b/montier/src/assets/img/sanitary/faucets/06.jpg
new file mode 100644
index 0000000..d2e07e1
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/06.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/07.jpg b/montier/src/assets/img/sanitary/faucets/07.jpg
new file mode 100644
index 0000000..5e7559c
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/07.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/08.jpg b/montier/src/assets/img/sanitary/faucets/08.jpg
new file mode 100644
index 0000000..2b33d5e
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/08.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/09.jpg b/montier/src/assets/img/sanitary/faucets/09.jpg
new file mode 100644
index 0000000..1c3cf07
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/09.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/10.jpg b/montier/src/assets/img/sanitary/faucets/10.jpg
new file mode 100644
index 0000000..38799fd
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/10.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/11.jpg b/montier/src/assets/img/sanitary/faucets/11.jpg
new file mode 100644
index 0000000..c4b297b
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/11.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/12.jpg b/montier/src/assets/img/sanitary/faucets/12.jpg
new file mode 100644
index 0000000..16ca53d
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/12.jpg differ
diff --git a/montier/src/assets/img/sanitary/faucets/13.jpg b/montier/src/assets/img/sanitary/faucets/13.jpg
new file mode 100644
index 0000000..3a22e9b
Binary files /dev/null and b/montier/src/assets/img/sanitary/faucets/13.jpg differ
diff --git a/montier/src/assets/img/sanitary/icon01.png b/montier/src/assets/img/sanitary/icon01.png
new file mode 100644
index 0000000..b72bd8b
Binary files /dev/null and b/montier/src/assets/img/sanitary/icon01.png differ
diff --git a/montier/src/assets/img/sanitary/icon02.png b/montier/src/assets/img/sanitary/icon02.png
new file mode 100644
index 0000000..f30cf86
Binary files /dev/null and b/montier/src/assets/img/sanitary/icon02.png differ
diff --git a/montier/src/assets/img/sanitary/icon03.png b/montier/src/assets/img/sanitary/icon03.png
new file mode 100644
index 0000000..b9561c0
Binary files /dev/null and b/montier/src/assets/img/sanitary/icon03.png differ
diff --git a/montier/src/assets/img/sanitary/icon04.png b/montier/src/assets/img/sanitary/icon04.png
new file mode 100644
index 0000000..4daf2a5
Binary files /dev/null and b/montier/src/assets/img/sanitary/icon04.png differ
diff --git a/montier/src/assets/img/sanitary/mirror/01.jpg b/montier/src/assets/img/sanitary/mirror/01.jpg
new file mode 100644
index 0000000..b09c7f2
Binary files /dev/null and b/montier/src/assets/img/sanitary/mirror/01.jpg differ
diff --git a/montier/src/assets/img/sanitary/mirror/02.jpg b/montier/src/assets/img/sanitary/mirror/02.jpg
new file mode 100644
index 0000000..c9f335c
Binary files /dev/null and b/montier/src/assets/img/sanitary/mirror/02.jpg differ
diff --git a/montier/src/assets/img/sanitary/mirror/03.jpg b/montier/src/assets/img/sanitary/mirror/03.jpg
new file mode 100644
index 0000000..d15aa86
Binary files /dev/null and b/montier/src/assets/img/sanitary/mirror/03.jpg differ
diff --git a/montier/src/assets/img/sanitary/mirror/04.jpg b/montier/src/assets/img/sanitary/mirror/04.jpg
new file mode 100644
index 0000000..4d2a0c1
Binary files /dev/null and b/montier/src/assets/img/sanitary/mirror/04.jpg differ
diff --git a/montier/src/assets/img/sanitary/mirror/bgc.jpg b/montier/src/assets/img/sanitary/mirror/bgc.jpg
new file mode 100644
index 0000000..e29933d
Binary files /dev/null and b/montier/src/assets/img/sanitary/mirror/bgc.jpg differ
diff --git a/montier/src/assets/img/sanitary/wooden/01.jpg b/montier/src/assets/img/sanitary/wooden/01.jpg
new file mode 100644
index 0000000..8769201
Binary files /dev/null and b/montier/src/assets/img/sanitary/wooden/01.jpg differ
diff --git a/montier/src/assets/img/sanitary/wooden/02.jpg b/montier/src/assets/img/sanitary/wooden/02.jpg
new file mode 100644
index 0000000..8cdde27
Binary files /dev/null and b/montier/src/assets/img/sanitary/wooden/02.jpg differ
diff --git a/montier/src/assets/img/sanitary/wooden/03.jpg b/montier/src/assets/img/sanitary/wooden/03.jpg
new file mode 100644
index 0000000..8c6c13d
Binary files /dev/null and b/montier/src/assets/img/sanitary/wooden/03.jpg differ
diff --git a/montier/src/assets/img/sanitary/wooden/bgc1.jpg b/montier/src/assets/img/sanitary/wooden/bgc1.jpg
new file mode 100644
index 0000000..12f404c
Binary files /dev/null and b/montier/src/assets/img/sanitary/wooden/bgc1.jpg differ
diff --git a/montier/src/assets/img/sanitary/wooden/bgc2.jpg b/montier/src/assets/img/sanitary/wooden/bgc2.jpg
new file mode 100644
index 0000000..97c1e35
Binary files /dev/null and b/montier/src/assets/img/sanitary/wooden/bgc2.jpg differ
diff --git a/montier/src/components/HeaderPage.vue b/montier/src/components/HeaderPage.vue
index 2392102..338718d 100644
--- a/montier/src/components/HeaderPage.vue
+++ b/montier/src/components/HeaderPage.vue
@@ -9,17 +9,17 @@ let caselist = ref<any>([
   },
   {
     detail: {
-      title: 'Door', position: 'Door', name: 1
+      title: 'Doors', position: 'Door', name: 1
     }
   },
   {
     detail: {
-      title: 'Window', position: 'Window', name: 2
+      title: 'Windows', position: 'Window', name: 2
     }
   },
   {
     detail: {
-      title: 'Railing', position: 'Railing', name: 3
+      title: 'Railings&stairs', position: 'Railings&stairs', name: 3
     }
   },
   {
@@ -29,7 +29,7 @@ let caselist = ref<any>([
   },
   {
     detail: {
-      title: 'Kitchen Cabinets with Customization', position: 'Kitchen Cabinets with Customization', name: 5
+      title: 'Kitchen Faucets/Sinks/Cabinets', position: 'Kitchen Faucets/Sinks/Cabinets', name: 5
     }
   },
   {
@@ -272,7 +272,7 @@ const getProduct = async () => {
 
 <style scoped lang="less">
 .headerpage {
-  margin-bottom: 3vw;
+  margin-bottom: 4rem;
 }
 
 .navbar {
@@ -285,7 +285,7 @@ const getProduct = async () => {
   border: 0;
   margin: auto;
   -webkit-font-smoothing: antialiased;
-  font-smoothing: antialiased;
+  // font-smoothing: antialiased;
   z-index: 1001;
   box-sizing: border-box;
   //box-shadow: 0 0 12px rgba(0,0,0,0.12);
@@ -310,7 +310,7 @@ const getProduct = async () => {
 
 .navbar-brand {
   display: inline-block;
-  float: left;
+  // float: left;
   height: auto;
 }
 
@@ -350,15 +350,15 @@ const getProduct = async () => {
 .nav-item-title {
   transition: all .3s;
   vertical-align: middle;
-  line-height: 55px;
+  line-height: 60px;
   font-weight: normal;
-  font-size: 19px;
+  font-size: 20px;
   cursor: pointer;
   position: relative;
   -moz-justify-content: center;
   justify-content: center;
   word-spacing: 0;
-  height: 55px;
+  height: 60px;
 }
 
 .nav-item-title::after {
diff --git a/montier/src/pages/AllCases.vue b/montier/src/pages/AllCases.vue
index 465f468..b9f4615 100644
--- a/montier/src/pages/AllCases.vue
+++ b/montier/src/pages/AllCases.vue
@@ -19,6 +19,7 @@
                 </div>
             </div>
         </div>
+        <div class="btn position-relative font-size-20" @click="goPage('/')">Back</div>
     </div>
 </template>
 
@@ -86,6 +87,20 @@ const goPage = (url: any) => {
 </script>
 
 <style scoped lang="less">
+.btn {
+    cursor: pointer;
+    left: 50%;
+    transform: translateX(-50%);
+    margin: 1rem 0 2rem;
+    float: left;
+    font-weight: bold;
+    padding: 1rem 2.5rem;
+    border: 1px solid #333;
+}
+.btn:hover {
+    color: #fa8106;
+    border: 1px solid #fa8106;
+}
 .allcases {
     margin-top: 1rem;
     box-sizing: border-box;
diff --git a/montier/src/pages/Casemessage.vue b/montier/src/pages/Casemessage.vue
index cd1cffe..2457c96 100644
--- a/montier/src/pages/Casemessage.vue
+++ b/montier/src/pages/Casemessage.vue
@@ -23,7 +23,9 @@
                         </div>
                         <div class="share" :class="mobileShow ? 'font-size-16 mb-2 mt-1' : 'sont-size-22'">
                             <span><strong>Share To: </strong></span>
-
+                            <div class="icon-img">
+                                <a v-for="item,index in iconList" :key="index" :href="item.url" target="_blank"><img :src="item.detail" :alt="item.name"></a>
+                            </div>
                         </div>
                     </div>
                     <div class="casemessage-right" :class="mobileShow ? 'width-100' : 'width-70'">
@@ -79,6 +81,12 @@ let modules = [Navigation, Scrollbar, A11y];
 
 let casemessage = reactive<any>({})
 let slidesPerView = ref<number>(3)
+let iconList = Array<any>(
+    { detail: new URL("../assets/img/icon/1.jpg", import.meta.url).href, name: 'FaceBook', url: 'https://www.facebook.com/' },
+    { detail: new URL("../assets/img/icon/2.jpg", import.meta.url).href, name: 'Twitter', url: 'https://twitter.com/' },
+    { detail: new URL("../assets/img/icon/3.jpg", import.meta.url).href, name: 'Instagram', url: 'https://www.instagram.com/' },
+    { detail: new URL("../assets/img/icon/4.jpg", import.meta.url).href, name: 'YouTube', url: 'https://www.youtube.com/' },
+)
 
 watch(() => router.currentRoute.value.params.name, (newValue: any) => {
     if (newValue == '0') {
@@ -428,6 +436,20 @@ onMounted(() => {
 </script>
 
 <style scoped lang="less">
+.share{
+    margin-top: 1rem;
+    display: flex;
+    .icon-img{
+        width: 60%;
+        margin-left: 1rem;
+        img{
+            width: 3rem;
+            height: 3rem;
+            margin-left: 1rem;
+            border-radius: 10px;
+        }
+    }
+}
 :deep(.swiper-button-prev:after) {
     color: #fff;
     font-size: 30px;
diff --git a/montier/src/pages/Productmessage.vue b/montier/src/pages/Productmessage.vue
index 106909d..f8338ab 100644
--- a/montier/src/pages/Productmessage.vue
+++ b/montier/src/pages/Productmessage.vue
@@ -1,18 +1,35 @@
 <template>
-    <div class="productcenter">
+    <div class="productcenter"
+        v-if="router.currentRoute.value.params.name != '3' && router.currentRoute.value.params.name != '6'">
         <div class="door-bgc position-relative">
-            <img :src="banner.src" alt="Door">
+            <img :src="banner.src" :alt="banner.name">
             <span class="position-absolute doortitle color-fff font-bold"
-                :class="mobileShow ? 'font-size-16' : 'font-size-50'" v-if="banner.title != ''">{{ banner.title }}</span>
+                :class="mobileShow ? 'font-size-16' : 'font-size-50'" v-if="banner.title && banner.title != ''">{{
+                    banner.title }}</span>
         </div>
         <div class="box">
-            <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-                <el-tab-pane :label="item.title" :name="item.title" v-for="item, index in productList"
-                    :key="index"></el-tab-pane>
+            <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" v-if="productList.length != 0">
+                <el-tab-pane :label="item.title" :name="item.title" v-for="item, index in productList" :key="index">
+                    <div class="tabs-pic">
+                        <div class="top-pic">
+                            <img :src="doorproduct.top.detail" :alt="doorproduct.name">
+                        </div>
+                        <div class="footer-pic">
+                            <div class="footer-left">
+                                <img :src="doorproduct.footer.detail" :alt="doorproduct.name">
+                            </div>
+                            <div class="footer-right">
+                                <img :src="doorproduct.footer1.detail" :alt="doorproduct.name">
+                                <img :src="doorproduct.footer2.detail" :alt="doorproduct.name">
+                            </div>
+                        </div>
+                    </div>
+                </el-tab-pane>
             </el-tabs>
-            <div class="allpic">
+            <div class="allpic" v-if="router.currentRoute.value.params.name != '1'">
                 <div v-for="item2, index2 in product" :key="index2" class="pic" v-if="product.length != 0">
-                    <el-divider content-position="center" border-style="dashed">{{ item2.name }}</el-divider>
+                    <el-divider content-position="center" border-style="dashed" v-if="item2.name && item2.name != ''">{{
+                        item2.name }}</el-divider>
                     <div class="all-pic">
                         <div class="pic1" v-for="item3, index3 in item2.children" :key="index3"
                             v-if="item2.children && item2.children.length > 0">
@@ -31,6 +48,127 @@
         <div class="color-333 btn position-relative" :class="mobileShow ? 'font-size-20' : 'font-size-26'" @click="goPage">
             Back</div>
     </div>
+    <div class="productcenter" v-else>
+        <div class="railling-bgc">
+            <div class="railling-banner">
+                <div class="banner-left">
+                    <img :src="productmessage.banner1.detail" :alt="productmessage.banner1.name">
+                    <span class="banner-title">{{ productmessage.banner1.title }}</span>
+                </div>
+                <div class="banner-right">
+                    <div class="icon-img">
+                        <img :src="productmessage.banner2.detail" :alt="productmessage.banner2.name">
+                        <div class="banner-icon" v-if="productmessage.tips && productmessage.tips.length != 0">
+                            <span class="icon" v-for="item, index in productmessage.tips" :key="index">
+                                <img :src="item.detail" :alt="item.name">
+                                <span>{{ item.title }}</span>
+                            </span>
+                        </div>
+                    </div>
+                </div>
+                <div class="banner">
+                    <img :src="productmessage.banner3.detail" :alt="productmessage.banner3.name">
+                </div>
+            </div>
+            <div class="pic">
+                <el-tabs v-model="activeName2" class="demo-tabs" @tab-click="handleClick1"
+                    v-if="productmessage.children && productmessage.children.length != 0">
+                    <el-tab-pane :label="item.name" :name="item.name" v-for="item, index in productmessage.children"
+                        :key="index">
+                        <div class="children-pic" v-if="router.currentRoute.value.params.name == '3'">
+                            <div class="children-header">
+                                <div class="header-left">
+                                    <h1>{{ item.message.title }}</h1>
+                                    <h2><strong>{{ item.message.mintitle }}</strong></h2>
+                                    <span class="left-ietm" v-if="item.message.Application">{{ item.message.Application
+                                    }}</span>
+                                    <span class="left-ietm" v-if="item.message.patiosMaterials">{{
+                                        item.message.patiosMaterials }}</span>
+                                    <span class="left-ietm" v-if="item.message.Styles">{{ item.message.Styles }}</span>
+                                </div>
+                                <div class="header-right">
+                                    <img :src="item.banner.detail" :alt="item.banner.name">
+                                    <div class="mask"></div>
+                                </div>
+                            </div>
+                            <div class="children-allpic">
+                                <div class="children-item" v-for="item2, index2 in item.others" :key="index2"
+                                    v-if="item.others && item.others.length != 0">
+                                    <img :src="item2.detail" :alt="item2.name">
+                                    <span class="img-title" v-if="item2.title">{{ item2.title }}</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="children-pic1" v-else-if="router.currentRoute.value.params.name == '6'">
+                            <div class="allpic1" v-if="activeName2 == 'LED Mirror'">
+                                <div class="pic1-item" v-for="item2, index2 in item.others"
+                                    v-if="item.others && item.others.length != 0" :key="index2">
+                                    <div class="pic1-img">
+                                        <img :src="item2.detail" :alt="item2.name">
+                                    </div>
+                                    <div class="pic1-title">
+                                        <img :src="item.banner.detail" :alt="item.banner.name">
+                                        <span>{{ item2.title }}</span>
+                                    </div>
+                                </div>
+                                <div class="pic1-item" v-if="item.others1">
+                                    <div class="pic1-title">
+                                        <img :src="item.banner.detail" :alt="item.banner.name">
+                                        <span>{{ item.others1.title }}</span>
+                                    </div>
+                                    <div class="pic1-img">
+                                        <img :src="item.others1.detail" :alt="item.others1.name">
+                                    </div>
+                                </div>
+                                <div class="pic1-item1" v-if="item.others2">
+                                    <div class="pic1-title">
+                                        <img :src="item.banner.detail" :alt="item.banner.name">
+                                        <span>{{ item.others2.title }}</span>
+                                    </div>
+                                    <div class="pic1-img">
+                                        <img :src="item.others2.detail" :alt="item.others2.name">
+                                    </div>
+                                </div>
+                            </div>
+                            <div v-else-if="activeName2 == 'Wooden Frame Mirror'">
+                                <div class="wooden">
+                                    <div class="wooden-header" v-if="item.others && item.others.length != 0">
+                                        <div class="wooden-item" v-for="item2, index2 in item.others" :key="index2">
+                                            <img :src="item2.detail" :alt="item2.name">
+                                            <span>{{ item2.title }}</span>
+                                        </div>
+                                    </div>
+                                    <div class="wooden-bootom">
+                                        <div class="wooden-left" v-if="item.banner">
+                                            <img :src="item.banner.detail" :alt="item.banner.name">
+                                            <span>{{ item.banner.title }}</span>
+                                        </div>
+                                        <div class="wooden-right" v-if="item.banner2">
+                                            <img :src="item.banner2.detail" :alt="item.banner2.name">
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div v-else-if="activeName2 == 'Faucets'">
+                                <div class="faucets">
+                                    <div class="faucets-header">
+                                        <div class="header-left" v-if="item.banner1">
+                                            <img :src="item.banner1.detail" :alt="item.banner1.name">
+                                        </div>
+                                        <div class="header-right"></div>
+                                    </div>
+                                    <div class="faucets-bottom">
+
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="btn position-relative font-size-24" @click="goPage">Back</div>
+                    </el-tab-pane>
+                </el-tabs>
+            </div>
+        </div>
+    </div>
 </template>
 
 <script setup lang="ts">
@@ -40,26 +178,99 @@ import { TabsPaneContext, formContextKey } from 'element-plus/lib';
 import useHomeStore from '../store/modules/homepage'
 
 let Home = useHomeStore()
+
 let productList = Array<any>([])
 let product = Array<any>([])
+let doorproduct = ref<any>({})
+let productmessage = ref<any>({})  // 产品内页大图
 let banner = ref({
     src: '',
     title: '',
     name: ''
 })
 let activeName = ref<any>('')
+let activeName2 = ref<any>('')
 let mobileShow = ref<any>(false)
 
 const handleClick = (tab: TabsPaneContext, event: Event) => {
-    if (tab.props.name == 'Entrance Doors') {
-        product = Home.$state.Entrance
-    } else if (tab.props.name == 'Interior Doors') {
-        product = Home.$state.Interior
-    } else {
+    activeName.value = tab.props.name
+    Home.$state.Doors.map((li: any) => {
+        if (li.name == activeName.value) {
+            doorproduct.value = li
+        }
+    })
+}
+const handleClick1 = (tab: TabsPaneContext, event: Event) => {
+    activeName2.value = tab.props.name
+}
+const goPage = () => {
+    localStorage.setItem('scrollPosition', 'productCenter')
+    router.push({
+        path: '/'
+    })
+}
+
+watch(() => router.currentRoute.value.params.name, (newValue: any) => {
+    Home.$state.Products.map((li: any) => {
+        if (newValue == li.position) {
+            productmessage.value = li
+            if (li.children && li.children.length != 0) {
+                activeName2.value = li.children[0].name
+            }
+        }
+    })
+    if (newValue == '1') {
+        productList = [{ title: 'Wrought Iron Doors' }, { title: 'Steel Security Doors' },
+        { title: 'Pivot Entrance Doors' }, { title: 'Wooden Internal Doors' }, { title: 'Fire Doors' },
+        { title: 'Sliding Doors' }, { title: 'Hanging Sliding Doors' }, { title: 'Fold Sliding Doors' }]
+        banner.value = {
+            src: new URL("../assets/img/Door/01.jpg", import.meta.url).href,
+            title: 'Safety, Health, and Environmental Protection',
+            name: 'Door'
+        }
+        activeName.value = productList[0].title
+        Home.$state.Doors.map((li: any) => {
+            if (li.name == activeName.value) {
+                doorproduct.value = li
+            }
+        })
+    } else if (newValue == '2') {
+        productList = []
+        product = []
+    } else if (newValue == '3') {
+        productList = []
+        product = []
+    } else if (newValue == '4') {
+        productList = []
+        product = []
+    } else if (newValue == '5') {
+        productList = []
+        banner.value = {
+            src: new URL("../assets/img/Kitchen/01.jpg", import.meta.url).href,
+            title: '',
+            name: 'Kitchen'
+        }
+        product = Home.$state.Cabinet
+    } else if (newValue == '0') {
+        productList = []
+        banner.value = {
+            src: new URL('../assets/img/FFE/1.jpg', import.meta.url).href,
+            title: '',
+            name: 'Hotel FFE'
+        }
+        product = [
+            {
+                children: [
+                    { detail: new URL("../assets/img/FFE/2.jpg", import.meta.url).href, name: 'Hotel FFE' },
+                    { detail: new URL("../assets/img/FFE/3.jpg", import.meta.url).href, name: 'Hotel FFE' },
+                ]
+            }
+        ]
+    } else if (newValue == '6') {
+        productList = []
         product = []
     }
-}
-const goPage = () => router.back()
+}, { immediate: true, deep: true })
 
 onMounted(() => {
     if (document.body.offsetWidth < 960) {
@@ -76,62 +287,443 @@ onMounted(() => {
     })
 })
 
-if (router.currentRoute.value.params.name == '1') {
-    productList = [
-        {
-            title: 'Entrance Doors'
-        },
-        {
-            title: 'Interior Doors'
-        },
-        {
-            title: 'Fire Doors'
-        },
-        {
-            title: 'Sliding Doors'
+
+</script>
+
+<style scoped lang="less">
+// 产品的大图展示
+.faucets{
+    width: 100%;
+    .faucets-header{
+        width: 100%;
+        padding: 1rem;
+        background-color: #333333;
+        display: flex;
+        flex-wrap: wrap;
+        .faucets-item{
+            width: 24%;
+            height: 25vw;
+            margin-right: 1%;
+            margin-bottom: 2rem;
+            img{
+                width: 100%;
+                height: 100%;
+            }
         }
-    ]
-    banner.value = {
-        src: new URL("../assets/img/door/door.jpg", import.meta.url).href,
-        title: 'Safety, Health, and Environmental Protection',
-        name: 'Door'
     }
-    activeName.value = productList[0].title
-    product = Home.$state.Entrance
-} else if (router.currentRoute.value.params.name == '2') {
-    productList = []
-    product = []
-} else if (router.currentRoute.value.params.name == '3') {
-    productList = []
-    product = []
-} else if (router.currentRoute.value.params.name == '4') {
-    productList = []
-    product = []
-} else if (router.currentRoute.value.params.name == '5') {
-    productList = []
-    banner.value = {
-        src: new URL("../assets/img/Kitchen/01.jpg", import.meta.url).href,
-        title: '',
-        name: 'Kitchen'
+}
+.wooden {
+    width: 100%;
+
+    .wooden-header {
+        width: 100%;
+        display: flex;
+        flex-wrap: nowrap;
+        margin-bottom: 2rem;
+        justify-content: space-between;
+
+        .wooden-item {
+            width: 32%;
+            position: relative;
+            overflow: hidden;
+
+            img {
+                width: 100%;
+                height: 100%;
+                transition: 0.5s linear;
+            }
+            img:hover{
+                scale: 1.2;
+            }
+            img:hover + span{
+                background-color: #fa8106;
+            }
+
+            span {
+                box-sizing: border-box;
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 100%;
+                background: rgba(0, 0, 0, 0.2);
+                padding: 1rem;
+                color: #fff;
+                text-align: center;
+            }
+        }
     }
-    product = Home.$state.Cabinet
-} else if (router.currentRoute.value.params.name == '0') {
-    productList = []
-    banner.value = {
-        src: new URL('../assets/img/FFE/1.jpg', import.meta.url).href,
-        title: '',
-        name: 'Hotel FFE'
+    .wooden-bootom{
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        .wooden-left{
+            width: 20%;
+            position: relative;
+            img{
+                width: 100%;
+                height: 80%;
+            }
+            span{
+                position: absolute;
+                top: 40%;
+                left: 50%;
+                width: 90%;
+                transform: translate(-50%, -50%);
+                color: #ffffff;
+                font-weight: bold;
+            }
+        }
+        .wooden-right{
+            width: 78%;
+            img{
+                width: 100%;
+                height: 80%;
+            }
+        }
     }
-    product = []
-} else if (router.currentRoute.value.params.name == 'Sanitary Ware') {
-    productList = []
-    product = []
 }
 
+.children-pic {
+    width: 100%;
+    color: #333;
+    font-weight: normal;
 
-</script>
+    .children-header {
+        display: flex;
+        justify-content: space-between;
+        padding: 1rem;
+        border: 1px solid #eee;
+
+        .header-left {
+            width: 50%;
+            display: flex;
+            flex-direction: column;
+
+            h1 {
+                background: linear-gradient(to right, rgba(204, 151, 79), rgba(238, 201, 136));
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+                font-weight: bold;
+                margin-bottom: 3.5rem;
+            }
+
+            .left-ietm {
+                margin-top: 0.5rem;
+                font-size: 24px;
+            }
+        }
+
+        .header-right {
+            width: 50%;
+            height: 22vw;
+            position: relative;
+
+            img {
+                width: 100%;
+                height: 100%;
+            }
+
+            .mask {
+                width: 100%;
+                height: 100%;
+                background: linear-gradient(to right, #ffffff 0.5%, transparent);
+                position: absolute;
+                left: 0;
+                top: 0;
+                z-index: 2;
+            }
+        }
+    }
+
+    .children-allpic {
+        margin-top: 2rem;
+        display: flex;
+        flex-wrap: wrap;
+
+        .children-item {
+            position: relative;
+            width: 32%;
+            height: 32vw;
+            margin-right: 1%;
+            margin-top: 2%;
+            overflow: hidden;
+
+            img {
+                width: 100%;
+                height: 100%;
+                transition: 0.5s linear;
+            }
+
+            img:hover {
+                scale: 1.2;
+            }
+
+            img:hover+.img-title {
+                background-color: #fa8106;
+            }
+
+            .img-title {
+                box-sizing: border-box;
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 100%;
+                background: rgba(0, 0, 0, 0.2);
+                padding: 1rem;
+                color: #fff;
+                text-align: center;
+            }
+        }
+    }
+
+    .btn {
+        cursor: pointer;
+        left: 50%;
+        transform: translateX(-50%);
+        margin: 2rem 0 2rem;
+        float: left;
+        font-weight: bold;
+        padding: 1rem 2.5rem;
+        border: 1px solid #333;
+    }
+}
+
+.children-pic1 {
+    width: 100%;
+    color: #333;
+    font-weight: normal;
+
+    .allpic1 {
+        display: flex;
+        flex-wrap: wrap;
+
+        .pic1-item {
+            width: 48%;
+            height: 25vw;
+            margin-right: 1%;
+            margin-bottom: 2%;
+            display: flex;
+            background-color: pink;
+
+            .pic1-img,
+            .pic1-title {
+                width: 50%;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+
+            .pic1-title {
+                position: relative;
+
+                span {
+                    position: absolute;
+                    left: 50%;
+                    top: 50%;
+                    width: 100%;
+                    transform: translate(-50%, -50%);
+                    color: #fff;
+                    font-weight: bold;
+                    line-height: 4rem;
+                }
+            }
+        }
+
+        .pic1-item1 {
+            width: 48%;
+            height: 25vw;
+            margin-right: 1%;
+            margin-bottom: 2%;
+            display: flex;
+            flex-direction: column;
+
+            .pic1-title {
+                width: 100%;
+                height: 25%;
+                position: relative;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                }
+
+                span {
+                    position: absolute;
+                    width: 100%;
+                    left: 50%;
+                    top: 50%;
+                    transform: translate(-50%, -50%);
+                    color: #fff;
+                    font-weight: bold;
+                }
+            }
+
+            .pic1-img {
+                width: 100%;
+                height: 75%;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+        }
+    }
+}
+
+.productcenter {
+    .railling-bgc {
+        box-sizing: border-box;
+        width: 100%;
+        margin-bottom: 2rem;
+
+        .railling-banner {
+            width: 100%;
+            height: 90vh;
+            position: relative;
+            display: flex;
+            justify-content: space-between;
+
+            .banner-left {
+                width: 80%;
+                height: 100%;
+                position: relative;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                }
+
+                .banner-title {
+                    box-sizing: border-box;
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    width: 100%;
+                    font-size: 45px;
+                    text-align: center;
+                    padding: 1rem;
+                    color: #ffffff;
+                    background: rgba(0, 0, 0, 0.2);
+                    font-weight: bold;
+                }
+            }
+
+            .banner-right {
+                width: 19%;
+                height: 100%;
+
+                .icon-img {
+                    width: 100%;
+                    height: 100%;
+                    position: relative;
+
+                    img {
+                        width: 100%;
+                        height: 100%;
+                    }
+
+                    .banner-icon {
+                        display: flex;
+                        flex-direction: column;
+                        position: absolute;
+                        bottom: 2%;
+                        left: 50%;
+                        transform: translateX(-50%);
+
+                        .icon {
+                            display: flex;
+                            align-items: center;
+                            color: #ffffff;
+                            font-weight: bold;
+                            font-size: 20px;
+                            margin-top: 2rem;
+
+                            img {
+                                width: 3rem;
+                                height: 3rem;
+                                margin-right: 1rem;
+                            }
+                        }
+                    }
+                }
+            }
+
+            .banner {
+                width: 23vw;
+                height: 23vw;
+                border-radius: 50%;
+                position: absolute;
+                left: 80%;
+                transform: translateX(-50%);
+                top: 1%;
+                overflow: hidden;
+                background-color: #fff;
+
+                img {
+                    width: 93%;
+                    height: 93%;
+                    position: relative;
+                    left: 50%;
+                    top: 50%;
+                    transform: translate(-50%, -50%);
+                    border-radius: 50%;
+                }
+            }
+        }
+
+        .pic {
+            box-sizing: border-box;
+            width: 100%;
+            margin-top: 2rem;
+            padding: 0 2rem;
+        }
+    }
+}
+
+.tabs-pic {
+    width: 100%;
+    padding: 2rem;
+
+    .top-pic {
+        width: 100%;
+        margin-bottom: 1rem;
+
+        img {
+            width: 100%;
+        }
+    }
+
+    .footer-pic {
+        width: 100%;
+        display: flex;
+        align-items: center;
+
+        .footer-left {
+            width: 70%;
+            margin-right: 2%;
+
+            img {
+                width: 100%;
+            }
+        }
+
+        .footer-right {
+            width: 28%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+
+            img {
+                width: 100%;
+                margin-bottom: 2rem;
+            }
+        }
+    }
+}
 
-<style scoped lang="less">
 :deep(.el-tabs__item) {
     font-size: 26px !important;
     padding-bottom: 1rem;
@@ -320,5 +912,4 @@ if (router.currentRoute.value.params.name == '1') {
     color: #6b778c;
     font-size: 32px;
     font-weight: 600;
-}
-</style>
\ No newline at end of file
+}</style>
\ No newline at end of file
diff --git a/montier/src/pages/ProjectCase.vue b/montier/src/pages/ProjectCase.vue
index ed59fb1..32585f5 100644
--- a/montier/src/pages/ProjectCase.vue
+++ b/montier/src/pages/ProjectCase.vue
@@ -61,9 +61,9 @@ let bannerList2 = ref<any>([
   { detail: new URL('../assets/img/center06.jpg', import.meta.url).href, name: 'Hotel FFE', position: 0 },
   { detail: new URL("../assets/img/center01.jpg", import.meta.url).href, name: 'Doors', position: 1 },
   { detail: new URL("../assets/img/center02.jpg", import.meta.url).href, name: 'Windows', position: 2 },
-  { detail: new URL("../assets/img/center03.jpg", import.meta.url).href, name: 'Railings', position: 3 },
+  { detail: new URL("../assets/img/center03.jpg", import.meta.url).href, name: 'Railings&stairs', position: 3 },
   { detail: new URL("../assets/img/center04.jpg", import.meta.url).href, name: 'Building Materials', position: 4 },
-  { detail: new URL("../assets/img/center05.jpg", import.meta.url).href, name: 'Kitchen Cabinets with Customizations', position: 5 },
+  { detail: new URL("../assets/img/center05.jpg", import.meta.url).href, name: 'Kitchen Faucets/Sinks/Cabinets', position: 5 },
   { detail: new URL("../assets/img/center07.jpg", import.meta.url).href, name: 'Sanitary Wares', position: 6 },
 ])
 let screenWidth = ref<any>('')
diff --git a/montier/src/store/modules/homepage.ts b/montier/src/store/modules/homepage.ts
index 70456fc..c0591e8 100644
--- a/montier/src/store/modules/homepage.ts
+++ b/montier/src/store/modules/homepage.ts
@@ -3,79 +3,56 @@ import { defineStore } from "pinia";
 const useHomeStore = defineStore('Home', {
     state: () => {
         return {
-            Entrance: Array<any>(
+            Doors: Array<any>(
                 {
-                    name: 'Decorative wrought Entrance Doors',
-                    children: [
-                        { detail: new URL("../../assets/img/Door/01.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/02.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/03.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/04.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/05.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/06.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/07.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/08.png", import.meta.url).href, name: 'Entrance Doors' }
-                    ]
-                },
-                {
-                    name: 'Wrought Iron Entrance Doors',
-                    children: [
-                        { detail: new URL("../../assets/img/Door/09.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/10.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/11.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/12.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/13.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/14.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/15.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/16.png", import.meta.url).href, name: 'Entrance Doors' }
-                    ]
-                },
-                {
-                    name: 'Modern Safety Wrought Iron Entrance Doors',
-                    children: [
-                        { detail: new URL("../../assets/img/Door/17.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/18.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/19.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/20.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/21.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/22.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/23.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/24.png", import.meta.url).href, name: 'Entrance Doors' }
-                    ]
-                },
-                {
-                    name: 'Modern Design Metal Entrance Doors',
-                    children: [
-                        { detail: new URL("../../assets/img/Door/25.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/26.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/27.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/28.png", import.meta.url).href, name: 'Entrance Doors' }
-                    ]
-                },
-                {
-                    name: 'Modern Glass Metal Stainless Steel Pivot Door',
-                    children: [
-                        { detail: new URL("../../assets/img/Door/29.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/30.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/31.png", import.meta.url).href, name: 'Entrance Doors' },
-                        { detail: new URL("../../assets/img/Door/32.png", import.meta.url).href, name: 'Entrance Doors' }
-                    ]
-                }
-            ),
-            Interior: Array<any>(
-                {
-                    name: 'Wooden Internal Door',
-                    children: [
-                        { detail: new URL("../../assets/img/Door/101.png", import.meta.url).href, name: 'Interior Doors' },
-                        { detail: new URL("../../assets/img/Door/102.png", import.meta.url).href, name: 'Interior Doors' },
-                        { detail: new URL("../../assets/img/Door/103.png", import.meta.url).href, name: 'Interior Doors' },
-                        { detail: new URL("../../assets/img/Door/104.png", import.meta.url).href, name: 'Interior Doors' },
-                        { detail: new URL("../../assets/img/Door/105.png", import.meta.url).href, name: 'Interior Doors' },
-                        { detail: new URL("../../assets/img/Door/106.png", import.meta.url).href, name: 'Interior Doors' },
-                        { detail: new URL("../../assets/img/Door/107.png", import.meta.url).href, name: 'Interior Doors' },
-                        { detail: new URL("../../assets/img/Door/108.png", import.meta.url).href, name: 'Interior Doors' }
-                    ]
-                },
+                    name: 'Wrought Iron Doors',
+                    top: { detail: new URL("../../assets/img/Door/01/01.jpg", import.meta.url).href, name: 'Wrought Iron Doors' },
+                    footer: { detail: new URL("../../assets/img/Door/01/02.jpg", import.meta.url).href, name: 'Wrought Iron Doors' },
+                    footer1: { detail: new URL("../../assets/img/Door/01/03.jpg", import.meta.url).href, name: 'Wrought Iron Doors' },
+                    footer2: { detail: new URL("../../assets/img/Door/01/04.jpg", import.meta.url).href, name: 'Wrought Iron Doors' }
+                }, {
+                name: 'Steel Security Doors',
+                top: { detail: new URL("../../assets/img/Door/02/01.jpg", import.meta.url).href, name: 'Steel Security Doors' },
+                footer: { detail: new URL("../../assets/img/Door/02/02.jpg", import.meta.url).href, name: 'Steel Security Doors' },
+                footer1: { detail: new URL("../../assets/img/Door/02/03.jpg", import.meta.url).href, name: 'Steel Security Doors' },
+                footer2: { detail: new URL("../../assets/img/Door/02/04.jpg", import.meta.url).href, name: 'Steel Security Doors' }
+            }, {
+                name: 'Pivot Entrance Doors',
+                top: { detail: new URL("../../assets/img/Door/03/01.jpg", import.meta.url).href, name: 'Pivot Entrance Doors' },
+                footer: { detail: new URL("../../assets/img/Door/03/02.jpg", import.meta.url).href, name: 'Pivot Entrance Doors' },
+                footer1: { detail: new URL("../../assets/img/Door/03/03.jpg", import.meta.url).href, name: 'Pivot Entrance Doors' },
+                footer2: { detail: new URL("../../assets/img/Door/03/04.jpg", import.meta.url).href, name: 'Pivot Entrance Doors' }
+            }, {
+                name: 'Wooden Internal Doors',
+                top: { detail: new URL("../../assets/img/Door/04/01.jpg", import.meta.url).href, name: 'Wooden Internal Doors' },
+                footer: { detail: new URL("../../assets/img/Door/04/02.jpg", import.meta.url).href, name: 'Wooden Internal Doors' },
+                footer1: { detail: new URL("../../assets/img/Door/04/03.jpg", import.meta.url).href, name: 'Wooden Internal Doors' },
+                footer2: { detail: new URL("../../assets/img/Door/04/04.jpg", import.meta.url).href, name: 'Wooden Internal Doors' }
+            }, {
+                name: 'Fire Doors',
+                top: { detail: new URL("../../assets/img/Door/05/01.jpg", import.meta.url).href, name: 'Fire Doors' },
+                footer: { detail: new URL("../../assets/img/Door/05/02.jpg", import.meta.url).href, name: 'Fire Doors' },
+                footer1: { detail: new URL("../../assets/img/Door/05/03.jpg", import.meta.url).href, name: 'Fire Doors' },
+                footer2: { detail: new URL("../../assets/img/Door/05/04.jpg", import.meta.url).href, name: 'Fire Doors' }
+            }, {
+                name: 'Sliding Doors',
+                top: { detail: new URL("../../assets/img/Door/06/01.jpg", import.meta.url).href, name: 'Sliding Doors' },
+                footer: { detail: new URL("../../assets/img/Door/06/02.jpg", import.meta.url).href, name: 'Sliding Doors' },
+                footer1: { detail: new URL("../../assets/img/Door/06/03.jpg", import.meta.url).href, name: 'Sliding Doors' },
+                footer2: { detail: new URL("../../assets/img/Door/06/04.jpg", import.meta.url).href, name: 'Sliding Doors' }
+            }, {
+                name: 'Hanging Sliding Doors',
+                top: { detail: new URL("../../assets/img/Door/07/01.jpg", import.meta.url).href, name: 'Hanging Sliding Doors' },
+                footer: { detail: new URL("../../assets/img/Door/07/02.jpg", import.meta.url).href, name: 'Hanging Sliding Doors' },
+                footer1: { detail: new URL("../../assets/img/Door/07/03.jpg", import.meta.url).href, name: 'Hanging Sliding Doors' },
+                footer2: { detail: new URL("../../assets/img/Door/07/04.jpg", import.meta.url).href, name: 'Hanging Sliding Doors' }
+            }, {
+                name: 'Fold Sliding Doors',
+                top: { detail: new URL("../../assets/img/Door/08/01.jpg", import.meta.url).href, name: 'Fold Sliding Doors' },
+                footer: { detail: new URL("../../assets/img/Door/08/02.jpg", import.meta.url).href, name: 'Fold Sliding Doors' },
+                footer1: { detail: new URL("../../assets/img/Door/08/03.jpg", import.meta.url).href, name: 'Fold Sliding Doors' },
+                footer2: { detail: new URL("../../assets/img/Door/08/04.jpg", import.meta.url).href, name: 'Fold Sliding Doors' }
+            },
             ),
             Cabinet: Array<any>(
                 {
@@ -92,6 +69,116 @@ const useHomeStore = defineStore('Home', {
                         { detail: new URL("../../assets/img/Kitchen/05.jpg", import.meta.url).href, name: 'Kitchen Cabinet' },
                     ]
                 }
+            ),
+            Products: Array<any>(
+                {
+                    name: 'Raillings&stairs',
+                    position: '3',
+                    banner1: { detail: new URL("../../assets/img/railling/01.jpg", import.meta.url).href, name: 'Raillings&stairs', title: 'Safety, Easy Install Railings and Stairs' },
+                    banner2: { detail: new URL("../../assets/img/productbanner.jpg", import.meta.url).href, name: 'productbanner' },
+                    banner3: { detail: new URL("../../assets/img/railling/02.jpg", import.meta.url).href, name: 'Raillings&stairs' },
+                    tips: Array<any>(
+                        { detail: new URL("../../assets/img/railling/icon01.png", import.meta.url).href, name: 'Safety', title: 'Safety' },
+                        { detail: new URL("../../assets/img/railling/icon02.png", import.meta.url).href, name: 'Easy Install', title: 'Easy Install' },
+                        { detail: new URL("../../assets/img/railling/icon03.png", import.meta.url).href, name: 'Customized', title: 'Customized' },
+                        { detail: new URL("../../assets/img/railling/icon04.png", import.meta.url).href, name: 'High Qulity', title: 'High Qulity' },
+                    ),
+                    children: Array<any>(
+                        {
+                            name: 'Railings',
+                            message: {
+                                title: 'Customized Railing',
+                                Application: 'Application: Balcony, deck, stairs, bridge',
+                                patiosMaterials: 'patiosMaterials: ASTM Standard Sus304,Sus316,Sus316L,and Sus2205',
+                            },
+                            banner: { detail: new URL('../../assets/img/railling/railing01.jpg', import.meta.url).href, name: 'railing' },
+                            others: Array<any>(
+                                { detail: new URL('../../assets/img/railling/railing02.jpg', import.meta.url).href, name: 'Frameless Glass Railing', title: 'Frameless Glass Railing' },
+                                { detail: new URL('../../assets/img/railling/railing03.jpg', import.meta.url).href, name: 'Wrought Iron Railing', title: 'Wrought Iron Railing' },
+                                { detail: new URL('../../assets/img/railling/railing04.jpg', import.meta.url).href, name: 'Cable Wire Railing', title: 'Cable Wire Railing' },
+                                { detail: new URL('../../assets/img/railling/railing05.jpg', import.meta.url).href, name: 'Led Glass Railing', title: 'Led Glass Railing' },
+                                { detail: new URL('../../assets/img/railling/railing06.jpg', import.meta.url).href, name: '304/316 Stainless Steel Railing', title: '304/316 Stainless Steel Railing' },
+                                { detail: new URL('../../assets/img/railling/railing07.jpg', import.meta.url).href, name: 'PVC Railing', title: 'PVC Railing' },
+                            )
+                        },
+                        {
+                            name: 'Stairs',
+                            message: {
+                                title: 'Customized Staircase',
+                                mintitle: 'Each product is a unique handmade boutique',
+                                Styles: 'Styles: Straight Stairs, Spiral Stairs, Curved Stairs, LShape Stairs, U Shape Stairs, Bifurcated Stairs, Cantile-ver / Floating Stairs',
+                            },
+                            banner: { detail: new URL('../../assets/img/railling/stairs01.jpg', import.meta.url).href, name: 'stairs' },
+                            others: Array<any>(
+                                { detail: new URL('../../assets/img/railling/stairs02.jpg', import.meta.url).href, name: 'Spiral Stairs', title: 'Spiral Stairs' },
+                                { detail: new URL('../../assets/img/railling/stairs03.jpg', import.meta.url).href, name: 'Floating Stairs', title: 'Floating Stairs' },
+                                { detail: new URL('../../assets/img/railling/stairs04.jpg', import.meta.url).href, name: 'Mono Stringer', title: 'Mono Stringer' },
+                                { detail: new URL('../../assets/img/railling/stairs05.jpg', import.meta.url).href, name: 'Double Beam Stairs', title: 'Double Beam Stairs' },
+                                { detail: new URL('../../assets/img/railling/stairs06.jpg', import.meta.url).href, name: 'Curved Stairs', title: 'Curved Stairs' },
+                                { detail: new URL('../../assets/img/railling/stairs07.jpg', import.meta.url).href, name: 'Customized Design', title: '' },
+                            )
+                        }
+                    )
+                },
+                {
+                    name: 'Sanitary Wares',
+                    position: '6',
+                    banner1: { detail: new URL("../../assets/img/sanitary/01.jpg", import.meta.url).href, name: 'Sanitary Wares', title: 'Your design of comfortable customized bathroom' },
+                    banner2: { detail: new URL("../../assets/img/productbanner.jpg", import.meta.url).href, name: 'productbanner' },
+                    banner3: { detail: new URL("../../assets/img/sanitary/02.jpg", import.meta.url).href, name: 'Sanitary Wares' },
+                    tips: Array<any>(
+                        { detail: new URL("../../assets/img/sanitary/icon01.png", import.meta.url).href, name: 'Comfortable', title: 'Comfortable' },
+                        { detail: new URL("../../assets/img/sanitary/icon02.png", import.meta.url).href, name: 'Smart', title: 'Smart' },
+                        { detail: new URL("../../assets/img/sanitary/icon03.png", import.meta.url).href, name: 'Customized', title: 'Customized' },
+                        { detail: new URL("../../assets/img/sanitary/icon04.png", import.meta.url).href, name: 'High Qulity', title: 'High Qulity' },
+                    ),
+                    children: Array<any>(
+                        {
+                            name: 'LED Mirror',
+                            banner: { detail: new URL('../../assets/img/sanitary/mirror/bgc.jpg', import.meta.url).href, name: 'LED Mirror' },
+                            others: Array<any>(
+                                { detail: new URL('../../assets/img/sanitary/mirror/01.jpg', import.meta.url).href, name: 'Rectangle Bathroom LED Mirror', title: 'Rectangle Bathroom LED Mirror' },
+                                { detail: new URL('../../assets/img/sanitary/mirror/02.jpg', import.meta.url).href, name: 'Round Bathroom LED Mirror', title: 'Round Bathroom LED Mirror' },
+                            ),
+                            others1: { detail: new URL('../../assets/img/sanitary/mirror/03.jpg', import.meta.url).href, name: 'Cute Shaped Bathroom LED Mirror', title: 'Cute Shaped Bathroom LED Mirror' },
+                            others2: { detail: new URL('../../assets/img/sanitary/mirror/04.jpg', import.meta.url).href, name: 'LED Mirror Optional functions', title: 'LED Mirror Optional functions' }
+                        },
+                        {
+                            name: 'Wooden Frame Mirror',
+                            banner: { detail: new URL('../../assets/img/sanitary/wooden/bgc1.jpg', import.meta.url).href, name: 'Customized service in different shapes', title: 'Customized service in different shapes' },
+                            banner2: { detail: new URL('../../assets/img/sanitary/wooden/bgc2.jpg', import.meta.url).href, name: 'Customized service in different shapes' },
+                            others: Array<any>(
+                                { detail: new URL('../../assets/img/sanitary/wooden/01.jpg', import.meta.url).href, name: 'Rectangle Mirror', title: 'Rectangle Mirror' },
+                                { detail: new URL('../../assets/img/sanitary/wooden/02.jpg', import.meta.url).href, name: 'Square Mirror', title: 'Square Mirror' },
+                                { detail: new URL('../../assets/img/sanitary/wooden/03.jpg', import.meta.url).href, name: 'Irregular Shape Mirror', title: 'Irregular Shape Mirror' },
+                            )
+                        }, {
+                        name: 'Faucets',
+                        banner: { detail: new URL('../../assets/img/sanitary/mirror/bgc.jpg', import.meta.url).href, name: 'More colors' },
+                        banner1: { detail: new URL('../../assets/img/sanitary/Faucets/01.jpg', import.meta.url).href, name: 'Shower Faucet', title: 'Shower Faucet' },
+                        banner2: { detail: new URL('../../assets/img/sanitary/Faucets/08.jpg', import.meta.url).href, name: 'Bathtub Faucet', title: 'Bathtub Faucet' },
+                        others: Array<any>(
+                            { detail: new URL('../../assets/img/sanitary/Faucets/02.jpg', import.meta.url).href, name: 'Single-Hole Basin Faucet', title: 'Single-Hole Basin Faucet' },
+                            { detail: new URL('../../assets/img/sanitary/Faucets/03.jpg', import.meta.url).href, name: 'Waterfall Basin Faucet', title: 'Waterfall Basin Faucet' },
+                            { detail: new URL('../../assets/img/sanitary/Faucets/04.jpg', import.meta.url).href, name: 'Sensor Faucet', title: 'Sensor Faucet' },
+                            { detail: new URL('../../assets/img/sanitary/Faucets/05.jpg', import.meta.url).href, name: 'Wall-Mounted Basin Faucet', title: 'Wall-Mounted Basin Faucet' },
+                            { detail: new URL('../../assets/img/sanitary/Faucets/06.jpg', import.meta.url).href, name: '8 Widespread Basin Faucet', title: '8 Widespread Basin Faucet' },
+                            { detail: new URL('../../assets/img/sanitary/Faucets/07.jpg', import.meta.url).href, name: '4 Centerset Basin Faucet', title: '4 Centerset Basin Faucet' },
+                            { detail: new URL('../../assets/img/sanitary/Faucets/09.jpg', import.meta.url).href, name: 'Bathtub Faucet', title: 'Bathtub Faucet' },
+                            { detail: new URL('../../assets/img/sanitary/Faucets/10.jpg', import.meta.url).href, name: 'Bathroom Accessories', title: 'Bathroom Accessories' },
+                            { detail: new URL('../../assets/img/sanitary/Faucets/11.jpg', import.meta.url).href, name: 'Accessories', title: 'Accessories' },
+                        ),
+                        others2: {
+                            title: 'More colors',
+                            mintitle: 'can better match your house style',
+                            children: Array<any>(
+                                { detail: new URL('../../assets/img/sanitary/Faucets/12.jpg', import.meta.url).href, name: 'colors', title: 'colors' },
+                                { detail: new URL('../../assets/img/sanitary/Faucets/13.jpg', import.meta.url).href, name: 'colors', title: 'colors' },
+                            )
+                        }
+                    }
+                    )
+                }
             )
         }
     },