tieptk/xstore
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Tieptk
2025-10-04 11:46:59 +07:00
commit 97427d7cff
498 changed files with 47596 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

285
template/features/conversion.html Normal file
View File

@@ -0,0 +1,285 @@
<div class="page-chuyendoi mb-[80px]">
<div class="content bg-gradient-to-b from-[#EAF4FB] via-[#F5F6FB] to-[#F6F3FA] pb-[45px]">
<div class="container">
<div class="breadcrumb py-[40px]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center items-center gap-[10px] pr-[12px]">
<a href="/" itemprop="item" class="nopad-l text-[#000]">
<b itemprop="name" class="text-[var(--color-blue)]">Tính Năng</b>
</a> <i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center gap-[10px] pr-[12px]">
<a href="/loa-bluetooth.html" itemprop="item"
class="text-[#000] hover:text-[var(--color-global)]">
<span itemprop="name" class="text-[#4A4A4A]">
Chuyển Đổi
</span>
</a><i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<p class="page-title text-center text-[16px] uppercase font-[400] pb-[60px]">Chuyển đổi</p>
<h1 class="text-[36px] font-[600] text-center capitalize pb-[40px] ">Tạo thanh toán nhanh chóng và đơn
giản</h1>
<p class="note text-[20px] text-center capitalize pb-[40px] ">Thu hút thêm nhiều khách hàng hơn trong
khi tiết
kiệm tiền phí
cho nhà cung <br>
cấp dịch vụ
thanh toán</p>
<a href=""
class="btn mb-[45px] 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 class="w-[990px] mx-auto">
<div class="grid grid-cols-3 items-center rounded-[12px] overflow-hidden bg-white">
<div class="image rounded-[12px] overflow-hidden h-[190px]">
<img src="../../assets/images/img-chuyendoi.jpg" class="block w-full h-[190px] object-cover"
alt="chuyendoi">
</div>
<div class="info col-span-2 p-[12px]">
<b class="text-[16px] block mb-[20px]">Tỷ lệ chuyển đổi thanh toán 61,9%</b>
<p class="text-[16px]">Khách hàng thấy tỷ lệ chuyển đổi thanh toán là 61,9% (cao hơn 20% so
với mức trung bình
của ngành) trên xStore khi sử
dụng cấu hình thanh toán hàng đầu</p>
</div>
</div>
</div>
</div>
</div>
<div class="pt-[100px]">
<h2 class="text-center text-[32px] capitalize font-bold mb-[25px] ">Tìm hiểu nền tảng của chúng tôi cho phép
bạn</h2>
<div class="container">
<div class="list grid grid-cols-4 gap-[12px] mb-[100px]" id="tab">
<a href="#tyle"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] ">
<span class="text-[16px] font-bold">Tỷ lệ chuyển đổi cao hơn</span>
<i class="fa-solid fa-angle-right text-[12px]"></i>
</a>
<a href="#thanhtoan"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] ">
<span class="text-[16px] font-bold">Thanh toán nhanh chóng, đơn giản</span>
<i class="fa-solid fa-angle-right text-[12px]"></i>
</a>
<a href="#mucgia"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] ">
<span class="text-[16px] font-bold">Mức giá cạnh tranh nhất</span>
<i class="fa-solid fa-angle-right text-[12px]"></i>
</a>
<a href="#khongtinh"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] ">
<span class="text-[16px] font-bold">Không tính thêm phí giao dịch</span>
<i class="fa-solid fa-angle-right text-[12px]"></i>
</a>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="tyle">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Tỷ lệ chuyển đổi
cao hơn giúp
doanh nghiệp của bạn <br> phát triển
nhanh hơn</h2>
<p class="text-[16px] text-center ">Thanh toán một trang có thể tùy chỉnh hoàn toàn mang lại khả
năng chuyển đổi
thanh toán <br> tốt nhất
có thể để đảm bảo doanh
số không bị mất do trục trặc khi thanh toán</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/fontend-hacom.jpg" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="thanhtoan">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Thanh toán nhanh
chóng, đơn giản mà khách hàng <br>
của bạn sẽ thích</h2>
<p class="text-[16px] text-center ">Trải nghiệm thanh toán hiện đại và dễ dàng mà khách hàng hiện
mong đợi khi sử dụng các công cụ như <br> ví điện tử (Google,
PayPal, Apple, v.v.) và tính năng tự động hoàn thành tích hợp của Google</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/fontend-thanhtoan.jpg" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="mucgia">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Giá cả cạnh tranh
nhất để tiết kiệm chi phí</h2>
<p class="text-[16px] text-center ">Các đối tác thanh toán hàng đầu của chúng tôi cung cấp mức giá
cạnh tranh ngay từ đầu và chúng tôi có thể <br> giúp bạn kiếm
được mức giá tốt hơn khi bạn mở rộng quy mô</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-bigsale.jpg" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="khongtinh">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Không có phí giao
dịch bổ sung cho thanh toán hoặc các <br> tính năng cốt lõi</h2>
<p class="text-[16px] text-center ">Chọn nhà cung cấp dịch vụ thanh toán mà không phải trả thêm phí
giao dịch/hình phạt so với mức phí lên tới 2% <br> trên các
nền tảng khác — hãy đưa ra quyết định dựa trên nhu cầu kinh doanh của bạn, không phải của chúng
tôi.</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-credit.jpg" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="rounded-[12px] overflow-hidden bg-black ">
<div class="bg-black rounded-[12px_12px_0_0] overflow-hidden">
<h2
class="pt-[95px] pb-[50px] text-[32px] font-bold text-center text-white leading-[120%] capitalize ">
Hãy
chuyển sang
nền tảng
xStore <br>
ngay hôm nay</h2>
<a href=""
class="btn mb-[70px] 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 class="bg-[#1B1922] rounded-[12px] pt-[30px] pb-[25px] px-[100px]">
<p class="text-white text-center text-[16px] mb-[25px] ">Tìm hiểu thêm về cách xStore trao quyền cho
khách hàng
của chúng tôi để</p>
<div class="list grid grid-cols-4 gap-[12px]">
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)] ">Chuyển đổi</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)] "></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Thị trường</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Phát triển</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Vận hành </span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

