diff --git a/assets/script/hura.global.css b/assets/script/hura.global.css
index b57a296..9daf94e 100644
--- a/assets/script/hura.global.css
+++ b/assets/script/hura.global.css
@@ -244,4 +244,9 @@
   .hura-bg-blue {
     background: var(--color-hura);
   }
+  .hura-shadow-blue {
+    box-shadow:
+      0 10px 15px -3px rgb(var(--color-hura) / 0.35),
+      0 4px 6px -4px rgb(var(--color-hura) / 0.25);
+  }
 }
diff --git a/template/home/home.html b/template/home/home.html
index d4f6fe1..84df8d3 100644
--- a/template/home/home.html
+++ b/template/home/home.html
@@ -162,11 +162,11 @@
 
                             <button type="submit" class="btn hura-btn-active btn-sm mt-3">Lưu lại</button>
                         </div>
-
                     </div>
-
-
                 </div>
+                <form method="dialog" class="modal-backdrop">
+                    <button>close</button>
+                </form>
             </dialog>
         </div>
 
@@ -467,7 +467,10 @@
         <!-- ghi nhắc việc -->
         <div class="bg-white shadow p-3 rounded-sm">
             <div class="flex items-center justify-between">
-                <b class="font-medium">Ghi nhắc việc làm cá nhân</b>
+                <div class="flex items-center gap-2">
+                    <i data-lucide="notebook-pen" class="size-5"></i>
+                    <b class="">Ghi nhắc việc làm cá nhân</b>
+                </div>
                 <input type="date" value="2025-11-26" class="input w-1/3" />
             </div>
             <form class="flex items-center justify-between mt-3">
@@ -495,7 +498,7 @@
                             </td>
                             <td>
                                 <div class="flex items-center gap-2">
-                                    <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
                                         <i data-lucide="pencil" class="size-3"></i>
                                     </a>
                                     <a href="" class="btn btn-soft btn-xs btn-square btn-error">
@@ -514,7 +517,7 @@
                             </td>
                             <td>
                                 <div class="flex items-center gap-2">
-                                    <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
                                         <i data-lucide="pencil" class="size-3"></i>
                                     </a>
                                     <a href="" class="btn btn-soft btn-xs btn-square btn-error">
@@ -532,7 +535,7 @@
                             </td>
                             <td>
                                 <div class="flex items-center gap-2">
-                                    <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
                                         <i data-lucide="pencil" class="size-3"></i>
                                     </a>
                                     <a href="" class="btn btn-soft btn-xs btn-square btn-error">
@@ -551,7 +554,7 @@
                             </td>
                             <td>
                                 <div class="flex items-center gap-2">
-                                    <a href="" class="btn btn-soft btn-xs btn-square btn-view">
+                                    <a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
                                         <i data-lucide="pencil" class="size-3"></i>
                                     </a>
                                     <a href="" class="btn btn-soft btn-xs btn-square btn-error">
@@ -577,108 +580,270 @@
                 + Thêm
             </button>
 
+            <div class="border overflow-x-auto border-base-200 mt-3 rounded-sm">
+                <table class="table table-sm">
+                    <thead>
+                        <tr class="bg-base-300 text-black font-bold">
+                            <td class="w-[50px]">STT</td>
+                            <td>Ghi chú</td>
+                            <td class="w-[80px]">Công cụ</td>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>1</td>
+                            <td>Nội dung ghi chú</td>
+                            <td>
+                                <div class="flex items-center gap-2">
+                                    <a href="" class="btn btn-soft btn-xs btn-square btn-hura-outline">
+                                        <i data-lucide="pencil" class="size-3"></i>
+                                    </a>
+                                    <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                                        <i data-lucide="trash-2" class="size-3"></i>
+                                    </a>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
         </div>
 
+
+        <!-- Ticket -->
         <div class="bg-white shadow p-3 rounded-sm mt-3">
-            <div id="js-admin-home-tab" class="admin-home-tab flex items-center justify-end mb-3">
-                <a href="#js-report-most-viewed-products" class=" btn btn-sm hura-btn-active">Sản phẩm xem nhiều</a>
-                <a href="#js-report-introduce-web" class="btn btn-sm"> Web giới thiệu</a>
-                <a href="#js-report-key-word" class="btn btn-sm"> Từ khóa</a>
-                <a href="#js-report-article" class="btn btn-sm"> Bài viết</a>
+            <div class="flex items-center justify-between">
+                <div class="flex items-center gap-2 mb-3">
+                    <i data-lucide="life-buoy" class="size-5"></i>
+                    <b>Hỗ trợ từ Hurasoft</b>
+                </div>
+                <button type="button" class="btn btn-sm hura-btn-active"
+                    onclick="document.getElementById('form-support')?.showModal()">
+                    <i data-lucide="plus-circle" class="size-3"></i>
+                    <span>Tạo hỗ trợ</span>
+                </button>
             </div>
 
