style: add desc when upgrade to lifetime family from lifetime premium

lockerpm · Oct 30, 2023 · 4e189c9 · 4e189c9
1 parent add35b4
commit 4e189c9
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 8 deletions.
diff --git a/src/renderer/assets/images/landing/lifetime/subtract.png b/src/renderer/assets/images/landing/lifetime/subtract.png
diff --git a/src/renderer/locales/en.js b/src/renderer/locales/en.js
@@ -5700,7 +5700,8 @@ module.exports = {
         unlimited: 'Unlimited',
         desc1: 'You will be billed once only for this Lifetime Subscription.',
         desc2: 'Locker offers 30-day money back guarantee for any reason. Contact [email protected] to process the money back guarantee or for further support.',
-        choose_subscription: 'Choose a subscription'
+        choose_subscription: 'Choose a subscription',
+        discount_for_lifetime_premium: '-$69 for upgrade from Lifetime Premium. Enter email to apply the discount.'
       }
     }
   },

diff --git a/src/renderer/locales/vi.js b/src/renderer/locales/vi.js
@@ -5544,7 +5544,8 @@ module.exports = {
         unlimited: 'Trọn đời',
         desc1: 'Bạn chỉ cần thanh toán một lần duy nhất một lần cho gói Đăng ký trọn đời này.',
         desc2: 'Locker đảm bảo hoàn lại tiền trong vòng 30 ngày kể từ ngày mua vì bất kỳ lý do gì. Hãy liên hệ [email protected] để tiến hành yêu cầu hoàn tiền hoặc để được hỗ trợ thêm.',
-        choose_subscription: 'Chọn gói đăng ký'
+        choose_subscription: 'Chọn gói đăng ký',
+        discount_for_lifetime_premium: '-$69 khi nâng cấp từ Lifetime Premium. Nhập email để áp dụng giảm giá.'
       }
     }
   },

diff --git a/src/renderer/pages/lifetime/index.vue b/src/renderer/pages/lifetime/index.vue
@@ -47,6 +47,24 @@
             </div>
             <!-- Choose subscription end -->
 
+            <!-- Discount from premium to family desc -->
+            <div v-if="selectedPlan === 'pm_lifetime_family'" class="mb-6">
+              <div class="relative px-5 py-1">
+                <img
+                  src="~assets/images/landing/lifetime/subtract.png"
+                  class="absolute w-full h-full z-0 object-fill left-0 top-0"
+                >
+                <div class="z-10 relative">
+                  <p class="text-white italic text-xs text-center font-medium">
+                    {{
+                      $t('promo.lifetime.header.discount_for_lifetime_premium')
+                    }}
+                  </p>
+                </div>
+              </div>
+            </div>
+            <!-- Discount from premium to family desc end -->
+
             <!-- Invoice -->
             <div class="mb-8">
               <div class="flex justify-between mb-3">
@@ -55,24 +73,23 @@
                   ${{ result.price | formatNumber }} {{ result.currency }}
                 </p>
               </div>
-              <div class="flex justify-between">
+
+              <div class="flex justify-between mb-3">
                 <p class="font-semibold">
                   {{ $t('promo.lifetime.header.duration') }}
                 </p>
                 <p class="text-right">
                   {{ $t('promo.lifetime.header.unlimited') }}
                 </p>
               </div>
+
               <hr class="border-black-100 my-6">
 
               <!-- Promo code -->
               <div class="mb-8">
-                <div
-                  v-if="result.discount && form.promo_code"
-                  class="flex justify-between"
-                >
+                <div v-if="result.discount" class="flex justify-between">
                   <p class="text-primary italic pr-2">
-                    {{ form.promo_code }}
+                    {{ form.promo_code || $t('common.discount') }}
                   </p>
 
                   <div class="text-right">