279
template/features/create.html Normal file
View File

@@ -0,0 +1,279 @@
<div class="page-taomoi mb-[80px]">
<div class="content bg-gradient-to-b from-[#EAF4FB] via-[#F5F6FB] to-[#F6F3FA] pb-[45px]">
<div class="container">
<div class="breadcrumb py-[40px]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center items-center gap-[10px] pr-[12px]">
<a href="/" itemprop="item" class="nopad-l text-[#000]">
<b itemprop="name" class="text-[var(--color-blue)]">Tính Năng</b>
</a> <i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center gap-[10px] pr-[12px]">
<a href="/" itemprop="item" class="text-[#000] hover:text-[var(--color-global)]">
<span itemprop="name" class="text-[#4A4A4A]">
Tạo Mới
</span>
</a><i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<p class="page-title text-center text-[16px] uppercase font-[400] pb-[45px]">Tạo mới</p>
<h1 class="text-[36px] font-[600] text-center capitalize pb-[40px] ">Thiết kế trang web thân thiện với <br>
người dùng để thúc đẩy chuyển đổi</h1>
<p class="note text-[20px] text-center capitalize pb-[40px] ">Có thể tự do tạo gian hàng đẹp nhất thể hiện
câu chuyện thương hiệu của bạn</p>
<a href=""
class="btn mb-[45px] 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 class="w-[990px] mx-auto">
<div class="grid grid-cols-3 items-center rounded-[12px] overflow-hidden bg-white">
<div class="image rounded-[12px] overflow-hidden h-[190px]">
<img src="../../assets/images/image-create.png" class="block w-full h-[190px] object-cover"
alt="chuyendoi">
</div>
<div class="info col-span-2 p-[12px]">
<b class="text-[16px] block mb-[20px]">+42% chuyển đổi từ lượt truy cập thành đơn hàng</b>
<p class="text-[16px]">Các trang web doanh nghiệp nhỏ trên xStore chỉ sử dụng trải nghiệm thanh
toán
cốt lõi của chúng tôi có tỷ lệ chuyển đổi
từ lượt truy cập thành đơn hàng cao hơn 42% so với nền tảng khác</p>
</div>
</div>
</div>
</div>
</div>
<div class="pt-[100px]">
<h2 class="text-center text-[32px] capitalize font-bold mb-[25px] ">Tìm hiểu nền tảng của chúng tôi cho phép
bạn</h2>
<div class="container">
<div class="list grid grid-cols-4 gap-[12px] mb-[100px]" id="tab">
<a href="#khoitao"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)] ">Khởi tạo nhanh
chóng</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#xaydung"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Xây dựng thương hiệu của
bạn</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#phattrien"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Phát triển linh hoạt</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#giunguyen"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Giữ nguyên trang web của
bạn</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="tyle">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Khởi chạy nhanh chóng
bằng Page Builder để tạo trang web của bạn</h2>
<p class="text-[16px] text-center ">Trình chỉnh sửa trực quan Page Builder cho phép xây dựng và ra mắt
trang nhanh chóng, <br> không cần mã với những lợi ích của
một nền tảng mạnh mẽ</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/frontend-traphaco.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="tyle">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Xây dựng thương hiệu
của bạn bằng cách sử dụng các <br> mẫu chuyên nghiệp</h2>
<p class="text-[16px] text-center ">Các chủ đề được tối ưu hóa và tùy chỉnh hoàn toàn với khả năng phản
hồi trên thiết bị <br> di động ngay khi xuất xưởng</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/xaydungthuonghieu.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="tyle">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Phát triển linh hoạt
trên nền tảng có khả năng mở rộng <br>
theo cửa hàng của bạn</h2>
<p class="text-[16px] text-center ">Xây dựng doanh nghiệp trực tuyến của bạn một cách nhanh chóng, với
sự tự do phát triển thành các giải pháp <br> trang web tùy
chỉnh hoặc không có giao diện bằng các công cụ như Next.js và React</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/fontend-mialala.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="tyle">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Giữ nguyên trang web
hiện tại của bạn <br>
bằng cách kết nối WordPress trực tiếp với xStore</h2>
<p class="text-[16px] text-center ">Kết nối trang web WordPress của bạn với công cụ mạnh mẽ của chúng
tôi để truy cập vào <br> các chức năng thương mại điện tử
mà không phải bỏ nội dung của bạn</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/keotha.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="rounded-[12px] overflow-hidden bg-black ">
<div class="bg-black rounded-[12px_12px_0_0] overflow-hidden">
<h2
class="pt-[95px] pb-[50px] text-[32px] font-bold text-center text-white leading-[120%] capitalize ">
Hãy
chuyển sang
nền tảng
xStore <br>
ngay hôm nay</h2>
<a href=""
class="btn mb-[70px] 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 class="bg-[#1B1922] rounded-[12px] pt-[30px] pb-[25px] px-[100px]">
<p class="text-white text-center text-[16px] mb-[25px] ">Tìm hiểu thêm về cách xStore trao quyền cho
khách hàng
của chúng tôi để</p>
<div class="list grid grid-cols-4 gap-[12px]">
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)] ">Chuyển đổi</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)] "></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Thị trường</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Phát triển</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Vận hành </span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