-            <div class="home-report-holder block overflow-x-auto rounded-box border border-base-300 bg-base-10"
-                id="js-report-most-viewed-products">
+            <div class="mt-3 border-base-300  border rounded-sm overflow-x-auto whitespace-nowrap">
                 <table class="table table-sm">
-                    <thead class="bg-base-200 text-black font-bold">
-                        <td width="50">STT</td>
-                        <td>Sản phẩm</td>
-                        <td width="75">Lượt xem</td>
+                    <thead>
+                        <tr class="bg-base-300 font-bold text-black">
+                            <td>STT</td>
+                            <td>Yêu cầu</td>
+                            <td>Phản hồi cuối</td>
+                            <td>Trạng thái</td>
+                        </tr>
                     </thead>
-
                     <tbody>
                         <tr>
-                            <td> 1 </td>
-                            <td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop
-                                    Asus ZenBook
-                                    UX3402VALaptop
-                                    Asus ZenBook UX3402VA </a> </td>
-                            <td> 30.000 </td>
-                        </tr>
-
-                        <tr>
-                            <td>2
-                            <td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop
-                                    Asus ZenBook
-                                    UX3402VALaptop
-                                    Asus ZenBook UX3402VA </a>
-                            <td>30.000
-                        <tr>
-                            <td>3
-                            <td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop
-                                    Asus ZenBook
-                                    UX3402VALaptop
-                                    Asus ZenBook UX3402VA </a>
-                            <td>30.000
-                    </tbody>
-                </table>
-            </div>
-
-            <div class="home-report-holder hidden" id="js-report-introduce-web">
-                <b class="text-23">Truy cập website</b>
-                <div class="px-5 pt-5 pb-2">
-                    <div id="gradient-donut-chart"></div>
-                </div>
-            </div>
-            <div class="home-report-holder hidden" id="js-report-key-word">
-                <div class="flex flex-wrap gap-2">
-                    <a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
-                    <a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
-                    <a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
-                    <a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
-                    <a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
-                    <a href="" class="btn btn-dash btn-sm">Laptop, Máy Tính Xách Tay</a>
-                </div>
-
-            </div>
-
-            <div class="home-report-holder hidden" id="js-report-article">
-                <table class="table table-sm">
-                    <thead class="bg-base-200 text-black font-bold">
-                        <td>STT</td>
-                        <td>Bài viết</td>
-                        <td>Lượt xem</td>
-                    </thead>
-
-                    <tbody>
-                        <tr>
-                            <td> 1 </td>
-                            <td> <a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
-                                    UX3402VALaptop
-                                    Asus ZenBook UX3402VA </a> </td>
-                            <td class="link-primary"> 30.000 </td>
-                        </tr>
-
-                        <tr>
-                            <td>2
-                            <td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
-                                    UX3402VALaptop
-                                    Asus ZenBook UX3402VA </a>
-                            <td class="link-primary">30.000</td>
+                            <td>1</td>
+                            <td>
+                                <div class="flex gap-2">
+                                    <p>[Tk001]</p>
+                                    <a href="" class="hura-text-blue underline font-bold">Sửa lỗi hiển thị web</a>
+                                    <a href="" class="text-red-500">[2 phản hồi]</a>
+                                </div>
+                            </td>
+                            <td>
+                                <div class="flex gap-2">
+                                    <p class="text-green-700">[Hura]</p>
+                                    <b>Hồng</b>
+                                </div>
+                                <p>
+                                <p>15-12-2025, 10:10 am (0 ngày)</p>
+                                </p>
+                            </td>
+                            <td>
+                                <div class="flex gap-2">
+                                    <select name="" id="" class="select select-sm w-[100px]">
+                                        <option value="">Trạng thái</option>
+                                        <option value="">Đã xong</option>
+                                        <option value="">Đang làm</option>
+                                        <option value="">Chờ duyệt</option>
+                                        <option value="">Cần làm lại</option>
+                                        <option value="">Hủy bỏ</option>
+                                    </select>
+                                    <a href="" class="btn btn-sm hura-btn-active">xem</a>
+                                </div>
+                            </td>
                         </tr>
                         <tr>
