tieptk/agent_test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

u

Browse Source
This commit is contained in:
tieptk
2026-03-07 10:26:20 +07:00
commit aa223ce3bb
1128 changed files with 118856 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

511
export_to_html/category.html Normal file
View File

@@ -0,0 +1,511 @@
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>329 Tủ lạnh - MIQ</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Be+Vietnam+Pro:wght@700&display=swap" rel="stylesheet" />
<style>
body { font-family: 'Roboto', sans-serif; background: #ebecf0; }
</style>
</head>
<body class="bg-[#ebecf0]" style="min-width:1440px">
<!-- ===================== HEADER ===================== -->
<header class="w-full" style="min-width:1440px">
<!-- Slogan bar -->
<div class="w-full h-8 flex items-center" style="background:#c00060">
<div class="w-[1200px] mx-auto flex items-center justify-between px-0">
<div class="flex items-center gap-[33px]">
<div class="flex items-center gap-[6px]">
<img src="image/icon_certificate.svg" alt="" class="w-5 h-5" />
<span class="text-white text-[13px]">Hàng chính hãng - Bảo hành theo nhà sản xuất</span>
</div>
<div class="flex items-center gap-[6px]">
<img src="image/icon_delivery_truck.svg" alt="" class="w-5 h-5" />
<span class="text-white text-[13px]">Giao hàng toàn quốc</span>
</div>
</div>
<div class="flex items-center gap-[6px]">
<img src="image/icon_customer_support.svg" alt="" class="w-5 h-5" />
<span class="text-white text-[13px]">Hỗ trợ kỹ thuật 24/7</span>
</div>
</div>
</div>
<!-- Main header -->
<div class="w-full h-[68px] flex items-center bg-[#e4057c]">
<div class="w-[1200px] mx-auto flex items-center gap-0">
<!-- Logo -->
<div class="w-[79px] h-[54px] flex items-center justify-center shrink-0">
<img src="image/logo_miq.png" alt="MIQ" class="w-[79px] h-[54px] object-contain" />
</div>
<!-- Menu -->
<div class="flex items-center gap-[10px] ml-9 shrink-0 cursor-pointer">
<img src="image/icon_menu.svg" alt="" class="w-6 h-6" />
<span class="text-white text-[16px] font-medium">Danh mục</span>
</div>
<!-- Search -->
<div class="flex items-center gap-2 ml-[36px] flex-1">
<div class="flex items-center bg-white rounded-full h-9 px-4 gap-2 w-[465px]">
<img src="image/icon_search.svg" alt="" class="w-5 h-5 shrink-0" />
<span class="text-[#a0a0a0] text-[13px]">Tìm kiếm sản phẩm...</span>
</div>
<!-- Login -->
<div class="flex items-center gap-2 ml-[35px] cursor-pointer shrink-0">
<img src="image/icon_login.svg" alt="" class="w-4 h-[18px]" />
<span class="text-white text-[14px]">Đăng nhập</span>
</div>
<!-- Cart -->
<div class="flex items-center gap-2 ml-[95px] cursor-pointer shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-[23px] h-[23px]" />
<span class="text-white text-[14px]">Giỏ hàng</span>
</div>
<!-- Showroom -->
<div class="flex items-center gap-2 ml-[91px] border border-white/40 rounded-full px-3 py-1 cursor-pointer shrink-0">
<img src="image/icon_map.svg" alt="" class="w-5 h-5" />
<span class="text-white text-[13px]">Showroom</span>
<img src="image/icon_arrow_next.svg" alt="" class="w-3 h-3" />
</div>
</div>
</div>
</div>
<!-- Category nav -->
<div class="w-full h-8 flex items-center bg-[#ebecf0]">
<div class="w-[1200px] mx-auto flex items-center justify-center gap-[32px]">
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Điện thoại</span>
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Laptop</span>
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Tivi - Màn hình</span>
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Máy lạnh</span>
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Tủ lạnh</span>
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Máy giặt</span>
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Bếp</span>
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Gia dụng</span>
<span class="text-[13px] text-black cursor-pointer hover:text-[#e4057c]">Đồng hồ - Camera</span>
</div>
</div>
</header>
<!-- ===================== MAIN CONTENT ===================== -->
<main class="w-full">
<div class="w-[1200px] mx-auto flex flex-col gap-4 py-4">
<!-- Breadcrumb -->
<div class="flex items-center gap-2 text-[13px]">
<span class="text-black cursor-pointer hover:text-[#e4057c]">Trang chủ</span>
<img src="image/icon_arrow_next.svg" alt="" class="w-[10px] h-[10px]" />
<span class="text-black font-medium">329 Tủ lạnh</span>
</div>
<!-- Banner Sale -->
<div class="relative w-full rounded-[12px] overflow-hidden" style="background:#6e0000; height:651px">
<!-- Top banner image -->
<div class="absolute top-0 left-0 w-full h-[187px] rounded-t-[12px] overflow-hidden">
<img src="image/category_banner_sale_top.png" alt="" class="w-full h-full object-cover rounded-t-[12px]" />
</div>
<!-- 5 sale product cards -->
<div class="absolute bottom-[23px] left-[12px] right-[12px] flex gap-3">
<!-- Card 1 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#fff1f1] text-[#e40000] text-[10px] rounded-[4px] px-[5px] py-[2px]">Mẫu mới</span>
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_1.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_2.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
<!-- Card 3 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#fff1f1] text-[#e40000] text-[10px] rounded-[4px] px-[5px] py-[2px]">Mẫu mới</span>
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_3.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
<!-- Card 4 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_4.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
<!-- Card 5 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] w-[226px] h-[426px] shrink-0 overflow-hidden">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0% trả trước 0đ</span>
</div>
<div class="flex flex-col gap-[8px] px-[7px] pt-[36px] pb-[8px]">
<img src="image/category_sale_product_5.png" alt="" class="w-full aspect-square rounded-[4px] object-contain bg-white" />
<div class="flex items-center gap-1">
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
</div>
<div class="flex items-center gap-[6px]">
<p class="text-[18px] font-bold text-[#db0000]">72.490.000 <span class="underline">Ä‘</span></p>
<span class="bg-[#c5001a] text-white text-[10px] font-bold rounded-[2px] px-1">-20%</span>
</div>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<p class="text-[13px] font-bold text-black leading-tight">Tủ lạnh Hitachi Inverter 540 lít Multi Door R-HW540RV(X)</p>
<div class="flex items-center gap-2 justify-between">
<div class="flex items-center gap-[6px] text-[12px] text-[#707070]">
<img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" />
<span>5 · Đã bán 24,9k</span>
</div>
<div class="w-6 h-6 rounded-full bg-[#e4057c] flex items-center justify-center shrink-0">
<img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" />
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Banner QC -->
<div class="flex gap-3">
<div class="w-[594px] h-[236px] rounded-[8px] overflow-hidden shrink-0">
<img src="image/category_qc_samsung.png" alt="" class="w-full h-full object-cover" />
</div>
<div class="w-[594px] h-[236px] rounded-[8px] overflow-hidden shrink-0">
<img src="image/category_qc_lg.png" alt="" class="w-full h-full object-cover" />
</div>
</div>
<!-- Product List -->
<div class="bg-white rounded-[12px] px-3 py-5 flex flex-col gap-4">
<!-- Filter bar -->
<div class="flex items-center gap-2">
<!-- Filter button -->
<button class="flex items-center gap-2 border border-[#dcdcdc] rounded-[8px] h-10 px-4 shrink-0 hover:bg-gray-50">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M2 5h16M5 10h10M8 15h4" stroke="#333" stroke-width="1.5" stroke-linecap="round"/></svg>
<span class="text-[13px] text-black font-medium">Lọc</span>
</button>
<!-- Filter dropdowns -->
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>Thương hiệu</span>
</button>
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>Giá</span>
</button>
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>Dung tích</span>
</button>
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>Màu sắc</span>
</button>
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>Tính năng</span>
</button>
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>Xuất xứ</span>
</button>
<button class="flex items-center gap-1 border border-[#dcdcdc] rounded-[8px] h-10 px-3 text-[13px] text-black hover:bg-gray-50">
<svg width="10" height="10" viewBox="0 0 10 10"><path d="M2 3.5l3 3 3-3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>Công nghệ</span>
</button>
</div>
<!-- Sort bar -->
<div class="flex items-center gap-3 text-[13px]">
<span class="text-[#707070]">Sắp xếp theo:</span>
<span class="text-[#e4057c] font-medium cursor-pointer">Nổi bật</span>
<span class="text-[#c0c0c0]">·</span>
<span class="text-black cursor-pointer hover:text-[#e4057c]">Bán chạy</span>
<span class="text-[#c0c0c0]">·</span>
<span class="text-black cursor-pointer hover:text-[#e4057c]">Giảm giá</span>
<span class="text-[#c0c0c0]">·</span>
<span class="text-black cursor-pointer hover:text-[#e4057c]">Má»›i</span>
<span class="text-[#c0c0c0]">·</span>
<span class="text-black cursor-pointer hover:text-[#e4057c] flex items-center gap-1">Giá <svg width="8" height="8" viewBox="0 0 8 8"><path d="M1.5 3l2.5 2.5L6.5 3" stroke="#333" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
</div>
<!-- Product grid - 25 products, 5 columns -->
<div class="grid grid-cols-5 gap-3">
<!-- Product card template repeated 25 times -->
<!-- Row 1 -->
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[36px] pb-[8px]">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#fff1f1] text-[#e40000] text-[10px] rounded-[4px] px-[5px] py-[2px]">Mẫu mới</span>
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lít RT38T509TB1/SV</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
</div>
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]">
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lít RT38T509TB1/SV</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
</div>
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[36px] pb-[8px]">
<div class="absolute top-2 left-2 flex gap-1">
<span class="bg-[#fff1f1] text-[#e40000] text-[10px] rounded-[4px] px-[5px] py-[2px]">Mẫu mới</span>
<span class="bg-[#f1f1f1] text-[#484848] text-[10px] rounded-[4px] px-[5px] py-[2px]">Trả chậm 0%</span>
</div>
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lít RT38T509TB1/SV</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
</div>
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]">
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lít RT38T509TB1/SV</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
</div>
<div class="relative bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]">
<img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" />
<span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span>
<p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 Ä‘</p>
<div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">Ä‘</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div>
<p class="text-[13px] font-bold text-black">Tủ lạnh Samsung Inverter 380 lít RT38T509TB1/SV</p>
<div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div>
<div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div>
</div>
<!-- Rows 2-5: repeat same card pattern -->
<!-- Row 2 -->
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lít Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lít Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lít Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lít Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Hitachi Inverter 540 lít Multi Door</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<!-- Row 3 -->
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lít GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lít GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lít GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lít GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh LG Inverter 394 lít GN-D392BLA</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /><img src="image/product_badge_2.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<!-- Row 4 -->
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lít GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lít GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lít GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lít GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Toshiba Inverter 555 lít GR-RF669WI-PMV</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<!-- Row 5 -->
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lít RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lít RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lít RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lít RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
<div class="bg-white border border-[#dcdcdc] rounded-[8px] h-[428px] overflow-hidden flex flex-col gap-[8px] px-[9px] pt-[10px] pb-[8px]"><img src="image/product_card_image.png" alt="" class="w-full aspect-square rounded-[4px] object-cover" /><span class="inline-flex items-center h-5 rounded-full text-white text-[10px] font-medium px-2 w-fit" style="background:linear-gradient(89.82deg,#ff0000 2.38%,#cc0003 94.82%)">Sắm tết vô tư</span><p class="text-[12px] text-[#c5c5c5] line-through">7.490.000 đ</p><div class="flex items-center gap-[6px]"><p class="text-[18px] font-bold text-[#db0000]">7.490.000 <span class="underline">đ</span></p><span class="bg-[#ffeef0] rounded-full px-[7px] py-[2px] text-[10px] font-medium text-[#dc0d28]">-20%</span></div><p class="text-[13px] font-bold text-black">Tủ lạnh Casper Inverter 236 lít RT-238VW</p><div class="flex items-center gap-2"><img src="image/product_badge_1.png" alt="" class="w-8 h-8" /></div><div class="flex items-center justify-between"><div class="flex items-center gap-1 text-[12px] text-[#707070]"><img src="image/icon_rating_star.svg" alt="" class="w-[11px] h-[11px]" /><span>5 · Đã bán 24,9k</span></div><div class="w-6 h-6 rounded-full flex items-center justify-center" style="background:#e4057c"><img src="image/icon_cart.svg" alt="" class="w-4 h-4 brightness-0 invert" /></div></div></div>
</div>
</div>
<!-- Box Article + Video -->
<div class="bg-white rounded-[12px] flex gap-3 px-3 py-4">
<!-- Tin khuyến mãi -->
<div class="flex flex-col gap-3 w-[885px] shrink-0">
<h2 class="text-[28px] font-bold text-black tracking-tight">TIN KHUYẾN MẠI</h2>
<div class="flex gap-3 items-start">
<div class="w-[481px] shrink-0">
<div class="w-[481px] h-[300px] rounded-[4px] overflow-hidden">
<img src="image/article_main_image.png" alt="" class="w-full h-full object-cover" />
</div>
<p class="mt-2 text-[20px] font-bold text-black tracking-tight">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
</div>
<div class="flex flex-col gap-3 flex-1">
<div class="flex gap-3 items-start">
<img src="image/article_thumb_1.png" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
<p class="text-[14px] text-black tracking-tight line-clamp-3">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
</div>
<div class="flex gap-3 items-start">
<img src="image/article_thumb_2.png" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
<p class="text-[14px] text-black tracking-tight line-clamp-3">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
</div>
<div class="flex gap-3 items-start">
<img src="image/article_thumb_3.png" alt="" class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0" />
<p class="text-[14px] text-black tracking-tight line-clamp-3">Ngày hội ĐIỆN MÁY - SIÊU RẺ. Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
</div>
</div>
</div>
</div>
<!-- Video Review -->
<div class="flex flex-col gap-3 flex-1">
<h2 class="text-[28px] font-bold text-black tracking-tight">VIDEO REVIEW</h2>
<div class="flex flex-col gap-3">
<div class="w-full h-[159px] rounded-[4px] overflow-hidden relative">
<img src="image/video_main.png" alt="" class="w-full h-full object-cover" />
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
</div>
<div class="flex gap-3 items-start">
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
<img src="image/video_thumb_1.png" alt="" class="w-full h-full object-cover" />
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
</div>
<p class="text-[14px] text-black tracking-tight line-clamp-3">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
</div>
<div class="flex gap-3 items-start">
<div class="w-[107px] h-[64px] rounded-[4px] overflow-hidden relative shrink-0">
<img src="image/video_thumb_2.png" alt="" class="w-full h-full object-cover" />
<div class="absolute inset-0 bg-black/20 rounded-[4px]"></div>
</div>
<p class="text-[14px] text-black tracking-tight line-clamp-3">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước</p>
</div>
</div>
</div>
</div>
<!-- Key Search -->
<div class="bg-white rounded-[12px] flex flex-col gap-3 px-3 py-4">
<h2 class="text-[24px] font-bold text-black tracking-tight">Mọi người cũng tìm kiếm</h2>
<div class="bg-[#f3f4f7] rounded-[12px] px-3 py-5 flex flex-wrap gap-5 text-[12px] text-black">
<span>tủ lạnh Samsung</span><span>tủ lạnh LG</span><span>tủ lạnh Hitachi</span><span>tủ lạnh Toshiba</span><span>tủ lạnh inverter</span><span>tủ lạnh side by side</span><span>tủ lạnh 4 cánh</span><span>tủ lạnh mini</span><span>tủ lạnh Casper</span><span>tủ lạnh 2 cánh</span><span>tủ lạnh Sharp</span><span>tủ lạnh Panasonic</span><span>tủ lạnh Electrolux</span><span>tủ lạnh Aqua</span><span>tủ lạnh 300 lít</span><span>tủ lạnh 400 lít</span><span>tủ lạnh 500 lít</span><span>tủ lạnh French door</span><span>tủ lạnh multi door</span><span>tủ lạnh giá rẻ</span>
</div>
</div>
</div>
</main>
<!-- ===================== FOOTER ===================== -->
<footer class="w-full bg-white mt-2" style="min-width:1440px">
<div class="flex gap-[95px] px-[120px] py-4 h-[212px] items-start">
<div class="flex flex-col gap-1 w-[267px] shrink-0">
<p class="text-[14px] font-bold text-black leading-[27px]">Tổng đài hỗ trợ</p>
<div class="text-[13px] text-black leading-[30px]">
<p>Gọi mua: <a href="tel:0971490000" class="font-bold text-[#0084ff]">0971.49.0000</a> <span>(8h00-18h00)</span></p>
<p>Hỗ trợ kỹ thuật : <a href="tel:0987762444" class="font-bold">0987.762.444</a> <span>(8h00-18h00)</span></p>
<p>Góp ý - Khiếu nại: <a href="tel:0824184444" class="font-bold">082.418.4444</a> <span>(8h00-18h00)</span></p>
</div>
</div>
<div class="flex flex-col gap-1 w-[148px] shrink-0">
<p class="text-[14px] font-bold text-black leading-[27px]">Về công ty</p>
<div class="text-[13px] text-black leading-[30px]">
<p>Giới thiệu về công ty</p><p>Tuyển dụng</p><p>Gửi góp ý, khiếu nại</p><p>Tìm siêu thị (215 shop)</p>
</div>
</div>
<div class="flex flex-col gap-1 w-[209px] shrink-0">
<p class="text-[14px] font-bold text-black leading-[27px]">Chính sách chung</p>
<div class="text-[13px] text-black leading-[30px]">
<p>Quy định truy cập Website</p><p>Chính sách bảo mật thông tin</p><p>Chính sách vận chuyển, giao nhận</p><p>Chính sách cho doanh nghiệp</p><p>Chính sách bảo hành, đổi trả</p>
</div>
</div>
<div class="flex flex-col gap-1 flex-1">
<p class="text-[14px] font-bold text-black leading-[27px]">Kết nối với chúng tôi</p>
<div class="flex items-center gap-6 mt-2">
<div class="flex items-center gap-2 cursor-pointer">
<img src="image/icon_facebook.svg" alt="" class="w-5 h-5" />
<span class="text-[13px] text-black">12.8k lượt thích</span>
</div>
<div class="flex items-center gap-2 cursor-pointer">
<img src="image/icon_youtube.svg" alt="" class="w-7 h-5" />
<span class="text-[13px] text-black">2.2T Đăng ký</span>
</div>
<div class="flex items-center gap-2 cursor-pointer">
<img src="image/icon_zalo.png" alt="" class="w-5 h-5" />
<span class="text-[13px] text-black">Zalo MIQ</span>
</div>
</div>
<div class="mt-3">
<img src="image/logo_bct.png" alt="Bộ Công Thương" class="h-[38px]" />
</div>
</div>
</div>
<div class="border-t border-[#f0f0f0] py-2 text-center">
<p class="text-[13px] text-black">Bản quyền thuộc về MIQ Việt Nam</p>
</div>
</footer>
</body>
</html>