Files

761 lines
50 KiB
HTML
Raw Permalink Normal View History

2025-10-04 11:46:59 +07:00
<div class="page-pricing">
<div class="background-pricing pb-[45px]">
<div class="container">
2025-10-08 01:01:48 +07:00
<h1 class="page-title text-[32px] text-center font-bold py-[70px] leading-[120%] ">Dùng thử xStore miễn phí
trong 15
2025-10-04 11:46:59 +07:00
ngày trước khi
<br> đăng ký
sử dụng
nền
tảng
</h1>
<div class="flex items-center justify-center space-x-3 font-medium">
<span id="labelMonthly" class="text-black text-[15px]">Trả hàng tháng</span>
<label class="relative inline-flex items-center cursor-pointer">
<input type="checkbox" id="billingToggle" class="sr-only">
<div id="toggleBox" class="w-12 h-6 bg-white border border-gray-300 rounded-full
after:content-[''] after:absolute after:top-1/2 after:left-1 after:-translate-y-1/2
after:w-4 after:h-4 after:bg-black after:rounded-full after:transition-all">
</div>
</label>
<span id="labelAnnually" class="text-[15px] text-gray-500">Trả hàng năm</span>
</div>
2025-10-08 01:01:48 +07:00
<div class="list-pricing grid grid-cols-4 gap-[12px] mt-[60px]" id="list-pricing">
2025-10-04 11:46:59 +07:00
<div class="item-pricing border-[#d1d1d1] border-[1px] rounded-[12px] p-[15px] bg-white ">
<b class="text-[20px] capitalize mb-[8px]">Tiêu chuẩn</b>
<p class="text-[13px] text-[#898989] mb-[7px] line-clamp-2 h-[38px] ">Dành cho cá nhân và thương
hiệu nhỏ</p>
<div class="main-price mb-[20px]">
<div class="flex items-center justify-between">
<div class="price text-[28px] font-bold " data-price="900000">900.000đ</div>
<div
class="saleoff inline-block p-[5px_7px] bg-[#E1F6E6] rounded-[50px] text-[10px] text-[#19A600] font-bold ">
Tiết kiệm 20%</div>
</div>
<b class="italic">1 chi nhánh/ tháng</b>
</div>
<ul class="list mb-[10px]">
<li class="flex items-start gap-[10px] mb-[20px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Doanh thu trực tuyến lên tới 100tr</p>
</li>
<li class="flex items-start gap-[10px] mb-[20px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Phí thanh toán thêm 0%
</p>
</li>
<li class="flex items-start gap-[10px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Hỗ trợ qua điện thoại và trò chuyện trực tiếp 24/7
</p>
</li>
</ul>
<a href=""
class="btn block w-full h-[45px] leading-[45px] text-center rounded-[4px] bg-black text-white text-[16px] font-bold hover:bg-[var(--color-blue)] ">Bắt
đầu dùng
thử miễn phí</a>
<div class="compare mt-[20px]">
<a href="javascript:void(0)" onclick="showCompare()"
class="item-compare flex items-center justify-between ">
<span class="text-[15px] font-bold ">So sánh các kế hoạch</span>
<i class="fa fa-plus text-[10px] text-black"></i>
</a>
<ul class="content-compare hidden border-dotted border-t-[1px] border-[#000]">
<li>Sản phẩm và người dùng không giới hạn</li>
<li>Lãi suất thẻ giảm giá với các đối tác bắt đầu từ 2,89% + 29 xu
</li>
<li>Sản phẩm và người dùng không giới hạn</li>
</ul>
</div>
</div>
<div class="item-pricing border-[#d1d1d1] border-[1px] rounded-[12px] p-[15px] bg-white ">
<b class="text-[20px] capitalize mb-[8px]">Nâng cao</b>
<p class="text-[13px] text-[#898989] mb-[7px] line-clamp-2 h-[38px] ">Dành cho cá nhân và thương
hiệu nhỏ có triển vọng phát triển</p>
<div class="main-price mb-[20px]">
<div class="flex items-center justify-between">
<div class="price text-[28px] font-bold " data-price="1200000">1.200.000đ</div>
<div
class="saleoff inline-block p-[5px_7px] bg-[#E1F6E6] rounded-[50px] text-[10px] text-[#19A600] font-bold ">
Tiết kiệm 20%</div>
</div>
<b class="italic">1 chi nhánh/ tháng</b>
</div>
<ul class="list mb-[10px]">
<li class="flex items-start gap-[10px] mb-[20px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Doanh thu trực tuyến lên tới 100tr</p>
</li>
<li class="flex items-start gap-[10px] mb-[20px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Phí thanh toán thêm 0%
</p>
</li>
<li class="flex items-start gap-[10px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Hỗ trợ qua điện thoại và trò chuyện trực tiếp 24/7
</p>
</li>
</ul>
<a href=""
class="btn block w-full h-[45px] leading-[45px] text-center rounded-[4px] bg-black text-white text-[16px] font-bold hover:bg-[var(--color-blue)] ">Bắt
đầu dùng
thử miễn phí</a>
<div class="compare mt-[20px]">
<a href="javascript:void(0)" onclick="showCompare()"
class="item-compare flex items-center justify-between ">
<span class="text-[15px] font-bold ">So sánh các kế hoạch</span>
<i class="fa fa-plus text-[10px] text-black"></i>
</a>
<ul class="content-compare hidden border-dotted border-t-[1px] border-[#000]">
<li>Sản phẩm và người dùng không giới hạn</li>
<li>Lãi suất thẻ giảm giá với các đối tác bắt đầu từ 2,89% + 29 xu
</li>
<li>Sản phẩm và người dùng không giới hạn</li>
</ul>
</div>
</div>
<div class="item-pricing border-[#d1d1d1] border-[1px] rounded-[12px] p-[15px] bg-white ">
<div class="flex items-center justify-between">
<b class="text-[20px] capitalize">Cao cấp</b>
<div
class="text-[12px] inline-block font-bold py-[2px] px-[10px] rounded-[20px] bg-[#DBE9FF] text-[var(--color-blue)] ">
Phổ biến
</div>
</div>
<p class="text-[13px] text-[#898989] mb-[7px] line-clamp-2 h-[38px] ">Dành cho cá nhân và thương
hiệu nhỏ có triển vọng phát triển</p>
<div class="main-price mb-[20px]">
<div class="flex items-center justify-between">
<div class="price text-[28px] font-bold " data-price="3000000">3.000.000đ</div>
<div
class="saleoff inline-block p-[5px_7px] bg-[#E1F6E6] rounded-[50px] text-[10px] text-[#19A600] font-bold ">
Tiết kiệm 20%</div>
</div>
<b class="italic">1 chi nhánh/ tháng</b>
</div>
<ul class="list mb-[10px]">
<li class="flex items-start gap-[10px] mb-[20px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Doanh thu trực tuyến lên tới 100tr</p>
</li>
<li class="flex items-start gap-[10px] mb-[20px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Phí thanh toán thêm 0%
</p>
</li>
<li class="flex items-start gap-[10px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Hỗ trợ qua điện thoại và trò chuyện trực tiếp 24/7
</p>
</li>
</ul>
<a href=""
class="btn block w-full h-[45px] leading-[45px] text-center rounded-[4px] bg-[var(--color-blue)] text-white text-[16px] font-bold hover:bg-[#3d75cf] ">Bắt
đầu dùng
thử miễn phí</a>
<div class="compare mt-[20px]">
<a href="javascript:void(0)" onclick="showCompare()"
class="item-compare flex items-center justify-between ">
<span class="text-[15px] font-bold ">So sánh các kế hoạch</span>
<i class="fa fa-plus text-[10px] text-black"></i>
</a>
<ul class="content-compare hidden border-dotted border-t-[1px] border-[#000]">
<li>Sản phẩm và người dùng không giới hạn</li>
<li>Lãi suất thẻ giảm giá với các đối tác bắt đầu từ 2,89% + 29 xu
</li>
<li>Sản phẩm và người dùng không giới hạn</li>
</ul>
</div>
</div>
<div class="item-pricing border-[#d1d1d1] border-[1px] rounded-[12px] p-[15px] bg-white ">
<b class="text-[20px] capitalize mb-[8px]">Doanh nghiệp lớn</b>
<p class="text-[13px] text-[#898989] mb-[7px] line-clamp-2 h-[38px] ">Dành cho các doanh nghiệp đã
thành lập đang trên đà phát triển lớn mạnh
</p>
<div class="main-price mb-[20px]">
<div class="flex items-center justify-between">
<div class="price text-[28px] font-bold " data-price="0">Liên hệ</div>
</div>
<b class="italic text-[13px]">Liên hệ để được tư vấn phù hợp với doanh nghiệp</b>
</div>
<ul class="list mb-[10px]">
<li class="flex items-start gap-[10px] mb-[20px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Tối ưu nhất cho các doanh nghiệp</p>
</li>
<li class="flex items-start gap-[10px] mb-[20px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Phí thanh toán thêm 0%
</p>
</li>
<li class="flex items-start gap-[10px]">
<i class="fa-solid fa-circle-check text-[var(--color-blue)] mt-[5px] "></i>
<p class="text-[15px] text-[#474747] ">Hỗ trợ qua điện thoại và trò chuyện trực tiếp 24/7
</p>
</li>
</ul>
<a href=""
class="btn block w-full h-[45px] leading-[45px] text-center rounded-[4px] bg-black text-white text-[16px] font-bold hover:bg-[var(--color-blue)] ">Bắt
đầu với Hura8</a>
<div class="compare mt-[20px]">
<a href="javascript:void(0)" onclick="showCompare()"
class="item-compare flex items-center justify-between ">
<span class="text-[15px] font-bold ">So sánh các kế hoạch</span>
<i class="fa fa-plus text-[10px] text-black"></i>
</a>
<ul class="content-compare hidden border-dotted border-t-[1px] border-[#000]">
<li>Sản phẩm và người dùng không giới hạn</li>
<li>Lãi suất thẻ giảm giá với các đối tác bắt đầu từ 2,89% + 29 xu
</li>
<li>Sản phẩm và người dùng không giới hạn</li>
</ul>
</div>
</div>
</div>
2025-10-08 01:01:48 +07:00
<p class="page-note mt-[50px] text-center">Ưu đãi áp dụng cho các gói Standard, Plus và Pro.</p>
2025-10-04 11:46:59 +07:00
</div>
</div>
2025-10-08 01:01:48 +07:00
<div class="mt-[80px] box-tinhnang">
2025-10-04 11:46:59 +07:00
<h2 class="text-[32px] text-center font-bold capitalize mb-[40px] ">Xem tất cả kế hoạch tính năng</h2>
2025-10-08 01:01:48 +07:00
<div class="w-[1000px] container-tinhnang mx-auto">
2025-10-04 11:46:59 +07:00
<div class="list">
<div class="item-faq pb-[10px] border-b-[1px] border-[#DADADA] mb-[15px]">
<div class="title flex items-center pb-[10px] justify-between cursor-pointer "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Bao gồm trong tất cả các kế hoạch</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div class="content-faq max-h-0 overflow-hidden transition-all duration-500 ease-in-out">
2025-10-08 01:01:48 +07:00
<table class="table w-full border-[1px] border-[#D1d7e0] mt-[15px]">
2025-10-04 11:46:59 +07:00
<thead
class="bg-[#f6f7f9] text-left border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<tr>
<th class="px-[15px]">Bao gồm trong tất cả các kế hoạch</th>
<th class="px-[15px]">Tiêu chuẩn</th>
<th class="px-[15px]">Nâng cao</th>
<th class="px-[15px]">Cao cấp</th>
<th class="px-[15px]">Doanh nghiệp lớn</th>
</tr>
</thead>
<tbody>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Không có phí giao dịch bổ sung </td>
<td class="px-[15px]">0%</td>
<td class="px-[15px]">0%</td>
<td class="px-[15px]">0%</td>
<td class="px-[15px]">0%</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Sản phẩm, lưu trữ tệp và băng thông</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Tài khoản nhân viên</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="item-faq pb-[10px] border-b-[1px] border-[#DADADA] mb-[15px]">
<div class="title flex items-center pb-[10px] justify-between cursor-pointer "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Kênh bán hàng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div class="content-faq max-h-0 overflow-hidden transition-all duration-500 ease-in-out">
2025-10-08 01:01:48 +07:00
<table class="table w-full border-[1px] border-[#D1d7e0] mt-[15px]">
2025-10-04 11:46:59 +07:00
<thead
class="bg-[#f6f7f9] text-left border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<tr>
<th class="px-[15px]">Bao gồm trong tất cả các kế hoạch</th>
<th class="px-[15px] text-center">Tiêu chuẩn</th>
<th class="px-[15px] text-center">Nâng cao</th>
<th class="px-[15px] text-center">Cao cấp</th>
<th class="px-[15px] text-center">Doanh nghiệp lớn</th>
</tr>
</thead>
<tbody>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Cửa hàng trực tuyến</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Nhiều cửa hàng</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px]">
<p class="text-center font-bold text-[var(--color-blue)]">Liên hệ</p>
</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Điểm bán hàng </td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Shopee/Lazada/Tiki</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Facebook/Instagram</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="item-faq pb-[10px] border-b-[1px] border-[#DADADA] mb-[15px]">
<div class="title flex items-center pb-[10px] justify-between cursor-pointer "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Đặc trưng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div class="content-faq max-h-0 overflow-hidden transition-all duration-500 ease-in-out">
2025-10-08 01:01:48 +07:00
<table class="table w-full border-[1px] border-[#D1d7e0] mt-[15px]">
2025-10-04 11:46:59 +07:00
<thead
class="bg-[#f6f7f9] text-left border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<tr>
<th class="px-[15px]">Bao gồm trong tất cả các kế hoạch</th>
<th class="px-[15px] text-center">Tiêu chuẩn</th>
<th class="px-[15px] text-center">Nâng cao</th>
<th class="px-[15px] text-center">Cao cấp</th>
<th class="px-[15px] text-center">Doanh nghiệp lớn</th>
</tr>
</thead>
<tbody>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Cửa hàng trực tuyến</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Nhiều cửa hàng</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px]">
<p class="text-center font-bold text-[var(--color-blue)]">Liên hệ</p>
</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Điểm bán hàng </td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Shopee/Lazada/Tiki</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Facebook/Instagram</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="item-faq pb-[10px] border-b-[1px] border-[#DADADA] mb-[15px]">
<div class="title flex items-center pb-[10px] justify-between cursor-pointer "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Dịch vụ và Hỗ trợ</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div class="content-faq max-h-0 overflow-hidden transition-all duration-500 ease-in-out">
2025-10-08 01:01:48 +07:00
<table class="table w-full border-[1px] border-[#D1d7e0] mt-[15px]">
2025-10-04 11:46:59 +07:00
<thead
class="bg-[#f6f7f9] text-left border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<tr>
<th class="px-[15px]">Bao gồm trong tất cả các kế hoạch</th>
<th class="px-[15px] text-center">Tiêu chuẩn</th>
<th class="px-[15px] text-center">Nâng cao</th>
<th class="px-[15px] text-center">Cao cấp</th>
<th class="px-[15px] text-center">Doanh nghiệp lớn</th>
</tr>
</thead>
<tbody>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Cửa hàng trực tuyến</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Nhiều cửa hàng</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px]">
<p class="text-center font-bold text-[var(--color-blue)]">Liên hệ</p>
</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Điểm bán hàng </td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Shopee/Lazada/Tiki</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Facebook/Instagram</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="item-faq pb-[10px] border-b-[1px] border-[#DADADA] mb-[15px]">
<div class="title flex items-center pb-[10px] justify-between cursor-pointer "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Xử lý thanh toán</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div class="content-faq max-h-0 overflow-hidden transition-all duration-500 ease-in-out">
2025-10-08 01:01:48 +07:00
<table class="table w-full border-[1px] border-[#D1d7e0] mt-[15px]">
2025-10-04 11:46:59 +07:00
<thead
class="bg-[#f6f7f9] text-left border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<tr>
<th class="px-[15px]">Bao gồm trong tất cả các kế hoạch</th>
<th class="px-[15px] text-center">Tiêu chuẩn</th>
<th class="px-[15px] text-center">Nâng cao</th>
<th class="px-[15px] text-center">Cao cấp</th>
<th class="px-[15px] text-center">Doanh nghiệp lớn</th>
</tr>
</thead>
<tbody>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Cửa hàng trực tuyến</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Nhiều cửa hàng</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px] leading-[22px]">
<p class="w-[120px] py-[10px] text-center">Bổ sung 550k/1 cửa hàng
(Tối đa 3)</p>
</td>
<td class="px-[15px]">
<p class="text-center font-bold text-[var(--color-blue)]">Liên hệ</p>
</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Điểm bán hàng </td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
<td class="px-[15px]">Không giới hạn</td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Shopee/Lazada/Tiki</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
<tr class="border-[1px] border-[D1d7e0] h-[60px] leading-[60px] text-[16px]">
<td class="px-[15px]">Facebook/Instagram</td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
<td class="px-[15px] text-center"><i
class="fa fa-check text-[var(--color-blue)]"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
2025-10-08 01:01:48 +07:00
<div class="mt-[70px] box-xstore">
2025-10-04 11:46:59 +07:00
<div class="container">
<div class="bg-gradient-to-r from-[#d7d9ee] via-[#ede7ed] to-[#f3eaed] py-[50px]">
2025-10-08 01:01:48 +07:00
<h2 class="title mb-[20px] text-[32px] font-bold capitalize text-center ">Hãy chuyển sang sử dụng xStore
ngay
2025-10-04 11:46:59 +07:00
hôm nay</h2>
<a href=""
class="btn mx-auto block w-[245px] h-[45px] leading-[45px] text-center rounded-[8px] bg-[var(--color-blue)] text-white text-[16px] font-bold hover:bg-white hover:border-[1px] hover:border-[var(--color-blue)] hover:text-[var(--color-blue)] ">Bắt
đầu dùng
thử miễn phí</a>
</div>
</div>
</div>
2025-10-08 01:01:48 +07:00
<div class="mt-[80px] box-faq">
2025-10-04 11:46:59 +07:00
<h2 class="title text-[32px] text-center font-bold capitalize mb-[35px] ">Câu hỏi thường gặp</h2>
2025-10-08 01:01:48 +07:00
<div class="w-[795px] mx-auto container-faq">
2025-10-04 11:46:59 +07:00
<div class="list">
<div class="item-faq">
<div class="title flex items-center justify-between pb-[20px] border-b-[1px] border-[#DADADA] cursor-pointer "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Cho tôi xin bảng giá dịch vụ của sXtore?</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div class="content-faq max-h-0 overflow-hidden transition-all duration-500 ease-in-out my-[10px]">
Bảng giá phụ thuộc gói tính năng, lưu trữ và số lượng sản phẩm. Liên hệ để được
báo giá chi tiết và ưu đãi theo nhu cầu
của bạn.
</div>
</div>
<div class="item-faq">
<div class="title flex items-center justify-between pb-[20px] border-b-[1px] border-[#DADADA] cursor-pointer "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Nền tảng xStore phù hợp với các doanh nghiệp
nào?</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div class="content-faq max-h-0 overflow-hidden transition-all duration-500 ease-in-out my-[10px]">
Phù hợp từ cửa hàng nhỏ đến doanh nghiệp vừa và lớn, đặc biệt là ngành bán lẻ,
thời trang, mỹ phẩm và điện tử.
</div>
</div>
<div class="item-faq">
<div class="title flex items-center justify-between pb-[20px] border-b-[1px] border-[#DADADA] cursor-pointer "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Tại sao tôi nên chọn xStore thay vì các nền
tảng thương mại điện tử khác?</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div class="content-faq max-h-0 overflow-hidden transition-all duration-500 ease-in-out my-[10px]">
<ul class="list-disc pl-5 space-y-1">
<li>Hiệu năng tốt, tối ưu SEO.</li>
<li>Nhiều tích hợp thanh toán/vận chuyển.</li>
<li>Dễ mở rộng giao diện với Tailwind.</li>
</ul>
</div>
</div>
<div class="item-faq">
<div class="title flex items-center justify-between pb-[20px] border-b-[1px] border-[#DADADA] cursor-pointer "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Cách sử dụng nền tảng này như thế nào
vậy?</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div class="content-faq max-h-0 overflow-hidden transition-all duration-500 ease-in-out my-[10px]">
Đăng ký tài khoản, chọn gói, thêm sản phẩm và bật cổng thanh toán. Có tài liệu
hướng dẫn chi tiết từng bước.
</div>
</div>
</div>
<a href=""
class="flex items-center gap-[5px] w-[175px] h-[40px] leading-[40px] mx-auto bg-black rounded-[4px] justify-center group hover:border-[1px] hover:border-[#000] hover:bg-white ">
<p class="text-white text-[20px] group-hover:text-black">Xem tất cả</p>
<i class="fa-solid fa-caret-right text-white text-[20px] mt-[4px] group-hover:text-black"></i>
</a>
</div>
</div>
<div class="dieukhoan mt-[70px]">
<div class="container">
<div class="bg-gradient-to-r from-[#fff] to-[#ecfefe] ">
2025-10-08 01:01:48 +07:00
<div class="w-[795px] container-dieukhoan mx-auto py-[45px] text-[16px]">
2025-10-04 11:46:59 +07:00
<b class="mb-[25px] block">Điều khoản & điều kiện</b>
<p class="mb-[35px]"> What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
the
industry's standard
dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it
to
make a type specimen
book. It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem
Ipsum passages, and more
recently with desktop publishing software like Aldus PageMaker including versions of Lorem
Ipsum.
</p>
<p class="mb-[35px]">
Why do we use it?
It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its
layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of
letters,
as opposed to using
'Content here, content here', making it look like readable English. Many desktop publishing
packages
and web page
editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will
uncover
many web sites
still in their infancy. Various versions have evolved over the years, sometimes by accident,
sometimes on purpose
(injected humour and the like).v</p>
<p class="mb-[35px]">
What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
the
industry's standard
dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it
to
make a type specimen
book. It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem
Ipsum passages, and more
recently with desktop publishing software like Aldus PageMaker including versions of Lorem
Ipsum.
</p>
</div>
</div>
</div>
</div>
</div>