Преглед на файлове

Update Vietnamese translations and HomeView UI

Expanded and clarified several Vietnamese translation strings for better user guidance. Added two new partner logos to the HomeView page, commented out the 'How it Works' section, updated SIM type button label, and added navigation to terms page on refund button click.
trunghieubui преди 6 дни
родител
ревизия
0a9f23359b
променени са 2 файла, в които са добавени 26 реда и са изтрити 9 реда
  1. 5 5
      EsimLao/esim-vite/src/i18n/locales/vi.json
  2. 21 4
      EsimLao/esim-vite/src/pages/home/HomeView.tsx

+ 5 - 5
EsimLao/esim-vite/src/i18n/locales/vi.json

@@ -181,7 +181,7 @@
   "customerServiceAvailable": "Đội ngũ Chăm sóc Khách hàng của chúng tôi luôn sẵn sàng 24/7 trong suốt hành trình của bạn.",
   "supportChannels": "Hỗ trợ qua nhiều kênh như Hotline, Zalo OA và WhatsApp.",
   "commitmentPeaceOfMind": "Cam kết mang lại sự an tâm tuyệt đối và trải nghiệm dịch vụ minh bạch, tin cậy.",
-  "partnershipNetwork": "Đối tác chính thức của các tập đoàn toàn cầu",
+  "partnershipNetwork": "Đối tác chính thức của các nhà mạng lớn trong và ngoài nước",
   "physicalSim": "SIM Vật Lý",
   "welcomeBack": "Chào mừng bạn trở lại!",
   "stayConnected": "Giữ kết nối mọi nơi với SkySimHub.",
@@ -223,8 +223,8 @@
   "numberOfDays": "Số ngày",
   "verified": "Đã xác thực",
   "highSpeed": "Tốc độ cao",
-  "selectADataPackageForYourDestination": "Chọn gói dữ liệu phù hợp với điểm đến của bạn.",
-  "checkIfYourPhoneSupportsESIMTechnology": "Kiểm tra xem điện thoại của bạn có hỗ trợ công nghệ eSIM không.",
-  "scanTheQRCodeAndConnectToHighSpeedData": "Quét mã QR và kết nối với dữ liệu tốc độ cao.",
+  "selectADataPackageForYourDestination": "Sau khi xác nhận thiết bị, bạn có thể dễ dàng lựa chọn gói dữ liệu phù hợp với điểm đến và thời gian sử dụng. Các gói cước được thiết kế đa dạng về dung lượng, thời hạn và khu vực phsóng, đáp ứng mọi nhu cầu từ lướt web cơ bản, làm việc online đến sử dụng mạng xã hội và xem video.",
+  "checkIfYourPhoneSupportsESIMTechnology": "Trước khi mua, bạn chỉ cần kiểm tra xem điện thoại của mình có hỗ trợ eSIM. Hệ thống sẽ tự động xác định khả năng tương thích của thiết bị để đảm bảo bạn lựa chọn đúng sản phẩm phù hợp.  Cú pháp kiểm tra: *#06#",
+  "scanTheQRCodeAndConnectToHighSpeedData": "Sau khi hoàn tất thanh toán, eSIM sẽ được gửi trực tiếp về email hoặc tài khoản của bạn dưới dạng mã QR. Chỉ cần quét mã và thực hiện vài bước cài đặt đơn giản, eSIM sẽ được kích hoạt ngay lập tức. Đối với SIM vật lý, bạn chỉ cần lắp SIM vào thiết bị và bật dữ liệu di động để bắt đầu sử dụng. Không cần đăng ký phức tạp, không cần chờ đợi xác minh thủ công.",
   "register": "Đăng ký"
-}
+}

+ 21 - 4
EsimLao/esim-vite/src/pages/home/HomeView.tsx

@@ -316,6 +316,18 @@ const HomeView: React.FC = () => {
                     className="max-h-full max-w-full object-contain"
                   />
                 </div>
+                <div className="bg-white border border-[#EE0434]/20 rounded-xl px-4 py-2 w-36 md:w-56 h-14 flex items-center justify-center shadow-sm">
+                  <img
+                    src="https://skysimhub.vn/assets/partners/7.png"
+                    className="max-h-full max-w-full object-contain"
+                  />
+                </div>
+                <div className="bg-white border border-[#EE0434]/20 rounded-xl px-4 py-2 w-36 md:w-56 h-14 flex items-center justify-center shadow-sm">
+                  <img
+                    src="https://skysimhub.vn/assets/partners/8.png"
+                    className="max-h-full max-w-full object-contain"
+                  />
+                </div>
               </div>
             </div>
           </div>
@@ -323,7 +335,7 @@ const HomeView: React.FC = () => {
       </section>
 
       {/* How it Works */}
-      <section className="py-12 md:py-24 bg-white px-4">
+      {/* <section className="py-12 md:py-24 bg-white px-4">
         <div className="max-w-7xl mx-auto">
           <h2 className="text-2xl md:text-6xl font-black text-[#EE0434] text-center mb-6 md:mb-10 tracking-tight leading-tight">
             {t("buyExplore")}
@@ -338,7 +350,7 @@ const HomeView: React.FC = () => {
                     : "bg-[#f0f0f0] text-[#8b8e96] hover:text-slate-800"
                 }`}
               >
-                eSIM
+                eSIM / {t("physicalSim")}
               </button>
               <button
                 onClick={() => setSimType("Physical")}
@@ -393,7 +405,7 @@ const HomeView: React.FC = () => {
             </div>
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* FAQ */}
       <HomeFaq />
@@ -404,7 +416,12 @@ const HomeView: React.FC = () => {
           <h2 className="text-3xl md:text-[56px] font-black text-center mb-12 md:mb-20 tracking-tight text-slate-900">
             {t("refundDefective")}
           </h2>
-          <button className="flex items-center bg-gradient-to-r from-[#E21c34] to-[#500B28] p-2 pr-10 rounded-full shadow-xl hover:scale-105 transition-all">
+          <button
+            className="flex items-center bg-gradient-to-r from-[#E21c34] to-[#500B28] p-2 pr-10 rounded-full shadow-xl hover:scale-105 transition-all"
+            onClick={() => {
+              navigate("/terms");
+            }}
+          >
             <div className="w-16 h-16 bg-white rounded-full flex items-center justify-center text-slate-800">
               <svg
                 className="w-8 h-8"