diff --git a/assets/css/style.css b/assets/css/style.css
index 8aab604..ad79deb 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -45,7 +45,7 @@ html {
 
 .icon_2025 {
   background: url(../images/icon_2025.png) no-repeat;
-  background-size: 228px 236px;
+  background-size: 228px 260px;
   display: block;
 }
 .icon_2025.map {
@@ -71,7 +71,7 @@ html {
 .icon_2025.bar {
   width: 18px;
   height: 18px;
-  background-position: 1px -40px;
+  background-position: 1px -38px;
 }
 .icon_2025.buildpc {
   width: 36px;
@@ -86,7 +86,12 @@ html {
 .icon_2025.shop-3 {
   width: 22px;
   height: 24px;
-  background-position: -180px -163px;
+  background-position: -180px -186px;
+}
+.icon_2025.shop-hover {
+  width: 22px;
+  height: 24px;
+  background-position: -46px -65px;
 }
 .icon_2025.map-2 {
   width: 15px;
@@ -108,75 +113,85 @@ html {
   height: 24px;
   background-position: -133px -35px;
 }
+.icon_2025.prduct-save-hover {
+  width: 24px;
+  height: 24px;
+  background-position: -140px -65px;
+}
 .icon_2025.article {
   width: 30px;
   height: 24px;
   background-position: -162px -35px;
 }
+.icon_2025.article-hover {
+  width: 30px;
+  height: 24px;
+  background-position: -170px -63px;
+}
 .icon_2025.heart {
   width: 24px;
   height: 24px;
-  background-position: -98px -123px;
+  background-position: -98px -147px;
 }
 .icon_2025.heart-2 {
   width: 24px;
   height: 24px;
-  background-position: -126px -151px;
+  background-position: -126px -173px;
 }
 .icon_2025.shop-blue {
   width: 24px;
   height: 24px;
-  background-position: -100px -147px;
+  background-position: -96px -172px;
 }
 .icon_2025.link {
   width: 14px;
-  height: 10px;
-  background-position: -212px -108px;
+  height: 12px;
+  background-position: -212px -130px;
 }
 .icon_2025.time {
   width: 15px;
   height: 14.5px;
-  background-position: -188px -147.5px;
+  background-position: -188px -172px;
 }
 .icon_2025.time-gray {
   width: 16px;
   height: 16px;
-  background-position: -34px -73px;
+  background-position: -34px -96px;
 }
 .icon_2025.mouse {
   width: 20px;
   height: 20px;
-  background-position: -160px -145px;
+  background-position: -160px -170px;
 }
 .icon_2025.facebook {
   width: 41px;
   height: 40px;
-  background-position: 0 -135px;
+  background-position: 0 -159px;
 }
 .icon_2025.zalo {
   width: 41px;
   height: 40px;
-  background-position: -50px -135px;
+  background-position: -50px -159px;
 }
 .icon_2025.home {
   width: 20px;
   height: 20px;
-  background-position: -207px -129px;
+  background-position: -207px -152px;
 }
 .icon_2025.angle-right {
   width: 11px;
   height: 17px;
-  background-position: -212px -152px;
+  background-position: -212px -176px;
 }
 .icon_2025.view {
   width: 22px;
   height: 16px;
-  background-position: -205px -8px;
+  background-position: -205px -9px;
 }
 .icon_2025.time-big {
   width: 22px;
   height: 22px;
-  background-position: -2px -70px;
+  background-position: -2px -93px;
 }
 .icon_2025.share {
   width: 21px;
@@ -186,38 +201,38 @@ html {
 .icon_2025.map-4 {
   width: 18px;
   height: 25px;
-  background-position: -152px -69px;
+  background-position: -152px -92px;
 }
 .icon_2025.link-review {
   width: 18px;
   height: 18px;
-  background-position: -27px -104px;
+  background-position: -27px -128px;
 }
 .icon_2025.angle-bottom {
   width: 15px;
   height: 12px;
-  background-position: -190px -133px;
+  background-position: -188px -156px;
 }
 .icon_2025.angle-top {
   width: 15px;
   height: 12px;
-  background-position: -190px -133px;
+  background-position: -190px -156px;
   transform: rotate(180deg);
 }
 .icon_2025.upload_image {
   width: 24px;
   height: 24px;
-  background-position: -88px -70px;
+  background-position: -86px -91px;
 }
 .icon_2025.remove {
   width: 24px;
   height: 26px;
-  background-position: -126px -124px;
+  background-position: -126px -147px;
 }
 .icon_2025.showroom {
   width: 24px;
   height: 24px;
-  background-position: -119px -69px;
+  background-position: -119px -92px;
 }
 .icon_2025.phone {
   width: 18px;
@@ -227,103 +242,103 @@ html {
 .icon_2025.earth {
   width: 22px;
   height: 24px;
-  background-position: 0 -102px;
+  background-position: 0 -125px;
 }
 .icon_2025.copy {
   width: 20px;
   height: 20px;
-  background-position: -208px -71px;
+  background-position: -208px -94px;
 }
 .icon_2025.history {
   width: 24px;
   height: 24px;
-  background-position: -45px -102px;
+  background-position: -45px -126px;
 }
 .icon_2025.download {
   width: 22px;
   height: 22px;
-  background-position: -74px -102px;
+  background-position: -74px -126px;
 }
 .icon_2025.return {
   width: 18px;
   height: 18px;
-  background-position: -155px -105px;
+  background-position: -155px -129px;
 }
 .icon_2025.close {
   width: 16px;
   height: 16px;
-  background-position: -160px -126px;
+  background-position: -160px -149px;
 }
 .icon_2025.print {
   width: 18px;
   height: 19px;
-  background-position: -187px -4px;
+  background-position: -187px -2px;
 }
 .icon_2025.filter {
   width: 20px;
   height: 20px;
-  background-position: 0px -187px;
+  background-position: 0px -209px;
 }
 .icon_2025.comment {
   width: 20px;
   height: 20px;
   background-position: -84px -25px;
-  background-size: 190px 175px;
+  background-size: 190px 200px;
 }
 .icon_2025.faq {
   width: 20px;
   height: 20px;
-  background-position: -129px -105px;
+  background-position: -129px -127px;
 }
 .icon_2025.tag {
   width: 20px;
   height: 20px;
-  background-position: -102px -105px;
+  background-position: -102px -127px;
 }
 .icon_2025.images {
   width: 22px;
   height: 22px;
-  background-position: -164px -186px;
+  background-position: -164px -209px;
 }
 .icon_2025.like {
   width: 22px;
   height: 22px;
-  background-position: -209px -213px;
+  background-position: -209px -234px;
 }
 .icon_2025.sort_list {
   width: 34px;
   height: 22px;
-  background-position: -50px -185px;
+  background-position: -50px -209px;
 }
 .icon_2025.sort_gird {
   width: 22px;
-  height: 22px;
-  background-position: -96px -186px;
+  height: 23px;
+  background-position: -96px -209px;
 }
 .icon_2025.spec {
   width: 22px;
   height: 22px;
-  background-position: -130px -186px;
+  background-position: -130px -209px;
 }
 .icon_2025.list_faq {
   width: 21px;
   height: 24px;
-  background-position: -1px -211px;
+  background-position: -1px -236px;
 }
 .icon_2025.list_raovat {
   width: 21px;
   height: 25px;
-  background-position: -52px -211px;
+  background-position: -52px -236px;
 }
 .icon_2025.list_inbox {
   width: 22px;
   height: 25px;
-  background-position: -105px -211px;
+  background-position: -105px -236px;
 }
 .icon_2025.info_save {
   width: 22px;
   height: 25px;
-  background-position: -164px -211px;
+  background-position: -164px -236px;
 }
 
 .icon-star {
@@ -469,6 +484,26 @@ html {
   margin-top: 0;
   border-top: 0;
 }
+.header-bottom .header-bottom-right a:hover .buildpc {
+  width: 36px;
+  height: 24px;
+  background-position: -4px -65px;
+}
+.header-bottom .header-bottom-right a:hover .shop {
+  background-position: -46px -65px;
+}
+.header-bottom .header-bottom-right a:hover .map-2 {
+  background-position: -77px -65px;
+}
+.header-bottom .header-bottom-right a:hover .question {
+  background-position: -104px -64px;
+}
+.header-bottom .header-bottom-right a:hover .prduct-save {
+  background-position: -140px -64px;
+}
+.header-bottom .header-bottom-right a:hover .article {
+  background-position: -172px -63px;
+}
 
 .effect-image {
   position: relative;
@@ -599,7 +634,6 @@ html {
   font-weight: 700;
   font-size: 18px;
   color: #d80a00;
-  margin-bottom: 5px;
 }
 .product-item .old-price {
   color: #b0b0b0;
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
index db32e38..2587969 100644
--- a/assets/css/style.css.map
+++ b/assets/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/assets/css/style.scss b/assets/css/style.scss
index fc1126d..4c4d590 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -46,7 +46,7 @@ html {
 
 .icon_2025 {
     background: url(../images/icon_2025.png) no-repeat;
-    background-size: 228px 236px;
+    background-size: 228px 260px;
     display: block;
     &.map {
         width: 20px;
@@ -71,7 +71,7 @@ html {
     &.bar {
         width: 18px;
         height: 18px;
-        background-position: 1px -40px;
+        background-position: 1px -38px;
     }
     &.buildpc {
         width: 36px;
@@ -86,7 +86,12 @@ html {
     &.shop-3 {
         width: 22px;
         height: 24px;
-        background-position: -180px -163px;
+        background-position: -180px -186px;
+    }
+    &.shop-hover {
+        width: 22px;
+        height: 24px;
+        background-position: -46px -65px;
     }
     &.map-2 {
         width: 15px;
@@ -108,77 +113,87 @@ html {
         height: 24px;
         background-position: -133px -35px;
     }
+    &.prduct-save-hover {
+        width: 24px;
+        height: 24px;
+        background-position: -140px -65px;
+    }
     &.article {
         width: 30px;
         height: 24px;
         background-position: -162px -35px;
     }
+    &.article-hover {
+        width: 30px;
+        height: 24px;
+        background-position: -170px -63px;
+    }
     &.heart {
         width: 24px;
         height: 24px;
-        background-position: -98px -123px;
+        background-position: -98px -147px;
     }
     &.heart-2 {
         width: 24px;
         height: 24px;
-        background-position: -126px -151px;
+        background-position: -126px -173px;
     }
 
     &.shop-blue {
         width: 24px;
         height: 24px;
-        background-position: -100px -147px;
+        background-position: -96px -172px;
     }
     &.link {
         width: 14px;
-        height: 10px;
-        background-position: -212px -108px;
+        height: 12px;
+        background-position: -212px -130px;
     }
     &.time {
         width: 15px;
         height: 14.5px;
-        background-position: -188px -147.5px;
+        background-position: -188px -172px;
     }
     &.time-gray {
         width: 16px;
         height: 16px;
-        background-position: -34px -73px;
+        background-position: -34px -96px;
     }
     &.mouse {
         width: 20px;
         height: 20px;
-        background-position: -160px -145px;
+        background-position: -160px -170px;
     }
     &.facebook {
         width: 41px;
         height: 40px;
-        background-position: 0 -135px;
+        background-position: 0 -159px;
     }
     &.zalo {
         width: 41px;
         height: 40px;
-        background-position: -50px -135px;
+        background-position: -50px -159px;
     }
 
     &.home {
         width: 20px;
         height: 20px;
-        background-position: -207px -129px;
+        background-position: -207px -152px;
     }
     &.angle-right {
         width: 11px;
         height: 17px;
-        background-position: -212px -152px;
+        background-position: -212px -176px;
     }
     &.view {
         width: 22px;
         height: 16px;
-        background-position: -205px -8px;
+        background-position: -205px -9px;
     }
     &.time-big {
         width: 22px;
         height: 22px;
-        background-position: -2px -70px;
+        background-position: -2px -93px;
     }
     &.share {
         width: 21px;
@@ -188,38 +203,38 @@ html {
     &.map-4 {
         width: 18px;
         height: 25px;
-        background-position: -152px -69px;
+        background-position: -152px -92px;
     }
     &.link-review {
         width: 18px;
         height: 18px;
-        background-position: -27px -104px;
+        background-position: -27px -128px;
     }
     &.angle-bottom {
         width: 15px;
         height: 12px;
-        background-position: -190px -133px;
+        background-position: -188px -156px;
     }
     &.angle-top {
         width: 15px;
         height: 12px;
-        background-position: -190px -133px;
+        background-position: -190px -156px;
         transform: rotate(180deg);
     }
     &.upload_image {
         width: 24px;
         height: 24px;
-        background-position: -88px -70px;
+        background-position: -86px -91px;
     }
     &.remove {
         width: 24px;
         height: 26px;
-        background-position: -126px -124px;
+        background-position: -126px -147px;
     }
     &.showroom {
         width: 24px;
         height: 24px;
-        background-position: -119px -69px;
+        background-position: -119px -92px;
     }
     &.phone {
         width: 18px;
@@ -229,103 +244,103 @@ html {
     &.earth {
         width: 22px;
         height: 24px;
-        background-position: 0 -102px;
+        background-position: 0 -125px;
     }
     &.copy {
         width: 20px;
         height: 20px;
-        background-position: -208px -71px;
+        background-position: -208px -94px;
     }
     &.history {
         width: 24px;
         height: 24px;
-        background-position: -45px -102px;
+        background-position: -45px -126px;
     }
     &.download {
         width: 22px;
         height: 22px;
-        background-position: -74px -102px;
+        background-position: -74px -126px;
     }
     &.return {
         width: 18px;
         height: 18px;
-        background-position: -155px -105px;
+        background-position: -155px -129px;
     }
     &.close {
         width: 16px;
         height: 16px;
-        background-position: -160px -126px;
+        background-position: -160px -149px;
     }
     &.print {
         width: 18px;
         height: 19px;
-        background-position: -187px -4px;
+        background-position: -187px -2px;
     }
     &.filter {
         width: 20px;
         height: 20px;
-        background-position: 0px -187px;
+        background-position: 0px -209px;
     }
     &.comment {
         width: 20px;
         height: 20px;
         background-position: -84px -25px;
-        background-size: 190px 175px;
+        background-size: 190px 200px;
     }
     &.faq {
         width: 20px;
         height: 20px;
-        background-position: -129px -105px;
+        background-position: -129px -127px;
     }
     &.tag {
         width: 20px;
         height: 20px;
-        background-position: -102px -105px;
+        background-position: -102px -127px;
     }
     &.images {
         width: 22px;
         height: 22px;
-        background-position: -164px -186px;
+        background-position: -164px -209px;
     }
     &.like {
         width: 22px;
         height: 22px;
-        background-position: -209px -213px;
+        background-position: -209px -234px;
     }
     &.sort_list {
         width: 34px;
         height: 22px;
-        background-position: -50px -185px;
+        background-position: -50px -209px;
     }
     &.sort_gird {
         width: 22px;
-        height: 22px;
-        background-position: -96px -186px;
+        height: 23px;
+        background-position: -96px -209px;
     }
     &.spec {
         width: 22px;
         height: 22px;
-        background-position: -130px -186px;
+        background-position: -130px -209px;
     }
     &.list_faq {
         width: 21px;
         height: 24px;
-        background-position: -1px -211px;
+        background-position: -1px -236px;
     }
     &.list_raovat {
         width: 21px;
         height: 25px;
-        background-position: -52px -211px;
+        background-position: -52px -236px;
     }
     &.list_inbox {
         width: 22px;
         height: 25px;
-        background-position: -105px -211px;
+        background-position: -105px -236px;
     }
     &.info_save {
         width: 22px;
         height: 25px;
-        background-position: -164px -211px;
+        background-position: -164px -236px;
     }
 }
 
@@ -489,6 +504,30 @@ html {
         margin-top: 0;
         border-top: 0;
     }
+    .header-bottom-right {
+        a:hover {
+            .buildpc {
+                width: 36px;
+                height: 24px;
+                background-position: -4px -65px;
+            }
+            .shop {
+                background-position: -46px -65px;
+            }
+            .map-2 {
+                background-position: -77px -65px;
+            }
+            .question {
+                background-position: -104px -64px;
+            }
+            .prduct-save {
+                background-position: -140px -64px;
+            }
+            .article {
+                background-position: -172px -63px;
+            }
+        }
+    }
 }
 
 .effect-image {
@@ -634,7 +673,6 @@ html {
         font-weight: 700;
         font-size: 18px;
         color: #d80a00;
-        margin-bottom: 5px;
     }
     .old-price {
         color: #b0b0b0;
diff --git a/assets/images/icon_2025.png b/assets/images/icon_2025.png
index c0443c0..1207cb1 100644
Binary files a/assets/images/icon_2025.png and b/assets/images/icon_2025.png differ
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index 5abf13a..e67550f 100644
--- a/src/pages/Home/index.tsx
+++ b/src/pages/Home/index.tsx
@@ -822,40 +822,40 @@ export function Home() {
                   {/* end copy */}
                 </div>
               </div>
-              <div class="flex gap-[40px]">
+              <div class="flex gap-[40px] header-bottom-right">
                 <a href="/buildpc" class="flex items-center group">
                   <i class="icon_2025 buildpc"></i>
-                  <span class="ml-[7px] group-hover:text-[var(--color-global)] group-hover:font-bold">
+                  <span class="ml-[7px] group-hover:text-[var(--color-global)]">
                     Build PC
                   </span>
                 </a>
                 <a href="/tim-nguoi-ban" class="flex items-center group">
                   <i class="icon_2025 shop"></i>
-                  <span class="ml-[7px] group-hover:text-[var(--color-global)] group-hover:font-bold">
+                  <span class="ml-[7px] hover:text-[var(--color-global)]">
                     Tìm người bán
                   </span>
                 </a>
                 <a href="/" class="flex items-center group">
-                  <i class="icon_2025 map-2"></i>
-                  <span class="ml-[7px] group-hover:text-[var(--color-global)] group-hover:font-bold">
+                  <i class="icon_2025 map-2 "></i>
+                  <span class="ml-[7px] group-hover:text-[var(--color-global)]">
                     Địa chỉ sửa chữa
                   </span>
                 </a>
                 <a href="/" class="flex items-center group">
                   <i class="icon_2025 question"></i>
-                  <span class="ml-[7px] group-hover:text-[var(--color-global)] group-hover:font-bold">
+                  <span class="ml-[7px] group-hover:text-[var(--color-global)]">
                     Hỏi đáp
                   </span>
                 </a>
                 <a href="/" class="flex items-center group">
                   <i class="icon_2025 prduct-save"></i>
-                  <span class="ml-[7px] group-hover:text-[var(--color-global)] group-hover:font-bold">
+                  <span class="ml-[7px] group-hover:text-[var(--color-global)]">
                     Sản phẩm đã lưu
                   </span>
                 </a>
                 <a href="/" class="flex items-center group">
                   <i class="icon_2025 article"></i>
-                  <span class="ml-[7px] group-hover:text-[var(--color-global)] group-hover:font-bold">
+                  <span class="ml-[7px] group-hover:text-[var(--color-global)]">
                     Tin rạo vặt
                   </span>
                 </a>
@@ -869,68 +869,47 @@ export function Home() {
       <div class="banner mt-[10px]">
         <div class="container">
           <div class="flex gap-[10px]">
-            <div class="banner-slider w-1/2 swiper" id="js-banner-slider">
-              <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"
-                      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"
-                      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"
-                      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"
-                      class="block w-full h-full object-contain"
-                      width="100%"
-                      height="100%"
-                      alt=""
-                    />
-                  </a>
-                </div>
-              </div>
-              <div class="swiper-button-next"></div>
-              <div class="swiper-button-prev"></div>
-            </div>
+            <Swiper
+              spaceBetween={10}
+              navigation={true}
+              modules={[FreeMode, Navigation, Thumbs]}
+              className="banner-slider w-1/2 swiper"
+              id="js-banner-slider"
+            >
+              <SwiperSlide>
+                <a href="" class="effect-image relative block">
+                  <img
+                    src="/assets/images/banner-slider.png"
+                    class="block w-full h-full object-contain"
+                    width="100%"
+                    height="100%"
+                    alt=""
+                  />
+                </a>
+              </SwiperSlide>
+              <SwiperSlide>
+                <a href="" class="effect-image relative block">
+                  <img
+                    src="/assets/images/banner-slider.png"
+                    class="block w-full h-full object-contain"
+                    width="100%"
+                    height="100%"
+                    alt=""
+                  />
+                </a>
+              </SwiperSlide>
+              <SwiperSlide>
+                <a href="" class="effect-image relative block">
+                  <img
+                    src="/assets/images/banner-slider.png"
+                    class="block w-full h-full object-contain"
+                    width="100%"
+                    height="100%"
+                    alt=""
+                  />
+                </a>
+              </SwiperSlide>
+            </Swiper>
             <div class="banner-right w-1/2 grid grid-cols-2 gap-[10px]">
               <a
                 href=""
@@ -1031,200 +1010,212 @@ export function Home() {
           </div>
 
           <div class="relative mt-[15px]">
-            <div class="product-list swiper relative" id="js-product-best">
-              <div class="swiper-wrapper">
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="box-saleoff">-20%</div>
+            <Swiper
+              slidesPerView={5}
+              spaceBetween={15}
+              navigation={{
+                prevEl: "#js-product-rated-btn .swiper-button-prev", // Link to the 'prev' button
+                nextEl: "#js-product-rated-btn .swiper-button-next", // Link to the 'next' button
+              }}
+              freeMode={true}
+              watchSlidesProgress={true}
+              modules={[FreeMode, Navigation, Thumbs]}
+              className="product-list swiper relative"
+            >
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" class="name-product line-clamp-2">
-                        Laptop văn phòng Dell RAM 8G Core i7
-                      </a>
-                      <div class="price">15.000.000đ</div>
-                      <div class="flex items-center justify-between mb-[5px]">
-                        <del class="old-price">16.500.000đ</del>
-                        <i class="icon-star star5"></i>
-                      </div>
-                      <div class="total-shop flex items-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="price">15.000.000đ</div>
+                    <div class="flex items-center justify-between mb-[5px]">
+                      <del class="old-price">16.500.000đ</del>
+                      <i class="icon-star star5"></i>
+                    </div>
+                    <div class="total-shop flex items-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="box-saleoff">-20%</div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" class="name-product line-clamp-2">
-                        Laptop văn phòng Dell RAM 8G Core i7
-                      </a>
-                      <div class="price">15.000.000đ</div>
-                      <div class="flex items-center justify-between mb-[5px]">
-                        <del class="old-price">16.500.000đ</del>
-                        <i class="icon-star star5"></i>
-                      </div>
-                      <div class="total-shop flex items-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="price">15.000.000đ</div>
+                    <div class="flex items-center justify-between mb-[5px]">
+                      <del class="old-price">16.500.000đ</del>
+                      <i class="icon-star star5"></i>
+                    </div>
+                    <div class="total-shop flex items-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="box-saleoff">-20%</div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" class="name-product line-clamp-2">
-                        Laptop văn phòng Dell RAM 8G Core i7
-                      </a>
-                      <div class="price">15.000.000đ</div>
-                      <div class="flex items-center justify-between mb-[5px]">
-                        <del class="old-price">16.500.000đ</del>
-                        <i class="icon-star star5"></i>
-                      </div>
-                      <div class="total-shop flex items-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="price">15.000.000đ</div>
+                    <div class="flex items-center justify-between mb-[5px]">
+                      <del class="old-price">16.500.000đ</del>
+                      <i class="icon-star star5"></i>
+                    </div>
+                    <div class="total-shop flex items-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="box-saleoff">-20%</div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" class="name-product line-clamp-2">
-                        Laptop văn phòng Dell RAM 8G Core i7
-                      </a>
-                      <div class="price">15.000.000đ</div>
-                      <div class="flex items-center justify-between mb-[5px]">
-                        <del class="old-price">16.500.000đ</del>
-                        <i class="icon-star star5"></i>
-                      </div>
-                      <div class="total-shop flex items-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="price">15.000.000đ</div>
+                    <div class="flex items-center justify-between mb-[5px]">
+                      <del class="old-price">16.500.000đ</del>
+                      <i class="icon-star star5"></i>
+                    </div>
+                    <div class="total-shop flex items-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="box-saleoff">-20%</div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" class="name-product line-clamp-2">
-                        Laptop văn phòng Dell RAM 8G Core i7
-                      </a>
-                      <div class="price">15.000.000đ</div>
-                      <div class="flex items-center justify-between mb-[5px]">
-                        <del class="old-price">16.500.000đ</del>
-                        <i class="icon-star star5"></i>
-                      </div>
-                      <div class="total-shop flex items-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="price">15.000.000đ</div>
+                    <div class="flex items-center justify-between mb-[5px]">
+                      <del class="old-price">16.500.000đ</del>
+                      <i class="icon-star star5"></i>
+                    </div>
+                    <div class="total-shop flex items-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="box-saleoff">-20%</div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" class="name-product line-clamp-2">
-                        Laptop văn phòng Dell RAM 8G Core i7
-                      </a>
-                      <div class="price">15.000.000đ</div>
-                      <div class="flex items-center justify-between mb-[5px]">
-                        <del class="old-price">16.500.000đ</del>
-                        <i class="icon-star star5"></i>
-                      </div>
-                      <div class="total-shop flex items-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="price">15.000.000đ</div>
+                    <div class="flex items-center justify-between mb-[5px]">
+                      <del class="old-price">16.500.000đ</del>
+                      <i class="icon-star star5"></i>
+                    </div>
+                    <div class="total-shop flex items-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="box-saleoff">-20%</div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" class="name-product line-clamp-2">
-                        Laptop văn phòng Dell RAM 8G Core i7
-                      </a>
-                      <div class="price">15.000.000đ</div>
-                      <div class="flex items-center justify-between mb-[5px]">
-                        <del class="old-price">16.500.000đ</del>
-                        <i class="icon-star star5"></i>
-                      </div>
-                      <div class="total-shop flex items-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="price">15.000.000đ</div>
+                    <div class="flex items-center justify-between mb-[5px]">
+                      <del class="old-price">16.500.000đ</del>
+                      <i class="icon-star star5"></i>
+                    </div>
+                    <div class="total-shop flex items-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-              </div>
-            </div>
-            <div class="btn-slider" id="js-product-best-btn">
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
+                    </a>
+                    <div class="price">15.000.000đ</div>
+                    <div class="flex items-center justify-between mb-[5px]">
+                      <del class="old-price">16.500.000đ</del>
+                      <i class="icon-star star5"></i>
+                    </div>
+                    <div class="total-shop flex items-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
+                      </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    </div>
+                  </div>
+                </div>
+              </SwiperSlide>
+            </Swiper>
+            <div class="btn-slider" id="js-product-rated-btn">
               <div class="swiper-button-next"></div>
               <div class="swiper-button-prev"></div>
             </div>
@@ -1462,136 +1453,183 @@ export function Home() {
             <div class="mt-[25px] h-[2px] bg-orange-500 border-2 border-orange-500 border-solid w-[38px]"></div>
           </div>
 
-          <div class="list p-[5px] swiper mt-8" id="list-businesses">
-            <div class="swiper-wrapper">
-              <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"
-                    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>
-              </div>
-              <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"
-                    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>
-              </div>
-              <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"
-                    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>
-              </div>
-              <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"
-                    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>
-              </div>
-              <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"
-                    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>
-              </div>
-              <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"
-                    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>
-              </div>
-              <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"
-                    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>
-              </div>
-              <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"
-                    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>
-              </div>
-              <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"
-                    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>
-              </div>
-            </div>
-          </div>
+          <Swiper
+            slidesPerView={7}
+            spaceBetween={20}
+            navigation={true}
+            modules={[FreeMode, Navigation, Thumbs]}
+            className="list p-[5px] swiper mt-8"
+            id="list-businesses"
+          >
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+            <SwiperSlide>
+              <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"
+                  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>
+            </SwiperSlide>
+          </Swiper>
         </div>
       </div>
 
@@ -1605,125 +1643,198 @@ export function Home() {
           </div>
 
           <div class="relative mt-5">
-            <div class="product-list swiper relative" id="js-product-best">
-              <div class="swiper-wrapper">
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="icon-save">
-                        <i class="icon_2025 heart"></i>
-                      </div>
+            <Swiper
+              slidesPerView={5}
+              spaceBetween={15}
+              navigation={{
+                prevEl: "#js-product-best-btn .swiper-button-prev", // Link to the 'prev' button
+                nextEl: "#js-product-best-btn .swiper-button-next", // Link to the 'next' button
+              }}
+              freeMode={true}
+              watchSlidesProgress={true}
+              modules={[FreeMode, Navigation, Thumbs]}
+              className="product-list swiper relative"
+              id="js-product-best"
+            >
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" 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]">
-                        <div class="price">15.000.000đ</div>
-                        <del class="old-price ml-[5px]">16.500.000đ</del>
-                      </div>
-                      <div class="total-shop flex items-center justify-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="flex items-center justify-center mt-[5px]">
+                      <div class="price">15.000.000đ</div>
+                      <del class="old-price ml-[5px]">16.500.000đ</del>
+                    </div>
+                    <div class="total-shop flex items-center justify-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="icon-save">
-                        <i class="icon_2025 heart"></i>
-                      </div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" 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]">
-                        <div class="price">15.000.000đ</div>
-                        <del class="old-price ml-[5px]">16.500.000đ</del>
-                      </div>
-                      <div class="total-shop flex items-center justify-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="flex items-center justify-center mt-[5px]">
+                      <div class="price">15.000.000đ</div>
+                      <del class="old-price ml-[5px]">16.500.000đ</del>
+                    </div>
+                    <div class="total-shop flex items-center justify-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="icon-save">
-                        <i class="icon_2025 heart"></i>
-                      </div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" 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]">
-                        <div class="price">15.000.000đ</div>
-                        <del class="old-price ml-[5px]">16.500.000đ</del>
-                      </div>
-                      <div class="total-shop flex items-center justify-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="flex items-center justify-center mt-[5px]">
+                      <div class="price">15.000.000đ</div>
+                      <del class="old-price ml-[5px]">16.500.000đ</del>
+                    </div>
+                    <div class="total-shop flex items-center justify-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-                <div class="swiper-slide">
-                  <div class="product-item">
-                    <a href="" class="product-image">
-                      <img
-                        src="/assets/images/box-image.png"
-                        alt="Laptop Dell"
-                      />
-                      <div class="icon-save">
-                        <i class="icon_2025 heart"></i>
-                      </div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
                     </a>
-                    <div class="info-product">
-                      <a href="" 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]">
-                        <div class="price">15.000.000đ</div>
-                        <del class="old-price ml-[5px]">16.500.000đ</del>
-                      </div>
-                      <div class="total-shop flex items-center justify-center">
-                        <div class="box-shop">
-                          <i class="icon_2025 shop"></i>
-                        </div>
-                        <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    <div class="flex items-center justify-center mt-[5px]">
+                      <div class="price">15.000.000đ</div>
+                      <del class="old-price ml-[5px]">16.500.000đ</del>
+                    </div>
+                    <div class="total-shop flex items-center justify-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
                       </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
                     </div>
                   </div>
                 </div>
-              </div>
-            </div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
+                    </a>
+                    <div class="flex items-center justify-center mt-[5px]">
+                      <div class="price">15.000.000đ</div>
+                      <del class="old-price ml-[5px]">16.500.000đ</del>
+                    </div>
+                    <div class="total-shop flex items-center justify-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
+                      </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    </div>
+                  </div>
+                </div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
+                    </a>
+                    <div class="flex items-center justify-center mt-[5px]">
+                      <div class="price">15.000.000đ</div>
+                      <del class="old-price ml-[5px]">16.500.000đ</del>
+                    </div>
+                    <div class="total-shop flex items-center justify-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
+                      </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    </div>
+                  </div>
+                </div>
+              </SwiperSlide>
+              <SwiperSlide>
+                <div class="product-item">
+                  <a href="" 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">
+                      Laptop văn phòng Dell RAM 8G Core i7
+                    </a>
+                    <div class="flex items-center justify-center mt-[5px]">
+                      <div class="price">15.000.000đ</div>
+                      <del class="old-price ml-[5px]">16.500.000đ</del>
+                    </div>
+                    <div class="total-shop flex items-center justify-center">
+                      <div class="box-shop">
+                        <i class="icon_2025 shop"></i>
+                      </div>
+                      <p class="ml-[7px]">Có 12 cửa hàng bán</p>
+                    </div>
+                  </div>
+                </div>
+              </SwiperSlide>
+            </Swiper>
             <div class="btn-slider" id="js-product-best-btn">
-              <div class="swiper-button-next"></div>
-              <div class="swiper-button-prev"></div>
+              <div class="swiper-button-next right-[-18px]"></div>
+              <div class="swiper-button-prev left-[-18px]"></div>
             </div>
           </div>
         </div>
@@ -1753,7 +1864,7 @@ export function Home() {
                     </div>
                     <div class="flex items-center mb-[5px]">
                       <div class="box-date flex items-center mr-[10px]">
-                        <i class="icon_2025 time"></i>
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[7px]">12/03/2025</p>
                       </div>
                       <div class="link-source flex items-center">
@@ -1780,7 +1891,7 @@ export function Home() {
                     </div>
                     <div class="flex items-center mb-[5px]">
                       <div class="box-date flex items-center mr-[10px]">
-                        <i class="icon_2025 time"></i>
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[7px]">12/03/2025</p>
                       </div>
                       <div class="link-source flex items-center">
@@ -1807,7 +1918,7 @@ export function Home() {
                     </div>
                     <div class="flex items-center mb-[5px]">
                       <div class="box-date flex items-center mr-[10px]">
-                        <i class="icon_2025 time"></i>
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[7px]">12/03/2025</p>
                       </div>
                       <div class="link-source flex items-center">
@@ -1834,7 +1945,7 @@ export function Home() {
                     </div>
                     <div class="flex items-center mb-[5px]">
                       <div class="box-date flex items-center mr-[10px]">
-                        <i class="icon_2025 time"></i>
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[7px]">12/03/2025</p>
                       </div>
                       <div class="link-source flex items-center">
@@ -1848,7 +1959,6 @@ export function Home() {
                   </div>
                 </div>
               </div>
-
               <a href="" class="more-link ">
                 <span class="">Xem tất cả</span> <i class="icon_2025 mouse"></i>
               </a>
@@ -1875,7 +1985,7 @@ export function Home() {
                     </div>
                     <div class="flex items-center mb-[5px]">
                       <div class="box-date flex items-center mr-[10px]">
-                        <i class="icon_2025 time"></i>
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[7px]">12/03/2025</p>
                       </div>
                       <div class="link-source flex items-center">
@@ -1902,7 +2012,7 @@ export function Home() {
                     </div>
                     <div class="flex items-center mb-[5px]">
                       <div class="box-date flex items-center mr-[10px]">
-                        <i class="icon_2025 time"></i>
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[7px]">12/03/2025</p>
                       </div>
                       <div class="link-source flex items-center">
@@ -1929,7 +2039,7 @@ export function Home() {
                     </div>
                     <div class="flex items-center mb-[5px]">
                       <div class="box-date flex items-center mr-[10px]">
-                        <i class="icon_2025 time"></i>
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[7px]">12/03/2025</p>
                       </div>
                       <div class="link-source flex items-center">
@@ -1956,7 +2066,7 @@ export function Home() {
                     </div>
                     <div class="flex items-center mb-[5px]">
                       <div class="box-date flex items-center mr-[10px]">
-                        <i class="icon_2025 time"></i>
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[7px]">12/03/2025</p>
                       </div>
                       <div class="link-source flex items-center">
@@ -1995,13 +2105,13 @@ export function Home() {
                       Intel Core i5 / 8GB / 256GB / SSD
                     </div>
                     <div class="price">19.999.000đ</div>
-                    <div class="flex items-center mb-[5px] text-[#595959]">
-                      <div class="mr-[5px] flex items-center">
+                    <div class="flex gap-[5px] items-center mb-[5px] text-[15px] text-[#595959]">
+                      <div class="flex items-center">
                         <i class="icon_2025 map-3"></i>
                         <p class="ml-[5px]">Quận thanh xuân</p>
                       </div>
-                      <div class="mr-[5px] flex items-center">
-                        <i class="icon_2025 time"></i>
+                      <div class="flex items-center">
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[5px]">30 phút trước</p>
                       </div>
                       <div class="pl-[5px] flex items-center border-l-[1px] border-[#595959]">
@@ -2032,13 +2142,13 @@ export function Home() {
                       Intel Core i5 / 8GB / 256GB / SSD
                     </div>
                     <div class="price">19.999.000đ</div>
-                    <div class="flex items-center mb-[5px] text-[#595959]">
-                      <div class="mr-[5px] flex items-center">
+                    <div class="flex gap-[5px] items-center mb-[5px] text-[15px] text-[#595959]">
+                      <div class="flex items-center">
                         <i class="icon_2025 map-3"></i>
                         <p class="ml-[5px]">Quận thanh xuân</p>
                       </div>
-                      <div class="mr-[5px] flex items-center">
-                        <i class="icon_2025 time"></i>
+                      <div class="flex items-center">
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[5px]">30 phút trước</p>
                       </div>
                       <div class="pl-[5px] flex items-center border-l-[1px] border-[#595959]">
@@ -2069,13 +2179,13 @@ export function Home() {
                       Intel Core i5 / 8GB / 256GB / SSD
                     </div>
                     <div class="price">19.999.000đ</div>
-                    <div class="flex items-center mb-[5px] text-[#595959]">
-                      <div class="mr-[5px] flex items-center">
+                    <div class="flex gap-[5px] items-center mb-[5px] text-[15px] text-[#595959]">
+                      <div class="flex items-center">
                         <i class="icon_2025 map-3"></i>
                         <p class="ml-[5px]">Quận thanh xuân</p>
                       </div>
-                      <div class="mr-[5px] flex items-center">
-                        <i class="icon_2025 time"></i>
+                      <div class="flex items-center">
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[5px]">30 phút trước</p>
                       </div>
                       <div class="pl-[5px] flex items-center border-l-[1px] border-[#595959]">
@@ -2106,13 +2216,13 @@ export function Home() {
                       Intel Core i5 / 8GB / 256GB / SSD
                     </div>
                     <div class="price">19.999.000đ</div>
-                    <div class="flex items-center mb-[5px] text-[#595959]">
-                      <div class="mr-[5px] flex items-center">
+                    <div class="flex gap-[5px] items-center mb-[5px] text-[15px] text-[#595959]">
+                      <div class="flex items-center">
                         <i class="icon_2025 map-3"></i>
                         <p class="ml-[5px]">Quận thanh xuân</p>
                       </div>
-                      <div class="mr-[5px] flex items-center">
-                        <i class="icon_2025 time"></i>
+                      <div class="flex items-center">
+                        <i class="icon_2025 time-gray"></i>
                         <p class="ml-[5px]">30 phút trước</p>
                       </div>
                       <div class="pl-[5px] flex items-center border-l-[1px] border-[#595959]">
diff --git a/template/homepage/homepage.html b/template/homepage/homepage.html
index 89f9307..781543c 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="/src/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="/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]">
@@ -445,9 +445,9 @@
                                 <!-- end copy -->
                             </div>
                         </div>
-                        <div class="flex gap-[40px]">
+                        <div class="flex gap-[40px] header-bottom-right">
                             <a href="/buildpc" class="flex items-center group">
-                                <i class="icon_2025 buildpc"></i>
+                                <i class="icon_2025 buildpc group-hover:buildpc-hover"></i>
                                 <span
                                     class="ml-[7px] group-hover:text-[var(--color-global)] group-hover:font-bold">Build
                                     PC</span>
@@ -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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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,7 +777,7 @@
                     <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="/src/assets/images/icon-cate-3.png" class="object-contain aspect-[1.06] w-[104px]"
+                            <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)]">
@@ -789,7 +789,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="/src/assets/images/icon-cate-4.png" class="object-contain aspect-[1.24] w-[107px]"
+                            <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)]">
@@ -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="/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="/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="/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="/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="/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,7 +861,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="/src/assets/images/icon-cate-10.png" class="object-contain aspect-[0.83] w-[85px]"
+                            <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)]">
@@ -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="/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="/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,7 +897,7 @@
                     <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="/src/assets/images/icon-cate-13.png" class="object-contain aspect-[0.95] w-[95px]"
+                            <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)]">
@@ -909,7 +909,7 @@
                     <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="/src/assets/images/icon-cate-14.png" class="object-contain aspect-[0.67] w-[67px]"
+                            <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)]">
@@ -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="/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,7 +933,7 @@
                     <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="/src/assets/images/icon-cate-16.png" class="object-contain aspect-[1.75] w-[98px]"
+                            <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)]">
@@ -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="/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="/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="/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="/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="/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="/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="/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="/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="/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>
@@ -1050,14 +1050,13 @@
                     <div class="mt-[25px] h-[2px] bg-orange-500 border-2 border-orange-500 border-solid w-[38px]">
                     </div>
                 </div>
-
                 <div class="relative mt-5">
                     <div class="product-list swiper relative" id="js-product-best">
                         <div class="swiper-wrapper">
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/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">
@@ -1077,7 +1076,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/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">
@@ -1097,7 +1096,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/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">
@@ -1117,7 +1116,7 @@
                             <div class="swiper-slide">
                                 <div class="product-item">
                                     <a href="" class="product-image">
-                                        <img src="/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">
@@ -1162,7 +1161,7 @@
                         <div class="list mt-5">
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/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>
@@ -1182,7 +1181,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/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>
@@ -1202,7 +1201,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/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>
@@ -1222,7 +1221,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/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>
@@ -1261,7 +1260,7 @@
                         <div class="list mt-5">
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/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>
@@ -1281,7 +1280,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/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>
@@ -1301,7 +1300,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/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>
@@ -1321,7 +1320,7 @@
                             </div>
                             <div class="item-article">
                                 <a href="" class="image-article effect-image">
-                                    <img src="/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>
@@ -1359,7 +1358,7 @@
                         <div class="list mt-5">
                             <div class="item-classifieds">
                                 <a href="" class="image-classifieds effect-image">
-                                    <img src="/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
@@ -1381,7 +1380,7 @@
                                         </div>
                                     </div>
                                     <a href="" class="staff flex items-center">
-                                        <img src="/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>
@@ -1390,7 +1389,7 @@
                             </div>
                             <div class="item-classifieds">
                                 <a href="" class="image-classifieds effect-image">
-                                    <img src="/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
@@ -1412,7 +1411,7 @@
                                         </div>
                                     </div>
                                     <a href="" class="staff flex items-center">
-                                        <img src="/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>
@@ -1421,7 +1420,7 @@
                             </div>
                             <div class="item-classifieds">
                                 <a href="" class="image-classifieds effect-image">
-                                    <img src="/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
@@ -1443,7 +1442,7 @@
                                         </div>
                                     </div>
                                     <a href="" class="staff flex items-center">
-                                        <img src="/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>
@@ -1452,7 +1451,7 @@
                             </div>
                             <div class="item-classifieds">
                                 <a href="" class="image-classifieds effect-image">
-                                    <img src="/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
@@ -1474,7 +1473,7 @@
                                         </div>
                                     </div>
                                     <a href="" class="staff flex items-center">
-                                        <img src="/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>
@@ -1498,19 +1497,19 @@
             <div class="container">
                 <div class="flex gap-[8px]">
                     <a href="" class="item effect-image">
-                        <img src="/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="/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="/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="/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>
@@ -1533,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="/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="/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="/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="/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="/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>
@@ -1562,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="/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">