-                            <td>3
-                            <td><a href="" class="line-clamp-1"> Laptop Asus ZenBook UX3402VALaptop Asus ZenBook
-                                    UX3402VALaptop
-                                    Asus ZenBook UX3402VA </a>
-                            <td class="link-primary">30.000</td>
+                            <td>1</td>
+                            <td>
+                                <div class="flex gap-2">
+                                    <p>[Tk001]</p>
+                                    <a href="" class="hura-text-blue underline font-bold">Sửa lỗi hiển thị web</a>
+                                    <a href="" class="text-red-500">[2 phản hồi]</a>
+                                </div>
+                            </td>
+                            <td>
+                                <div class="flex gap-2">
+                                    <p class="text-green-700">[Hura]</p>
+                                    <b>Ngọc</b>
+                                </div>
+                                <p>15-12-2025, 10:10 am (0 ngày)</p>
+                            </td>
+                            <td>
+                                <div class="flex gap-2">
+                                    <select name="" id="" class="select select-sm w-[100px]">
+                                        <option value="">Trạng thái</option>
+                                        <option value="">Đã xong</option>
+                                        <option value="">Đang làm</option>
+                                        <option value="">Chờ duyệt</option>
+                                        <option value="">Cần làm lại</option>
+                                        <option value="">Hủy bỏ</option>
+                                    </select>
+                                    <a href="" class="btn btn-sm hura-btn-active">xem</a>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>1</td>
+                            <td>
+                                <div class="flex gap-2">
+                                    <p>[Tk001]</p>
+                                    <a href="" class="hura-text-blue underline font-bold">Sửa lỗi hiển thị web</a>
+                                    <a href="" class="text-red-500">[2 phản hồi]</a>
+                                </div>
+                            </td>
+                            <td>
+                                <div class="flex gap-2">
+                                    <p class="text-red-500">[KH]</p>
+                                    <b>Kh@gmail.com</b>
+                                </div>
+                                <p>15-12-2025, 10:10 am (0 ngày)</p>
+                            </td>
+                            <td>
+                                <div class="flex gap-2">
+                                    <select name="" id="" class="select select-sm w-[100px]">
+                                        <option value="">Trạng thái</option>
+                                        <option value="">Đã xong</option>
+                                        <option value="">Đang làm</option>
+                                        <option value="">Chờ duyệt</option>
+                                        <option value="">Cần làm lại</option>
+                                        <option value="">Hủy bỏ</option>
+                                    </select>
+                                    <a href="" class="btn btn-sm hura-btn-active">xem</a>
+                                </div>
+                            </td>
                         </tr>
                     </tbody>
                 </table>
             </div>
 
+            <!-- box form hỗ trợ -->
+            <dialog id="form-support" class="modal p-0">
+                <div class="modal-box bg-transparent p-0 shadow-none max-w-2xl">
+                    <div class="bg-base-100 rounded-box p-4">
+                        <div class="flex items-center justify-between">
+                            <b class="text-lg">Thêm hỗ trợ</b>
+                            <form method="dialog">
+                                <button class="btn btn-xs btn-circle btn-ghost" aria-label="Close">
+                                    <i data-lucide="x" class="text-base-content/80 size-4"></i>
+                                </button>
+                            </form>
+                        </div>
+                        <div class="mt-5">
+                            <label for="" class="block font-bold">Tên hỗ trợ <span class="text-red-500">*</span></label>
+                            <input type="text" value="Test" placeholder="Tên hỗ trợ"
+                                class="input mt-3 shadow w-full rounded-sm">
+                        </div>
+                        <div class="mt-5">
+                            <label for="" class="block font-bold">Mô tả hỗ trợ <span
+                                    class="text-red-500">*</span></label>
+                            <textarea type="text" value="Test" placeholder="Mô tả hỗ trợ"
+                                class="textarea mt-3 shadow w-full h-[100px] rounded-sm"></textarea>
+                        </div>
+                        <div class="mt-5">
+                            <div class="flex items-center gap-3">
+                                <label for="" class="font-bold">Tải file đính kèm</label>
+                                <div class="box-note tooltip">
+                                    <i data-lucide="circle-question-mark"
+                                        class="size-4 cursor-pointer text-orange-400"></i>
+                                    <div class="tooltip-content">
+                                        Quý khách hàng nên tải file đính kèm mô tả chi tiết công việc cần hỗ trợ, sẽ
+                                        giúp chúng tôi hỗ trợ quý khách giải quyết vấn đề nhanh hơn.!
+                                    </div>
+                                </div>
+                            </div>
+                            <div id="uploadfile-support" class="mt-3"></div>
+                        </div>
+
+                        <div class="mt-5">
+                            <button type="submit" class="btn btn-sm hura-btn-active"><i data-lucide="send"
+                                    class="size-3"></i>
+                                Gửi hỗ trợ</button>
+                        </div>
+                    </div>
+                </div>
+                <form method="dialog" class="modal-backdrop">
+                    <button>close</button>
+                </form>
+            </dialog>
         </div>
 
