diff --git a/assets/css/style.css b/assets/css/style.css
index cad274a..cd7b55e 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1145,9 +1145,9 @@ html {
   width: 11px;
   height: 17px;
   background: url(../images/icon_2025.png) no-repeat;
-  background-size: 228px 175px;
+  background-size: 228px 260px;
   display: block;
-  background-position: -212px -152px;
+  background-position: -212px -176px;
   transform: rotate(270deg);
   z-index: 1;
 }
@@ -1159,9 +1159,9 @@ html {
   width: 11px;
   height: 17px;
   background: url(../images/icon_2025.png) no-repeat;
-  background-size: 228px 175px;
+  background-size: 228px 260px;
   display: block;
-  background-position: -212px -152px;
+  background-position: -212px -176px;
   transform: rotate(90deg);
   z-index: 1;
 }
@@ -1256,7 +1256,7 @@ html {
 }
 .page-account .left .item.active .info_save,
 .page-account .left .item:hover .info_save {
-  background-position: -185px -211px;
+  background-position: -187px -235px;
 }
 .page-account .icon_2025.shop {
   width: 15px;
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 7b1904a..056aef0 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -1207,9 +1207,9 @@ html {
         width: 11px;
         height: 17px;
         background: url(../images/icon_2025.png) no-repeat;
-        background-size: 228px 175px;
+        background-size: 228px 260px;
         display: block;
-        background-position: -212px -152px;
+        background-position: -212px -176px;
         transform: rotate(270deg);
         z-index: 1;
     }
@@ -1221,9 +1221,9 @@ html {
         width: 11px;
         height: 17px;
         background: url(../images/icon_2025.png) no-repeat;
-        background-size: 228px 175px;
+        background-size: 228px 260px;
         display: block;
-        background-position: -212px -152px;
+        background-position: -212px -176px;
         transform: rotate(90deg);
         z-index: 1;
     }
@@ -1318,7 +1318,7 @@ html {
                 background-position: -135px -211px;
             }
             .info_save {
-                background-position: -185px -211px;
+                background-position: -187px -235px;
             }
         }
     }
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index c438a82..fe3b5d0 100644
--- a/src/pages/Home/index.tsx
+++ b/src/pages/Home/index.tsx
@@ -164,12 +164,12 @@ export function Home() {
             >
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="box-saleoff">-20%</div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="price">15.000.000đ</div>
@@ -188,12 +188,12 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="box-saleoff">-20%</div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="price">15.000.000đ</div>
@@ -212,12 +212,12 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="box-saleoff">-20%</div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="price">15.000.000đ</div>
@@ -236,12 +236,12 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="box-saleoff">-20%</div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="price">15.000.000đ</div>
@@ -260,12 +260,12 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="box-saleoff">-20%</div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="price">15.000.000đ</div>
@@ -284,12 +284,12 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="box-saleoff">-20%</div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="price">15.000.000đ</div>
@@ -308,12 +308,12 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="box-saleoff">-20%</div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="price">15.000.000đ</div>
@@ -332,12 +332,12 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="box-saleoff">-20%</div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="price">15.000.000đ</div>
@@ -373,7 +373,7 @@ export function Home() {
           </div>
           <div class="list-category grid grid-cols-8 gap-[60px] mt-10">
             {/* Category 1 */}
-            <a href="" class="item">
+            <a href="/template/product/category.html" class="item">
               <div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
                 <img
                   src="/assets/images/icon-cate-1.png"
@@ -386,7 +386,7 @@ export function Home() {
               </p>
             </a>
             {/* Category 2 */}
-            <a href="" class="item">
+            <a href="/template/product/category.html" class="item">
               <div class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
                 <img
                   src="/assets/images/icon-cate-2.png"
@@ -399,7 +399,7 @@ export function Home() {
               </p>
             </a>
             {/* Category 3 */}
-            <a href="" class="item">
+            <a href="/template/product/category.html" class="item">
               <div class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[1111px] w-[120px] effect-image">
                 <img
                   src="/assets/images/icon-cate-3.png"
@@ -798,14 +798,14 @@ export function Home() {
             >
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="icon-save">
                       <i class="icon_2025 heart"></i>
                     </div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="flex items-center justify-center mt-[5px]">
@@ -823,14 +823,14 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="icon-save">
                       <i class="icon_2025 heart"></i>
                     </div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="flex items-center justify-center mt-[5px]">
@@ -848,14 +848,14 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="icon-save">
                       <i class="icon_2025 heart"></i>
                     </div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="flex items-center justify-center mt-[5px]">
@@ -873,14 +873,14 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="icon-save">
                       <i class="icon_2025 heart"></i>
                     </div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="flex items-center justify-center mt-[5px]">
@@ -898,14 +898,14 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="icon-save">
                       <i class="icon_2025 heart"></i>
                     </div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="flex items-center justify-center mt-[5px]">
@@ -923,14 +923,14 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="icon-save">
                       <i class="icon_2025 heart"></i>
                     </div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="flex items-center justify-center mt-[5px]">
@@ -948,14 +948,14 @@ export function Home() {
               </SwiperSlide>
               <SwiperSlide>
                 <div class="product-item">
-                  <a href="" class="product-image">
+                  <a href="/product-detail" class="product-image">
                     <img src="/assets/images/box-image.png" alt="Laptop Dell" />
                     <div class="icon-save">
                       <i class="icon_2025 heart"></i>
                     </div>
                   </a>
                   <div class="info-product">
-                    <a href="" class="name-product line-clamp-2">
+                    <a href="/product-detail" class="name-product line-clamp-2">
                       Laptop văn phòng Dell RAM 8G Core i7
                     </a>
                     <div class="flex items-center justify-center mt-[5px]">
diff --git a/template/account/account.html b/template/account/account.html
index c4c779e..2864f34 100644
--- a/template/account/account.html
+++ b/template/account/account.html
@@ -11,7 +11,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
         rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -45,7 +45,7 @@
 
                     <div class="bg-white p-2 mb-2">
                         <div class="flex items-center">
-                            <img src="/assets/images/avartar.png"
+                            <img src="../../assets/images/avartar.png"
                                 class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
                             <div class="w-[calc(100%-60px)]">
                                 <b class="block mb-0.3">Chi phạm</b>
@@ -80,7 +80,7 @@
                     <div class="bg-white p-3">
                         <b class="mb-5 text-xl block">Thông tin cá nhân</b>
 
-                        <img src="/assets/images/avartar_acc.png"
+                        <img src="../../assets/images/avartar_acc.png"
                             class="block w-[120px] h-[120px] rounded-full m-[0_auto_30px_auto] object-contain" alt="">
 
                         <div class="w-[620px] mx-auto pb-[100px]">
@@ -159,7 +159,7 @@
 
                     <div class="bg-white p-2 mb-2">
                         <div class="flex items-center">
-                            <img src="/assets/images/avartar.png"
+                            <img src="../../assets/images/avartar.png"
                                 class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
                             <div class="w-[calc(100%-60px)]">
                                 <b class="block mb-0.3">Chi phạm</b>
@@ -220,20 +220,20 @@
                                         and scrambled it to make a type specimen
                                         book. I</p>
                                     <div class="flex items-center mb-[10px]">
-                                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
-                                            class="w-[80px] block mr-[10px]">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                        <a href="/src../../assets/images/small-product-detail.png"
+                                            data-fancybox="gallery" class="w-[80px] block mr-[10px]">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
                                     </div>
                                     <div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -266,20 +266,20 @@
                                         and scrambled it to make a type specimen
                                         book. I</p>
                                     <div class="flex items-center mb-[10px]">
-                                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
-                                            class="w-[80px] block mr-[10px]">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                        <a href="/src../../assets/images/small-product-detail.png"
+                                            data-fancybox="gallery" class="w-[80px] block mr-[10px]">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
                                     </div>
                                     <div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -312,20 +312,20 @@
                                         and scrambled it to make a type specimen
                                         book. I</p>
                                     <div class="flex items-center mb-[10px]">
-                                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
-                                            class="w-[80px] block mr-[10px]">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                        <a href="/src../../assets/images/small-product-detail.png"
+                                            data-fancybox="gallery" class="w-[80px] block mr-[10px]">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
                                     </div>
                                     <div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -358,20 +358,20 @@
                                         and scrambled it to make a type specimen
                                         book. I</p>
                                     <div class="flex items-center mb-[10px]">
-                                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
-                                            class="w-[80px] block mr-[10px]">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                        <a href="/src../../assets/images/small-product-detail.png"
+                                            data-fancybox="gallery" class="w-[80px] block mr-[10px]">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
                                     </div>
                                     <div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -404,20 +404,20 @@
                                         and scrambled it to make a type specimen
                                         book. I</p>
                                     <div class="flex items-center mb-[10px]">
-                                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
-                                            class="w-[80px] block mr-[10px]">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                        <a href="/src../../assets/images/small-product-detail.png"
+                                            data-fancybox="gallery" class="w-[80px] block mr-[10px]">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
                                     </div>
                                     <div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -450,20 +450,20 @@
                                         and scrambled it to make a type specimen
                                         book. I</p>
                                     <div class="flex items-center mb-[10px]">
-                                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
-                                            class="w-[80px] block mr-[10px]">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                        <a href="/src../../assets/images/small-product-detail.png"
+                                            data-fancybox="gallery" class="w-[80px] block mr-[10px]">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
                                     </div>
                                     <div class="time pb-2 text-[#747474]">10:00pm 20/02/2025</div>
@@ -525,7 +525,7 @@
 
                     <div class="bg-white p-2 mb-2">
                         <div class="flex items-center">
-                            <img src="/assets/images/avartar.png"
+                            <img src="../../assets/images/avartar.png"
                                 class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
                             <div class="w-[calc(100%-60px)]">
                                 <b class="block mb-0.3">Chi phạm</b>
@@ -571,7 +571,7 @@
 
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell"
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell"
                                         class="w-full h-full block object-contain" />
                                 </a>
                                 <div class="info-product">
@@ -610,7 +610,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -620,7 +620,7 @@
 
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell"
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell"
                                         class="w-full h-full block object-contain" />
                                 </a>
                                 <div class="info-product">
@@ -659,7 +659,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -669,7 +669,7 @@
 
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell"
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell"
                                         class="w-full h-full block object-contain" />
                                 </a>
                                 <div class="info-product">
@@ -708,7 +708,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -718,7 +718,7 @@
 
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell"
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell"
                                         class="w-full h-full block object-contain" />
                                 </a>
                                 <div class="info-product">
@@ -757,7 +757,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -811,7 +811,7 @@
 
                     <div class="bg-white p-2 mb-2">
                         <div class="flex items-center">
-                            <img src="/assets/images/avartar.png"
+                            <img src="../../assets/images/avartar.png"
                                 class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
                             <div class="w-[calc(100%-60px)]">
                                 <b class="block mb-0.3">Chi phạm</b>
@@ -857,7 +857,7 @@
 
                             <div class="item flex items-center justify-between py-2.5">
                                 <div class="flex items-center gap-[10px] w-[93%]">
-                                    <img src="/assets/images/avartar.png" alt="">
+                                    <img src="../../assets/images/avartar.png" alt="">
                                     <div class="info">
                                         <b>Mika203</b>
                                         <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.?
@@ -918,7 +918,7 @@
 
                     <div class="bg-white p-2 mb-2">
                         <div class="flex items-center">
-                            <img src="/assets/images/avartar.png"
+                            <img src="../../assets/images/avartar.png"
                                 class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
                             <div class="w-[calc(100%-60px)]">
                                 <b class="block mb-0.3">Chi phạm</b>
@@ -991,7 +991,7 @@
                                     <div class="flex items-center gap-[10px] w-[70%]">
                                         <a href=""
                                             class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
-                                            <img src="/assets/images/small-product-detail.png"
+                                            <img src="../../assets/images/small-product-detail.png"
                                                 class="w-full h-full block object-contain" alt=""></a>
                                         <div class="info">
                                             <a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách
@@ -1036,7 +1036,7 @@
                                     <div class="flex items-center gap-[10px] w-[70%]">
                                         <a href=""
                                             class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
-                                            <img src="/assets/images/small-product-detail.png"
+                                            <img src="../../assets/images/small-product-detail.png"
                                                 class="w-full h-full block object-contain" alt=""></a>
                                         <div class="info">
                                             <a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách
diff --git a/template/buildpc/buildpc-detail.html b/template/buildpc/buildpc-detail.html
index 8ebade1..9d200cc 100644
--- a/template/buildpc/buildpc-detail.html
+++ b/template/buildpc/buildpc-detail.html
@@ -6,10 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -55,15 +54,15 @@
                     <div class="swiper" id="js-slider-build-big">
                         <div class="swiper-wrapper">
                             <div class="swiper-slide">
-                                <img src="/assets/images/big-product-detail.png"
+                                <img src="../../assets/images/big-product-detail.png"
                                     class="block w-full h-[400px] object-contain" alt="">
                             </div>
                             <div class="swiper-slide">
-                                <img src="/assets/images/big-product-detail-3.jpg"
+                                <img src="../../assets/images/big-product-detail-3.jpg"
                                     class="block w-full h-[400px] object-contain" alt="">
                             </div>
                             <div class="swiper-slide">
-                                <img src="/assets/images/big-product-detail-4.jpg"
+                                <img src="../../assets/images/big-product-detail-4.jpg"
                                     class="block w-full h-[400px] object-contain" alt="">
                             </div>
                         </div>
@@ -72,15 +71,15 @@
                         <div thumbsSlider="" class="swiper " id="js-slider-build-small">
                             <div class="swiper-wrapper">
                                 <div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
-                                    <img src="/assets/images/small-product-detail.png"
+                                    <img src="../../assets/images/small-product-detail.png"
                                         class="w-full block h-[80px] object-contain " alt="">
                                 </div>
                                 <div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
-                                    <img src="/assets/images/small-product-detail.png"
+                                    <img src="../../assets/images/small-product-detail.png"
                                         class="w-full block h-[80px] object-contain" alt="">
                                 </div>
                                 <div class="swiper-slide h-[80px] border border-neutral-200 rounded-[4px]">
-                                    <img src="/assets/images/small-product-detail.png"
+                                    <img src="../../assets/images/small-product-detail.png"
                                         class="w-full block h-[80px] object-contain" alt="">
                                 </div>
                             </div>
@@ -155,7 +154,7 @@
                         <div
                             class="item grid grid-cols-7 items-center gap-[5px] py-2.5 border-b-[1px] border-[#ebebeb]">
                             <a href="" class="block">
-                                <img src="/assets/images/logo-hacom.png" width="100%" height="100%"
+                                <img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
                                     class="w-full block h-[28px] object-contain" alt="">
                             </a>
                             <div class="price font-bold">3.700.000Vnđ</div>
@@ -173,7 +172,7 @@
                         <div
                             class="item grid grid-cols-7 items-center gap-[5px] py-2.5 border-b-[1px] border-[#ebebeb]">
                             <a href="" class="block">
-                                <img src="/assets/images/logo-hacom.png" width="100%" height="100%"
+                                <img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
                                     class="w-full block h-[28px] object-contain" alt="">
                             </a>
                             <div class="price font-bold">3.700.000Vnđ</div>
@@ -270,7 +269,8 @@
                     <div class="list mt-3">
                         <div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
                             <div class="w-[80px] mr-[20px]">
-                                <img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
+                                <img src="../../assets/images/avartar-review-1.png" width="75px" height="75px"
+                                    alt="avartar">
                                 <div class="mt-[10px]">
                                     <i class="icon-star star5"></i>
                                 </div>
diff --git a/template/buildpc/buildpc.html b/template/buildpc/buildpc.html
index 1f0ff02..2ca5981 100644
--- a/template/buildpc/buildpc.html
+++ b/template/buildpc/buildpc.html
@@ -6,10 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -116,8 +115,8 @@
                                         <div class="flex items-center">
                                             <a href=""
                                                 class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
-                                                <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
-                                                    class="block w-full h-full object-contain" alt="">
+                                                <img src="../../assets/images/lienkien-ram.png" width="100%"
+                                                    height="100%" class="block w-full h-full object-contain" alt="">
                                             </a>
                                             <a href=""
                                                 class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
@@ -136,7 +135,7 @@
                                     </b>
                                     <div class="supplier col-span-2 flex items-center justify-between">
                                         <a href="">
-                                            <img src="/assets/images/logo-hacom.png" width="100%" height="100%"
+                                            <img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
                                                 class="w-full block h-[30px] object-contain" alt="">
                                         </a>
                                         <div class="btn flex items-center">
@@ -160,8 +159,8 @@
                                         <div class="flex items-center">
                                             <a href=""
                                                 class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
-                                                <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
-                                                    class="block w-full h-full object-contain" alt="">
+                                                <img src="../../assets/images/lienkien-ram.png" width="100%"
+                                                    height="100%" class="block w-full h-full object-contain" alt="">
                                             </a>
                                             <a href=""
                                                 class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
@@ -180,7 +179,7 @@
                                     </b>
                                     <div class="supplier col-span-2 flex items-center justify-between">
                                         <a href="">
-                                            <img src="/assets/images/logo-hacom.png" width="100%" height="100%"
+                                            <img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
                                                 class="w-full block h-[30px] object-contain" alt="">
                                         </a>
                                         <div class="btn flex items-center">
@@ -198,8 +197,8 @@
                                         <div class="flex items-center">
                                             <a href=""
                                                 class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
-                                                <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
-                                                    class="block w-full h-full object-contain" alt="">
+                                                <img src="../../assets/images/lienkien-ram.png" width="100%"
+                                                    height="100%" class="block w-full h-full object-contain" alt="">
                                             </a>
                                             <a href=""
                                                 class="name-product w-[calc(100%-100px)] hover:text-[var(--color-hover)]">AMD
@@ -218,7 +217,7 @@
                                     </b>
                                     <div class="supplier col-span-2 flex items-center justify-between">
                                         <a href="">
-                                            <img src="/assets/images/logo-hacom.png" width="100%" height="100%"
+                                            <img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
                                                 class="w-full block h-[30px] object-contain" alt="">
                                         </a>
                                         <div class="btn flex items-center">
@@ -314,7 +313,7 @@
                             <div class="flex items-center border-b-[1px] border-neutral-200 pb-3">
                                 <b class="left w-[200px] name-component">
                                     <a href="" class="block m-[auto_auto_auto_0]">
-                                        <img src="/assets/images/logo-hacom.png" width="100%" height="100%"
+                                        <img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
                                             class="w-[150px] block h-[50px] object-contain" alt="">
                                     </a>
                                 </b>
@@ -346,7 +345,7 @@
                                             <div class="flex items-center">
                                                 <a href=""
                                                     class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
-                                                    <img src="/assets/images/lienkien-ram.png" width="100%"
+                                                    <img src="../../assets/images/lienkien-ram.png" width="100%"
                                                         height="100%" class="block w-full h-full object-contain" alt="">
                                                 </a>
                                                 <a href=""
@@ -384,7 +383,7 @@
                                             <div class="flex items-center">
                                                 <a href=""
                                                     class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
-                                                    <img src="/assets/images/lienkien-ram.png" width="100%"
+                                                    <img src="../../assets/images/lienkien-ram.png" width="100%"
                                                         height="100%" class="block w-full h-full object-contain" alt="">
                                                 </a>
                                                 <a href=""
@@ -425,7 +424,7 @@
                             <div class="flex items-center border-b-[1px] border-neutral-200 pb-3">
                                 <b class="left w-[200px] name-component">
                                     <a href="" class="block m-[auto_auto_auto_0]">
-                                        <img src="/assets/images/logo-hacom.png" width="100%" height="100%"
+                                        <img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
                                             class="w-[150px] block h-[50px] object-contain" alt="">
                                     </a>
                                 </b>
@@ -457,7 +456,7 @@
                                             <div class="flex items-center">
                                                 <a href=""
                                                     class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
-                                                    <img src="/assets/images/lienkien-ram.png" width="100%"
+                                                    <img src="../../assets/images/lienkien-ram.png" width="100%"
                                                         height="100%" class="block w-full h-full object-contain" alt="">
                                                 </a>
                                                 <a href=""
@@ -495,7 +494,7 @@
                                             <div class="flex items-center">
                                                 <a href=""
                                                     class="image w-[60px] h-[60px] block border border-neutral-200 p-1 mr-[10px]">
-                                                    <img src="/assets/images/lienkien-ram.png" width="100%"
+                                                    <img src="../../assets/images/lienkien-ram.png" width="100%"
                                                         height="100%" class="block w-full h-full object-contain" alt="">
                                                 </a>
                                                 <a href=""
@@ -708,7 +707,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
@@ -740,7 +739,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
@@ -772,7 +771,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
@@ -804,7 +803,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
@@ -836,7 +835,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
@@ -868,7 +867,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
@@ -900,7 +899,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
@@ -932,7 +931,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
@@ -964,7 +963,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
@@ -996,7 +995,7 @@
                                     <input type="checkbox" class="checkbox w-[24px] mx-[20px]" />
                                     <a href=""
                                         class="image w-[50px] h-[50px] block border border-neutral-200 p-1 mr-[10px]">
-                                        <img src="/assets/images/lienkien-ram.png" width="100%" height="100%"
+                                        <img src="../../assets/images/lienkien-ram.png" width="100%" height="100%"
                                             class="block w-full h-full object-contain" alt="">
                                     </a>
                                     <a href=""
diff --git a/template/faq/page_faq.html b/template/faq/page_faq.html
index 0db4409..96d6cc2 100644
--- a/template/faq/page_faq.html
+++ b/template/faq/page_faq.html
@@ -6,10 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -95,7 +94,7 @@
                         <div class="list mt-3">
                             <div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
                                 <div class="w-[80px] mr-[20px]">
-                                    <img src="/assets/images/avartar-review-1.png" width="75px" height="75px"
+                                    <img src="../../assets/images/avartar-review-1.png" width="75px" height="75px"
                                         alt="avartar">
                                     <div class="mt-[10px]">
                                         <i class="icon-star star5"></i>
diff --git a/template/faq/page_faq_detail.html b/template/faq/page_faq_detail.html
index f6b8208..77eb800 100644
--- a/template/faq/page_faq_detail.html
+++ b/template/faq/page_faq_detail.html
@@ -6,10 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -51,8 +50,9 @@
                                 mình với?</h1>
                             <div class="flex items-center flex-wrap">
                                 <div class="flex items-center">
-                                    <img src="/assets/images/avartar.png" class="w-[32px] h-[32px] block object-contain"
-                                        width="100%" height="100%" alt="">
+                                    <img src="../../assets/images/avartar.png"
+                                        class="w-[32px] h-[32px] block object-contain" width="100%" height="100%"
+                                        alt="">
                                     <b class="ml-[5px]">Dino</b>
                                     <span class="ml-[5px] text-gray-500">10:00pm 20/02/2025</span>
                                 </div>
@@ -101,7 +101,7 @@
                         <div class="form-comment mt-2.5 py-2.5 border-t-[1px] border-neutral-200">
                             <form class="form flex gap-[20px]">
                                 <div class="avartar w-[60px] block h-[60px] rounded-[50%]">
-                                    <img src="/assets/images/avartar.png" width="100%" height="100%"
+                                    <img src="../../assets/images/avartar.png" width="100%" height="100%"
                                         class="block object-contain w-full h-full" alt="">
                                 </div>
                                 <div class="w-[calc(100%-80px)]">
@@ -128,7 +128,7 @@
                             <div class="list mt-5">
                                 <div class="item-review flex mb-[15px] pb-[15px]">
                                     <div class="w-[60px] mr-[20px]">
-                                        <img src="/assets/images/avartar-review-1.png" width="75px" height="75px"
+                                        <img src="../../assets/images/avartar-review-1.png" width="75px" height="75px"
                                             alt="avartar">
                                     </div>
                                     <div class="w-[calc(100%-80px)]">
@@ -160,7 +160,7 @@
 
                                 <div class="item-review flex mb-[15px] pb-[15px]">
                                     <div class="w-[60px] mr-[20px]">
-                                        <img src="/assets/images/avartar-review-1.png" width="75px" height="75px"
+                                        <img src="../../assets/images/avartar-review-1.png" width="75px" height="75px"
                                             alt="avartar">
                                     </div>
                                     <div class="w-[calc(100%-80px)]">
@@ -193,7 +193,7 @@
                                             <div
                                                 class="item-review flex pb-[30px] border-l-[1px] border-[#d4d4d4] pl-[10px]">
                                                 <div class="w-[60px] mr-[20px]">
-                                                    <img src="/assets/images/avartar-review-1.png" width="75px"
+                                                    <img src="../../assets/images/avartar-review-1.png" width="75px"
                                                         height="75px" alt="avartar">
                                                 </div>
                                                 <div class="w-[calc(100%-80px)] relative">
@@ -231,7 +231,7 @@
                                             <div
                                                 class="item-review flex pb-[15px] border-l-[1px] border-[#d4d4d4] pl-[10px]">
                                                 <div class="w-[60px] mr-[20px]">
-                                                    <img src="/assets/images/avartar-review-1.png" width="75px"
+                                                    <img src="../../assets/images/avartar-review-1.png" width="75px"
                                                         height="75px" alt="avartar">
                                                 </div>
                                                 <div class="w-[calc(100%-80px)] relative">
diff --git a/template/faq/page_faq_form.html b/template/faq/page_faq_form.html
index 056db48..a61231d 100644
--- a/template/faq/page_faq_form.html
+++ b/template/faq/page_faq_form.html
@@ -6,10 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 
 </head>
 
diff --git a/template/homepage/homepage.html b/template/homepage/homepage.html
index 781543c..6bdd662 100644
--- a/template/homepage/homepage.html
+++ b/template/homepage/homepage.html
@@ -21,7 +21,7 @@
         };
     </script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -32,7 +32,7 @@
                 <div class="container">
                     <div class="flex items-center justify-between">
                         <a href="/" class="logo block mr-[100px]">
-                            <img src="/assets/images/logo.png" class="object-contain w-[173px] h-[45px] block"
+                            <img src="../../assets/images/logo.png" class="object-contain w-[173px] h-[45px] block"
                                 alt="Location icon" />
                         </a>
                         <div class="flex items-center mr-[100px]">
@@ -494,25 +494,25 @@
                         <div class="swiper-wrapper">
                             <div class="swiper-slide">
                                 <a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
-                                    <img src="/assets/images/banner-slider.png"
+                                    <img src="../../assets/images/banner-slider.png"
                                         class="block w-full h-full object-contain" width="100%" height="100%" alt="">
                                 </a>
                             </div>
                             <div class="swiper-slide">
                                 <a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
-                                    <img src="/assets/images/banner-slider.png"
+                                    <img src="../../assets/images/banner-slider.png"
                                         class="block w-full h-full object-contain" width="100%" height="100%" alt="">
                                 </a>
                             </div>
                             <div class="swiper-slide">
                                 <a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
-                                    <img src="/assets/images/banner-slider.png"
+                                    <img src="../../assets/images/banner-slider.png"
                                         class="block w-full h-full object-contain" width="100%" height="100%" alt="">
                                 </a>
                             </div>
                             <div class="swiper-slide">
                                 <a href="" class="block w-full h-full rounded-[12px] overflow-hidden">
-                                    <img src="/assets/images/banner-slider.png"
+                                    <img src="../../assets/images/banner-slider.png"
                                         class="block w-full h-full object-contain" width="100%" height="100%" alt="">
                                 </a>
                             </div>
@@ -522,20 +522,20 @@
                     </div>
                     <div class="banner-right w-1/2 grid grid-cols-2 gap-[10px]">
                         <a href="" class="item relative effect-image  block rounded-[12px] overflow-hidden">
-                            <img src="/assets/images/banner-right-slider-1.png"
+                            <img src="../../assets/images/banner-right-slider-1.png"
                                 class="block w-full h-full object-contain transition-all duration-500 ease-in-out"
                                 width="100%" height="100%" alt="">
                         </a>
                         <a href="" class="item block effect-image rounded-[12px] overflow-hidden">
-                            <img src="/assets/images/banner-right-slider-2.png"
+                            <img src="../../assets/images/banner-right-slider-2.png"
                                 class="block w-full h-full object-contain" width="100%" height="100%" alt="">
                         </a>
                         <a href="" class="item block effect-image rounded-[12px] overflow-hidden">
-                            <img src="/assets/images/banner-right-slider-3.png"
+                            <img src="../../assets/images/banner-right-slider-3.png"
                                 class="block w-full h-full object-contain" width="100%" height="100%" alt="">
                         </a>
                         <a href="" class="item block effect-image rounded-[12px] overflow-hidden">
-                            <img src="/assets/images/banner-right-slider-4.png"
+                            <img src="../../assets/images/banner-right-slider-4.png"
                                 class="block w-full h-full object-contain" width="100%" height="100%" alt="">
                         </a>
                     </div>
@@ -581,7 +581,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="box-saleoff">-20%</div>
                                     </a>
                                     <div class="info-product">
@@ -602,7 +602,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="box-saleoff">-20%</div>
                                     </a>
                                     <div class="info-product">
@@ -623,7 +623,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="box-saleoff">-20%</div>
                                     </a>
                                     <div class="info-product">
@@ -644,7 +644,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="box-saleoff">-20%</div>
                                     </a>
                                     <div class="info-product">
@@ -665,7 +665,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="box-saleoff">-20%</div>
                                     </a>
                                     <div class="info-product">
@@ -686,7 +686,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="box-saleoff">-20%</div>
                                     </a>
                                     <div class="info-product">
@@ -707,7 +707,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="box-saleoff">-20%</div>
                                     </a>
                                     <div class="info-product">
@@ -753,7 +753,7 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-1.png" class="object-contain aspect-[1.29] w-[90px]"
+                            <img src="../../assets/images/icon-cate-1.png" class="object-contain aspect-[1.29] w-[90px]"
                                 alt="Laptop văn phòng" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
@@ -765,7 +765,7 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-2.png" class="object-contain aspect-[0.96] w-[89px]"
+                            <img src="../../assets/images/icon-cate-2.png" class="object-contain aspect-[0.96] w-[89px]"
                                 alt="Tản nhiệt, đèn" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
@@ -777,8 +777,8 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[1111px] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-3.png" class="object-contain aspect-[1.06] w-[104px]"
-                                alt="Linh kiện máy tính" />
+                            <img src="../../assets/images/icon-cate-3.png"
+                                class="object-contain aspect-[1.06] w-[104px]" alt="Linh kiện máy tính" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
                             Linh kiện máy tính
@@ -789,8 +789,8 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-4.png" class="object-contain aspect-[1.24] w-[107px]"
-                                alt="Bàn phím, chuột" />
+                            <img src="../../assets/images/icon-cate-4.png"
+                                class="object-contain aspect-[1.24] w-[107px]" alt="Bàn phím, chuột" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
                             Bàn phím, chuột
@@ -801,7 +801,7 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-1.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-5.png"
+                            <img src="../../assets/images/icon-cate-5.png"
                                 class="object-contain aspect-[1.02] rounded-[50%] w-[122px] effect-image"
                                 alt="Màn hình, tay treo" />
                         </div>
@@ -813,7 +813,7 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-6.png" class="object-contain aspect-[0.88] w-[81px]"
+                            <img src="../../assets/images/icon-cate-6.png" class="object-contain aspect-[0.88] w-[81px]"
                                 alt="Lưu trữ, phần mềm" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
@@ -825,7 +825,7 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] effect-image w-[120px]">
-                            <img src="/assets/images/icon-cate-7.png" class="object-contain aspect-[0.93] w-[92px]"
+                            <img src="../../assets/images/icon-cate-7.png" class="object-contain aspect-[0.93] w-[92px]"
                                 alt="Phụ kiện laptop" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
@@ -837,7 +837,7 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-8.png" class="object-contain w-20 aspect-[1.18]"
+                            <img src="../../assets/images/icon-cate-8.png" class="object-contain w-20 aspect-[1.18]"
                                 alt="Phụ kiện PC" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[--color-global]">
@@ -849,7 +849,7 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-9.png" class="object-contain aspect-[1.29] w-[90px]"
+                            <img src="../../assets/images/icon-cate-9.png" class="object-contain aspect-[1.29] w-[90px]"
                                 alt="Laptop Gaming" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
@@ -861,8 +861,8 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-10.png" class="object-contain aspect-[0.83] w-[85px]"
-                                alt="Phụ kiện đi kèm" />
+                            <img src="../../assets/images/icon-cate-10.png"
+                                class="object-contain aspect-[0.83] w-[85px]" alt="Phụ kiện đi kèm" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
                             Phụ kiện đi kèm
@@ -873,8 +873,8 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-11.png" class="object-contain aspect-[0.93] w-[100px]"
-                                alt="PC đồ hoạ, gaming" />
+                            <img src="../../assets/images/icon-cate-11.png"
+                                class="object-contain aspect-[0.93] w-[100px]" alt="PC đồ hoạ, gaming" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
                             PC đồ hoạ, gaming
@@ -885,8 +885,8 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-start px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-12.png" class="object-contain aspect-[0.93] w-[100px]"
-                                alt="PC Văn phòng" />
+                            <img src="../../assets/images/icon-cate-12.png"
+                                class="object-contain aspect-[0.93] w-[100px]" alt="PC Văn phòng" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
                             PC Văn phòng
@@ -897,8 +897,8 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-3.5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-13.png" class="object-contain aspect-[0.95] w-[95px]"
-                                alt="Thiết bị mạng" />
+                            <img src="../../assets/images/icon-cate-13.png"
+                                class="object-contain aspect-[0.95] w-[95px]" alt="Thiết bị mạng" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
                             Thiết bị mạng
@@ -909,8 +909,8 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-6 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-14.png" class="object-contain aspect-[0.67] w-[67px]"
-                                alt="Loa, tai nghe, mic" />
+                            <img src="../../assets/images/icon-cate-14.png"
+                                class="object-contain aspect-[0.67] w-[67px]" alt="Loa, tai nghe, mic" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
                             Loa, tai nghe, mic,..
@@ -921,8 +921,8 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-15.png" class="object-contain aspect-[1.15] w-[100px]"
-                                alt="Thiết bị văn phòng" />
+                            <img src="../../assets/images/icon-cate-15.png"
+                                class="object-contain aspect-[1.15] w-[100px]" alt="Thiết bị văn phòng" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
                             Thiết bị văn phòng
@@ -933,8 +933,8 @@
                     <a href="" class="item">
                         <div
                             class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
-                            <img src="/assets/images/icon-cate-16.png" class="object-contain aspect-[1.75] w-[98px]"
-                                alt="Game pad" />
+                            <img src="../../assets/images/icon-cate-16.png"
+                                class="object-contain aspect-[1.75] w-[98px]" alt="Game pad" />
                         </div>
                         <p class="mt-3 text-xl font-medium text-center text-black hover:text-[var(--color-global)]">
                             Game pad
@@ -963,7 +963,7 @@
                         <div class="swiper-slide">
                             <a href=""
                                 class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
-                                <img src="/assets/images/logo-hacom.png"
+                                <img src="../../assets/images/logo-hacom.png"
                                     class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in  group-hover:translate-y-[-3px]"
                                     width="100%" height="100%" alt="">
                             </a>
@@ -971,7 +971,7 @@
                         <div class="swiper-slide">
                             <a href=""
                                 class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
-                                <img src="/assets/images/logo-anphat.png"
+                                <img src="../../assets/images/logo-anphat.png"
                                     class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in  group-hover:translate-y-[-3px]"
                                     width="100%" height="100%" alt="">
                             </a>
@@ -979,7 +979,7 @@
                         <div class="swiper-slide">
                             <a href=""
                                 class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
-                                <img src="/assets/images/logo-gearvn.png"
+                                <img src="../../assets/images/logo-gearvn.png"
                                     class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in  group-hover:translate-y-[-3px]"
                                     width="100%" height="100%" alt="">
                             </a>
@@ -987,7 +987,7 @@
                         <div class="swiper-slide">
                             <a href=""
                                 class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
-                                <img src="/assets/images/logo-hacom.png"
+                                <img src="../../assets/images/logo-hacom.png"
                                     class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in  group-hover:translate-y-[-3px]"
                                     width="100%" height="100%" alt="">
                             </a>
@@ -995,7 +995,7 @@
                         <div class="swiper-slide">
                             <a href=""
                                 class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
-                                <img src="/assets/images/logo-anphat.png"
+                                <img src="../../assets/images/logo-anphat.png"
                                     class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in  group-hover:translate-y-[-3px]"
                                     width="100%" height="100%" alt="">
                             </a>
@@ -1003,7 +1003,7 @@
                         <div class="swiper-slide">
                             <a href=""
                                 class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
-                                <img src="/assets/images/logo-gearvn.png"
+                                <img src="../../assets/images/logo-gearvn.png"
                                     class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in  group-hover:translate-y-[-3px]"
                                     width="100%" height="100%" alt="">
                             </a>
@@ -1011,7 +1011,7 @@
                         <div class="swiper-slide">
                             <a href=""
                                 class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
-                                <img src="/assets/images/logo-hacom.png"
+                                <img src="../../assets/images/logo-hacom.png"
                                     class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in  group-hover:translate-y-[-3px]"
                                     width="100%" height="100%" alt="">
                             </a>
@@ -1019,7 +1019,7 @@
                         <div class="swiper-slide">
                             <a href=""
                                 class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
-                                <img src="/assets/images/logo-anphat.png"
+                                <img src="../../assets/images/logo-anphat.png"
                                     class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in  group-hover:translate-y-[-3px]"
                                     width="100%" height="100%" alt="">
                             </a>
@@ -1027,7 +1027,7 @@
                         <div class="swiper-slide">
                             <a href=""
                                 class="block py-[10px] shadow-[1px_2px_8px_0_#72727240] rounded-[4px] overflow-hidden bg-white group">
-                                <img src="/assets/images/logo-gearvn.png"
+                                <img src="../../assets/images/logo-gearvn.png"
                                     class="block w-[full] h-[50px] object-contain translate-y-0 transition-all duration-200 ease-in  group-hover:translate-y-[-3px]"
                                     width="100%" height="100%" alt="">
                             </a>
@@ -1056,7 +1056,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                                     </a>
                                     <div class="info-product">
@@ -1076,7 +1076,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                                     </a>
                                     <div class="info-product">
@@ -1096,7 +1096,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                                     </a>
                                     <div class="info-product">
@@ -1116,7 +1116,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                                     </a>
                                     <div class="info-product">
@@ -1161,7 +1161,7 @@
                         <div class="list mt-5">
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1181,7 +1181,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1201,7 +1201,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1221,7 +1221,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1260,7 +1260,7 @@
                         <div class="list mt-5">
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1280,7 +1280,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1300,7 +1300,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1320,7 +1320,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-article line-clamp-1">Xu hướng công nghệ nhìn từ CES 2025</a>
@@ -1358,7 +1358,7 @@
                         <div class="list mt-5">
                             <div class="item-classifieds">
                                 <a href="" class="image-classifieds effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
@@ -1380,7 +1380,7 @@
                                         </div>
                                     </div>
                                     <a href="" class="staff flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
                                             height="100%" alt="avartar">
                                         <b class="ml-[5px]">Thanh mai</b>
@@ -1389,7 +1389,7 @@
                             </div>
                             <div class="item-classifieds">
                                 <a href="" class="image-classifieds effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
@@ -1411,7 +1411,7 @@
                                         </div>
                                     </div>
                                     <a href="" class="staff flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
                                             height="100%" alt="avartar">
                                         <b class="ml-[5px]">Thanh mai</b>
@@ -1420,7 +1420,7 @@
                             </div>
                             <div class="item-classifieds">
                                 <a href="" class="image-classifieds effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
@@ -1442,7 +1442,7 @@
                                         </div>
                                     </div>
                                     <a href="" class="staff flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
                                             height="100%" alt="avartar">
                                         <b class="ml-[5px]">Thanh mai</b>
@@ -1451,7 +1451,7 @@
                             </div>
                             <div class="item-classifieds">
                                 <a href="" class="image-classifieds effect-image">
-                                    <img src="/assets/images/image-article.png" alt="">
+                                    <img src="../../assets/images/image-article.png" alt="">
                                 </a>
                                 <div class="info">
                                     <a href="" class="name-classifieds line-clamp-1">Xu hướng công nghệ nhìn từ CES
@@ -1473,7 +1473,7 @@
                                         </div>
                                     </div>
                                     <a href="" class="staff flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block object-contain rounded-full" width="100%"
                                             height="100%" alt="avartar">
                                         <b class="ml-[5px]">Thanh mai</b>
@@ -1497,19 +1497,19 @@
             <div class="container">
                 <div class="flex gap-[8px]">
                     <a href="" class="item effect-image">
-                        <img src="/assets/images/banner-sale-1.png" width="100%" height="100%"
+                        <img src="../../assets/images/banner-sale-1.png" width="100%" height="100%"
                             class="object-contain w-full h-full rounded-xl" alt="">
                     </a>
                     <a href="" class="item effect-image">
-                        <img src="/assets/images/banner-sale-2.png" width="100%" height="100%"
+                        <img src="../../assets/images/banner-sale-2.png" width="100%" height="100%"
                             class="object-contain w-full h-full rounded-xl" alt="">
                     </a>
                     <a href="" class="item effect-image">
-                        <img src="/assets/images/banner-sale-3.png" width="100%" height="100%"
+                        <img src="../../assets/images/banner-sale-3.png" width="100%" height="100%"
                             class="object-contain w-full h-full rounded-xl" alt="">
                     </a>
                     <a href="" class="item effect-image">
-                        <img src="/assets/images/banner-sale-4.png" width="100%" height="100%"
+                        <img src="../../assets/images/banner-sale-4.png" width="100%" height="100%"
                             class="object-contain w-full h-full rounded-xl" alt="">
                     </a>
                 </div>
@@ -1532,25 +1532,25 @@
                 <div class="list flex gap-[8px] mt-6">
                     <a class="box-big w-full w-[47%] h-[365px]" href="javascript:void(0)" id="js-video"
                         data-url="https://www.youtube.com/watch?v=LcQBXGLWX8I">
-                        <img src="/assets/images/promotions-big.png" width="100%" height="100%"
+                        <img src="../../assets/images/promotions-big.png" width="100%" height="100%"
                             class="object-cover w-full h-full rounded-xl" alt="">
                     </a>
                     <div class="grid grid-cols-2 w-[53%] gap-[8px]">
                         <a href="" class="item effect-image">
-                            <img src="/assets/images/promotions-1.png" class="object-contain w-full h-full rounded-xl"
-                                width="100%" height="100%" alt="">
+                            <img src="../../assets/images/promotions-1.png"
+                                class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
                         </a>
                         <a href="" class="item effect-image">
-                            <img src="/assets/images/promotions-2.png" class="object-contain w-full h-full rounded-xl"
-                                width="100%" height="100%" alt="">
+                            <img src="../../assets/images/promotions-2.png"
+                                class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
                         </a>
                         <a href="" class="item effect-image">
-                            <img src="/assets/images/promotions-3.png" class="object-contain w-full h-full rounded-xl"
-                                width="100%" height="100%" alt="">
+                            <img src="../../assets/images/promotions-3.png"
+                                class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
                         </a>
                         <a href="" class="item effect-image">
-                            <img src="/assets/images/promotions-4.png" class="object-contain w-full h-full rounded-xl"
-                                width="100%" height="100%" alt="">
+                            <img src="../../assets/images/promotions-4.png"
+                                class="object-contain w-full h-full rounded-xl" width="100%" height="100%" alt="">
                         </a>
                     </div>
                 </div>
@@ -1561,7 +1561,7 @@
         <footer class="mt-20 border-t-[11px] border-[#1c039b] w-full">
             <div class="container">
                 <a href="/" class="block my-[30px]">
-                    <img src="/assets/images/logo-footer.png" class="block w-[180px] h-[45px] object-contain"
+                    <img src="../../assets/images/logo-footer.png" class="block w-[180px] h-[45px] object-contain"
                         width="100%" height="100%" alt="logo">
                 </a>
                 <div class="main-footer grid grid-cols-4">
diff --git a/template/product/category-detail.html b/template/product/category-detail.html
index 60c481e..7597ec3 100644
--- a/template/product/category-detail.html
+++ b/template/product/category-detail.html
@@ -6,9 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
+    <link rel="stylesheet" href="/src../../assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -175,7 +175,7 @@
                         <div class="product-list grid grid-cols-4 gap-[15px]">
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -194,7 +194,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -213,7 +213,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -232,7 +232,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -251,7 +251,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -270,7 +270,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -289,7 +289,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -308,7 +308,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -327,7 +327,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -346,7 +346,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
@@ -365,7 +365,7 @@
                             </div>
                             <div class="product-item">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     <div class="box-saleoff">-20%</div>
                                 </a>
                                 <div class="info-product">
diff --git a/template/product/category.html b/template/product/category.html
index 88eee50..403acbf 100644
--- a/template/product/category.html
+++ b/template/product/category.html
@@ -20,9 +20,9 @@
             },
         };
     </script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
+    <link rel="stylesheet" href="/src../../assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -64,62 +64,62 @@
                 <div class="list grid grid-cols-4 gap-[24px]">
 
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
                     <a href="" class="item border border-[#c0c0c0] rounded-[8px]  p-[12px]">
-                        <img src="/assets/images/category-avatar.png"
+                        <img src="../../assets/images/category-avatar.png"
                             class="block w-[200px] h-[200px] object-contain mb-[10px] mx-auto" alt="">
                         <b class="block text-center text-xl line-clamp-1">Máy chủ</b>
                     </a>
diff --git a/template/product/product-detail.html b/template/product/product-detail.html
index cb33eaa..921ba0b 100644
--- a/template/product/product-detail.html
+++ b/template/product/product-detail.html
@@ -6,10 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
+    <link rel="stylesheet" href="/src../../assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -56,27 +56,27 @@
                             <div class="swiper-wrapper">
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="/assets/images/big-product-detail.png" alt="">
+                                        <img src="../../assets/images/big-product-detail.png" alt="">
                                     </div>
                                 </div>
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="/assets/images/big-product-detail.jpg" alt="">
+                                        <img src="../../assets/images/big-product-detail.jpg" alt="">
                                     </div>
                                 </div>
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="/assets/images/big-product-detail-2.jpg" alt="">
+                                        <img src="../../assets/images/big-product-detail-2.jpg" alt="">
                                     </div>
                                 </div>
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="/assets/images/big-product-detail-3.jpg" alt="">
+                                        <img src="../../assets/images/big-product-detail-3.jpg" alt="">
                                     </div>
                                 </div>
                                 <div class="swiper-slide">
                                     <div class="item">
-                                        <img src="/assets/images/big-product-detail-4.jpg" alt="">
+                                        <img src="../../assets/images/big-product-detail-4.jpg" alt="">
                                     </div>
                                 </div>
                             </div>
@@ -91,32 +91,32 @@
                             <div class="swiper-wrapper">
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item video">
-                                        <img src="/assets/images/small-product-detail.png" alt="">
+                                        <img src="../../assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="/assets/images/small-product-detail.png" alt="">
+                                        <img src="../../assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="/assets/images/small-product-detail.png" alt="">
+                                        <img src="../../assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="/assets/images/small-product-detail.png" alt="">
+                                        <img src="../../assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="/assets/images/small-product-detail.png" alt="">
+                                        <img src="../../assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                                 <div class="swiper-slide">
                                     <a href="javascript:void(0)" class="item">
-                                        <img src="/assets/images/small-product-detail.png" alt="">
+                                        <img src="../../assets/images/small-product-detail.png" alt="">
                                     </a>
                                 </div>
                             </div>
@@ -186,7 +186,7 @@
 
                     <a href=""
                         class="group mt-4 flex items-center justify-center w-ful py-[10px] border border-[#D3D3D3] rounded-[4px] text-center hover:bg-[var(--color-global)] hover:text-white">
-                        <img src="/assets/images/icon-file-save.png"
+                        <img src="../../assets/images/icon-file-save.png"
                             class="w-[18px] h-[24px] block group-hover:brightness-[0] group-hover:invert-[1]"
                             alt="save">
                         <b class="ml-[10px] text-base">Lưu sản phẩm lại xem sau</b>
@@ -243,7 +243,7 @@
                         <div class="flex items-start supplier">
                             <div class="logo mr-[10px]">
                                 <div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
-                                    <img src="/assets/images/logo-hacom.png"
+                                    <img src="../../assets/images/logo-hacom.png"
                                         class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
                                         alt="hacom" />
                                 </div>
@@ -299,7 +299,7 @@
                         <div class="flex items-start supplier">
                             <div class="logo mr-[10px]">
                                 <div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
-                                    <img src="/assets/images/logo-hacom.png"
+                                    <img src="../../assets/images/logo-hacom.png"
                                         class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
                                         alt="hacom" />
                                 </div>
@@ -355,7 +355,7 @@
                         <div class="flex items-start supplier">
                             <div class="logo mr-[10px]">
                                 <div class="w-[70px] h-[70px] p-[10px] block border border-[#F3F3F3] rounded-[4px]">
-                                    <img src="/assets/images/logo-hacom.png"
+                                    <img src="../../assets/images/logo-hacom.png"
                                         class="block w-full h-full object-contain m-[0_auto]" width="100%" height="100%"
                                         alt="hacom" />
                                 </div>
@@ -473,7 +473,7 @@
                         <div class="list-review mt-[15px]">
                             <div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
                                 <div class="w-[80px] mr-[20px]">
-                                    <img src="/assets/images/avartar-review-1.png" width="75px" height="75px"
+                                    <img src="../../assets/images/avartar-review-1.png" width="75px" height="75px"
                                         alt="avartar">
                                     <div class="time mt-[10px]">
                                         <b class="mb-[2px] text-center block">Dino</b>
@@ -492,20 +492,20 @@
                                         and scrambled it to make a type specimen
                                         book. I</p>
                                     <div class="flex items-center mb-[10px]">
-                                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
-                                            class="w-[80px] block mr-[10px]">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                        <a href="/src../../assets/images/small-product-detail.png"
+                                            data-fancybox="gallery" class="w-[80px] block mr-[10px]">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
                                     </div>
                                     <div class="btn">
@@ -521,7 +521,7 @@
                             </div>
                             <div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
                                 <div class="w-[80px] mr-[20px]">
-                                    <img src="/assets/images/avartar-review-2.png" width="75px" height="75px"
+                                    <img src="../../assets/images/avartar-review-2.png" width="75px" height="75px"
                                         alt="avartar">
                                     <div class="time mt-[10px]">
                                         <b class="mb-[2px] text-center block">Dino</b>
@@ -540,20 +540,20 @@
                                         and scrambled it to make a type specimen
                                         book. I</p>
                                     <div class="flex items-center mb-[10px]">
-                                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
-                                            class="w-[80px] block mr-[10px]">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                        <a href="/src../../assets/images/small-product-detail.png"
+                                            data-fancybox="gallery" class="w-[80px] block mr-[10px]">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
                                     </div>
                                     <div class="btn">
@@ -569,7 +569,7 @@
                             </div>
                             <div class="item-review flex mb-[15px] pb-[15px] border-b-[1px] border-[#E4E4E4]">
                                 <div class="w-[80px] mr-[20px]">
-                                    <img src="/assets/images/avartar-review-3.png" width="75px" height="75px"
+                                    <img src="../../assets/images/avartar-review-3.png" width="75px" height="75px"
                                         alt="avartar">
                                     <div class="time mt-[10px]">
                                         <b class="mb-[2px] text-center block">Dino</b>
@@ -588,20 +588,20 @@
                                         and scrambled it to make a type specimen
                                         book. I</p>
                                     <div class="flex items-center mb-[10px]">
-                                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
-                                            class="w-[80px] block mr-[10px]">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                        <a href="/src../../assets/images/small-product-detail.png"
+                                            data-fancybox="gallery" class="w-[80px] block mr-[10px]">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
-                                        <a href="/src/assets/images/small-product-detail.png"
+                                        <a href="/src../../assets/images/small-product-detail.png"
                                             class="w-[80px] block mr-[10px]" data-fancybox="gallery">
-                                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block"
-                                                alt="">
+                                            <img src="../../assets/images/small-product-detail.png"
+                                                class="w-[100%] block" alt="">
                                         </a>
                                     </div>
                                     <div class="btn">
@@ -1119,7 +1119,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1142,7 +1142,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1153,7 +1153,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1176,7 +1176,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1187,7 +1187,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1210,7 +1210,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1221,7 +1221,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1244,7 +1244,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1255,7 +1255,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1278,7 +1278,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1289,7 +1289,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1312,7 +1312,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1345,7 +1345,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1368,7 +1368,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1379,7 +1379,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1402,7 +1402,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1413,7 +1413,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1436,7 +1436,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1447,7 +1447,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1470,7 +1470,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1481,7 +1481,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1504,7 +1504,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1515,7 +1515,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                     </a>
                                     <div class="info-product">
                                         <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -1538,7 +1538,7 @@
                                         </div>
                                         <div class="price">15.000.000đ</div>
                                         <div class="user-pro flex items-center">
-                                            <img src="/assets/images/avartar.png"
+                                            <img src="../../assets/images/avartar.png"
                                                 class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                                 alt="avartar" />
                                             <b class="ml-[7px]">Thanh Mai</b>
@@ -1569,7 +1569,7 @@
         </div>
         <div class="info-form-review w-[500px] mx-[auto]">
             <a href="" class="block m-[10px_auto] p-[10px] rounded-[4px] border-[#B1B1B1]">
-                <img src="/assets/images/small-product-detail.png" width="100%" height="100%"
+                <img src="../../assets/images/small-product-detail.png" width="100%" height="100%"
                     class="block w-[100px] h-[100px] m-[0_auto]" alt="">
             </a>
             <a href="" class="text-center block mb-[10px]">Laptop Gaming Asus TUF FX505GE-BQ037T Core
diff --git a/template/product/product-save.html b/template/product/product-save.html
index 95f0a98..39de6a0 100644
--- a/template/product/product-save.html
+++ b/template/product/product-save.html
@@ -6,9 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -55,7 +54,7 @@
             <div class="product-list grid grid-cols-5 gap-[15px]">
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -74,7 +73,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -93,7 +92,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -112,7 +111,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -131,7 +130,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -150,7 +149,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -169,7 +168,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -188,7 +187,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -207,7 +206,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
@@ -226,7 +225,7 @@
                 </div>
                 <div class="product-item save">
                     <a href="" class="product-image">
-                        <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                        <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                         <div class="icon-save"><i class="icon_2025 heart"></i></div>
                         <div class="icon-remove"><i class="icon_2025 remove"></i></div>
                     </a>
diff --git a/template/store/list-store.html b/template/store/list-store.html
index f8fbc47..8666487 100644
--- a/template/store/list-store.html
+++ b/template/store/list-store.html
@@ -11,7 +11,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
         rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -99,7 +99,7 @@
 
                     <div class="item-store py-[15px] border-b-[1px] border-[#c8c8c8] flex ">
                         <div class="logo w-[100px] h-[100px] border border-[#d4d4d4] mr-[10px]">
-                            <img src="/assets/images/logo-hacom.png" width="100%" height="100%"
+                            <img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
                                 class="w-full h-full p-[5px] object-contain block" alt="h acom" />
                         </div>
                         <div class="info w-[calc(100%-390px)] mr-[10px]">
@@ -182,7 +182,7 @@
         </div>
         <div class="info-form-review w-[500px] mx-[auto]">
             <a href="" class="block w-[100px] h-[100px] m-[10px_auto] p-[10px] rounded-[4px] border border-[#d4d4d4]">
-                <img src="/assets/images/logo-hacom.png" width="100%" height="100%"
+                <img src="../../assets/images/logo-hacom.png" width="100%" height="100%"
                     class="block w-full h-[100%] m-[auto] object-contain" alt="">
             </a>
             <a href="" class="text-center block mb-[10px]">Hanoicomputer - Công cổ phần máy tính Hà Nội</a>
@@ -251,7 +251,7 @@
         <div class="list-review max-h-[900px] overflow-auto">
             <div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
                 <div class="w-[80px] mr-[20px]">
-                    <img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
+                    <img src="../../assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
                     <div class="time mt-[10px]">
                         <b class="mb-[2px] text-center block">Dino</b>
                         <p class="text-center">10:00pm 20/02/2025</p>
@@ -269,17 +269,17 @@
                         and scrambled it to make a type specimen
                         book. I</p>
                     <div class="flex items-center mb-[10px]">
-                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
+                        <a href="/src../../assets/images/small-product-detail.png" data-fancybox="gallery"
                             class="w-[80px] block mr-[10px]">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
-                        <a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
+                        <a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
                             data-fancybox="gallery">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
-                        <a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
+                        <a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
                             data-fancybox="gallery">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
                     </div>
                     <div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
@@ -295,7 +295,7 @@
             </div>
             <div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
                 <div class="w-[80px] mr-[20px]">
-                    <img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
+                    <img src="../../assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
                     <div class="time mt-[10px]">
                         <b class="mb-[2px] text-center block">Dino</b>
                         <p class="text-center">10:00pm 20/02/2025</p>
@@ -313,17 +313,17 @@
                         and scrambled it to make a type specimen
                         book. I</p>
                     <div class="flex items-center mb-[10px]">
-                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
+                        <a href="/src../../assets/images/small-product-detail.png" data-fancybox="gallery"
                             class="w-[80px] block mr-[10px]">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
-                        <a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
+                        <a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
                             data-fancybox="gallery">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
-                        <a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
+                        <a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
                             data-fancybox="gallery">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
                     </div>
                     <div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
@@ -339,7 +339,7 @@
             </div>
             <div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
                 <div class="w-[80px] mr-[20px]">
-                    <img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
+                    <img src="../../assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
                     <div class="time mt-[10px]">
                         <b class="mb-[2px] text-center block">Dino</b>
                         <p class="text-center">10:00pm 20/02/2025</p>
@@ -357,17 +357,17 @@
                         and scrambled it to make a type specimen
                         book. I</p>
                     <div class="flex items-center mb-[10px]">
-                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
+                        <a href="/src../../assets/images/small-product-detail.png" data-fancybox="gallery"
                             class="w-[80px] block mr-[10px]">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
-                        <a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
+                        <a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
                             data-fancybox="gallery">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
-                        <a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
+                        <a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
                             data-fancybox="gallery">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
                     </div>
                     <div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
@@ -383,7 +383,7 @@
             </div>
             <div class="item-review flex mb-[15px] py-[15px] border-b-[1px] border-[#E4E4E4]">
                 <div class="w-[80px] mr-[20px]">
-                    <img src="/assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
+                    <img src="../../assets/images/avartar-review-1.png" width="75px" height="75px" alt="avartar">
                     <div class="time mt-[10px]">
                         <b class="mb-[2px] text-center block">Dino</b>
                         <p class="text-center">10:00pm 20/02/2025</p>
@@ -401,17 +401,17 @@
                         and scrambled it to make a type specimen
                         book. I</p>
                     <div class="flex items-center mb-[10px]">
-                        <a href="/src/assets/images/small-product-detail.png" data-fancybox="gallery"
+                        <a href="/src../../assets/images/small-product-detail.png" data-fancybox="gallery"
                             class="w-[80px] block mr-[10px]">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
-                        <a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
+                        <a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
                             data-fancybox="gallery">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
-                        <a href="/src/assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
+                        <a href="/src../../assets/images/small-product-detail.png" class="w-[80px] block mr-[10px]"
                             data-fancybox="gallery">
-                            <img src="/assets/images/small-product-detail.png" class="w-[100%] block" alt="">
+                            <img src="../../assets/images/small-product-detail.png" class="w-[100%] block" alt="">
                         </a>
                     </div>
                     <div class="mb-[5px]">Đánh giá: <b>8/10</b></div>
diff --git a/template/tin_rao_vat/form_classified.html b/template/tin_rao_vat/form_classified.html
index e6ab9bd..fc5abbc 100644
--- a/template/tin_rao_vat/form_classified.html
+++ b/template/tin_rao_vat/form_classified.html
@@ -6,10 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -59,7 +58,7 @@
                                 <div id="js-container-selector" class="mb-5">
                                     <a id="js-select-file" href="javascript:void(0);" class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[280px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
  border-[var(--color-global)] hover:border-[2px] hover:border-solid">
-                                        <img src="/assets/images/icon_upload_image.png"
+                                        <img src="../../assets/images/icon_upload_image.png"
                                             class="w-[50px] h-[50px] block mb-2 object-contain" width="100%"
                                             height="100%" alt="">
                                         <b class="text-center">Có thể đăng tối đa 6 hình ảnh</b>
@@ -68,7 +67,7 @@
                                 <div id="js-container-selector">
                                     <a id="js-select-file" href="javascript:void(0);" class="btn-upload flex flex-col items-center justify-center dz-clickable w-full h-[280px] bg-[#f6f6f6] rounded-[12px] border-[1px] border-dashed
                                  border-[var(--color-global)] hover:border-[2px] hover:border-solid">
-                                        <img src="/assets/images/icon_upload_video.png"
+                                        <img src="../../assets/images/icon_upload_video.png"
                                             class="w-[50px] h-[50px] block mb-2 object-contain" width="100%"
                                             height="100%" alt="">
                                         <b class="text-center">Có thể đăng tối đa 6 hình ảnh</b>
diff --git a/template/tin_rao_vat/page-classified-detail.html b/template/tin_rao_vat/page-classified-detail.html
index 8dd4482..d2e5ecd 100644
--- a/template/tin_rao_vat/page-classified-detail.html
+++ b/template/tin_rao_vat/page-classified-detail.html
@@ -6,10 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -46,27 +45,27 @@
                                 <div class="swiper-wrapper">
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                     <div class="swiper-slide">
                                         <div class="item">
-                                            <img src="/assets/images/big-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/big-image-rao-vat.png" alt="">
                                         </div>
                                     </div>
                                 </div>
@@ -81,32 +80,32 @@
                                 <div class="swiper-wrapper">
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item video">
-                                            <img src="/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                     <div class="swiper-slide">
                                         <a href="javascript:void(0)" class="item">
-                                            <img src="/assets/images/thumb-image-rao-vat.png" alt="">
+                                            <img src="../../assets/images/thumb-image-rao-vat.png" alt="">
                                         </a>
                                     </div>
                                 </div>
@@ -165,7 +164,7 @@
                         <div class="p-[15px] border border-[#d3d3d3] rounded-[12px] my-3 flex items-center">
                             <div class="w-1/2 border-r-[1px] border-[#d3d3d3]">
                                 <div class="flex">
-                                    <img src="/assets/images/avartar.png" width="100%" height="100%"
+                                    <img src="../../assets/images/avartar.png" width="100%" height="100%"
                                         class="block w-[45px] h-[45px] object-contain  rounded-full" alt="">
                                     <div class="ml-2">
                                         <div class="flex items-end">
@@ -441,7 +440,7 @@
                 </div>
                 <div class="w-[30%]">
                     <a href="" class="block">
-                        <img src="/assets/images/banner_canhbao.png" alt="">
+                        <img src="../../assets/images/banner_canhbao.png" alt="">
                     </a>
                 </div>
             </div>
diff --git a/template/tin_rao_vat/page-classifieds.html b/template/tin_rao_vat/page-classifieds.html
index 0e88cd8..a5db635 100644
--- a/template/tin_rao_vat/page-classifieds.html
+++ b/template/tin_rao_vat/page-classifieds.html
@@ -6,10 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>BESTPC - Trang chủ</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="/src/assets/css/font.css">
+    <link rel="stylesheet" href="/src../../assets/css/font.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
-    <link rel="stylesheet" href="/assets/css/style.css" rel="stylesheet" />
+    <link rel="stylesheet" href="../../assets/css/style.css" rel="stylesheet" />
 
 </head>
 
@@ -119,7 +119,7 @@
 
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -157,7 +157,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -167,7 +167,7 @@
 
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -205,7 +205,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -214,7 +214,7 @@
                             </div>
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -252,7 +252,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -261,7 +261,7 @@
                             </div>
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -299,7 +299,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -308,7 +308,7 @@
                             </div>
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -346,7 +346,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>
@@ -355,7 +355,7 @@
                             </div>
                             <div class="product-item flex gap-[10px]">
                                 <a href="" class="product-image">
-                                    <img src="/assets/images/box-image.png" alt="Laptop Dell" />
+                                    <img src="../../assets/images/box-image.png" alt="Laptop Dell" />
                                 </a>
                                 <div class="info-product">
                                     <a href="" class="name-product line-clamp-2">Laptop văn phòng Dell RAM 8G Core
@@ -393,7 +393,7 @@
                                     </div>
 
                                     <div class="user-pro flex items-center">
-                                        <img src="/assets/images/avartar.png"
+                                        <img src="../../assets/images/avartar.png"
                                             class="w-[24px] h-[24px] block rounded-[50%]" width="24px" height="24px"
                                             alt="avartar" />
                                         <b class="ml-[7px]">Thanh Mai</b>