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

update 07/10

Browse Source
This commit is contained in:
Tieptk
2025-10-07 08:23:59 +07:00
parent da666480d2
commit b85755ccda
10 changed files with 1128 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
template/home/home.html
View File

@@ -1,32 +1,36 @@
<div class="homepage">
<div class="banner">
<h2 class="text-center text-[36px] font-[600] leading-[49px] pt-[64px] ">Phát triển thương hiệu của bạn <br>
với nền tảng thương mại điện tử được đánh giá cao nhất</h2>
<a href=""
class="btn mt-[60px] mb-[50px] 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-[850px] mx-auto grid grid-cols-3">
<div class="item border-r-[1px] border-[#8A8A8A]">
<i class="icon_2025 checkbox mx-auto"></i>
<p class="mt-[15px] text-center text-[16px] font-[400]">Được tin tưởng trong ngành <br> thương mại
điện tử</p>
</div>
<div class="item border-r-[1px] border-[#8A8A8A]">
<i class="icon_2025 boxreview mx-auto"></i>
<p class="mt-[15px] text-center text-[16px] font-[400]">Được đánh giá cao nhất cho các <br> doanh
nghiệp vừa
và nhỏ
</p>
</div>
<div class="item">
<i class="icon_2025 cart mx-auto"></i>
<p class="mt-[15px] text-center text-[16px] font-[400]">Nền tảng thương mại điện tử được <br> đánh
giá cao
nhất</p>
<div data-aos="fade-up" data-aos-duration="2000">
<h2 class="title text-center text-[36px] font-[600] leading-[49px] pt-[64px] ">Phát triển thương hiệu của
bạn <br>
với nền tảng thương mại điện tử được đánh giá cao nhất</h2>
<a href=""
class="btn mt-[60px] mb-[50px] 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="tieuchi w-[850px] mx-auto grid grid-cols-3">
<div class="item border-r-[1px] border-[#8A8A8A]">
<i class="icon_2025 checkbox mx-auto"></i>
<p class="mt-[15px] text-center text-[16px] font-[400]">Được tin tưởng trong ngành <br> thương mại
điện tử</p>
</div>
<div class="item border-r-[1px] border-[#8A8A8A]">
<i class="icon_2025 boxreview mx-auto"></i>
<p class="mt-[15px] text-center text-[16px] font-[400]">Được đánh giá cao nhất cho các <br> doanh
nghiệp vừa
và nhỏ
</p>
</div>
<div class="item">
<i class="icon_2025 cart mx-auto"></i>
<p class="mt-[15px] text-center text-[16px] font-[400]">Nền tảng thương mại điện tử được <br> đánh
giá cao
nhất</p>
</div>
</div>
</div>
<div class="container mt-[50px] pb-[40px] effect-image">
<div class="container image-banner mt-[50px] pb-[40px] effect-image">
<img src="../../assets/images/box-fontend.png" class="block w-full h-[450px]" width="100%" height="100%"
alt="banner">
</div>
@@ -34,58 +38,65 @@
<div class="box-benefit py-[80px]">
<div class="container">
<h2 class="block mb-[20px] pb-[20px] border-b-[2px] border-[#DADADA] text-[28px] font-bold">Bạn có thể
<h2 class="title block mb-[20px] pb-[20px] border-b-[2px] border-[#DADADA] text-[28px] font-bold">Bạn có thể
nhận được những gì khi
sử dụng nền tảng xStore?</h2>
<div class="grid grid-cols-3 gap-[20px]">
<div class="item">
<div class="list grid grid-cols-3 gap-[20px]">
<div class="item" data-aos="fade-up" data-aos-delay="100">
<div class="box-icon w-[50px] h-[50px] flex items-center justify-center bg-[#EFF0EF] rounded-[50%]">
<i class="icon_2025 up"></i>
</div>
<b class="title text-[20px] font-bold block my-[16px]">Tăng doanh thu nhanh hơn</b>
<p class="line-camp-2 text-[16px] font-[400]">Các công cụ tích hợp mạnh mẽ giúp tăng tốc độ phát
<p class="content line-clamp-2 text-[16px] font-[400]">Các công cụ tích hợp mạnh mẽ giúp tăng tốc độ
phát
triển thương mại điện
tử của bạn.</p>
</div>
<div class="item">
<div class="item" data-aos="fade-up" data-aos-delay="200">
<div class="box-icon w-[50px] h-[50px] flex items-center justify-center bg-[#EFF0EF] rounded-[50%]">
<i class="icon_2025 thuhut"></i>
</div>
<b class="title text-[20px] font-bold block my-[16px]">Thu hút nhiều khách hàng hơn.</b>
<p class="line-camp-2 text-[16px] font-[400]">Quy trình thanh toán hàng đầu trong ngành giúp
<p class="content line-clamp-2 text-[16px] font-[400]">Quy trình thanh toán hàng đầu trong ngành
giúp
biến người truy cập trang
web thành khách hàng</p>
</div>
<div class="item">
<div class="item" data-aos="fade-up" data-aos-delay="300">
<div class="box-icon w-[50px] h-[50px] flex items-center justify-center bg-[#EFF0EF] rounded-[50%]">
<i class="icon_2025 tietkiem"></i>
</div>
<b class="title text-[20px] font-bold block my-[16px]">Tiết kiệm chi phí</b>
<p class="line-camp-2 text-[16px] font-[400]">Cung cấp dịch vụ thanh toán ưu tiên mức giá cạnh
<p class="content line-clamp-2 text-[16px] font-[400]">Cung cấp dịch vụ thanh toán ưu tiên mức giá
cạnh
tranh</p>
</div>
<div class="item">
<div class="item" data-aos="fade-up" data-aos-delay="400">
<div class="box-icon w-[50px] h-[50px] flex items-center justify-center bg-[#EFF0EF] rounded-[50%]">
<i class="icon_2025 setting"></i>
</div>
<b class="title text-[20px] font-bold block my-[16px]">Xây dựng theo cách của bạn</b>
<p class="line-camp-2 text-[16px] font-[400]">Tính linh hoạt của nền tảng có nghĩa là bạn có thể
<p class="content line-clamp-2 text-[16px] font-[400]">Tính linh hoạt của nền tảng có nghĩa là bạn
có
thể
tự do tùy chỉnh.</p>
</div>
<div class="item">
<div class="item" data-aos="fade-up" data-aos-delay="500">
<div class="box-icon w-[50px] h-[50px] flex items-center justify-center bg-[#EFF0EF] rounded-[50%]">
<i class="icon_2025 up-sale"></i>
</div>
<b class="title text-[20px] font-bold block my-[16px]">Tăng doanh số bán hàng</b>
<p class="line-camp-2 text-[16px] font-[400]">Các tính năng đảm bảo bạn có thể mở rộng quy mô
<p class="content line-clamp-2 text-[16px] font-[400]">Các tính năng đảm bảo bạn có thể mở rộng quy
mô
bán hàng trực tuyến.</p>
</div>
<div class="item">
<div class="item" data-aos="fade-up" data-aos-delay="600">
<div class="box-icon w-[50px] h-[50px] flex items-center justify-center bg-[#EFF0EF] rounded-[50%]">
<i class="icon_2025 support"></i>
</div>
<b class="title text-[20px] font-bold block my-[16px]">Đội ngũ hỗ trợ tin cậy</b>
<p class="line-camp-2 text-[16px] font-[400]">Hỗ trợ trực tiếp 24/7 giải quyết mọi vấn đề của
<p class="content line-clamp-2 text-[16px] font-[400]">Hỗ trợ trực tiếp 24/7 giải quyết mọi vấn đề
của
khách hàng</p>
</div>
</div>
@@ -94,8 +105,9 @@
<div class="box-platforms pt-[90px] ">
<div class="container">
<div class="bg-[#F2F2F6] py-[50px] px-[100px]">
<h2 class="text-[32px] font-bold mb-[45px] text-center">Nền tảng hiệu suất cao có thể Tuỳ chỉnh</h2>
<div class="content-platforms bg-[#F2F2F6] py-[50px] px-[100px]">
<h2 class="title text-[32px] font-bold mb-[45px] text-center">Nền tảng hiệu suất cao có thể Tuỳ chỉnh
</h2>
<div class="box-item grid grid-cols-2 rounded-[12px] overflow-hidden mb-[55px]">
<div class="content bg-white py-[60px] px-[20px]">
@@ -228,17 +240,16 @@
</div>
</div>
<div class="box-product-sell my-[100px]">
<div class="box-product-sell my-[100px]" data-aos="fade-up" data-aos-delay="200">
<div class="container">
<div class="grid grid-cols-3 gap-[40px] bg-[#F1F3F8] rounded-[12px] overflow-hidden">
<div class="item-sell grid grid-cols-3 gap-[40px] bg-[#F1F3F8] rounded-[12px] overflow-hidden">
<div>
<a href="" class="effect-image overflow-hidden block w-full h-[258px]">
<img src="../../assets/images/image-sell.png"
class="w-full h-full block rounded-[12px] object-cover overflow-hidden" alt="">
</a>
</div>
<div class="col-span-2 py-[50px]">
<div class="content col-span-2 py-[50px]">
<h2 class="text-[20px] font-bold mb-[10px]">Bán hàng nhiều hơn, nhanh hơn với sự trợ giúp từ
chuyên gia
tư
@@ -265,7 +276,6 @@
</div>
</div>
<div class="box-tamnhin mb-[105px]">
<div class="container">
<div class="background-tamnhin py-[45px]">