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

update 08/10

Browse Source
This commit is contained in:
Tieptk
2025-10-08 01:01:48 +07:00
parent b85755ccda
commit 88a702286e
11 changed files with 1104 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
template/features/conversion.html
View File

@@ -1,8 +1,8 @@
<div class="page-chuyendoi mb-[80px]">
<div class="page-chuyendoi mb-[80px] page-features">
<div class="content bg-gradient-to-b from-[#EAF4FB] via-[#F5F6FB] to-[#F6F3FA] pb-[45px]">
<div class="content-top-features bg-gradient-to-b from-[#EAF4FB] via-[#F5F6FB] to-[#F6F3FA] pb-[45px]">
<div class="container">
<div class="breadcrumb py-[40px]">
<div class="breadcrumb py-[40px]" data-aos="fade-up" data-aos-duration="1000">
<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]">
@@ -23,30 +23,36 @@
</li>
</ol>
</div>
<p class="page-title text-center text-[16px] uppercase font-[400] pb-[60px]">Chuyển đổi</p>
<p data-aos="fade-up" data-aos-duration="1000"
class="page-name 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
<h1 data-aos="fade-up" data-aos-duration="1500"
class="page-title 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
<p data-aos="fade-up" data-aos-duration="2000"
class="page-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=""
<a data-aos="fade-up" data-aos-duration="2500" 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 data-aos="fade-up" data-aos-duration="3000" class="box-chuyendoi w-[990px] mx-auto">
<div class="content-chuyendoi 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
<b class="name-chuyendoi text-[16px] block mb-[20px]">Tỷ lệ chuyển đổi thanh toán 61,9%</b>
<p class="note-chuyendoi 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>
@@ -56,8 +62,9 @@
</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
<div class="pt-[100px] content-tammoi">
<h2 class="title 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">
@@ -84,21 +91,22 @@
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
<div class="item-features 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
<h2 class="title 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ả
<p class="note 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="content w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="box-image 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">
@@ -106,7 +114,7 @@
</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] "
<div class="title-faq 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>
@@ -124,25 +132,26 @@
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
<div class="item-features 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
<h2 class="title 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
<p class="note 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="content w-[1000px] mx-auto">
<div class="box-image 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="list-faq 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] "
<div class="title-faq 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>
@@ -163,24 +172,25 @@
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
<div class="item-features 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
<h2 class="title 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á
<p class="none 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="content w-[1000px] mx-auto">
<div class="box-image 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="list-faq 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] "
<div class="title-faq 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>
@@ -198,25 +208,26 @@
</div>
<div class="py-[50px] bg-[linear-gradient(135deg,_#e5e8ff,_#fbe8f2,_#f4e9ff)] mb-[80px] rounded-[12px]"
<div class="item-features 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
<h2 class="title 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í
<p class="note 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="content w-[1000px] mx-auto">
<div class="box-image 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="list-faq 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] "
<div class="title-faq 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>
@@ -235,10 +246,10 @@
</div>
<div class="rounded-[12px] overflow-hidden bg-black ">
<div class="user-xstore 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 ">
class="title pt-[95px] pb-[50px] text-[32px] font-bold text-center text-white leading-[120%] capitalize ">
Hãy
chuyển sang
nền tảng
@@ -249,11 +260,11 @@
đầu dùng
thử miễn phí</a>
</div>
<div class="bg-[#1B1922] rounded-[12px] pt-[30px] pb-[25px] px-[100px]">
<div class="box-link 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]">
<div class="list-xstore 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>