tieptk/bestpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update 17/5

Browse Source
This commit is contained in:
Tieptk
2025-05-17 10:10:23 +07:00
parent 6b5e837324
commit 333bb01f4e
18 changed files with 430 additions and 436 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/pages/Home/index.tsx
View File

@@ -164,12 +164,12 @@ export function Home() {
>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="price">15.000.000đ</div>
@@ -188,12 +188,12 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="price">15.000.000đ</div>
@@ -212,12 +212,12 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="price">15.000.000đ</div>
@@ -236,12 +236,12 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="price">15.000.000đ</div>
@@ -260,12 +260,12 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="price">15.000.000đ</div>
@@ -284,12 +284,12 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="price">15.000.000đ</div>
@@ -308,12 +308,12 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="price">15.000.000đ</div>
@@ -332,12 +332,12 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="box-saleoff">-20%</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="price">15.000.000đ</div>
@@ -373,7 +373,7 @@ export function Home() {
</div>
<div class="list-category grid grid-cols-8 gap-[60px] mt-10">
{/* Category 1 */}
<a href="" class="item">
<a href="/template/product/category.html" class="item">
<div class="flex flex-col justify-center items-center px-4 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img
src="/assets/images/icon-cate-1.png"
@@ -386,7 +386,7 @@ export function Home() {
</p>
</a>
{/* Category 2 */}
<a href="" class="item">
<a href="/template/product/category.html" class="item">
<div class="flex flex-col justify-center items-center px-5 bg-violet-50 h-[120px] rounded-[50%] w-[120px] effect-image">
<img
src="/assets/images/icon-cate-2.png"
@@ -399,7 +399,7 @@ export function Home() {
</p>
</a>
{/* Category 3 */}
<a href="" class="item">
<a href="/template/product/category.html" class="item">
<div class="flex flex-col justify-center items-center px-3 bg-violet-50 h-[120px] rounded-[1111px] w-[120px] effect-image">
<img
src="/assets/images/icon-cate-3.png"
@@ -798,14 +798,14 @@ export function Home() {
>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save">
<i class="icon_2025 heart"></i>
</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="flex items-center justify-center mt-[5px]">
@@ -823,14 +823,14 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save">
<i class="icon_2025 heart"></i>
</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="flex items-center justify-center mt-[5px]">
@@ -848,14 +848,14 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save">
<i class="icon_2025 heart"></i>
</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="flex items-center justify-center mt-[5px]">
@@ -873,14 +873,14 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save">
<i class="icon_2025 heart"></i>
</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="flex items-center justify-center mt-[5px]">
@@ -898,14 +898,14 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save">
<i class="icon_2025 heart"></i>
</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="flex items-center justify-center mt-[5px]">
@@ -923,14 +923,14 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save">
<i class="icon_2025 heart"></i>
</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="flex items-center justify-center mt-[5px]">
@@ -948,14 +948,14 @@ export function Home() {
</SwiperSlide>
<SwiperSlide>
<div class="product-item">
<a href="" class="product-image">
<a href="/product-detail" class="product-image">
<img src="/assets/images/box-image.png" alt="Laptop Dell" />
<div class="icon-save">
<i class="icon_2025 heart"></i>
</div>
</a>
<div class="info-product">
<a href="" class="name-product line-clamp-2">
<a href="/product-detail" class="name-product line-clamp-2">
Laptop văn phòng Dell RAM 8G Core i7
</a>
<div class="flex items-center justify-center mt-[5px]">