update 07/10

This commit is contained in:
2025-10-07 08:23:59 +07:00
parent da666480d2
commit b85755ccda
10 changed files with 1128 additions and 259 deletions

View File

@@ -1,4 +1,4 @@
<div class="page-taomoi mb-[80px]">
<div class="page-taomoi mb-[80px] page-features">
<div class="content bg-gradient-to-b from-[#EAF4FB] via-[#F5F6FB] to-[#F6F3FA] pb-[45px]">
<div class="container">
@@ -23,11 +23,13 @@
</ol>
</div>
<p class="page-title text-center text-[16px] uppercase font-[400] pb-[45px]">Tạo mới</p>
<p class="page-name 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>
<h1 class="page-title 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
<p class="page-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
@@ -35,7 +37,7 @@
thử miễn phí</a>
<div class="w-[990px] mx-auto">
<div class="w-[990px] mx-auto box-chuyendoi">
<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"
@@ -55,8 +57,7 @@
</div>
</div>
<div class="pt-[100px]">
<div class="pt-[100px] content-tammoi">
<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">
@@ -86,8 +87,7 @@
</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="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>
@@ -95,7 +95,7 @@
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="content w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
@@ -122,15 +122,14 @@
</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="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="content w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
@@ -157,7 +156,7 @@
</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="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>
@@ -166,7 +165,7 @@
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="effect-image">
@@ -193,7 +192,7 @@
</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="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>
@@ -202,7 +201,7 @@
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="content w-[1000px] mx-auto">
<div class=" mt-[40px] py-[30px] rounded-[8px] bg-white flex items-center justify-center ">
<div class="effect-image">
@@ -229,7 +228,7 @@
</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 ">