268
template/features/grow.html Normal file
View File

@@ -0,0 +1,268 @@
<div class="page-grow mb-[80px]">
<div class="content bg-gradient-to-b from-[#EAF4FB] via-[#F5F6FB] to-[#F6F3FA] pb-[45px]">
<div class="container">
<div class="breadcrumb py-[40px]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center items-center gap-[10px] pr-[12px]">
<a href="/" itemprop="item" class="nopad-l text-[#000]">
<b itemprop="name" class="text-[var(--color-blue)]">Tính Năng</b>
</a> <i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center gap-[10px] pr-[12px]">
<a href="/" itemprop="item" class="text-[#000] hover:text-[var(--color-global)]">
<span itemprop="name" class="text-[#4A4A4A]">
Vận hành
</span>
</a><i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<p class="page-title text-center text-[16px] uppercase font-[400] pb-[45px]">Vận hành</p>
<h1 class="text-[36px] font-[600] text-center capitalize pb-[40px] ">Mở rộng thương hiệu của bạn để thúc
đẩy doanh số tốt hơn</h1>
<p class="note text-[20px] text-center capitalize pb-[40px] ">Phát triển không giới hạn bằng cách nhanh
chóng tiếp cận các tính năng, khả <br> năng mới và tăng nguồn doanh thu</p>
<a href=""
class="btn mb-[45px] 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 class="w-[990px] mx-auto">
<div class="grid grid-cols-3 items-center rounded-[12px] overflow-hidden bg-white">
<div class="image rounded-[12px] overflow-hidden h-[190px]">
<img src="../../assets/images/image-chuyendoi.png" class="block w-full h-[190px] object-cover"
alt="chuyendoi">
</div>
<div class="info col-span-2 p-[12px]">
<b class="text-[16px] block mb-[20px]">+26% Doanh thu</b>
<p class="text-[16px]">Khách hàng doanh nghiệp nhỏ sẽ có doanh thu tăng thêm 26% khi thêm nguồn
doanh thu mới thông qua nhiều cửa hàng.*</p>
</div>
</div>
</div>
</div>
</div>
<div class="pt-[100px]">
<h2 class="text-center text-[32px] capitalize font-bold mb-[25px] ">Chọn một nền tảng cung cấp cho bạn</h2>
<div class="container">
<div class="list flex items-center justify-center gap-[12px] mb-[100px]" id="tab">
<a href="#kethop"
class=" w-[calc(100%/4)] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)] ">Kết hợp trực tuyến và
ngoại tuyến</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#nguondoanhthu"
class=" w-[calc(100%/4)] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Thêm nguồn doanh thu
mới</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#khoinghiep"
class=" w-[calc(100%/4)] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Khởi nghiệp kinh doanh
nhanh chóng</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="kethop">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Kết hợp trực tuyến và
ngoại tuyến để thu hút khách hàng <br> theo cách họ muốn</h2>
<p class="text-[16px] text-center ">Kết nối liền mạch điểm bán hàng truyền thống với cửa hàng trực tuyến
của bạn để khách <br> hàng có thể Mua hàng trực tuyến,
Nhận hàng tại cửa hàng</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-kethop.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="nguondoanhthu">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Thêm nguồn doanh thu
mới để mở rộng <br> doanh nghiệp của bạn.</h2>
<p class="text-[16px] text-center ">Mở rộng để phục vụ cả khách hàng bán lẻ và bán buôn hoặc thêm các
thương hiệu mới <br> mà không tốn kém và rắc rối khi quản
lý nhiều nền tảng</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/themdoanhthu.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Phát triển linh hoạt
trên nền tảng có khả năng mở rộng <br>
theo cửa hàng của bạn</h2>
<p class="text-[16px] text-center ">Xây dựng doanh nghiệp trực tuyến của bạn một cách nhanh chóng, với
sự tự do phát triển thành các giải pháp <br> trang web tùy
chỉnh hoặc không có giao diện bằng các công cụ như Next.js và React</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/phattienlinhhoat.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="khoinghiep">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Khởi nghiệp kinh
doanh mới nhanh chóng mà
<br> không cần phải học nền tảng mới
</h2>
<p class="text-[16px] text-center ">Ra mắt thêm các doanh nghiệp với trang web và trải nghiệm thương mại
điện tử riêng biệt <br> mà không cần phải bắt đầu từ đầu
hoặc chia nhỏ phân tích trên nhiều nền tảng</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-khoinghiep.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="rounded-[12px] overflow-hidden bg-black ">
<div class="bg-black rounded-[12px_12px_0_0] overflow-hidden">
<h2
class="pt-[95px] pb-[50px] text-[32px] font-bold text-center text-white leading-[120%] capitalize ">
Hãy
chuyển sang
nền tảng
xStore <br>
ngay hôm nay</h2>
<a href=""
class="btn mb-[70px] 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 class="bg-[#1B1922] rounded-[12px] pt-[30px] pb-[25px] px-[100px]">
<p class="text-white text-center text-[16px] mb-[25px] ">Tìm hiểu thêm về cách xStore trao quyền cho
khách hàng
của chúng tôi để</p>
<div class="list grid grid-cols-4 gap-[12px]">
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)] ">Chuyển đổi</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)] "></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Thị trường</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Phát triển</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Vận hành </span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

