update 08/10
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
<div class="page-grow mb-[80px]">
|
||||
<div class="page-grow 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,27 +23,33 @@
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<p class="page-title text-center text-[16px] uppercase font-[400] pb-[45px]">Vận hành</p>
|
||||
<p data-aos="fade-up" data-aos-duration="1000"
|
||||
class="page-name 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
|
||||
<h1 data-aos="fade-up" data-aos-duration="1500"
|
||||
class="page-title 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
|
||||
<p data-aos="fade-up" data-aos-duration="2000"
|
||||
class="page-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=""
|
||||
<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 class="box-chuyendoi w-[990px] mx-auto" data-aos="fade-up" data-aos-duration="3000">
|
||||
<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/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
|
||||
<b class="name-chuyendoi text-[16px] block mb-[20px]">+26% Doanh thu</b>
|
||||
<p class="note-chuyendoi 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>
|
||||
@@ -53,10 +59,11 @@
|
||||
</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="pt-[100px] content-tammoi">
|
||||
<h2 class="title 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">
|
||||
<div class="list flex flex-wrap 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à
|
||||
@@ -77,25 +84,27 @@
|
||||
</a>
|
||||
</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="kethop">
|
||||
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Kết hợp trực tuyến và
|
||||
<h2 class="title 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
|
||||
<p class="note 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="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/image-kethop.png" 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>
|
||||
@@ -112,25 +121,27 @@
|
||||
</div>
|
||||
</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="nguondoanhthu">
|
||||
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Thêm nguồn doanh thu
|
||||
<h2 class="title 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
|
||||
<p class="note 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="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/themdoanhthu.png" 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>
|
||||
@@ -143,29 +154,30 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</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="">
|
||||
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Phát triển linh hoạt
|
||||
<h2 class="title 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
|
||||
<p class="note 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="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/phattienlinhhoat.png" 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>
|
||||
@@ -182,27 +194,29 @@
|
||||
</div>
|
||||
</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="khoinghiep">
|
||||
<h2 class="text-[28px] capitalize font-bold mb-[12px] text-center leading-[130%] ">Khởi nghiệp kinh
|
||||
<h2 class="title 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
|
||||
<p class="note 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="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/image-khoinghiep.png" 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>
|
||||
@@ -219,10 +233,10 @@
|
||||
</div>
|
||||
</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
|
||||
@@ -233,11 +247,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>
|
||||
|
||||
Reference in New Issue
Block a user