diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index fa252dc..e929c2a 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -1110,7 +1110,10 @@ input[type=radio]:focus:before {
 .table-addon th,
 .table-spec th,
 .spec-info th,
-.table-list-competitor th {
+.table-list-competitor th,
+.table-customer-group th,
+.table-review th,
+.table-newsletter th {
   padding: 7px 5px;
   background: #f6f6f6;
   border: 1px solid #ececec;
@@ -1120,13 +1123,31 @@ input[type=radio]:focus:before {
 .table-addon td,
 .table-spec td,
 .spec-info td,
-.table-list-competitor td {
+.table-list-competitor td,
+.table-customer-group td,
+.table-review td,
+.table-newsletter td {
   padding: 7px 6px;
   border: 1px solid #ececec;
 }
 .table-addon .name,
 .table-spec .name,
 .spec-info .name,
-.table-list-competitor .name {
+.table-list-competitor .name,
+.table-customer-group .name,
+.table-review .name,
+.table-newsletter .name {
   color: #0041e8;
+}
+
+.input-date {
+  position: relative;
+}
+.input-date::before {
+  position: absolute;
+  top: 50%;
+  right: 15px;
+  transform: translate(0, -50%);
+  content: "\f133";
+  font-family: "Font Awesome 6 Free";
 }/*# sourceMappingURL=pc_style.css.map */
\ No newline at end of file
diff --git a/assets/script/pc_style.css.map b/assets/script/pc_style.css.map
index fb9377c..5d583d7 100644
--- a/assets/script/pc_style.css.map
+++ b/assets/script/pc_style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
+{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
diff --git a/assets/script/pc_style.scss b/assets/script/pc_style.scss
index d24e7ea..ce1cfa5 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -1160,7 +1160,10 @@ input[type="radio"] {
 .table-addon,
 .table-spec,
 .spec-info,
-.table-list-competitor {
+.table-list-competitor,
+.table-customer-group,
+.table-review,
+.table-newsletter {
     th {
         padding: 7px 5px;
         background: #f6f6f6;
@@ -1176,3 +1179,15 @@ input[type="radio"] {
         color: #0041e8;
     }
 }
+
+.input-date {
+    position: relative;
+    &::before {
+        position: absolute;
+        top: 50%;
+        right: 15px;
+        transform: translate(0, -50%);
+        content: "\f133";
+        font-family: "Font Awesome 6 Free";
+    }
+}
diff --git a/data/customer/comment.php b/data/customer/comment.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/customer/comment.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/customer/customer_add.php b/data/customer/customer_add.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/customer/customer_add.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/customer/customer_contact.php b/data/customer/customer_contact.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/customer/customer_contact.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/customer/customer_group.php b/data/customer/customer_group.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/customer/customer_group.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/customer/customer_group_add.php b/data/customer/customer_group_add.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/customer/customer_group_add.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/customer/customer_group_info.php b/data/customer/customer_group_info.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/customer/customer_group_info.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/customer/customer_newsletter.php b/data/customer/customer_newsletter.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/customer/customer_newsletter.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/customer/customer_review.php b/data/customer/customer_review.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/customer/customer_review.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/data/customer/review.php b/data/customer/review.php
new file mode 100644
index 0000000..a814366
--- /dev/null
+++ b/data/customer/review.php
@@ -0,0 +1 @@
+<?php
\ No newline at end of file
diff --git a/template/customer/customer-add.html b/template/customer/customer-add.html
deleted file mode 100644
index b7e1100..0000000
--- a/template/customer/customer-add.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="w-[100%] mb-[50px]">
-
-    <div class="text-sm breadcrumbs ml-[10px]">
-        <ul>
-            <li><a href="/admin/customer">Danh sách khách hàng</a></li>
-            <li class="text-[#0041E8]">Form thêm khách hàng</li>
-        </ul>
-    </div>
-
-</div>
\ No newline at end of file
diff --git a/template/customer/customer-contact.html b/template/customer/customer-contact.html
deleted file mode 100644
index 540292f..0000000
--- a/template/customer/customer-contact.html
+++ /dev/null
@@ -1,231 +0,0 @@
-<div class="w-[100%]">
-    <div
-        class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
-        <h1 class="text-[24px] font-[700] mb-3">Khách hàng liên hệ</h1>
-
-        <form action=""
-            class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
-            <input type="text" name=""
-                class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
-                placeholder="Tìm kiếm">
-            <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
-        </form>
-
-
-        <div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
-            <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
-                    hệ</a> của website</p>
-            <select name="" id=""
-                class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
-                <option value="">Chọn bộ lọc</option>
-            </select>
-        </div>
-
-
-        <table class="table-comment">
-            <thead>
-                <tr>
-                    <th>STT</th>
-                    <th>Phản hồi</th>
-                    <th>Thời gian</th>
-                    <th>Tác giả</th>
-                    <th>Sản phẩm</th>
-                    <th>Nội dung</th>
-                    <th>Lựa chọn</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>1</td>
-                    <td>09-08-2023, 11:24 am</td>
-                    <td>
-                        <div class="flex items-center">
-                            <b>Nguyễn An</b>
-                            <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
-                                viên</p>
-                        </div>
-                        <p>annv@hurasoft.com</p>
-                    </td>
-                    <td>
-                        <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
-                    </td>
-                    <td>
-                        test reply
-                    </td>
-                    <td>
-                        <div class="flex items-center">
-                            <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-edit"></i>
-                            </a>
-                            <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-solid fa-crown text-[#0041E8]"></i>
-                            </a>
-                        </div>
-                        <div class="flex items-center">
-                            <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa fa-plus text-[#0041E8]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-remove"></i>
-                            </a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-
-
-        <dialog id="js_list_reply_comment" class="modal">
-            <div class="modal-box w-[852px] max-w-5xl p-[15px]">
-                <form method="dialog">
-                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
-                </form>
-                <h2 class="text-[18px] uppercase font-bold border-b-[1px] pb-[5px]">Chi tiết phản hồi</h2>
-
-                <div class="info-comment mt-[10px]">
-                    <b class="text-[16px] mb-[10px] block">Thông tin</b>
-                    <div class="flex items-center mb-[5px]">
-                        <p
-                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
-                            Khách
-                            hàng</p>
-                        <b class="ml-[5px]">Hura test</b>
-                    </div>
-                    <div class="flex items-center mb-[5px]">
-                        <p
-                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
-                            Email</p>
-                        <p class="ml-[5px]">test@mail.com</p>
-                    </div>
-                    <div class="flex items-center mb-[5px]">
-                        <p
-                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
-                            Tiêu đề</p>
-                        <p class="ml-[5px]">Màn Hình Máy Tính LG 27UL850 27Inch 4K IPS</p>
-                    </div>
-                    <div class="flex items-center mb-[5px]">
-                        <p
-                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
-                            Nội dung</p>
-                        <p class="ml-[5px]">test reply</p>
-                    </div>
-                    <div class="flex items-center mb-[5px]">
-                        <p
-                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
-                            Thời gian</p>
-                        <p class="ml-[5px]">20-04-2023, 1:36 pm</p>
-                    </div>
-                    <div class="flex items-center mb-[5px]">
-                        <p
-                            class="w-[120px] relative before:absolute before:content-[':'] before:right-[0] before:top-[0] before:text-[14px]">
-                            Liên quan</p>
-                        <p class="ml-[5px]">[product] <a href="" class="text-[#0041E8]">Màn Hình Máy Tính LG 27UL850
-                                27Inch 4K IPS</a></p>
-                    </div>
-                </div>
-
-                <div class="info-reply mt-[20px]">
-                    <b class="text-[16px] block mb-[10px]">Phản hồi <span>2</span></b>
-                    <table class="list-info-reply">
-                        <thead>
-                            <tr>
-                                <th>STT</th>
-                                <th>Thời gian</th>
-                                <th>Tác giả</th>
-                                <th>Nội dung</th>
-                                <th>Lựa chọn</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <td>1</td>
-                                <td>09-08-2023, 11:24 am</td>
-                                <td>
-                                    <div class="flex items-center">
-                                        <b>Nguyễn An</b>
-                                        <p
-                                            class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
-                                            Quản trị
-                                            viên</p>
-                                    </div>
-                                    <p>annv@hurasoft.com</p>
-                                </td>
-                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
-                                <td>
-                                    <div class="flex items-center">
-                                        <a href=""
-                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                            <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
-                                        </a>
-                                        <a href=""
-                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                            <i class="icons icon-remove text-[#9E9E9E]"></i>
-                                        </a>
-                                    </div>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>1</td>
-                                <td>09-08-2023, 11:24 am</td>
-                                <td>
-                                    <div class="flex items-center">
-                                        <b>Nguyễn An</b>
-                                        <p
-                                            class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">
-                                            Quản trị
-                                            viên</p>
-                                    </div>
-                                    <p>annv@hurasoft.com</p>
-                                </td>
-                                <td>em sẽ tư vấn cụ thể cho chị nhé ạ</td>
-                                <td>
-                                    <div class="flex items-center">
-                                        <a href=""
-                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                            <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
-                                        </a>
-                                        <a href=""
-                                            class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                            <i class="icons icon-remove text-[#9E9E9E]"></i>
-                                        </a>
-                                    </div>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-
-                <div class="send-quick-feedback mt-[20px]">
-                    <b class="block text-[16px] mb-[10px]">Gửi phản hồi nhanh</b>
-                    <textarea name="" id=""
-                        class="w-[70%] h-[50px] p-[10px] border-[1px] border-[#D8D8D8] mb-[15px] rounded-[4px]"></textarea>
-
-                    <div class="flex items-center mt-[10px]">
-                        <input
-                            class="btn w-[56px] min-h-[32px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
-                            name="commit" type="submit" value="Gửi">
-                        <p class="ml-[10px]">(* Bạn sẽ gửi phản hồi là Uyên Hura)</p>
-                    </div>
-                </div>
-
-            </div>
-            <form method="dialog" class="modal-backdrop">
-                <button>close</button>
-            </form>
-        </dialog>
-
-    </div>
-</div>
\ No newline at end of file
diff --git a/template/customer/customer_add.html b/template/customer/customer_add.html
new file mode 100644
index 0000000..c08c993
--- /dev/null
+++ b/template/customer/customer_add.html
@@ -0,0 +1,172 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/customer">Danh sách khách hàng</a></li>
+            <li class="text-[#0041E8]">Form thêm khách hàng</li>
+        </ul>
+    </div>
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
+            <div class="flex items-center justify-between">
+                <div>
+                    <h1 class="text-[20px] font-[700]">Cập nhật lại khách hàng</h1>
+                    <span class="text-[#6B7280]">Khách hàng: Nguyễn Duy Thành</span>
+                </div>
+                <a href="/admin/customer/customer-add"
+                    class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
+                    <span
+                        class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
+                    <span class="text-[#6B7280]">Thêm khách hàng mới</span>
+                </a>
+            </div>
+        </div>
+
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
+                        dung</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <b class="text-[20px] mb-[10px] block">Thông tin khách hàng</b>
+                    <div class="flex items-center my-[10px]">
+                        <b class="text-[#383C44] mr-[10px]">Thuộc tính khách hàng</b>
+                        <a href="/admin/customer/customer-group" class="text-[#0041E8]">Quản lý nhóm khách hàng</a>
+                    </div>
+
+                    <div class="flex items-center">
+                        <div class="check-form flex items-center mb-[10px] w-[20%]">
+                            <input type="checkbox" name="change_url_on_update" value="1" checked
+                                class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
+                            <span class="ml-[10px] text-[#6B7280]">Mua lẻ</span>
+                        </div>
+                        <div class="check-form flex items-center mb-[10px] w-[20%]">
+                            <input type="checkbox" name="change_url_on_update" value="1"
+                                class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
+                            <span class="ml-[10px] text-[#6B7280]">Khách HCM</span>
+                        </div>
+                        <div class="check-form flex items-center mb-[10px] w-[20%]">
+                            <input type="checkbox" name="change_url_on_update" value="1"
+                                class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
+                            <span class="ml-[10px] text-[#6B7280]">Khách VIP</span>
+                        </div>
+                    </div>
+
+                    <div class="flex items-center justify-between">
+                        <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Tên khách hàng</label>
+                            <input type="text" size="60" name="" placeholder="Tên khách hàng"
+                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                        </div>
+                        <div class="mb-[15px] w-[100%] ml-[7px]">
+                            <label class="block font-[600] mb-[5px] text-[14px]">Sinh nhật</label>
+                            <div class="flex items-center justify-between">
+                                <div class="input-date w-[100%] mr-[7px]">
+                                    <input type="day" name="" placeholder="Ngày"
+                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                </div>
+                                <div class="input-date w-[100%] mx-[7px]">
+                                    <input type="day" name="" placeholder="Tháng"
+                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                </div>
+                                <div class="input-date w-[100%] ml-[7px]">
+                                    <input type="day" name="" placeholder="Năm"
+                                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="mb-[15px] flex items-center">
+                        <label class="w-[120px] font-[600] text-[14px]">Giới tính</label>
+                        <div class="flex items-center">
+                            <div class="check-form flex items-center mr-[50px]">
+                                <input type="radio" name="info[scope]" value="0" checked="">
+                                <label for="" class="ml-[25px] text-[#6B7280]">Nam</label>
+                            </div>
+                            <div class="check-form flex items-center">
+                                <input type="radio" name="info[scope]" value="1" checked="">
+                                <label for="" class="ml-[25px] text-[#6B7280]">Nữ</label>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="mb-[15px] flex items-center justify-between">
+                        <div class="form-control w-[100%] mr-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ Email</label>
+                            <input type="text" size="60" name="" placeholder="Địa chỉ Email"
+                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                        </div>
+                        <div class="form-control w-[100%] mx-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Điện thoại nhà</label>
+                            <input type="text" size="60" name="" placeholder="Điện thoại nhà"
+                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                        </div>
+                        <div class="form-control w-[100%] ml-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Điện thoại di động</label>
+                            <input type="text" size="60" name="" placeholder="Điện thoại di động"
+                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                        </div>
+                    </div>
+
+                    <div class="mb-[15px] flex items-center justify-between">
+                        <div class="form-control w-[100%] mr-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
+                            <select name=""
+                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                <option value="">Hà nội</option>
+                            </select>
+                        </div>
+                        <div class="form-control w-[100%] ml-[7px]">
+                            <label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
+                            <select name=""
+                                class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                                <option value="">Quận Ba Đình</option>
+                            </select>
+                        </div>
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
+                        <textarea type="text" size="60" name="" placeholder="Địa chỉ"
+                            class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Tên công ty</label>
+                        <input type="text" size="60" name="" placeholder="Tên công ty"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Mã số thuế</label>
+                        <input type="text" size="60" name="" placeholder="Mã số thuế"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ công ty</label>
+                        <input type="text" size="60" name="" placeholder="Địa chỉ công ty"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]" />
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Ghi chú về khách hàng này</label>
+                        <textarea type="text" size="60" name="" placeholder="Ghi chú về khách hàng này"
+                            class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                    </div>
+
+                </div>
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+
+        </div>
+    </div>
\ No newline at end of file
diff --git a/template/customer/customer_contact.html b/template/customer/customer_contact.html
new file mode 100644
index 0000000..f236d8a
--- /dev/null
+++ b/template/customer/customer_contact.html
@@ -0,0 +1,79 @@
+<div class="w-[100%]">
+    <div
+        class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>
+
+        <form action=""
+            class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
+            <input type="text" name=""
+                class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
+                placeholder="Tìm kiếm">
+            <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
+        </form>
+
+
+        <div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
+            <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
+                    hệ</a> của website</p>
+            <select name="" id=""
+                class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                <option value="">Chọn bộ lọc</option>
+            </select>
+        </div>
+
+
+        <table class="table-comment">
+            <thead>
+                <tr>
+                    <th class="w-[50px]">STT</th>
+                    <th>Thời gian</th>
+                    <th>Khách hàng</th>
+                    <th>Thông tin</th>
+                    <th class="w-[340px]">Nội dung liên hệ</th>
+                    <th class="w-[200px]">Ghi chú</th>
+                    <th class="w-[120px]">Trạng thái</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>09-08-2023, 11:24 am</td>
+                    <td>Đức Anh</td>
+                    <td>
+                        <p>- Email: ducanhnguyen199x@gmail.com</p>
+                        <p>- Tel: 0976642092</p>
+                        <p>- Mobile: 0976642092</p>
+                    </td>
+                    <td>
+                        Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
+                        0147258369 - Nội dung: fsfdf
+                    </td>
+                    <td>
+                        <textarea name="" id=""
+                            class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
+                        <a href="" class="p-[5px_10px_5px_10px] rounded-[4px] bg-[#0041E8] text-white">Cập nhật</a>
+                    </td>
+
+
+                    <td>
+                        <select name="" id=""
+                            class="w-[100%] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
+                            <option value="">Trạng thái</option>
+                        </select>
+                        <div class="flex items-center">
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-edit"></i>
+                            </a>
+                            <a href=""
+                                class="w-[30px] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                <i class="icons icon-remove"></i>
+                            </a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/customer/customer_group.html b/template/customer/customer_group.html
new file mode 100644
index 0000000..4eae7c0
--- /dev/null
+++ b/template/customer/customer_group.html
@@ -0,0 +1,56 @@
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Nhóm khách hàng</h1>
+
+        <div class="flex items-center justify-end">
+            <a href="/admin/customer/customer-group-add" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px]">
+                <i class="fa-solid fa-user-plus text-[#0041E8] mr-[5px]"></i>
+                <span class="text-[#0041E8] font-[500]">Thêm nhóm mới</span>
+            </a>
+            <a href="/admin/customer" class="border-[1px] border-[#0041E8] rounded-[4px] p-[5px] ml-[10px]">
+                <i class="fa-regular fa-clipboard text-[#0041E8] mr-[5px]"></i>
+                <span class="text-[#0041E8] font-[500]">Danh sách khách hàng</span>
+            </a>
+        </div>
+
+        <table class="table-customer-group mt-[15px]">
+            <thead>
+                <tr>
+                    <th class="w-[50px]">STT</th>
+                    <th>Mã nhóm</th>
+                    <th>Tên gọi/miêu tả</th>
+                    <th class="w-[160px]">Khách hàng</th>
+                    <th class="w-[125px]">Chỉnh sửa</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>0</td>
+                    <td>Khách vip</td>
+                    <td>
+                        <a href="" class="p-[5px_10px_5px_10px] text-white text-center bg-[#0041E8] rounded-[4px]">Xem
+                            danh sách</a>
+                    </td>
+                    <td>
+                        <div class='list-btn flex items-center justify-center'>
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                    class='icons icon-edit'></i></a>
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'>
+                                <span
+                                    class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
+                            </a>
+
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                    class='icons icon-remove'></i></a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/customer/customer_group_add.html b/template/customer/customer_group_add.html
new file mode 100644
index 0000000..3c19a45
--- /dev/null
+++ b/template/customer/customer_group_add.html
@@ -0,0 +1,75 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/customer/customer-group">Nhóm khách hàng</a></li>
+            <li class="text-[#0041E8]">Form sửa nhóm khách hàng</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
+            <div class="flex items-center justify-between">
+                <div>
+                    <h1 class="text-[20px] font-[700]">Cập nhật nhóm khách hàng</h1>
+                </div>
+                <a href="/admin/customer/customer-group-add"
+                    class="flex items-center border-[1px] border-[#ECECEC] rounded-[4px] p-[5px_10px_5px_10px]">
+                    <span
+                        class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#6B7280] text-center leading-[11px] mr-[5px] text-[#6B7280]">+</span>
+                    <span class="text-[#6B7280]">Thêm nhóm khách hàng</span>
+                </a>
+            </div>
+            <p class="text-[#6B7280] mt-[5px]">Hướng dẫn: Nhóm khách hàng bao gồm các khách hàng cùng chia sẻ một số đặc
+                điểm
+                nhất định, giúp cho việc
+                quản lý và chăm
+                sóc khách hàng tốt hơn. Ví dụ các nhóm khách hàng thường được tạo là: Khách hàng thân thiết, Khách hàng
+                nữ, Khách hàng
+                VIP, Khách văn phòng v..v.
+            </p>
+        </div>
+
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
+                        dung</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+
+                    <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Đặt tên nhóm khách hàng</label>
+                        <input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+                    <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                        <label class="font-[600] text-[14px]">Đặt tên nhóm khách hàng</label>
+                        <span class="text-[#6B7280] mb-[5px]">(* Dùng phân biệt từng nhóm, Mã chỉ bao gồm các ký tự
+                            a-z0-9 và _,
+                            không dấu và không có
+                            dấu cách. Ví dụ: vip1, dai_ly
+                            ...)</span>
+                        <input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
+                            class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+                    </div>
+                    <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Miêu tả (nếu có)</label>
+                        <textarea type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
+                            class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                    </div>
+
+                </div>
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/template/customer/customer_group_info.html b/template/customer/customer_group_info.html
new file mode 100644
index 0000000..d40537b
--- /dev/null
+++ b/template/customer/customer_group_info.html
@@ -0,0 +1,75 @@
+<div class="w-[100%] mb-[50px]">
+
+    <div class="text-sm breadcrumbs ml-[10px]">
+        <ul>
+            <li><a href="/admin/customer/customer-contact">Khách hàng liên hệ</a></li>
+            <li class="text-[#0041E8]">Thông tin khách hàng liên hệ</li>
+        </ul>
+    </div>
+
+    <div class="w-[1140px] my-0 mx-auto">
+        <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
+            <h1 class="text-[20px] font-[700]">Thông tin khách hàng liên hệ</h1>
+            <p class="text-[#6B7280] mt-[3px]">Lê Văn Ninh</p>
+        </div>
+
+        <div class="flex">
+            <div class="left w-[270px] mr-[10px]">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-[100%] h-[36px] text-white bg-[#0041E8] rounded-[10px] text-[13px] leading-[35px] px-[10px]">Nội
+                        dung</a>
+                </div>
+            </div>
+            <div class="right w-[860px]">
+                <div
+                    class="bg-white p-[10px] rounded-[10px_10px_0_0] shadow-[0_-1px_1px_0px_#0000001A] border-b-[6px] border-[#FAFAFB]">
+                    <div class="mb-[25px]">
+                        <b class="block text-[20px] mb-[15px]">Thông tin liên hệ</b>
+                        <div class="flex items-center mb-[5px]">
+                            <b class="w-[150px]">Họ tên:</b>
+                            <p class="text-[#6B7280]">Lê Văn Ninh</p>
+                        </div>
+                        <div class="flex items-center mb-[5px]">
+                            <b class="w-[150px]">Địa chỉ email:</b>
+                            <p class="text-[#6B7280]">no_email_1708170779@mail.com</p>
+                        </div>
+                        <div class="flex items-center mb-[5px]">
+                            <b class="w-[150px]">Số điện thoại:</b>
+                            <p class="text-[#6B7280]">0356723619</p>
+                        </div>
+                        <div class="flex items-center">
+                            <b class="w-[150px]">Thời gian liên hệ:</b>
+                            <p class="text-[#6B7280]">17-02-2024, 6:56 pm</p>
+                        </div>
+                    </div>
+
+                    <div class="mb-[25px]">
+                        <b class="block text-[20px] mb-[10px]">Nội dung chi tiết</b>
+                        <p class="text-[#6B7280]">
+                            Tìm sản phẩm cần định giá:
+                            - Mẫu máy cần thu: intel i3-4160 CPU @ 3.600Hz 3.60 Ghz
+                            - Địa chỉ: Phường Quảng Cư ,Tp.Sầm Sơn
+                            - Mô tả ngắn về ngoại hình và tình trạng thiết bị: đang dùng tốt
+                            - Sản phẩm bạn cần tư vấn lên đời: CPU INTEL CORE
+                            I3-12100F (3.3GHZ TURBO UP TO 4.3GHZ, 4 NHÂN 8 LUỒNG, 12MB CACHE, 58W)- SOCKET INTEL LGA
+                            1700)
+                        </p>
+                    </div>
+
+                    <div class="form-control mb-[15px] w-[100%] mr-[7px]">
+                        <label class="font-[600] mb-[5px] text-[14px]">Cập nhật ghi chú</label>
+                        <textarea type="text" size="60" name="" placeholder="Cập nhật ghi chú"
+                            class="w-[100%] h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"></textarea>
+                    </div>
+
+                </div>
+                <div class="bg-white p-[10px] rounded-[0_0_10px_10px] shadow-[0_1px_1px_0px_#0000001A]">
+                    <input class="w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] text-white cursor-pointer"
+                        id="submit-collection-btn" name="commit" type="submit" value="Cập nhật" />
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/template/customer/customer_newsletter.html b/template/customer/customer_newsletter.html
new file mode 100644
index 0000000..1b2d35e
--- /dev/null
+++ b/template/customer/customer_newsletter.html
@@ -0,0 +1,60 @@
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Khách hàng góp ý</h1>
+
+        <div class="flex items-center justify-end">
+            <a href="/admin/customer/customer_add"
+                class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
+                <span
+                    class="inline-block	 w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
+                <span class="text-[#0041E8] font-[500]">Thêm KH mới</span>
+            </a>
+            <a href="admin/customer/customer-group"
+                class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
+                <i class="fa-solid fa-user-group text-[#0041E8]"></i>
+                <span class="text-[#0041E8] font-[500]">Các nhóm KH</span>
+            </a>
+            <a href="admin/customer/customer-newsletter"
+                class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
+                <i class="fa-solid fa-user-group text-[#0041E8]"></i>
+                <span class="text-[#0041E8] font-[500]">KH nhận bản tin</span>
+            </a>
+            <a href="" class="block border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
+                <i class="fa-regular fa-file-excel text-[#0041E8]"></i>
+                <span class="text-[#0041E8] font-[500]">Các nhóm KH</span>
+            </a>
+        </div>
+
+        <table class="mt-[15px] table-newsletter">
+            <thead>
+                <tr>
+                    <th class="w-[50px]">STT</th>
+                    <th>Họ tên</th>
+                    <th>Email</th>
+                    <th>Ngày đăng ký</th>
+                    <th>Thông tin khác</th>
+                    <th class="w-[90px]">Lựa chọn</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>Trung Hiếu</td>
+                    <td>trunghieu27072009@gmail.com</td>
+                    <td>19-07-2023, 4:45 pm</td>
+                    <td>test reply</td>
+                    <td>
+                        <div class='list-btn flex items-center'>
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                    class='icons icon-edit'></i></a>
+                            <a href=""
+                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                    class='icons icon-remove'></i></a>
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/customer/customer_review.html b/template/customer/customer_review.html
new file mode 100644
index 0000000..73500b6
--- /dev/null
+++ b/template/customer/customer_review.html
@@ -0,0 +1,82 @@
+<div class="w-[100%]">
+    <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+        <h1 class="text-[24px] font-[700] mb-3">Khách hàng góp ý</h1>
+        <div class="flex items-center justify-between">
+            <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="/lien-he"
+                    class="text-[#0041E8] underline">liên hệ</a> của website</p>
+            <select
+                class="w-[140px] h-[30px] rounded-[4px] border-[1px] border-[#D8D8D8] shadow-[0px_2px_4px_0px_#0000001F]">
+                <option value="">Lọc xem ý kiến</option>
+            </select>
+        </div>
+        <table class="table-review mt-[15px]">
+            <thead>
+                <tr>
+                    <th class="w-[50px]">STT</th>
+                    <th>Khách hàng</th>
+                    <th>Nội dung</th>
+                    <th class="w-[80px]">Lựa chọn</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td>
+                        <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
+                        <p>Trịnh Hoàng Huy</p>
+                        <p>29-01-2018, 1:34 am</p>
+                    </td>
+                    <td>
+                        <b>Góp ý (rate:0)</b>
+                        <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
+                            chọn</p>
+                    </td>
+                    <td>
+                        <a href=""
+                            class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
+                            <i class="icons icon-remove"></i>
+                        </a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>1</td>
+                    <td>
+                        <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
+                        <p>Trịnh Hoàng Huy</p>
+                        <p>29-01-2018, 1:34 am</p>
+                    </td>
+                    <td>
+                        <b>Góp ý (rate:0)</b>
+                        <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
+                            chọn</p>
+                    </td>
+                    <td>
+                        <a href=""
+                            class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
+                            <i class="icons icon-remove"></i>
+                        </a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>1</td>
+                    <td>
+                        <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
+                        <p>Trịnh Hoàng Huy</p>
+                        <p>29-01-2018, 1:34 am</p>
+                    </td>
+                    <td>
+                        <b>Góp ý (rate:0)</b>
+                        <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
+                            chọn</p>
+                    </td>
+                    <td>
+                        <a href=""
+                            class="w-[30px] m-[auto] h-[30px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
+                            <i class="icons icon-remove"></i>
+                        </a>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
\ No newline at end of file
diff --git a/template/customer/home.html b/template/customer/home.html
index 457b82b..433b5cb 100644
--- a/template/customer/home.html
+++ b/template/customer/home.html
@@ -33,7 +33,7 @@
             </select>
 
             <div class="list flex items-center">
-                <a href="javascript:void(0)" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
+                <a href="/admin/customer/customer_add" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
                 text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
                     <i class="fa-solid fa-user-plus"></i>
                     <span class="ml-[5px]">Thêm KH mới</span>
diff --git a/template/theme.html b/template/theme.html
index cf613d2..d383d43 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -25,6 +25,9 @@
 
 
 <body>
+
+
+
     <div class="admin-global-container">
 
         <!-- Menu full  -->