+        <!-- liên kết nhanh -->
+        <div class="bg-white shadow p-3 rounded-sm mt-3">
+            <div class="flex items-center gap-2 justify-between">
+                <b class="">Liên kết nhanh</b>
+                <button type="button" class="btn btn-sm hura-btn-active"
+                    onclick="document.getElementById('form-quickLink')?.showModal()">
+                    <i data-lucide="plus-circle" class="size-3"></i>
+                    <span>Thêm link</span>
+                </button>
+            </div>
+
+            <div class="mt-5 border border-base-300 rounded-sm">
+                <table class="">
+
+                </table>
+            </div>
+            <div class="mt-5 grid grid-cols-1 gap-3">
+                <div class="p-2 flex items-center justify-between bg-base-100 rounded-box hura-shadow-blue shadow-lg">
+                    <a href="/admin/order" class="flex items-center gap-2">
+                        <i data-lucide="store" class="size-4"></i>
+                        <span>Danh sách đơn hàng</span>
+                    </a>
+                    <div class="flex items-center gap-2">
+                        <a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
+                            <i data-lucide="pencil" class="size-3"></i>
+                        </a>
+                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                            <i data-lucide="trash-2" class="size-3"></i>
+                        </a>
+                    </div>
+                </div>
+                <div class="p-2 flex items-center justify-between bg-base-100 rounded-box hura-shadow-blue shadow-lg">
+                    <a href="/admin/product" class="flex items-center gap-2">
+                        <i data-lucide="package" class="size-4"></i>
+                        <span>Danh sách sản phẩm</span>
+                    </a>
+                    <div class="flex items-center gap-2">
+                        <a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
+                            <i data-lucide="pencil" class="size-3"></i>
+                        </a>
+                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                            <i data-lucide="trash-2" class="size-3"></i>
+                        </a>
+                    </div>
+                </div>
+                <div class="p-2 flex items-center justify-between bg-base-100 rounded-box hura-shadow-blue shadow-lg">
+                    <a href="/admin/customer" class="flex items-center gap-2">
+                        <i data-lucide="user" class="size-4"></i>
+                        <span>Danh sách khách hàng</span>
+                    </a>
+                    <div class="flex items-center gap-2">
+                        <a href="" class="btn btn-soft btn-xs btn-square hura-btn-outline">
+                            <i data-lucide="pencil" class="size-3"></i>
+                        </a>
+                        <a href="" class="btn btn-soft btn-xs btn-square btn-error">
+                            <i data-lucide="trash-2" class="size-3"></i>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
 
 
     </div>
diff --git a/template/javascript/homepage.html b/template/javascript/homepage.html
index ddee9b0..11f4232 100644
--- a/template/javascript/homepage.html
+++ b/template/javascript/homepage.html
@@ -1,3 +1,10 @@
+<!-- plugin upload image -->
+<link href="https://unpkg.com/filepond/dist/filepond.min.css" rel="stylesheet" />
+<link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css"
+    rel="stylesheet" />
+<script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js"></script>
+<script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>
+
 <script>
     const initCustomerAcquisitionChart = () => {
         const chartOptions = {
@@ -389,4 +396,13 @@
         initAdminHomeTab()
     })
 
+    // Quan trọng: đăng ký plugin
+    FilePond.registerPlugin(FilePondPluginImagePreview);
+    FilePond.create(document.querySelector("#uploadfile-support"), {
+        credits: false,
+        allowImageCrop: false,
+        allowImagePreview: false,
+        allowMultiple: true,
+        labelIdle: 'Kéo thả file hoặc <span class="filepond--label-action">Chọn file</span>',
+    })
 </script>
\ No newline at end of file