234
template/features/market.html Normal file
View File

@@ -0,0 +1,234 @@
<div class="page-market mb-[80px]">
<div class="content bg-gradient-to-b from-[#EAF4FB] via-[#F5F6FB] to-[#F6F3FA] pb-[45px]">
<div class="container">
<div class="breadcrumb py-[40px]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center items-center gap-[10px] pr-[12px]">
<a href="/" itemprop="item" class="nopad-l text-[#000]">
<b itemprop="name" class="text-[var(--color-blue)]">Tính Năng</b>
</a> <i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center gap-[10px] pr-[12px]">
<a href="/" itemprop="item" class="text-[#000] hover:text-[var(--color-global)]">
<span itemprop="name" class="text-[#4A4A4A]">
Thị trường
</span>
</a><i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<p class="page-title text-center text-[16px] uppercase font-[400] pb-[45px]">Thị trường</p>
<h1 class="text-[36px] font-[600] text-center capitalize pb-[40px] ">Tiếp thị tới bất kỳ ai, ở bất kỳ đâu
</h1>
<p class="note text-[20px] text-center capitalize pb-[40px] ">Tiếp cận nhiều người mua sắm hơn trên các kênh
thị trường, mạng xã hội, tìm <br> kiếm và quảng cáo hàng đầu</p>
<a href=""
class="btn mb-[45px] 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 class="w-[990px] mx-auto">
<div class="grid grid-cols-3 items-center rounded-[12px] overflow-hidden bg-white">
<div class="image rounded-[12px] overflow-hidden h-[190px]">
<img src="../../assets/images/image-x2doanthu.png" class="block w-full h-[190px] object-cover"
alt="chuyendoi">
</div>
<div class="info col-span-2 p-[12px]">
<b class="text-[16px] block mb-[20px]">X2 Doanh thu</b>
<p class="text-[16px]">Các doanh nghiệp nhỏ thêm một thị trường sẽ tăng doanh thu 38%, thêm hai
thị trường sẽ tăng doanh thu 120% và thêm ba
kênh quảng cáo trở lên sẽ tăng mức độ tương tác 250%.</p>
</div>
</div>
</div>
</div>
</div>
<div class="pt-[100px]">
<h2 class="text-center text-[32px] capitalize font-bold mb-[25px] ">Chọn một nền tảng cung cấp cho bạn</h2>
<div class="container">
<div class="list flex items-center justify-center gap-[12px] mb-[100px]" id="tab">
<a href="#quangcao"
class=" w-[calc(100%/5)] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)] ">Quảng cáo ở bất cứ
đâu</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#datsanpham"
class=" w-[calc(100%/5)] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Đặt sản phẩm ở khắp mọi
nơi</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#dungdautimkiem"
class=" w-[calc(100%/5)] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Đứng đầu tìm kiếm</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="quangcao">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Quảng cáo ở mọi nơi
thông qua <br>
nhiều kênh hơn</h2>
<p class="text-[16px] text-center ">Tích hợp trực tiếp và tối ưu hóa hiệu suất vào các kênh tìm kiếm,
nền tảng truyền thông xã hội và kênh hiển thị hàng <br> đầu
giúp bạn thu hút nhiều khách hàng hơn và đạt được khả năng hiển thị thương hiệu (Google, Instagram,
TikTok, v.v.)</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-quangcao.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="datsanpham">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Đặt sản phẩm ở khắp
mọi nơi <br>
của thị trường</h2>
<p class="text-[16px] text-center ">Tích hợp với các thị trường lớn nhất (Facebook, Tiktok, Shopee,...)
giúp mở rộng phạm vi tiếp cận cửa hàng <br> của bạn, với
các tùy chọn để tối ưu hóa nguồn cấp dữ liệu sản phẩm trên nhiều kênh.</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-kethop.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="dungdautimkiem">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Đứng đầu trang tìm
kiếm <br>
với các công cụ SEO mạnh mẽ</h2>
<p class="text-[16px] text-center ">Các công cụ SEO mạnh mẽ, sẵn dùng giúp tăng lưu lượng truy cập để
đảm bảo <br>
bạn có thứ hạng cao hơn đối thủ cạnh tranh</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/congcuseo.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="rounded-[12px] overflow-hidden bg-black ">
<div class="bg-black rounded-[12px_12px_0_0] overflow-hidden">
<h2
class="pt-[95px] pb-[50px] text-[32px] font-bold text-center text-white leading-[120%] capitalize ">
Hãy
chuyển sang
nền tảng
xStore <br>
ngay hôm nay</h2>
<a href=""
class="btn mb-[70px] 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 class="bg-[#1B1922] rounded-[12px] pt-[30px] pb-[25px] px-[100px]">
<p class="text-white text-center text-[16px] mb-[25px] ">Tìm hiểu thêm về cách xStore trao quyền cho
khách hàng
của chúng tôi để</p>
<div class="list grid grid-cols-4 gap-[12px]">
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)] ">Chuyển đổi</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)] "></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Thị trường</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Phát triển</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Vận hành </span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

