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

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>