2026-03-08 23:40:18 +07:00
|
|
|
<div class="layout-container flex flex-col gap-[27px]">
|
|
|
|
|
<!-- Box Article + Video Review -->
|
|
|
|
|
<div class="bg-white rounded-[12px] overflow-hidden 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">
|
|
|
|
|
{% assign _article_idx = 0 %}
|
|
|
|
|
{% for _cat_articles in page.article_home %}
|
|
|
|
|
{% for _article in _cat_articles %}
|
|
|
|
|
{% if _article_idx == 0 %}
|
|
|
|
|
<!-- Main article -->
|
|
|
|
|
<div class="w-[481px] shrink-0 relative">
|
|
|
|
|
<a href="{{ _article.url }}" class="block w-[481px] h-[300px] rounded-[4px] overflow-hidden">
|
|
|
|
|
<img src="{{ _article.image.original }}" alt="{{ _article.title }}" class="w-full h-full object-cover"
|
|
|
|
|
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
|
|
|
|
</a>
|
|
|
|
|
<a href="{{ _article.url }}"
|
|
|
|
|
class="block mt-2 text-[20px] font-bold text-black tracking-tight hover:text-[#e4057c] line-clamp-2">{{
|
|
|
|
|
_article.title }}</a>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Side articles -->
|
|
|
|
|
<div class="flex flex-col gap-3 flex-1">
|
|
|
|
|
{% elsif _article_idx <= 3 %} <div class="flex gap-3 items-start">
|
|
|
|
|
<a href="{{ _article.url }}" class="shrink-0 block">
|
|
|
|
|
<img src="{{ _article.image.thum }}" alt="{{ _article.title }}"
|
|
|
|
|
class="w-[153px] h-[92px] rounded-[4px] object-cover shrink-0"
|
|
|
|
|
onerror="this.onerror=null;this.src='{{ no_image_url }}'" />
|
|
|
|
|
</a>
|
|
|
|
|
<a href="{{ _article.url }}"
|
|
|
|
|
class="text-[14px] text-black tracking-tight overflow-hidden hover:text-[#e4057c] line-clamp-3">{{
|
|
|
|
|
_article.title }}</a>
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% assign _article_idx = _article_idx | plus: 1 %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
{% if _article_idx > 0 %}</div>{% endif %}
|
|
|
|
|
</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="{{ 'video_main.png' | asset_url }}" 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="{{ 'video_thumb_1.png' | asset_url }}" 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 overflow-hidden 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="{{ 'video_thumb_2.png' | asset_url }}" 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 overflow-hidden 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 w-[100%] rounded-[12px] my-[20px] overflow-hidden flex flex-col gap-3 px-3 py-4">
|
|
|
|
|
<h2 class="text-[24px] leading-[28px] font-bold text-black tracking-tight">Mọi người cũng tìm kiếm</h2>
|
|
|
|
|
<div class="bg-[#f3f4f7] rounded-[12px] overflow-hidden px-3 py-4 flex flex-wrap gap-[10px] text-[12px] text-black">
|
|
|
|
|
<a href="/search?q=hút+mùi+hafele" class="hover:text-[#e4057c]">hút mùi hafele</a>
|
|
|
|
|
<a href="/search?q=bếp+từ+cheft" class="hover:text-[#e4057c]">bếp từ cheft</a>
|
|
|
|
|
<a href="/search?q=nồi+cơm+điện+Tiger" class="hover:text-[#e4057c]">nồi cơm điện Tiger</a>
|
|
|
|
|
<a href="/search?q=máy+cạo+râu+Enchen" class="hover:text-[#e4057c]">máy cạo râu Enchen</a>
|
|
|
|
|
<a href="/search?q=mũ+bảo+hiểm" class="hover:text-[#e4057c]">mũ bảo hiểm</a>
|
|
|
|
|
<a href="/search?q=nồi+cơm+điện+Cuckoo" class="hover:text-[#e4057c]">nồi cơm điện Cuckoo</a>
|
|
|
|
|
<a href="/search?q=iPhone+15" class="hover:text-[#e4057c]">iPhone 15</a>
|
|
|
|
|
<a href="/search?q=chảo+chống+dính+Elmich" class="hover:text-[#e4057c]">chảo chống dính Elmich</a>
|
|
|
|
|
<a href="/search?q=máy+massage+X5+Pro+Omni" class="hover:text-[#e4057c]">máy massage X5 Pro Omni</a>
|
|
|
|
|
<a href="/search?q=điều+hòa+Samsung" class="hover:text-[#e4057c]">điều hòa Samsung</a>
|
|
|
|
|
<a href="/search?q=máy+lọc+nước+Korihome+Kangen+K8" class="hover:text-[#e4057c]">máy lọc nước Korihome Kangen
|
|
|
|
|
K8</a>
|
|
|
|
|
<a href="/search?q=tông+đơ+cắt+tóc" class="hover:text-[#e4057c]">tông đơ cắt tóc</a>
|
|
|
|
|
<a href="/search?q=điều+hoà+Hisense" class="hover:text-[#e4057c]">điều hoà Hisense</a>
|
|
|
|
|
<a href="/search?q=Máy+chạy+bộ" class="hover:text-[#e4057c]">Máy chạy bộ</a>
|
|
|
|
|
<a href="/search?q=MacBook+Air+M4" class="hover:text-[#e4057c]">MacBook Air M4</a>
|
|
|
|
|
<a href="/search?q=điều+hòa+Nagakawa" class="hover:text-[#e4057c]">điều hòa Nagakawa</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
2026-03-07 12:09:01 +07:00
|
|
|
<footer class="w-full bg-white mt-1">
|
|
|
|
|
<div class="layout-container flex gap-[95px] py-4 h-[212px] overflow-hidden 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]">
|
2026-03-08 23:40:18 +07:00
|
|
|
<p><a href="/gioi-thieu" class="hover:text-[#e4057c]">Giới thiệu về công ty</a></p>
|
|
|
|
|
<p><a href="/tuyen-dung" class="hover:text-[#e4057c]">Tuyển dụng</a></p>
|
|
|
|
|
<p><a href="/gop-y-khieu-nai" class="hover:text-[#e4057c]">Gửi góp ý, khiếu nại</a></p>
|
|
|
|
|
<p><a href="/he-thong-cua-hang" class="hover:text-[#e4057c]">Tìm siêu thị (215 shop)</a></p>
|
2026-03-07 12:09:01 +07:00
|
|
|
</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]">
|
2026-03-08 23:40:18 +07:00
|
|
|
<p><a href="/quy-dinh-truy-cap-website" class="hover:text-[#e4057c]">Quy định truy cập Website</a></p>
|
|
|
|
|
<p><a href="/chinh-sach-bao-mat-thong-tin" class="hover:text-[#e4057c]">Chính sách bảo mật thông tin</a></p>
|
|
|
|
|
<p><a href="/chinh-sach-van-chuyen-giao-nhan" class="hover:text-[#e4057c]">Chính sách vận chuyển, giao nhận</a>
|
|
|
|
|
</p>
|
|
|
|
|
<p><a href="/chinh-sach-cho-doanh-nghiep" class="hover:text-[#e4057c]">Chính sách cho doanh nghiệp</a></p>
|
|
|
|
|
<p><a href="/chinh-sach-bao-hanh-doi-tra" class="hover:text-[#e4057c]">Chính sách bảo hành, đổi trả</a></p>
|
2026-03-07 12:09:01 +07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-col gap-2 w-[291px] shrink-0">
|
|
|
|
|
<p class="text-[14px] font-bold text-black leading-[27px]">Kết nối với chúng tôi</p>
|
|
|
|
|
<div class="flex flex-col gap-3">
|
|
|
|
|
<div class="flex items-center gap-3">
|
|
|
|
|
<div class="flex items-center gap-1">
|
|
|
|
|
<div class="w-5 h-5">
|
|
|
|
|
<img src="{{ 'icon_facebook.svg' | asset_url }}" alt="Facebook" class="w-full h-full" />
|
|
|
|
|
</div>
|
|
|
|
|
<span class="text-[11px] text-[#0084ff]">12.8k lượt thích</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex items-center gap-1">
|
|
|
|
|
<img src="{{ 'icon_youtube.svg' | asset_url }}" alt="YouTube" class="w-[28px] h-5 object-contain" />
|
|
|
|
|
<span class="text-[11px] text-[#0084ff]">2.2T Đăng ký</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex items-center gap-1">
|
|
|
|
|
<img src="{{ 'icon_zalo.png' | asset_url }}" alt="Zalo" class="w-5 h-5 object-contain" />
|
|
|
|
|
<span class="text-[11px] text-[#0084ff]">Zalo MIQ</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2026-03-08 23:40:18 +07:00
|
|
|
<img src="{{ 'logo_bct.png' | asset_url }}" alt="Đã thông báo Bộ Công Thương"
|
|
|
|
|
class="w-[100px] h-[38px] object-contain" />
|
2026-03-07 12:09:01 +07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="bg-[#e4e4e4] h-9 flex items-center justify-center">
|
|
|
|
|
<p class="text-[#353535] text-[13px]">Bản quyền thuộc về MIQ Việt Nam</p>
|
|
|
|
|
</div>
|
2026-03-08 23:40:18 +07:00
|
|
|
</footer>
|
