新增中翻英翻譯

html/index.html

@@ -144,13 +144,13 @@
                 <div class="row px-0 mx-0">
                     <div class="col-lg-6 px-0">
                         <div class="text-white">
-                            <h1 class="fw-bold">虛擬AI擬真主播</h1>
-                            <p>匯集多種AI智能技術、能說各種國外語言
+                            <h1 set-lan="html:Virtual_Anchor" class="fw-bold">虛擬AI擬真主播</h1>
+                            <p set-lan="html:Virtual_Anchor_text">匯集多種AI智能技術、能說各種國外語言
                                 技術強大快速部屬、影片經濟效益大
                                 無論內銷外銷、嘴型真實感。</p>
                             <div class="index-CTA">
-                                <a href="./register.html"><button class="CTA-btnA fw-bold">立即註冊</button></a>
-                                <a href="./pricingB.html"><button class="CTA-btnB fw-bold">早鳥方案</button></a>
+                                <a href="./register.html"><button set-lan="html:launch_special" class="CTA-btnA fw-bold">立即註冊</button></a>
+                                <a href="./pricingB.html"><button  set-lan="html:pricing_checkout" class="CTA-btnB fw-bold">早鳥方案</button></a>
                             </div>
                         </div>
                     </div>
@@ -169,12 +169,14 @@
         <div class="make-video">
             <div class="row mx-0 px-0">
                 <div class="col-lg-6 order-lg-1 order-2">
-                    <img class="img-fluid" src="./static/img/index/组 29.webp" alt="">
+                    <img class="img-fluid" src="./static/img/index/组 29.webp" alt="" set-lan="img:index-sec02" ></img>
+                    <!-- <img class="profile-bgimg-m img-fluid" src="./static/img/index/组 29.webp" alt="" set-lan="img:index-sec02-m" ></img> -->
+
                 </div>
                 <div class="col-lg-6 d-flex align-items-center order-lg-1 order-1 px-0">
                     <div class="makeVideo-text">
-                        <h1 class="fw-bold">製作影片 一鍵合成</h1>
-                        <p>輸入文字素材，即速產生影片
+                        <h1 class="fw-bold" set-lan="html:hero_title">製作影片 一鍵合成</h1>
+                        <p set-lan="html:hero_txt1">輸入文字素材，即速產生影片
                             創作影片，不再需要錄影機、演員、麥克風繁雜器材。
                             大幅省下時間、人力、器材成本。</p>
                     </div>
@@ -184,7 +186,7 @@
     </div>
     <!-- ================================================================= -->
     <section class="sec-usecase">
-        <h1>使用情境</h1>
+        <h1 set-lan="html:index-usecases">使用情境</h1>
         <hr>
         <div class="container">
             <div class="row">
@@ -387,7 +389,7 @@
                 <a href="./register.html"><button class="get-started my-3"
                         set-lan="html:pricing_checkout">立即註冊</button></a> -->
                 <div class="text-center mt-5">
-                    <a href="./pricing.html"><button class="CTA-btnB fw-bold">早鳥方案</button></a>
+                    <a href="./pricing.html"><button set-lan="html:launch_special" class="CTA-btnB fw-bold">早鳥方案</button></a>
                 </div>
 
             </div>

html/static/lan.js

@@ -131,7 +131,24 @@ var zh = {
     "trial_txt": "透過社群分享專屬連結，邀請好友註冊 AI Spokesgirl，凡是好友透過連結註冊成功，您可以免費獲得2分鐘製作額度。",
     "share": "分享",
     "close": "關閉",
-    "video_long_title": "長影片範例"
+    "video_long_title": "長影片範例",
+    "index-usecases": "應用情境",
+    "usecase_1": "產品介紹",
+    "usecase_2": "教育培訓",
+    "usecase_3": "氣象播報",
+    "usecase_4": "新聞播報",
+    "usecase_5": "個人內容創作",
+    "usecase_6": "觀光導覽",
+    "usecase_7": "展覽導覽",
+    "usecase_8": "廣告行銷",
+    "hero_title": "製作影片 一鍵合成",
+    "hero_txt1": "輸入文字素材，即速產生影片，創作影片，不再需要錄影機、演員、麥克風繁雜器材。大幅省下時間、人力、器材成本。",
+    "Virtual_Anchor":"虛擬AI擬真主播",
+    "Virtual_Anchor_text":"匯集多種AI智能技術、能說各種國外語言、技術強大快速部屬、影片經濟效益大、無論內銷外銷、嘴型真實感。",
+    "index-sec02":"static/img/index/组 29.webp",
+    "index-sec02-m":"static/img/index/组 29-m.webp",
+    
+
 };
 
 var en = {
@@ -217,7 +234,23 @@ var en = {
     "trial_txt": "Invite your friends to AI Spokesgirl and for each eligible one that signs up from your referral, we'll give you 2 more minutes free!",
     "share": "Share:",
     "close": "Close",
-    "video_long_title": "Long Video Demo"
+    "video_long_title": "Long Video Demo",
+    "index-usecases": "Use Cases",
+    "usecase_1": "Product Walkthrough",
+    "usecase_2": "Learning & Development",
+    "usecase_3": "Weather Report",
+    "usecase_4": "News Report",
+    "usecase_5": "Personal Creation",
+    "usecase_6": "Sightseeing Guide",
+    "usecase_7": "Museum Guide",
+    "usecase_8": "Marketing",
+    "hero_title": "Create AI video at a click!",
+    "hero_txt1": "No more actors, cameras and microphones.Make a video by typing and clicking in 3 steps.AI Spokesgirl saves you time and money.",
+    "Virtual_Anchor": "Virtual Anchor",
+    "Virtual_Anchor_text":"Create video from text. make a video in 3 steps. produce in more than 20 languages. get video in minutes. a variety of avatars available.",
+    "index-sec02":"static/img/index/Group 29.webp",
+    "index-sec02-m":"static/img/index/Group 30.webp",
+  
 };
 
 function switchLanContent(val){

html/static/scss/style.css

@@ -1912,6 +1912,12 @@ body {
   margin-right: auto;
 }
 
+@media screen and (max-width: 1281px) {
+  .sec-usecase .usecase-block::after {
+    bottom: 0rem;
+  }
+}
+
 @media screen and (max-width: 767px) {
   .sec-usecase .usecase-block::after {
     height: 7rem;
@@ -1939,6 +1945,14 @@ body {
   color: #193179;
   position: relative;
   bottom: 25px;
+  font-size: 1rem;
+  font-weight: 900;
+}
+
+@media screen and (max-width: 1281px) {
+  .sec-usecase .usecase-block .usecase-sub {
+    bottom: 5px;
+  }
 }
 
 @media screen and (max-width: 767px) {

html/static/scss/style.scss

@@ -1688,7 +1688,9 @@ body {
 			border-radius: 2rem;
 			margin-left: auto;
 			margin-right: auto;
-
+			@media screen and(max-width:1281px) {
+				bottom: 0rem;
+			}
 			@media screen and(max-width:$moblie) {
 				// margin-top: -50px;
 				height: 7rem;
@@ -1713,6 +1715,11 @@ body {
 			//   margin-bottom: 30px;
 			position: relative;
 			bottom: 25px;
+			font-size: 1rem;
+			font-weight: 900;
+			@media screen and(max-width:1281px) {
+				bottom: 5px;
+			}
 			@media screen and(max-width:$moblie) {
 				bottom: 50px;
 			}