283
template/features/operate.html Normal file
View File

@@ -0,0 +1,283 @@
<div class="page-operate mb-[80px]">
<div class="content bg-gradient-to-b from-[#EAF4FB] via-[#F5F6FB] to-[#F6F3FA] pb-[45px]">
<div class="container">
<div class="breadcrumb py-[40px]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center items-center gap-[10px] pr-[12px]">
<a href="/" itemprop="item" class="nopad-l text-[#000]">
<b itemprop="name" class="text-[var(--color-blue)]">Tính Năng</b>
</a> <i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center gap-[10px] pr-[12px]">
<a href="/" itemprop="item" class="text-[#000] hover:text-[var(--color-global)]">
<span itemprop="name" class="text-[#4A4A4A]">
Vận hành
</span>
</a><i class="fa-solid fa-chevron-right text-[10px] text-[#4A4A4A]"></i>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<p class="page-title text-center text-[16px] uppercase font-[400] pb-[45px]">Vận hành</p>
<h1 class="text-[36px] font-[600] text-center capitalize pb-[40px] ">Điều hành doanh nghiệp của bạn hiệu
quả hơn</h1>
<p class="note text-[20px] text-center capitalize pb-[40px] ">Giảm chi phí vận hành của bạn với một nền tảng
đáng tin cậy <br>
và một đội ngũ hỗ trợ bạn</p>
<a href=""
class="btn mb-[45px] 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 class="w-[990px] mx-auto">
<div class="grid grid-cols-3 items-center rounded-[12px] overflow-hidden bg-white">
<div class="image rounded-[12px] overflow-hidden h-[190px]">
<img src="../../assets/images/img-chuyendoi.jpg" class="block w-full h-[190px] object-cover"
alt="chuyendoi">
</div>
<div class="info col-span-2 p-[12px]">
<b class="text-[16px] block mb-[20px]">Thời gian hoạt động 99,99%</b>
<p class="text-[16px]">Giảm thiểu phiền phức, tối đa hóa tăng trưởng với thời gian hoạt động
99,99%, thời gian chờ hỗ trợ trung bình <2 phút,>
85% cuộc gọi hỗ trợ đầu tiên được giải quyết, hơn 20 triệu biến thể sản phẩm, hơn 2
triệu SKU sản phẩm và tổng chi
phí sở hữu tốt nhất.</p>
</div>
</div>
</div>
</div>
</div>
<div class="pt-[100px]">
<h2 class="text-center text-[32px] capitalize font-bold mb-[25px] ">Chọn một nền tảng cung cấp cho bạn</h2>
<div class="container">
<div class="list flex items-center gap-[12px] mb-[100px]" id="tab">
<a href="#hieusuat"
class="px-[60px] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)] ">Hiệu suất đáng tin
cậy</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#chiphi"
class="px-[20px] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Chi phí thấp hơn khi bạn
phát triển</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#doitac"
class="px-[40px] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Đối tác đáng tin cậy</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#hieubiet"
class="px-[10px] flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[50px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Hiểu biết và sự linh hoạt
trong kinh doanh</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="hieusuat">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Hiệu suất đáng tin
cậy <br>
để tránh gián đoạn kinh doanh</h2>
<p class="text-[16px] text-center ">Thời gian hoạt động 99,99%, trang tải nhanh và bảo trì được xử lý
cho bạn, bao gồm bảo mật, <br> lưu trữ, quản lý tuân thủ và
cập nhật</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-quangcao.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="chiphi">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Giảm chi phí khi bạn
phát triển để hỗ trợ <br> việc mở rộng quy mô</h2>
<p class="text-[16px] text-center ">Nền tảng của bạn cần được xây dựng để mở rộng quy mô, nhưng chi phí
của bạn không nhất thiết phải tăng theo. Hãy xây
dựng <br> doanh nghiệp của bạn trên một nền tảng có tổng chi phí sở hữu thấp nhất, bao gồm cả việc
giảm
tỷ lệ thanh toán, khi
bạn phát triển.</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-giamchiphi.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="doitac">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Đối tác đáng tin cậy
cho mọi bước phát triển của bạn</h2>
<p class="text-[16px] text-center ">Yên tâm hơn khi biết rằng bạn chỉ cần gọi điện thoại là có thể nhận
được hỗ trợ trực tiếp 24/7 từ nhân viên <br> xStore
tại Hà nội, cùng các dịch vụ hỗ trợ thành công, ra mắt hoặc di chuyển trước, trong và sau khi ra
mắt
</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-giamchiphi.png" width="100%" height="100%" alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
id="hieubiet">
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Hiểu biết sâu sắc về
kinh doanh và sự nhanh nhẹn thúc đẩy <br> việc ra quyết định thông minh</h2>
<p class="text-[16px] text-center ">Với các công cụ phân tích mạnh mẽ được tích hợp sẵn trong mỗi gói,
bạn có thể theo dõi hoạt động kinh doanh và điều
chỉnh <br> để tăng tốc độ phát triển. Ngoài ra, bộ công cụ AI ngày càng phát triển của chúng tôi có
thể
tăng tốc các tác vụ
hàng ngày và giảm <br> thiểu công sức vận hành doanh nghiệp.
</p>
<div class="w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
<img class="lazy h-[426px] object-contain block rounded-[12px] overflow-hidden"
src="../../assets/images/image-hieubietsansac.png" width="100%" height="100%"
alt="hacom">
</div>
</div>
<div class="list mt-[40px]">
<div class="item-faq bg-white pb-[10px] rounded-[12px]">
<div class="title flex items-center justify-between bg-white p-[20px_20px_0_20px] cursor-pointer rounded-[8px] "
onclick="toggleFaq(this)">
<b class="text-[16px] font-bold ">Khám phá thêm nhiều tính năng</b>
<i class="fa-solid fa-sort-down"></i>
</div>
<div
class="content-faq bg-white max-h-0 overflow-hidden transition-all duration-500 ease-in-out] px-[20px] mt-[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>
</div>
</div>
<div class="rounded-[12px] overflow-hidden bg-black ">
<div class="bg-black rounded-[12px_12px_0_0] overflow-hidden">
<h2
class="pt-[95px] pb-[50px] text-[32px] font-bold text-center text-white leading-[120%] capitalize ">
Hãy
chuyển sang
nền tảng
xStore <br>
ngay hôm nay</h2>
<a href=""
class="btn mb-[70px] 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 class="bg-[#1B1922] rounded-[12px] pt-[30px] pb-[25px] px-[100px]">
<p class="text-white text-center text-[16px] mb-[25px] ">Tìm hiểu thêm về cách xStore trao quyền cho
khách hàng
của chúng tôi để</p>
<div class="list grid grid-cols-4 gap-[12px]">
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)] ">Chuyển đổi</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)] "></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Thị trường</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Phát triển</span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
<a href="#"
class="flex items-center justify-center gap-[5px] bg-[#F2F2F2] rounded-[4px] h-[45px] group ">
<span class="text-[16px] font-bold group-hover:text-[var(--color-blue)]">Vận hành </span>
<i class="fa-solid fa-angle-right text-[12px] group-hover:text-[var(--color-blue)]"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>