1296 lines
97 KiB
HTML
1296 lines
97 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="vi">
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta charset="utf-8" />
|
|
<title>Tủ lạnh Toshiba Inverter 711 lít Side By Side GR-RS910WI-PMV(06)-MG</title>
|
|
<link rel="stylesheet" href="../assets/css/globals.css" />
|
|
<link rel="stylesheet" href="../assets/css/styleguide.css" />
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
"a-1": "var(--a-1)",
|
|
style: "var(--style)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="bg-[#f4f4f4] overflow-hidden w-full min-w-[1440px] min-h-[3234px] flex flex-col">
|
|
<header
|
|
class="grid w-[1440px] h-[131.42px] relative grid-cols-1 grid-rows-[repeat(3,fit-content(100%))] bg-transparent"
|
|
role="banner">
|
|
<div
|
|
class="grid grid-cols-2 grid-rows-1 h-8 gap-[633px] px-[122px] py-1 relative row-[1_/_2] col-[1_/_2] w-full [background:linear-gradient(90deg,rgba(107,20,64,1)_0%,rgba(228,5,124,1)_47%,rgba(107,20,64,1)_100%)]">
|
|
<div
|
|
class="relative row-[1_/_2] col-[2_/_3] justify-self-end self-center w-fit h-fit inline-flex items-center gap-2">
|
|
<img class="relative w-5 h-5" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-199.png"
|
|
alt="" />
|
|
<p
|
|
class="relative w-fit [font-family:'Inter',Helvetica] font-normal text-white text-xs text-center tracking-[-0.23px] leading-[15.3px] whitespace-nowrap">
|
|
<span class="font-semibold tracking-[-0.03px]">Hotline: <a href="tel:0967641641"
|
|
class="text-white">0967641641</a></span>
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="grid grid-cols-[repeat(2,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-fit h-fit gap-6 relative row-[1_/_2] col-[1_/_2] self-center">
|
|
<div class="relative row-[1_/_2] col-[1_/_2] w-fit h-fit inline-flex items-center gap-2">
|
|
<img class="relative w-5 h-5" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/la-certificate.svg"
|
|
alt="" />
|
|
<p
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-white text-xs text-right tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|
<span class="tracking-[-0.03px]">Sản phẩm </span>
|
|
<span class="font-semibold tracking-[-0.03px]">Chính hãng - xuất VAT </span>
|
|
<span class="tracking-[-0.03px]">đầy đủ</span>
|
|
</p>
|
|
</div>
|
|
<div class="relative row-[1_/_2] col-[2_/_3] w-fit h-fit inline-flex items-center gap-2">
|
|
<img class="relative w-5 h-5" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-160.png"
|
|
alt="" />
|
|
<p
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-semibold text-white text-xs text-right tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|
Giao nhanh - Miễn phí
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nav class="grid grid-cols-[repeat(6,fit-content(100%))] grid-rows-[repeat(1,fit-content(100%))] w-[1440px] h-fit gap-[38px] px-[120px] py-[7px] relative row-[2_/_3] col-[1_/_2] bg-[#e4057c]"
|
|
role="navigation" aria-label="Main navigation">
|
|
<button
|
|
class="relative row-[1_/_2] col-[2_/_3] self-center w-fit h-full inline-flex items-center gap-1 bg-transparent border-0 cursor-pointer">
|
|
<img class="relative w-6 h-6" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-59.png" alt="" />
|
|
<span
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-semibold text-white text-sm tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Danh mục
|
|
</span>
|
|
</button>
|
|
<a href="/" class="relative row-[1_/_2] col-[1_/_2]">
|
|
<img class="relative w-[76px] h-[53.42px]" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/frame.svg"
|
|
alt="MIQ Logo" />
|
|
</a>
|
|
<div class="relative row-[1_/_2] col-[3_/_4] self-center w-[465px] h-9">
|
|
<form
|
|
class="flex w-full h-full items-center gap-[9px] px-[15px] py-2 relative bg-white rounded-[2222px]"
|
|
role="search">
|
|
<img class="relative w-5 h-5" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-75.png"
|
|
alt="" />
|
|
<input type="search" placeholder="Tivi Samsung giá sốc"
|
|
class="relative w-full [font-family:'Roboto',Helvetica] font-normal text-[#e4057c] text-[13px] tracking-[0] leading-[normal] bg-transparent border-0 outline-none"
|
|
aria-label="Tìm kiếm sản phẩm" />
|
|
</form>
|
|
</div>
|
|
<a href="/showroom"
|
|
class="grid grid-cols-2 grid-rows-1 w-[199px] h-8 gap-[78px] px-[7px] py-1.5 relative row-[1_/_2] col-[6_/_7] self-center bg-[#b60061] rounded-[2222px]">
|
|
<div class="relative row-[1_/_2] col-[1_/_2] self-center w-[91px] h-5">
|
|
<img class="absolute w-[21.98%] top-0 left-0 h-5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-122.png" alt="" />
|
|
<span
|
|
class="absolute w-[69.23%] top-[calc(50.00%_-_8px)] left-[30.77%] [font-family:'Roboto',Helvetica] font-normal text-white text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Showroom
|
|
</span>
|
|
</div>
|
|
<img class="relative row-[1_/_2] col-[2_/_3] justify-self-end self-center w-3 h-3"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-125.png" alt="" />
|
|
</a>
|
|
<a href="/cart"
|
|
class="relative row-[1_/_2] col-[5_/_6] self-center w-fit h-fit inline-flex items-center gap-[5px]">
|
|
<img class="relative w-[23px] h-[23px]" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-64.png"
|
|
alt="" />
|
|
<span
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-semibold text-white text-sm tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Giỏ hàng
|
|
</span>
|
|
</a>
|
|
<a href="/login"
|
|
class="relative row-[1_/_2] col-[4_/_5] self-center w-fit h-fit inline-flex items-center gap-2">
|
|
<img class="relative w-[16.93px] h-[19.5px] mt-[-0.75px] mb-[-0.75px] ml-[-0.75px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-61.png" alt="" />
|
|
<span
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-semibold text-white text-sm tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Đăng nhập
|
|
</span>
|
|
</a>
|
|
</nav>
|
|
<nav class="grid grid-cols-9 grid-rows-1 h-8 gap-[28px_4px] px-[313px] py-2 relative row-[3_/_4] col-[1_/_2] w-full bg-[#ebecf0]"
|
|
role="navigation" aria-label="Category navigation">
|
|
<a href="/may-lanh"
|
|
class="relative row-[1_/_2] col-[1_/_2] justify-self-center self-center w-[51px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
máy lạnh
|
|
</a>
|
|
<a href="/tu-lanh"
|
|
class="relative row-[1_/_2] col-[2_/_3] justify-self-center self-center w-[38px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
tủ lạnh
|
|
</a>
|
|
<a href="/may-loc-nuoc"
|
|
class="relative row-[1_/_2] col-[3_/_4] justify-self-center self-center w-[75px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
máy lọc nước
|
|
</a>
|
|
<a href="/quat-suoi"
|
|
class="relative row-[1_/_2] col-[4_/_5] justify-self-center self-center w-[53px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
quạt sưởi
|
|
</a>
|
|
<a href="/noi-chien"
|
|
class="relative row-[1_/_2] col-[5_/_6] justify-self-center self-center w-[51px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
nồi chiên
|
|
</a>
|
|
<a href="/smart-tivi"
|
|
class="relative row-[1_/_2] col-[6_/_7] justify-self-center self-center w-[52px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
smart tivi
|
|
</a>
|
|
<a href="/loa"
|
|
class="relative row-[1_/_2] col-[7_/_8] justify-self-center self-center w-[18px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
loa
|
|
</a>
|
|
<a href="/noi-com-dien"
|
|
class="relative row-[1_/_2] col-[8_/_9] justify-self-center self-center w-[73px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
nồi cơm điện
|
|
</a>
|
|
<a href="/man-hinh-may-tinh"
|
|
class="relative row-[1_/_2] col-[9_/_10] justify-self-center self-center w-[103px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-style text-[13px] text-center tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
màn hình máy tính
|
|
</a>
|
|
</nav>
|
|
</header>
|
|
<main class="ml-[120px] w-[1482px] h-[2807px] relative mt-[20.6px]">
|
|
<section
|
|
class="flex w-[1200px] h-[431px] items-start gap-3 px-3 py-4 absolute top-[2112px] left-0 bg-white rounded-xl"
|
|
aria-labelledby="promotions-heading">
|
|
<article class="flex flex-col w-[885px] items-start gap-3 relative">
|
|
<h2 id="promotions-heading"
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-[28px] tracking-[-0.56px] leading-[normal]">
|
|
TIN KHUYẾN MẠI
|
|
</h2>
|
|
<div class="flex items-start gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|
<article class="relative w-[481px] h-[354px]">
|
|
<div class="w-[483px] h-[354px] flex flex-col gap-2">
|
|
<img class="w-[481px] h-[300px] rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-33.png"
|
|
alt="Ngày hội ĐIỆN MÁY - SIÊU RẺ" />
|
|
<h3
|
|
class="w-[481px] h-[46px] [font-family:'Roboto',Helvetica] font-bold text-black text-xl tracking-[-0.40px] leading-[normal]">
|
|
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
|
|
</h3>
|
|
</div>
|
|
</article>
|
|
<div class="flex flex-col w-[392px] items-start gap-3 relative">
|
|
<article class="relative w-[394px] h-[92px] mr-[-2.00px]">
|
|
<img class="absolute top-0 left-0 w-[153px] h-[92px] rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-34.png"
|
|
alt="Ngày hội ĐIỆN MÁY - SIÊU RẺ" />
|
|
<p
|
|
class="absolute top-0 left-[165px] w-[227px] [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal]">
|
|
Ngày hội ĐIỆN MÁY - SIÊU RẺ. <br />Duy nhất 17h ngày 10/02 <br />Cơ hội trúng Máy
|
|
nước
|
|
</p>
|
|
</article>
|
|
<article class="relative w-[394px] h-[92px] mr-[-2.00px]">
|
|
<img class="absolute top-0 left-0 w-[153px] h-[92px] rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-34-1.png"
|
|
alt="Ngày hội ĐIỆN MÁY - SIÊU RẺ" />
|
|
<div
|
|
class="flex flex-col items-start gap-[3px] absolute w-[227px] h-[51px] top-0 left-[165px]">
|
|
<p
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal]">
|
|
<span class="tracking-[-0.04px]">Ngày hội ĐIỆN MÁY - SIÊU RẺ.</span>
|
|
</p>
|
|
<p
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal]">
|
|
<span class="tracking-[-0.04px]">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy
|
|
nước</span>
|
|
</p>
|
|
</div>
|
|
</article>
|
|
<article class="relative w-[394px] h-[92px] mr-[-2.00px]">
|
|
<img class="absolute top-0 left-0 w-[153px] h-[92px] rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-34-2.png"
|
|
alt="Ngày hội ĐIỆN MÁY - SIÊU RẺ" />
|
|
<div
|
|
class="flex flex-col items-start gap-[3px] absolute w-[227px] h-[51px] top-0 left-[165px]">
|
|
<p
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal]">
|
|
<span class="tracking-[-0.04px]">Ngày hội ĐIỆN MÁY - SIÊU RẺ.</span>
|
|
</p>
|
|
<p
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal]">
|
|
<span class="tracking-[-0.04px]">Duy nhất 17h ngày 10/02 Cơ hội trúng Máy
|
|
nước</span>
|
|
</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<aside class="flex flex-col w-[279px] items-start gap-3 relative"
|
|
aria-labelledby="video-review-heading">
|
|
<h2 id="video-review-heading"
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-[28px] tracking-[-0.56px] leading-[normal]">
|
|
VIDEO REVIEW
|
|
</h2>
|
|
<div class="flex flex-col items-start gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|
<img class="relative self-stretch w-full h-[159px] rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-37.png" alt="Video review chính" />
|
|
<article class="relative w-[281px] h-16 mr-[-2.00px]">
|
|
<img class="absolute top-0 left-0 w-[107px] h-16 rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-34-3.png"
|
|
alt="Video review thumbnail" />
|
|
<p
|
|
class="absolute top-0 left-[119px] w-40 [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal] overflow-hidden text-ellipsis [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical]">
|
|
Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước
|
|
</p>
|
|
</article>
|
|
<article class="relative w-[281px] h-16 mr-[-2.00px]">
|
|
<img class="absolute top-0 left-0 w-[107px] h-16 rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-34-4.png"
|
|
alt="Video review thumbnail" />
|
|
<p
|
|
class="absolute top-0 left-[119px] w-40 [font-family:'Roboto',Helvetica] font-normal text-black text-sm tracking-[-0.28px] leading-[normal] overflow-hidden text-ellipsis [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical]">
|
|
Duy nhất 17h ngày 10/02 Cơ hội trúng Máy nước
|
|
</p>
|
|
</article>
|
|
</div>
|
|
</aside>
|
|
</section>
|
|
<section
|
|
class="flex flex-col w-[1200px] h-[231px] items-start gap-3 px-3 py-4 absolute top-[2576px] left-0 bg-white rounded-xl"
|
|
aria-labelledby="search-keywords-heading">
|
|
<h2 id="search-keywords-heading"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-2xl tracking-[-0.48px] leading-[normal] whitespace-nowrap">
|
|
Mọi người cũng tìm kiếm
|
|
</h2>
|
|
<nav class="flex flex-wrap w-[1176px] items-start gap-[20px_20px] px-3 py-5 relative flex-[0_0_auto] bg-[#f3f4f7] rounded-xl"
|
|
aria-label="Popular search keywords">
|
|
<a href="/search?q=hut-mui-hafele"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
hút mùi hafele
|
|
</a>
|
|
<a href="/search?q=bep-tu-cheft"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
bếp từ cheft
|
|
</a>
|
|
<a href="/search?q=noi-com-dien-tiger"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
nồi cơm điện Tiger
|
|
</a>
|
|
<a href="/search?q=may-cao-rau-enchen"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
máy cạo râu Enchen
|
|
</a>
|
|
<a href="/search?q=mu-bao-hiem"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
mũ bảo hiểm
|
|
</a>
|
|
<a href="/search?q=noi-com-dien-cuckoo"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
nồi cơm điện Cuckoo
|
|
</a>
|
|
<a href="/search?q=iphone-15"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
iPhone 15
|
|
</a>
|
|
<a href="/search?q=chao-chong-dinh-elmich"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
chảo chống dính Elmich
|
|
</a>
|
|
<a href="/search?q=may-massage-x5-pro-omni"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
máy massage X5 Pro Omni
|
|
</a>
|
|
<a href="/search?q=dieu-hoa-samsung"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
điều hòa Samsung
|
|
</a>
|
|
<a href="/search?q=may-loc-nuoc-korihome-kangen-k8"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
máy lọc nước Korihome Kangen K8
|
|
</a>
|
|
<a href="/search?q=may-massage-x5-pro-omni"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
máy massage X5 Pro Omni
|
|
</a>
|
|
<a href="/search?q=may-massage-x5-pro-omni"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
máy massage X5 Pro Omni
|
|
</a>
|
|
<a href="/search?q=may-massage-x5-pro-omni"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
máy massage X5 Pro Omni
|
|
</a>
|
|
<a href="/search?q=tong-do-cat-toc"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
tông đơ cắt tóc
|
|
</a>
|
|
<a href="/search?q=dieu-hoa-hisense"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
điều hoà Hisense
|
|
</a>
|
|
<a href="/search?q=may-chay-bo"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Máy chạy bộ
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=may-massage-x5-pro-omni"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
máy massage X5 Pro Omni
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=macbook-air-m4"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
MacBook Air M4
|
|
</a>
|
|
<a href="/search?q=dieu-hoa-nagakawa"
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[0] leading-[normal] whitespace-nowrap">
|
|
điều hòa Nagakawa
|
|
</a>
|
|
</nav>
|
|
</section>
|
|
<nav class="inline-flex items-center gap-2 absolute top-0 left-0" aria-label="Breadcrumb">
|
|
<a href="/tu-lanh"
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Inter',Helvetica] font-normal text-[#878787] text-xs tracking-[-0.24px] leading-[normal]">
|
|
Tủ lạnh
|
|
</a>
|
|
<img class="relative w-2.5 h-2.5" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/grommet-icons-next.svg"
|
|
alt="" />
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Inter',Helvetica] font-normal text-black text-xs tracking-[-0.24px] leading-[normal]">
|
|
Tủ lạnh Toshiba
|
|
</span>
|
|
</nav>
|
|
<div class="absolute top-[97px] left-0 w-[796px] h-[480px] bg-white rounded-lg"></div>
|
|
<div class="flex flex-col w-[698px] items-start justify-center gap-2 absolute top-[34px] left-0">
|
|
<div class="flex items-center gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|
<h1
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-xl tracking-[-0.40px] leading-[normal] whitespace-nowrap">
|
|
Tủ lạnh Toshiba Inverter 711 lít Side By Side GR-RS910WI-PMV(06)-MG
|
|
</h1>
|
|
<span class="relative w-[68px] h-5 mr-[-2.00px]">
|
|
<span class="absolute top-0 left-0 w-[66px] h-5 bg-[#fff3f3] rounded"></span>
|
|
<span
|
|
class="absolute top-[3px] left-[11px] [font-family:'Roboto',Helvetica] font-normal text-[#e40000] text-xs text-center tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|
Mẫu mới
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div class="inline-flex items-center gap-3 relative flex-[0_0_auto]">
|
|
<span
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-[#959595] text-sm tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|
Đã bán 2.3k
|
|
</span>
|
|
<div class="inline-flex items-center gap-1 relative flex-[0_0_auto]">
|
|
<img class="relative w-[11.97px] h-[11.4px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-12.svg" alt="" />
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#959595] text-sm tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|
4.9
|
|
</span>
|
|
</div>
|
|
<a href="#specifications" class="inline-flex items-center gap-1 relative flex-[0_0_auto]">
|
|
<img class="relative w-5 h-5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/material-symbols-light-page-info-outline-rounded.svg"
|
|
alt="" />
|
|
<span
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-[#0083ff] text-sm tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|
Thông số
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<aside
|
|
class="grid grid-cols-1 grid-rows-[repeat(2,fit-content(100%))] w-[392px] h-[1065px] gap-[12px_16px] absolute top-[103px] left-[808px]">
|
|
<section
|
|
class="grid grid-cols-1 grid-rows-[repeat(4,fit-content(100%))] h-fit gap-[11px] px-3 py-3.5 relative row-[1_/_2] col-[1_/_2] w-full bg-white rounded-lg">
|
|
<img class="relative row-[1_/_2] col-[1_/_2] w-[367px] h-36 rounded-lg object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-87.png" alt="Khuyến mãi 1" />
|
|
<img class="relative row-[2_/_3] col-[1_/_2] w-[367px] h-36 rounded-lg object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-88.png" alt="Khuyến mãi 2" />
|
|
<fieldset
|
|
class="relative row-[3_/_4] col-[1_/_2] w-fit h-fit inline-flex items-center gap-2 border-0 p-0">
|
|
<legend class="sr-only">Chọn dung tích tủ lạnh</legend>
|
|
<label
|
|
class="flex w-14 h-7 items-center justify-center gap-2.5 px-[13px] py-1.5 relative bg-white rounded border border-solid border-[#4faaff] cursor-pointer">
|
|
<input type="radio" name="capacity" value="150L" checked class="sr-only" />
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-medium text-[#0083ff] text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
150L
|
|
</span>
|
|
</label>
|
|
<label
|
|
class="flex w-14 h-7 items-center justify-center gap-2.5 px-[13px] py-1.5 relative bg-white rounded border border-solid border-[#e8e8e8] cursor-pointer">
|
|
<input type="radio" name="capacity" value="350L" class="sr-only" />
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-medium text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
350L
|
|
</span>
|
|
</label>
|
|
</fieldset>
|
|
<div
|
|
class="relative row-[4_/_5] col-[1_/_2] w-[367px] h-fit flex flex-col items-start gap-3 px-[11px] py-3">
|
|
<div
|
|
class="absolute top-0 left-0 w-[367px] h-[550px] rounded-lg [background:linear-gradient(180deg,rgba(107,20,64,1)_0%,rgba(228,5,124,1)_47%,rgba(107,20,64,1)_95%)]">
|
|
<div class="relative top-1 left-1 w-[359px] h-[539px] bg-white rounded-lg"></div>
|
|
</div>
|
|
<h3
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-semibold text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Loại dịch vụ lắp đặt
|
|
</h3>
|
|
<fieldset class="border-0 p-0 m-0 w-full">
|
|
<legend class="sr-only">Chọn gói dịch vụ lắp đặt</legend>
|
|
<label
|
|
class="grid grid-cols-2 grid-rows-2 w-[337px] h-[65px] gap-[8px_22px] px-[11px] py-[13px] bg-[#fff6f6] rounded-lg border border-solid border-[#e4057c] cursor-pointer">
|
|
<input type="radio" name="service-package" value="package-1" checked class="sr-only" />
|
|
<div
|
|
class="relative row-[1_/_2] col-[1_/_2] w-fit h-fit inline-flex items-center gap-2">
|
|
<span
|
|
class="relative w-3 h-3 rounded-md border border-solid border-[#90004a]"></span>
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-semibold text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Gói dịch vụ 1
|
|
</span>
|
|
</div>
|
|
<div class="relative row-[1_/_2] col-[2_/_3] w-[150px] h-4">
|
|
<span
|
|
class="absolute top-0 left-[67px] [font-family:'Roboto',Helvetica] font-bold text-[#e40000] text-sm tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|
17.000.000đ
|
|
</span>
|
|
<span
|
|
class="absolute top-[3px] left-0 [font-family:'Roboto',Helvetica] font-normal text-[#868686] text-[11px] tracking-[-0.22px] leading-[normal] line-through whitespace-nowrap">
|
|
23.510.000đ
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="relative row-[2_/_3] col-[1_/_2] w-fit h-fit inline-flex items-center justify-center gap-1 px-5 py-0">
|
|
<img class="relative w-3 h-3"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/mdi-tick-circle-outline.svg"
|
|
alt="" />
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|
Gói tiêu chuẩn
|
|
</span>
|
|
</div>
|
|
</label>
|
|
<label
|
|
class="flex flex-wrap w-[337px] h-[65px] items-center gap-[8px_143px] px-[11px] py-[13px] relative rounded-lg border border-solid border-[#e1e1e1] cursor-pointer mt-3">
|
|
<input type="radio" name="service-package" value="package-2" class="sr-only" />
|
|
<div class="inline-flex items-center gap-2 relative flex-[0_0_auto]">
|
|
<span
|
|
class="relative w-3 h-3 rounded-md border border-solid border-[#90004a]"></span>
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-semibold text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Gói dịch vụ 2
|
|
</span>
|
|
</div>
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-bold text-[#e40000] text-sm tracking-[-0.28px] leading-[normal] whitespace-nowrap">
|
|
18.000.000đ
|
|
</span>
|
|
<div class="inline-flex items-center gap-1 relative flex-[0_0_auto]">
|
|
<img class="relative w-3 h-3"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/ri-vip-crown-2-fill.svg"
|
|
alt="" />
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-[#ff7200] text-xs tracking-[-0.24px] leading-[normal] whitespace-nowrap">
|
|
Bảo hành 4 năm (2 năm chính hãng, 2 năm MIQ)
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</fieldset>
|
|
<section
|
|
class="flex flex-col w-[341px] h-[168px] items-center gap-[15px] p-px relative bg-white rounded-lg border border-solid border-[#e1e1e1]">
|
|
<header class="relative w-[339px] h-[43px] bg-gray-50">
|
|
<h4
|
|
class="absolute top-[11px] left-2.5 w-80 [font-family:'Roboto',Helvetica] font-semibold text-black text-sm tracking-[-0.28px] leading-[18px]">
|
|
Khuyến mãi
|
|
</h4>
|
|
</header>
|
|
<ul class="list-none p-0 m-0 w-[321px]">
|
|
<li class="relative w-[321px] h-[30px] mb-3">
|
|
<p
|
|
class="absolute top-0 left-6 w-[297px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
Máy xay sinh tố đa năng AVA trị giá 500.000đ (Áp dụng tùy sản phẩm)
|
|
</p>
|
|
<span class="absolute top-0 left-0 w-[18px] h-4">
|
|
<span class="absolute top-0 left-0 w-4 h-4 bg-style rounded-lg"></span>
|
|
<span
|
|
class="absolute top-0 left-[5px] [font-family:'Inter',Helvetica] font-medium text-white tracking-[-0.26px] text-[13px] leading-[normal]">
|
|
1
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<li class="relative w-[321px] h-4 mb-3">
|
|
<p
|
|
class="absolute top-px left-6 w-[297px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
Phiếu mua hàng máy lọc nước trị giá 300.000đ
|
|
</p>
|
|
<span class="absolute top-0 left-0 w-[18px] h-4">
|
|
<span class="absolute top-0 left-0 w-4 h-4 bg-style rounded-lg"></span>
|
|
<span
|
|
class="absolute top-0 left-1 [font-family:'Inter',Helvetica] font-medium text-white text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
2
|
|
</span>
|
|
</span>
|
|
</li>
|
|
<li class="relative w-[321px] h-4">
|
|
<p
|
|
class="absolute top-0 left-6 w-[297px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
Miễn phí công lắp đặt
|
|
</p>
|
|
<span class="absolute top-0 left-0 w-[18px] h-4">
|
|
<span class="absolute top-0 left-0 w-4 h-4 bg-style rounded-lg"></span>
|
|
<span
|
|
class="absolute top-0 left-1 [font-family:'Inter',Helvetica] font-medium text-white text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
3
|
|
</span>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<img class="relative w-[340px] h-px" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/line-9.svg"
|
|
alt="" />
|
|
<h4
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-medium text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Hình ảnh quà khuyến mãi
|
|
</h4>
|
|
<div class="inline-flex items-center gap-2 relative flex-[0_0_auto]">
|
|
<article
|
|
class="flex w-32 h-12 items-center gap-1 p-1.5 relative bg-white rounded border border-solid border-[#eaeaea]">
|
|
<img class="relative w-9 h-9 rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/image-1-1.png"
|
|
alt="Máy xay sinh tố đa năng AVA" />
|
|
<p
|
|
class="relative w-[75px] [font-family:'Roboto',Helvetica] font-medium text-black text-[10px] tracking-[0] leading-[14px]">
|
|
Máy xay sinh tố đa năng AVA...
|
|
</p>
|
|
</article>
|
|
<article
|
|
class="flex w-32 h-12 items-center gap-1 p-1.5 relative bg-white rounded border border-solid border-[#eaeaea]">
|
|
<img class="relative w-9 h-9 rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/image-1-1.png"
|
|
alt="Máy xay sinh tố đa năng AVA" />
|
|
<p
|
|
class="relative w-[75px] [font-family:'Roboto',Helvetica] font-medium text-black text-[10px] tracking-[0] leading-[14px]">
|
|
Máy xay sinh tố đa năng AVA...
|
|
</p>
|
|
</article>
|
|
</div>
|
|
<img class="relative w-[340px] h-px" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/line-9.svg"
|
|
alt="" />
|
|
<div class="inline-flex items-center gap-3 relative flex-[0_0_auto]">
|
|
<button
|
|
class="flex flex-col w-[166px] h-12 items-center justify-center gap-1 px-[45px] py-1.5 relative bg-white rounded border border-solid border-[#0083ff] cursor-pointer"
|
|
type="button">
|
|
<img class="relative w-5 h-5 mt-[-1.50px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/solar-cart-plus-broken.svg" alt="" />
|
|
<span
|
|
class="relative w-fit mb-[-0.50px] [font-family:'Roboto',Helvetica] font-normal text-[#0083ff] text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Thêm vào giỏ
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="flex w-[166px] h-12 items-center justify-center gap-2.5 px-[53px] py-3 relative bg-[#fc7600] rounded cursor-pointer border-0"
|
|
type="button">
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-semibold text-white text-[13px] tracking-[-0.26px] leading-6 whitespace-nowrap">
|
|
Mua ngay
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<span class="absolute top-[87px] left-[27px] w-1.5 h-1.5 bg-style rounded-[3px]"></span>
|
|
</div>
|
|
</section>
|
|
<section
|
|
class="grid grid-cols-2 grid-rows-[repeat(2,fit-content(100%))] h-fit gap-[8px_12px] p-3 relative row-[2_/_3] col-[1_/_2] w-full bg-white rounded-lg">
|
|
<h3
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[109px] h-6 [font-family:'Roboto',Helvetica] font-semibold text-black text-sm tracking-[-0.28px] leading-6 whitespace-nowrap">
|
|
Sản phẩm đã xem
|
|
</h3>
|
|
<article
|
|
class="relative row-[2_/_3] col-[1_/_2] w-[178px] h-[76px] bg-white rounded border border-solid border-[#d9d9d9]">
|
|
<p
|
|
class="absolute w-[56.18%] h-[34.21%] top-[13.16%] left-[41.57%] [font-family:'Inter',Helvetica] font-medium text-black text-[11px] tracking-[-0.22px] leading-[normal]">
|
|
Toshiba Inverter 711 lít GR...
|
|
</p>
|
|
<span
|
|
class="absolute w-[57.30%] h-[31.58%] top-[52.63%] left-[41.57%] [font-family:'Inter',Helvetica] font-semibold text-[#d80000] text-[13px] tracking-[-0.26px] leading-6">
|
|
17.000.000đ
|
|
</span>
|
|
<img class="absolute w-[33.71%] h-[78.95%] top-[10.53%] left-[3.37%] rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-109-1.png"
|
|
alt="Toshiba Inverter 711 lít" />
|
|
<button
|
|
class="absolute w-[6.74%] top-1 left-[91.57%] h-3 bg-transparent border-0 cursor-pointer p-0"
|
|
type="button" aria-label="Xóa sản phẩm">
|
|
<img class="w-full h-full" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-193.png"
|
|
alt="" />
|
|
</button>
|
|
</article>
|
|
<article
|
|
class="relative row-[2_/_3] col-[2_/_3] w-[178px] h-[76px] bg-white rounded border border-solid border-[#d9d9d9]">
|
|
<p
|
|
class="absolute w-[56.18%] h-[34.21%] top-[13.16%] left-[41.57%] [font-family:'Inter',Helvetica] font-medium text-black text-[11px] tracking-[-0.22px] leading-[normal]">
|
|
Toshiba Inverter 711 lít GR...
|
|
</p>
|
|
<span
|
|
class="absolute w-[57.30%] h-[31.58%] top-[52.63%] left-[41.57%] [font-family:'Inter',Helvetica] font-semibold text-[#d80000] text-[13px] tracking-[-0.26px] leading-6">
|
|
17.000.000đ
|
|
</span>
|
|
<img class="absolute w-[33.71%] h-[78.95%] top-[10.53%] left-[3.37%] rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-109-1.png"
|
|
alt="Toshiba Inverter 711 lít" />
|
|
<button
|
|
class="absolute w-[6.74%] top-1 left-[91.57%] h-3 bg-transparent border-0 cursor-pointer p-0"
|
|
type="button" aria-label="Xóa sản phẩm">
|
|
<img class="w-full h-full" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-193-1.png"
|
|
alt="" />
|
|
</button>
|
|
</article>
|
|
</section>
|
|
</aside>
|
|
<article
|
|
class="grid grid-cols-1 grid-rows-[repeat(6,fit-content(100%))] w-[796px] h-[2046px] gap-3 absolute top-[97px] left-0">
|
|
<div class="relative row-[1_/_2] col-[1_/_2] w-full h-[480px]">
|
|
<img class="w-full h-full" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/frame-2.svg"
|
|
alt="Tủ lạnh Toshiba Inverter 711 lít" />
|
|
</div>
|
|
<section
|
|
class="grid grid-cols-1 grid-rows-[repeat(3,fit-content(100%))] h-fit gap-3 px-3 py-2 relative row-[2_/_3] col-[1_/_2] w-full bg-white rounded-lg">
|
|
<h2
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[94px] h-[19px] [font-family:'Inter',Helvetica] font-bold text-black text-base tracking-[-0.32px] leading-[normal] whitespace-nowrap">
|
|
MIQ cam kết
|
|
</h2>
|
|
<img class="relative row-[2_/_3] col-[1_/_2] w-[771px] h-px"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/line-10.svg" alt="" />
|
|
<ul
|
|
class="grid grid-cols-[repeat(2,fit-content(100%))] grid-rows-[repeat(3,fit-content(100%))] w-fit h-fit gap-[12px_126px] relative row-[3_/_4] col-[1_/_2] list-none p-0 m-0">
|
|
<li
|
|
class="grid grid-cols-[repeat(2,fit-content(100%))] grid-rows-[repeat(2,fit-content(100%))] w-fit h-fit gap-[0px_8px] relative row-[1_/_2] col-[1_/_2]">
|
|
<img class="relative row-[2_/_3] col-[1_/_2] w-7 h-7"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/fluent-archive-arrow-back-20-regular.svg"
|
|
alt="" />
|
|
<p
|
|
class="relative row-[1_/_2] col-[2_/_3] w-[238px] h-[30px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
<span class="tracking-[-0.03px]">Hư gì đổi nấy 12 tháng tận nhà (miễn phí tháng đầu)
|
|
</span>
|
|
<a href="#" class="tracking-[-0.03px] underline">Xem chi tiết</a>
|
|
</p>
|
|
</li>
|
|
<li
|
|
class="grid grid-cols-[repeat(2,fit-content(100%))] grid-rows-[repeat(2,fit-content(100%))] w-fit h-fit gap-[0px_8px] relative row-[1_/_2] col-[2_/_3]">
|
|
<img class="relative row-[2_/_3] col-[1_/_2] w-7 h-7"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/carbon-security.svg" alt="" />
|
|
<p
|
|
class="relative row-[1_/_2] col-[2_/_3] w-[334px] h-8 [font-family:'Inter',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
<span class="tracking-[-0.03px]">Bảo hành chính hãng 2 năm, có người đến tận
|
|
nhà<br /></span>
|
|
<a href="#" class="tracking-[-0.03px] underline">Xem chi tiết bảo hành</a>
|
|
</p>
|
|
</li>
|
|
<li
|
|
class="grid grid-cols-[repeat(2,fit-content(100%))] grid-rows-[repeat(2,fit-content(100%))] w-fit h-fit gap-[0px_8px] relative row-[2_/_3] col-[1_/_2]">
|
|
<img class="relative row-[2_/_3] col-[1_/_2] w-7 h-7"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/carbon-security.svg" alt="" />
|
|
<p
|
|
class="relative row-[1_/_2] col-[2_/_3] w-[238px] h-[30px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
Bảo hành máy nén 10 năm (sản phẩm mua từ ngày 01/07/2024)
|
|
</p>
|
|
</li>
|
|
<li
|
|
class="grid grid-cols-[repeat(2,fit-content(100%))] grid-rows-[repeat(2,fit-content(100%))] w-fit h-fit gap-[0px_8px] relative row-[2_/_3] col-[2_/_3]">
|
|
<img class="relative row-[2_/_3] col-[1_/_2] w-7 h-7"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/si-info-line.svg" alt="" />
|
|
<p
|
|
class="relative row-[1_/_2] col-[2_/_3] w-[334px] h-8 [font-family:'Inter',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
Nếu dùng cho hoạt động kinh doanh (nhà máy, khách sạn, giặt ủi,...) thì không được bảo
|
|
hành.
|
|
</p>
|
|
</li>
|
|
<li
|
|
class="grid grid-cols-[repeat(2,fit-content(100%))] grid-rows-[repeat(2,fit-content(100%))] w-fit h-fit gap-[0px_8px] relative row-[3_/_4] col-[1_/_2]">
|
|
<img class="relative row-[2_/_3] col-[1_/_2] w-7 h-7"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/carbon-build-image.svg" alt="" />
|
|
<p
|
|
class="relative row-[1_/_2] col-[2_/_3] w-[238px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
Lắp đặt miễn phí lúc giao hàng
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section
|
|
class="grid grid-cols-1 grid-rows-[repeat(2,fit-content(100%))] h-fit gap-3 p-3 relative row-[3_/_4] col-[1_/_2] w-full bg-white rounded-lg">
|
|
<h3
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[282px] h-[19px] [font-family:'Roboto',Helvetica] font-bold text-black text-base tracking-[-0.32px] leading-[normal] whitespace-nowrap">
|
|
Tham khảo thêm sản phẩm cũ, trưng bày
|
|
</h3>
|
|
<article
|
|
class="relative row-[2_/_3] col-[1_/_2] w-[772px] h-[98px] flex items-center gap-3 px-3 py-[9px] bg-white rounded-lg border border-solid border-[#eaeaea]">
|
|
<img class="relative w-20 h-20 rounded-sm object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-75.png"
|
|
alt="Tủ lạnh Toshiba Inverter 711 lít" />
|
|
<div class="flex flex-col w-[472px] items-start gap-1 relative">
|
|
<h4
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-semibold text-black text-sm tracking-[-0.28px] leading-6">
|
|
Tủ lạnh Toshiba Inverter 711 lít Side By Side GR-RS910WI-PMV(06)-MG
|
|
</h4>
|
|
<div class="inline-flex items-center gap-1 relative flex-[0_0_auto]">
|
|
<p
|
|
class="relative w-[136px] mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-transparent text-[13px] tracking-[-0.26px] leading-6">
|
|
<span class="text-black tracking-[-0.03px]">Giá từ: </span>
|
|
<span
|
|
class="font-bold text-[#cc0000] text-[15px] tracking-[-0.05px]">11.590.000₫</span>
|
|
</p>
|
|
<span class="relative w-[41px] h-5 mr-[-2.00px]">
|
|
<span class="absolute top-0 left-0 w-[39px] h-5 bg-[#cd0000] rounded"></span>
|
|
<span
|
|
class="absolute top-[3px] left-0.5 w-[34px] [font-family:'Inter',Helvetica] font-semibold text-white text-[11px] text-center tracking-[-0.22px] leading-[normal]">
|
|
-50%
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<p
|
|
class="relative self-stretch [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-6">
|
|
Bảo hành Chính hãng đến 15/08/2027
|
|
</p>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
<section
|
|
class="grid grid-cols-1 grid-rows-[repeat(2,fit-content(100%))] h-fit gap-2 px-3 py-[15px] relative row-[4_/_5] col-[1_/_2] w-full bg-white rounded-lg">
|
|
<h2
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[768px] h-[19px] [font-family:'Roboto',Helvetica] font-bold text-black text-base tracking-[-0.32px] leading-[normal]">
|
|
Đặc điểm nổi bật
|
|
</h2>
|
|
<p
|
|
class="relative row-[2_/_3] col-[1_/_2] w-[768px] h-[110px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[22px]">
|
|
Dung tích sử dụng 711 lít phù hợp nhu cầu sử dụng gia đình có 5 thành viên trở lên.<br />Tiết
|
|
kiệm điện
|
|
hiệu quả, tránh lãng phí điện năng nhờ công nghệ Origin Inverter.<br />Luồng khí lạnh đa chiều
|
|
Multi Air
|
|
Flow giúp thực phẩm luôn tươi ngon.<br />Công nghệ PureAir Turbo™ giảm thiểu mùi khó chịu trong
|
|
tủ
|
|
lạnh.<br />Kết nối, điều khiển từ xa tiện lợi thông qua ứng dụng TSmartLife.
|
|
</p>
|
|
</section>
|
|
<section id="specifications"
|
|
class="grid grid-cols-[repeat(1,fit-content(100%))] grid-rows-[repeat(3,fit-content(100%))] h-fit gap-4 px-3 py-[22px] relative row-[5_/_6] col-[1_/_2] w-full">
|
|
<div class="absolute top-0 left-0 w-[796px] h-[482px] bg-white rounded-lg"></div>
|
|
<div class="relative row-[1_/_2] col-[1_/_2] justify-self-center w-fit h-fit inline-flex items-center gap-3"
|
|
role="tablist">
|
|
<button
|
|
class="flex w-[205px] h-10 items-center justify-center gap-2.5 px-10 py-2.5 relative bg-[#edf6ff] rounded border border-solid border-[#0083ff] cursor-pointer"
|
|
role="tab" aria-selected="true" aria-controls="specifications-panel">
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-bold text-[#0083ff] text-base tracking-[-0.32px] leading-[normal] whitespace-nowrap">
|
|
Thông số kỹ thuật
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="flex w-[205px] h-10 items-center justify-center gap-2.5 px-7 py-2.5 relative bg-white rounded border border-solid border-[#e6e6e6] cursor-pointer"
|
|
role="tab" aria-selected="false" aria-controls="product-info-panel">
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-bold text-black text-base tracking-[-0.32px] leading-[normal] whitespace-nowrap">
|
|
Thông tin sản phẩm
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<details
|
|
class="relative row-[2_/_3] col-[1_/_2] w-[772px] h-10 flex items-center justify-between p-2 bg-[#f2f4f7] rounded"
|
|
open>
|
|
<summary
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Inter',Helvetica] font-semibold text-black text-[13px] tracking-[-0.26px] leading-6 whitespace-nowrap list-none cursor-pointer">
|
|
Tổng quan
|
|
<img class="inline-block ml-2 w-5 h-5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-167.png" alt="" />
|
|
</summary>
|
|
</details>
|
|
<dl id="specifications-panel" role="tabpanel"
|
|
class="grid grid-cols-[repeat(2,fit-content(100%))] grid-rows-[repeat(9,fit-content(100%))] w-fit h-fit gap-[24px_100px] px-3 py-0 relative row-[3_/_4] col-[1_/_2] m-0">
|
|
<dt
|
|
class="relative row-[1_/_2] col-[1_/_2] w-[41px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Kiểu tủ
|
|
</dt>
|
|
<dt
|
|
class="row-[2_/_3] w-[88px] relative col-[1_/_2] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Dung tích tổng:
|
|
</dt>
|
|
<dt
|
|
class="relative row-[3_/_4] col-[1_/_2] w-[109px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Dung tích sử dụng:
|
|
</dt>
|
|
<dt
|
|
class="row-[4_/_5] w-[109px] relative col-[1_/_2] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Dung tích ngăn đá:
|
|
</dt>
|
|
<dt
|
|
class="relative row-[5_/_6] col-[1_/_2] w-[118px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Dung tích ngăn lạnh:
|
|
</dt>
|
|
<dt
|
|
class="relative row-[6_/_7] col-[1_/_2] w-36 h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Chất liệu khay ngăn lạnh:
|
|
</dt>
|
|
<dt
|
|
class="relative row-[7_/_8] col-[1_/_2] w-[184px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Chất liệu ống dẫn gas, dàn lạnh:
|
|
</dt>
|
|
<dt
|
|
class="relative row-[8_/_9] col-[1_/_2] w-[72px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Năm ra mắt:
|
|
</dt>
|
|
<dt
|
|
class="relative row-[9_/_10] col-[1_/_2] w-[179px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap">
|
|
Năm ra mắt: 2025 Sản xuất tại:
|
|
</dt>
|
|
<dd
|
|
class="relative row-[1_/_2] col-[2_/_3] w-[165px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap m-0">
|
|
Tủ lớn - Side by Side - 2 cánh
|
|
</dd>
|
|
<dd
|
|
class="relative row-[2_/_3] col-[2_/_3] w-9 h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap m-0">
|
|
768 lít
|
|
</dd>
|
|
<dd
|
|
class="row-[3_/_4] col-[2_/_3] w-[119px] h-[15px] [font-family:'Roboto',Helvetica] text-black tracking-[0] whitespace-nowrap relative font-normal text-[13px] leading-[normal] m-0">
|
|
711 lít - Trên 5 người
|
|
</dd>
|
|
<dd
|
|
class="row-[4_/_5] col-[2_/_3] w-9 h-[15px] [font-family:'Roboto',Helvetica] text-black tracking-[0] whitespace-nowrap relative font-normal text-[13px] leading-[normal] m-0">
|
|
273 lít
|
|
</dd>
|
|
<dd
|
|
class="row-[5_/_6] col-[2_/_3] w-9 h-[15px] [font-family:'Roboto',Helvetica] text-black tracking-[0] whitespace-nowrap relative font-normal text-[13px] leading-[normal] m-0">
|
|
438 lít
|
|
</dd>
|
|
<dd
|
|
class="relative row-[6_/_7] col-[2_/_3] w-[75px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap m-0">
|
|
Kính chịu lực
|
|
</dd>
|
|
<dd
|
|
class="relative row-[7_/_8] col-[2_/_3] w-[326px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap m-0">
|
|
Ống dẫn gas bằng Sắt và Đồng - Lá tản nhiệt bằng Nhôm
|
|
</dd>
|
|
<dd
|
|
class="relative row-[8_/_9] col-[2_/_3] w-[30px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black tracking-[0] whitespace-nowrap text-[13px] leading-[normal] m-0">
|
|
2025
|
|
</dd>
|
|
<dd
|
|
class="relative row-[9_/_10] col-[2_/_3] w-[67px] h-[15px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[normal] whitespace-nowrap m-0">
|
|
Trung Quốc
|
|
</dd>
|
|
</dl>
|
|
</section>
|
|
<section
|
|
class="grid grid-cols-[repeat(1,fit-content(100%))] grid-rows-[repeat(6,fit-content(100%))] h-fit gap-[20px_0px] px-3 py-4 relative row-[6_/_7] col-[1_/_2] w-full bg-white rounded-xl">
|
|
<header class="relative row-[1_/_2] col-[1_/_2] w-[628px] h-[21px]">
|
|
<h2
|
|
class="absolute top-0 left-0 [font-family:'Roboto',Helvetica] font-semibold text-black text-lg tracking-[-0.36px] leading-[normal] whitespace-nowrap">
|
|
Đánh giá Tủ lạnh Toshiba Inverter 711 lít Side By Side GR-RS910WI-PMV(06)-MG
|
|
</h2>
|
|
</header>
|
|
<div
|
|
class="relative row-[2_/_3] col-[1_/_2] justify-self-center w-fit h-fit inline-flex items-center justify-center gap-5">
|
|
<div class="flex flex-col w-28 items-center gap-1 relative">
|
|
<div class="inline-flex items-center gap-0.5 relative flex-[0_0_auto]">
|
|
<img class="relative w-[17.48px] h-[16.64px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Inter',Helvetica] font-extrabold text-black text-[32px] tracking-[-0.64px] leading-[normal]">
|
|
4.9
|
|
</span>
|
|
<span
|
|
class="relative w-fit [font-family:'Inter',Helvetica] font-normal text-[#9d9d9d] text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
/5
|
|
</span>
|
|
</div>
|
|
<p
|
|
class="relative self-stretch [font-family:'Inter',Helvetica] font-normal text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
1,7k khách hài lòng
|
|
</p>
|
|
<p
|
|
class="self-stretch [font-family:'Inter',Helvetica] text-[#9d9d9d] text-center tracking-[-0.26px] relative font-normal text-[13px] leading-[normal]">
|
|
5 đánh giá
|
|
</p>
|
|
</div>
|
|
<div class="flex flex-col w-[315px] items-start gap-2 relative">
|
|
<div class="flex items-center gap-[9px] relative self-stretch w-full flex-[0_0_auto]">
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Inter',Helvetica] font-medium text-black tracking-[-0.26px] text-[13px] leading-[normal]">
|
|
5
|
|
</span>
|
|
<img class="relative w-[10.82px] h-[10.31px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<progress class="relative w-[232px] h-1.5" value="98.2" max="100"
|
|
aria-label="Đánh giá 5 sao: 98.2%"></progress>
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-medium text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
98.2%
|
|
</span>
|
|
</div>
|
|
<div class="flex items-center gap-[9px] relative self-stretch w-full flex-[0_0_auto]">
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Inter',Helvetica] font-medium text-black tracking-[-0.26px] text-[13px] leading-[normal]">
|
|
4
|
|
</span>
|
|
<img class="relative w-[10.82px] h-[10.31px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<progress class="relative w-[232px] h-1.5" value="0" max="100"
|
|
aria-label="Đánh giá 4 sao: 0%"></progress>
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-medium text-black tracking-[-0.26px] whitespace-nowrap text-[13px] leading-[normal]">
|
|
0
|
|
</span>
|
|
</div>
|
|
<div class="flex items-center gap-[9px] relative self-stretch w-full flex-[0_0_auto]">
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Inter',Helvetica] font-medium text-black tracking-[-0.26px] text-[13px] leading-[normal]">
|
|
3
|
|
</span>
|
|
<img class="relative w-[10.82px] h-[10.31px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<progress class="relative w-[232px] h-1.5" value="0" max="100"
|
|
aria-label="Đánh giá 3 sao: 0%"></progress>
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-medium text-black tracking-[-0.26px] whitespace-nowrap text-[13px] leading-[normal]">
|
|
0
|
|
</span>
|
|
</div>
|
|
<div class="flex items-center gap-[9px] relative self-stretch w-full flex-[0_0_auto]">
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Inter',Helvetica] font-medium text-black tracking-[-0.26px] text-[13px] leading-[normal]">
|
|
2
|
|
</span>
|
|
<img class="relative w-[10.82px] h-[10.31px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<progress class="relative w-[232px] h-1.5" value="0" max="100"
|
|
aria-label="Đánh giá 2 sao: 0%"></progress>
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-medium text-black tracking-[-0.26px] whitespace-nowrap text-[13px] leading-[normal]">
|
|
0
|
|
</span>
|
|
</div>
|
|
<div class="flex items-center gap-[9px] relative self-stretch w-full flex-[0_0_auto]">
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Inter',Helvetica] font-medium text-black tracking-[-0.26px] text-[13px] leading-[normal]">
|
|
1
|
|
</span>
|
|
<img class="relative w-[10.82px] h-[10.31px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<progress class="relative w-[232px] h-1.5" value="0" max="100"
|
|
aria-label="Đánh giá 1 sao: 0%"></progress>
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-medium text-black tracking-[-0.26px] whitespace-nowrap text-[13px] leading-[normal]">
|
|
0
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<img class="relative w-20 h-20 rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-85.png"
|
|
alt="Hình ảnh đánh giá 1" />
|
|
<img class="relative w-20 h-20 rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-85.png"
|
|
alt="Hình ảnh đánh giá 2" />
|
|
<img class="relative w-20 h-20 rounded object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/rectangle-85.png"
|
|
alt="Hình ảnh đánh giá 3" />
|
|
</div>
|
|
<article
|
|
class="grid grid-cols-1 grid-rows-[repeat(3,fit-content(100%))] w-[754px] h-fit gap-[8px_13px] relative row-[3_/_4] col-[1_/_2]">
|
|
<header class="relative row-[1_/_2] col-[1_/_2] w-fit h-fit inline-flex items-center gap-1.5">
|
|
<h3
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Nguyễn Lê Tuấn
|
|
</h3>
|
|
<img class="relative w-[15px] h-[15px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/teenyicons-tick-circle-outline.svg"
|
|
alt="" />
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#35b227] text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Đã mua tại MIQ
|
|
</span>
|
|
</header>
|
|
<div class="relative row-[2_/_3] col-[1_/_2] w-fit h-fit inline-flex items-center gap-2">
|
|
<div class="relative w-[68px] h-3" role="img" aria-label="Đánh giá 5 sao">
|
|
<img class="absolute top-px left-px w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<img class="absolute top-px left-[15px] w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<img class="absolute top-px left-[29px] w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<img class="absolute top-px left-[43px] w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<img class="absolute top-px left-[57px] w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
</div>
|
|
<img class="relative w-px h-3.5" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/line-6.svg"
|
|
alt="" />
|
|
<img class="relative w-3.5 h-3.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/mdi-heart.svg" alt="" />
|
|
<p
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Sẽ giới thiệu cho bạn bè, người thân
|
|
</p>
|
|
</div>
|
|
<p
|
|
class="relative row-[3_/_4] col-[1_/_2] w-full h-[30px] [font-family:'Roboto',Helvetica] font-medium text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
Tủ lạnh có ngăn chứa rất rộng rãi để được nhiều thực phẩm, có app theo dõi rất tiện lợi, mua
|
|
được ngay
|
|
dịp sale giá rẻ, có dịp mình sẽ ủng hộ nữa
|
|
</p>
|
|
</article>
|
|
<img class="relative row-[4_/_5] col-[1_/_2] w-[772px] h-px"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/line-17.svg" alt="" />
|
|
<article
|
|
class="grid grid-cols-1 grid-rows-[repeat(3,fit-content(100%))] w-[754px] h-fit gap-[8px_13px] relative row-[5_/_6] col-[1_/_2]">
|
|
<header class="relative row-[1_/_2] col-[1_/_2] w-fit h-fit inline-flex items-center gap-1.5">
|
|
<h3
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Nguyễn Lê Tuấn
|
|
</h3>
|
|
<img class="relative w-[15px] h-[15px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/teenyicons-tick-circle-outline.svg"
|
|
alt="" />
|
|
<span
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-[#35b227] text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Đã mua tại MIQ
|
|
</span>
|
|
</header>
|
|
<div class="relative row-[2_/_3] col-[1_/_2] w-fit h-fit inline-flex items-center gap-2">
|
|
<div class="relative w-[68px] h-3" role="img" aria-label="Đánh giá 5 sao">
|
|
<img class="absolute top-px left-px w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<img class="absolute top-px left-[15px] w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<img class="absolute top-px left-[29px] w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<img class="absolute top-px left-[43px] w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
<img class="absolute top-px left-[57px] w-[11px] h-2.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/star-7.svg" alt="" />
|
|
</div>
|
|
<img class="relative w-px h-3.5" src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/line-6.svg"
|
|
alt="" />
|
|
<img class="relative w-3.5 h-3.5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/mdi-heart.svg" alt="" />
|
|
<p
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-medium text-black text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Sẽ giới thiệu cho bạn bè, người thân
|
|
</p>
|
|
</div>
|
|
<p
|
|
class="relative row-[3_/_4] col-[1_/_2] w-full h-[30px] [font-family:'Roboto',Helvetica] font-medium text-black text-[13px] tracking-[-0.26px] leading-[normal]">
|
|
Tủ lạnh có ngăn chứa rất rộng rãi để được nhiều thực phẩm, có app theo dõi rất tiện lợi, mua
|
|
được ngay
|
|
dịp sale giá rẻ, có dịp mình sẽ ủng hộ nữa
|
|
</p>
|
|
</article>
|
|
<div class="relative row-[6_/_7] col-[1_/_2] w-full h-full flex items-center justify-center gap-2">
|
|
<button
|
|
class="flex w-[231px] h-10 items-center justify-center gap-2.5 px-[69px] py-3 relative bg-white rounded border border-solid border-[#8b8b8b] cursor-pointer"
|
|
type="button">
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-medium text-[#6b6b6b] text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Xem 5 đánh giá
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="flex w-[231px] h-10 items-center justify-center gap-2.5 px-[76px] py-3 relative bg-[#0083ff] rounded cursor-pointer border-0"
|
|
type="button">
|
|
<span
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-medium text-white text-[13px] tracking-[-0.26px] leading-[normal] whitespace-nowrap">
|
|
Viết đánh giá
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
</main>
|
|
<footer class="flex w-[1440px] h-[248px] relative mt-[27px] flex-col items-center bg-transparent"
|
|
role="contentinfo">
|
|
<div class="flex h-[212px] items-start gap-[95px] px-[120px] py-4 relative self-stretch w-full bg-white">
|
|
<section class="flex flex-col w-[267px] items-start gap-1 relative">
|
|
<h2
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-sm tracking-[0] leading-[26.7px]">
|
|
Tổng đài hỗ trợ
|
|
</h2>
|
|
<address
|
|
class="relative w-fit [font-family:'Roboto',Helvetica] font-normal text-transparent text-[13px] tracking-[0] leading-[13px] not-italic">
|
|
<span class="text-black leading-[30px]">Gọi mua: </span>
|
|
<span class="font-bold text-[#0083ff] leading-[30px]">0</span>
|
|
<a href="tel:0971490000" class="font-bold text-[#0083ff] leading-[30px]">971.49.0000</a>
|
|
<span class="font-bold text-[#0083ff] leading-[30px]"> </span>
|
|
<span class="text-black leading-[30px]">(8h00-18h00)<br />Hỗ trợ kỹ thuật : </span>
|
|
<a href="tel:0987762444" class="font-bold text-black leading-[30px]">0987.762.444</a>
|
|
<span class="font-bold text-black leading-[30px]"> </span>
|
|
<span class="text-black leading-[30px]">(8h00-18h00)<br />Góp ý - Khiếu nại: </span>
|
|
<a href="tel:0824184444" class="font-bold text-black leading-[30px]">082.418.4444</a>
|
|
<span class="font-bold text-black leading-[30px]"> </span>
|
|
<span class="text-black leading-[30px]">(8h00-18h00)</span>
|
|
</address>
|
|
</section>
|
|
<nav class="flex flex-col w-[148px] items-start gap-1 relative" aria-label="Company information">
|
|
<h2
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-sm tracking-[0] leading-[26.7px]">
|
|
Về công ty
|
|
</h2>
|
|
<ul
|
|
class="flex flex-col items-start gap-3 relative self-stretch w-full flex-[0_0_auto] list-none p-0 m-0">
|
|
<li class="inline-flex items-center gap-2 relative flex-[0_0_auto]">
|
|
<div class="flex w-[131px] items-center justify-around gap-2 relative">
|
|
<p
|
|
class="relative w-fit mt-[-1.00px] mr-[-3.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[30px]">
|
|
<a href="/about" class="text-black">Giới thiệu về công ty</a><br />
|
|
<a href="/careers" class="text-black">Tuyển dụng</a><br />
|
|
<a href="/feedback" class="text-black">Gửi góp ý, khiếu nại</a><br />
|
|
<a href="/stores" class="text-black">Tìm siêu thị (215 shop)</a>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<nav class="flex flex-col w-[209px] items-start gap-1 relative mb-[-1.00px]" aria-label="Policies">
|
|
<h2
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-sm tracking-[0] leading-[26.7px]">
|
|
Chính sách chung
|
|
</h2>
|
|
<ul
|
|
class="flex flex-col items-start gap-3 relative self-stretch w-full flex-[0_0_auto] list-none p-0 m-0">
|
|
<li class="inline-flex items-center gap-2 relative flex-[0_0_auto]">
|
|
<p
|
|
class="relative w-fit mt-[-1.00px] [font-family:'Roboto',Helvetica] font-normal text-black text-[13px] tracking-[0] leading-[30px]">
|
|
<a href="/policy/access" class="text-black">Quy định truy cập Website</a><br />
|
|
<a href="/policy/privacy" class="text-black">Chính sách bảo mật thông tin</a><br />
|
|
<a href="/policy/shipping" class="text-black">Chính sách vận chuyển, giao nhận</a><br />
|
|
<a href="/policy/business" class="text-black">Chính sách cho doanh nghiệp</a><br />
|
|
<a href="/policy/warranty" class="text-black">Chính sách bảo hành, đổi trả</a>
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<section class="flex flex-col w-[291px] items-start gap-2 relative">
|
|
<h2
|
|
class="relative self-stretch mt-[-1.00px] [font-family:'Roboto',Helvetica] font-bold text-black text-sm tracking-[0] leading-[26.7px]">
|
|
Kết nối với chúng tôi
|
|
</h2>
|
|
<div class="flex flex-col h-[71px] items-start gap-3 relative self-stretch w-full">
|
|
<div class="flex items-center gap-3 relative self-stretch w-full flex-[0_0_auto]">
|
|
<a href="https://facebook.com/miq" target="_blank" rel="noopener noreferrer"
|
|
class="relative w-[103px] h-[21px]">
|
|
<img class="absolute w-[19.42%] top-px left-0 h-5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-37.png" alt="Facebook" />
|
|
<span
|
|
class="absolute w-[74.76%] h-full top-0 left-[23.30%] [font-family:'Roboto',Helvetica] font-normal text-[#0083ff] text-[11px] tracking-[0] leading-[21.0px] whitespace-nowrap">
|
|
12.8k lượt thích
|
|
</span>
|
|
</a>
|
|
<a href="https://youtube.com/miq" target="_blank" rel="noopener noreferrer"
|
|
class="relative w-[98.56px] h-[21px]">
|
|
<img class="absolute w-[28.98%] top-px left-0 h-5"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/group-38.png" alt="YouTube" />
|
|
<span
|
|
class="absolute w-[64.94%] h-full top-0 left-[33.03%] [font-family:'Roboto',Helvetica] font-normal text-[#0083ff] text-[11px] tracking-[0] leading-[21.0px] whitespace-nowrap">
|
|
2.2T Đăng ký
|
|
</span>
|
|
</a>
|
|
<a href="https://zalo.me/miq" target="_blank" rel="noopener noreferrer"
|
|
class="relative w-[71px] h-[21px] mr-[-1.56px]">
|
|
<img class="absolute w-[28.17%] top-px left-0 h-5 object-cover"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/image-13.png" alt="Zalo" />
|
|
<span
|
|
class="absolute w-[63.38%] h-full top-0 left-[33.80%] [font-family:'Roboto',Helvetica] font-normal text-[#0083ff] text-[11px] tracking-[0] leading-[21.0px] whitespace-nowrap">
|
|
Zalo MIQ
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<img class="relative w-[100px] h-[38px]"
|
|
src="https://c.animaapp.com/mm4jfjk8LBvWvQ/img/image-14.png"
|
|
alt="Đã thông báo Bộ Công Thương" />
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="flex h-9 items-center justify-center gap-2.5 px-[621px] py-[5px] relative self-stretch w-full bg-[#e3e3e3]">
|
|
<p
|
|
class="relative w-fit mt-[-0.50px] [font-family:'Roboto',Helvetica] font-normal text-a-1 text-[13px] tracking-[0] leading-[24.8px] whitespace-nowrap">
|
|
Bản quyền thuộc về MIQ Việt Nam
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |