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

update

Browse Source
This commit is contained in:
Tieptk
2026-03-08 23:40:18 +07:00
parent 327b2645f2
commit e2189983f6
2201 changed files with 147205 additions and 20310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
template/other/footer.html
View File

@@ -1,3 +1,97 @@
<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>
<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">
@@ -15,21 +109,22 @@
<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>
<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>
</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>
<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>
</div>
</div>
@@ -54,7 +149,8 @@
<span class="text-[11px] text-[#0084ff]">Zalo MIQ</span>
</div>
</div>
<img src="{{ 'logo_bct.png' | asset_url }}" alt="Đã thông báo Bộ Công Thương" class="w-[100px] h-[38px] object-contain" />
<img src="{{ 'logo_bct.png' | asset_url }}" alt="Đã thông báo Bộ Công Thương"
class="w-[100px] h-[38px] object-contain" />
</div>
</div>
</div>
@@ -62,4 +158,4 @@
<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>
</footer>
</footer>

111
template/other/header.html
View File

@@ -1,11 +1,13 @@
<header class="w-full flex flex-col items-center bg-white relative z-50">
<div class="w-full relative h-8 flex items-center overflow-hidden" style="background:#c00060">
<img src="{{ 'header_slogan_bg.png' | asset_url }}" alt="" class="absolute inset-0 w-full h-full object-cover pointer-events-none" />
<img src="{{ 'header_slogan_bg.png' | asset_url }}" alt=""
class="absolute inset-0 w-full h-full object-cover pointer-events-none" />
<div class="layout-container relative flex items-center justify-between">
<div class="flex items-center gap-[22px]">
<div class="flex items-center gap-1">
<img src="{{ 'icon_certificate.svg' | asset_url }}" alt="" class="w-5 h-5" />
<span class="text-white text-xs font-semibold tracking-tight">Sản phẩm <strong>Chính hãng - xuất VAT</strong> đầy đủ</span>
<span class="text-white text-xs font-semibold tracking-tight">Sản phẩm <strong>Chính hãng - xuất VAT</strong>
đầy đủ</span>
</div>
<div class="flex items-center gap-1">
<img src="{{ 'icon_delivery_truck.svg' | asset_url }}" alt="" class="w-5 h-5" />
@@ -14,7 +16,8 @@
</div>
<div class="flex items-center gap-[5px]">
<img src="{{ 'icon_customer_support.svg' | asset_url }}" alt="" class="w-5 h-5" />
<span class="text-white text-xs font-semibold font-inter tracking-tight">Hotline: <strong>0967641641</strong></span>
<span class="text-white text-xs font-semibold font-inter tracking-tight">Hotline:
<strong>0967641641</strong></span>
</div>
</div>
</div>
@@ -22,11 +25,13 @@
<div class="w-full bg-[#e4057c] h-[68px] flex items-center">
<div class="layout-container h-full py-[7px]">
<div class="w-full flex items-center gap-9">
<div class="h-[54px] w-[79px] relative shrink-0">
<img src="{{ 'logo_miq.png' | asset_url }}" alt="MIQ Logo" class="absolute inset-0 w-full h-full object-contain" />
</div>
<a href="/" class="h-[54px] w-[79px] relative shrink-0">
<img src="{{ 'logo_miq.png' | asset_url }}" alt="MIQ Logo"
class="absolute inset-0 w-full h-full object-contain" />
</a>
<div id="menu-trigger" class="flex items-center gap-[10px] cursor-pointer select-none" onmouseenter="showMenu()" onmouseleave="scheduleMenuClose()">
<div id="menu-trigger" class="flex items-center gap-[10px] cursor-pointer select-none" onmouseenter="showMenu()"
onmouseleave="scheduleMenuClose()">
<img src="{{ 'icon_menu.svg' | asset_url }}" alt="" class="w-6 h-6" />
<span class="text-white text-sm font-semibold">Danh mục</span>
</div>
@@ -41,7 +46,8 @@
onfocus="showSearch()" onblur="setTimeout(hideSearch, 200)" />
</form>
<div id="search-popup" class="hidden absolute top-[calc(100%+8px)] left-0 bg-white rounded-[8px] flex-col gap-3 p-3 z-[60]"
<div id="search-popup"
class="hidden absolute top-[calc(100%+8px)] left-0 bg-white rounded-[8px] flex-col gap-3 p-3 z-[60]"
style="width:562px; box-shadow:-2px 10px 25.4px 0px rgba(0,0,0,0.25)">
<div class="flex items-center justify-between shrink-0">
<span class="text-[14px] font-medium text-[#585858]">Tìm kiếm gần đây</span>
@@ -50,9 +56,15 @@
</button>
</div>
<div class="flex items-center gap-2 flex-wrap shrink-0">
<span class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">Nồi cơm điện</span>
<span class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">lõi lọc không khí</span>
<span class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">nồi nấu chậm</span>
<span
class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">Nồi
cơm điện</span>
<span
class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">lõi
lọc không khí</span>
<span
class="bg-[#f1f3f9] rounded-full px-3 h-7 flex items-center text-[12px] font-medium text-[#585858] cursor-pointer">nồi
nấu chậm</span>
</div>
<div class="h-px bg-[#ebebeb] shrink-0"></div>
<div class="flex flex-col gap-3">
@@ -71,7 +83,8 @@
<div class="bg-[#90004b] h-full flex items-center px-[13px] shrink-0 rounded-l-[8px]">
<span class="text-[12px] font-medium text-white whitespace-nowrap">Tuần lễ tủ lạnh LG</span>
</div>
<span class="flex-1 text-[12px] font-medium text-black text-right pr-3">Deal hời chỉ từ 5.632.000đ</span>
<span class="flex-1 text-[12px] font-medium text-black text-right pr-3">Deal hời chỉ từ
5.632.000đ</span>
</div>
<div class="flex items-center h-8 bg-[#ffe4e9] rounded-[8px] overflow-hidden">
<div class="bg-[#90004b] h-full flex items-center px-[13px] shrink-0 rounded-l-[8px]">
@@ -101,7 +114,8 @@
<img src="{{ 'icon_map.svg' | asset_url }}" alt="" class="w-[15.5px] h-5" />
<span class="text-white text-[13px]">Showroom</span>
</div>
<img src="{{ 'icon_cart.svg' | asset_url }}" alt="" id="showroom-arrow" class="w-[6px] h-[10.7px] transition-transform duration-200" />
<img src="{{ 'icon_cart.svg' | asset_url }}" alt="" id="showroom-arrow"
class="w-[6px] h-[10.7px] transition-transform duration-200" />
</div>
</div>
</div>
@@ -110,7 +124,8 @@
<div class="w-full bg-[#ebecf0] h-8 flex items-center">
<div class="layout-container">
<div class="h-8 flex items-center justify-center gap-[20px] text-[#90004b] text-[13px] font-normal tracking-[-0.26px]">
<div
class="h-8 flex items-center justify-center gap-[20px] text-[#90004b] text-[13px] font-normal tracking-[-0.26px]">
{% for _menu_item in component.main_menu.product.all_category | limit: 9 %}
<a href="{{ _menu_item.url }}" class="hover:underline">{{ _menu_item.title }}</a>
{% endfor %}
@@ -118,7 +133,8 @@
</div>
</div>
<div id="mega-menu" class="hidden absolute top-full left-0 w-full z-50" onmouseenter="cancelMenuClose()" onmouseleave="scheduleMenuClose()">
<div id="mega-menu" class="hidden absolute top-full left-0 w-full z-50" onmouseenter="cancelMenuClose()"
onmouseleave="scheduleMenuClose()">
<div class="layout-container flex rounded-[4px] overflow-hidden">
<div class="w-[231px] shrink-0 bg-[#eaecf0] rounded-tl-[4px] rounded-bl-[4px] flex flex-col">
{% for _menu_item in component.main_menu.product.all_category %}
@@ -148,7 +164,8 @@
<div class="flex-1 bg-white rounded-tr-[4px] rounded-br-[4px] overflow-hidden relative">
{% for _menu_item in component.main_menu.product.all_category %}
<div id="rp-{{ forloop.index0 }}" data-menu-panel="{{ forloop.index0 }}" class="menu-rp-panel" style="{% if forloop.first %}display:flex{% else %}display:none{% endif %}">
<div id="rp-{{ forloop.index0 }}" data-menu-panel="{{ forloop.index0 }}" class="menu-rp-panel"
style="{% if forloop.first %}display:flex{% else %}display:none{% endif %}">
<p class="menu-rp-title">{{ _menu_item.title }}</p>
<div class="menu-subcat-grid">
{% if _menu_item.children and _menu_item.children.size > 0 %}
@@ -157,7 +174,8 @@
{% if _item.thumnail %}
<img src="{{ _item.thumnail }}" alt="{{ _item.title }}" class="w-12 h-12 object-contain" />
{% else %}
<img src="{{ 'icon_category_item.png' | asset_url }}" alt="{{ _item.title }}" class="w-12 h-12 object-contain" />
<img src="{{ 'icon_category_item.png' | asset_url }}" alt="{{ _item.title }}"
class="w-12 h-12 object-contain" />
{% endif %}
<span>{{ _item.title }}</span>
</a>
@@ -167,19 +185,32 @@
{% if _menu_item.thumnail %}
<img src="{{ _menu_item.thumnail }}" alt="{{ _menu_item.title }}" class="w-12 h-12 object-contain" />
{% else %}
<img src="{{ 'icon_category_item.png' | asset_url }}" alt="{{ _menu_item.title }}" class="w-12 h-12 object-contain" />
<img src="{{ 'icon_category_item.png' | asset_url }}" alt="{{ _menu_item.title }}"
class="w-12 h-12 object-contain" />
{% endif %}
<span>{{ _menu_item.title }}</span>
</a>
{% endif %}
</div>
<div class="menu-brand-row">
<div class="menu-brand-item"><span class="menu-brand-num">1</span><img src="{{ 'brand_samsung.png' | asset_url }}" alt="Samsung" class="h-5 object-contain" style="max-width:93px" /></div>
<div class="menu-brand-item"><span class="menu-brand-num">2</span><img src="{{ 'brand_lg.png' | asset_url }}" alt="LG" class="h-5 object-contain" style="max-width:44px" /></div>
<div class="menu-brand-item"><span class="menu-brand-num">3</span><img src="{{ 'brand_sony.png' | asset_url }}" alt="Sony" class="h-5 object-contain" style="max-width:81px" /></div>
<div class="menu-brand-item"><span class="menu-brand-num">4</span><img src="{{ 'brand_toshiba.png' | asset_url }}" alt="Toshiba" class="h-5 object-contain" style="max-width:105px" /></div>
<div class="menu-brand-item"><span class="menu-brand-num">5</span><img src="{{ 'brand_aqua.png' | asset_url }}" alt="Aqua" class="h-5 object-contain" style="max-width:57px" /></div>
<div class="menu-brand-item"><span class="menu-brand-num">6</span><img src="{{ 'brand_tcl.png' | asset_url }}" alt="TCL" class="h-5 object-contain" style="max-width:43px" /></div>
<div class="menu-brand-item"><span class="menu-brand-num">1</span><img
src="{{ 'brand_samsung.png' | asset_url }}" alt="Samsung" class="h-5 object-contain"
style="max-width:93px" /></div>
<div class="menu-brand-item"><span class="menu-brand-num">2</span><img
src="{{ 'brand_lg.png' | asset_url }}" alt="LG" class="h-5 object-contain" style="max-width:44px" />
</div>
<div class="menu-brand-item"><span class="menu-brand-num">3</span><img
src="{{ 'brand_sony.png' | asset_url }}" alt="Sony" class="h-5 object-contain" style="max-width:81px" />
</div>
<div class="menu-brand-item"><span class="menu-brand-num">4</span><img
src="{{ 'brand_toshiba.png' | asset_url }}" alt="Toshiba" class="h-5 object-contain"
style="max-width:105px" /></div>
<div class="menu-brand-item"><span class="menu-brand-num">5</span><img
src="{{ 'brand_aqua.png' | asset_url }}" alt="Aqua" class="h-5 object-contain" style="max-width:57px" />
</div>
<div class="menu-brand-item"><span class="menu-brand-num">6</span><img
src="{{ 'brand_tcl.png' | asset_url }}" alt="TCL" class="h-5 object-contain" style="max-width:43px" />
</div>
</div>
</div>
{% endfor %}
@@ -187,9 +218,11 @@
</div>
</div>
<div id="showroom-panel" class="hidden absolute top-full left-0 w-full z-50 bg-white shadow-[0px_10px_15px_0px_rgba(0,0,0,0.1)]">
<div id="showroom-panel"
class="hidden absolute top-full left-0 w-full z-50 bg-white shadow-[0px_10px_15px_0px_rgba(0,0,0,0.1)]">
<div class="layout-container py-[18px]">
<p class="text-center font-semibold text-[16px] text-black uppercase tracking-[-0.32px] mb-4">Địa điểm showroom của MIQ</p>
<p class="text-center font-semibold text-[16px] text-black uppercase tracking-[-0.32px] mb-4">Địa điểm showroom
của MIQ</p>
<div class="flex gap-3">
<div class="flex-1">
<div class="bg-[#db0000] rounded-[4px] h-11 flex items-center justify-between px-4">
@@ -197,9 +230,15 @@
<span class="text-[13px] text-white tracking-[-0.26px]">Thời gian mở cửa: 8h00 - 18h00 hằng ngày</span>
</div>
<div class="pt-3 flex flex-col gap-[18px]">
<div class="flex items-start gap-2"><img src="{{ 'icon_map_pin.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0 mt-[1px]" /><span class="text-[13px] text-black tracking-[-0.26px]">Địa chỉ: Số 2 Lương Ngọc Quyến, Phường Thanh Liệt, TP Hà Nội</span></div>
<div class="flex items-center gap-2"><img src="{{ 'icon_phone.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Tel: 082.418.4444</span></div>
<div class="flex items-center gap-2"><img src="{{ 'icon_support.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Bảo hành: 082.418.4444</span></div>
<div class="flex items-start gap-2"><img src="{{ 'icon_map_pin.svg' | asset_url }}" alt=""
class="w-4 h-4 shrink-0 mt-[1px]" /><span class="text-[13px] text-black tracking-[-0.26px]">Địa chỉ: Số
2 Lương Ngọc Quyến, Phường Thanh Liệt, TP Hà Nội</span></div>
<div class="flex items-center gap-2"><img src="{{ 'icon_phone.svg' | asset_url }}" alt=""
class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Tel:
082.418.4444</span></div>
<div class="flex items-center gap-2"><img src="{{ 'icon_support.svg' | asset_url }}" alt=""
class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Bảo hành:
082.418.4444</span></div>
</div>
</div>
<div class="flex-1">
@@ -208,9 +247,15 @@
<span class="text-[13px] text-white tracking-[-0.26px]">Thời gian mở cửa: 8h00 - 18h00 hằng ngày</span>
</div>
<div class="pt-3 flex flex-col gap-[18px]">
<div class="flex items-start gap-2"><img src="{{ 'icon_map_pin.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0 mt-[1px]" /><span class="text-[13px] text-black tracking-[-0.26px]">Địa chỉ: 74 Bàu Cát 1, Phường Tân Bình, TP Hồ Chí Minh</span></div>
<div class="flex items-center gap-2"><img src="{{ 'icon_phone.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Tel: 0971.49.0000</span></div>
<div class="flex items-center gap-2"><img src="{{ 'icon_support.svg' | asset_url }}" alt="" class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Bảo hành: 082.418.4444</span></div>
<div class="flex items-start gap-2"><img src="{{ 'icon_map_pin.svg' | asset_url }}" alt=""
class="w-4 h-4 shrink-0 mt-[1px]" /><span class="text-[13px] text-black tracking-[-0.26px]">Địa chỉ: 74
Bàu Cát 1, Phường Tân Bình, TP Hồ Chí Minh</span></div>
<div class="flex items-center gap-2"><img src="{{ 'icon_phone.svg' | asset_url }}" alt=""
class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Tel:
0971.49.0000</span></div>
<div class="flex items-center gap-2"><img src="{{ 'icon_support.svg' | asset_url }}" alt=""
class="w-4 h-4 shrink-0" /><span class="text-[13px] text-black tracking-[-0.26px]">Bảo hành:
082.418.4444</span></div>
</div>
</div>
</div>
@@ -218,4 +263,4 @@
</div>
</header>
<div id="overlay" class="hidden fixed inset-0 bg-black/30 z-40" onclick="closeAll()"></div>
<div id="overlay" class="hidden fixed inset-0 bg-black/30 z-40" onclick="closeAll()"></div>