From c794226ce32c7496a080a4f1046bb2c592741ad2 Mon Sep 17 00:00:00 2001
From: Scenery <1507337624@qq.com>
Date: Wed, 3 Jan 2024 22:57:09 +0800
Subject: [PATCH] feat: update translation

---
 .../SolutionLayout/FirstScreen/index.tsx      |  2 +-
 .../home/Content/CardContent/index.tsx        |  2 +-
 .../home/Index/Mobile/index.module.css        | 16 +++++++++++----
 src/components/home/Index/Mobile/index.tsx    | 17 ++++++++++------
 src/components/home/Index/PC/index.module.css | 12 +++++++++--
 src/components/home/Index/PC/index.tsx        | 15 ++++++++++----
 .../home/Index/components/Solutions/index.tsx | 20 +++++++++----------
 7 files changed, 55 insertions(+), 29 deletions(-)

diff --git a/src/ILLATheme/SolutionLayout/FirstScreen/index.tsx b/src/ILLATheme/SolutionLayout/FirstScreen/index.tsx
index ac7c4679b3..c16345ff05 100644
--- a/src/ILLATheme/SolutionLayout/FirstScreen/index.tsx
+++ b/src/ILLATheme/SolutionLayout/FirstScreen/index.tsx
@@ -111,7 +111,7 @@ const FirstScreen: FC<IFirstScreenProps> = ({
             }}
           >
             <Translate id="website_4.solution.use_this_template">
-              Try demo now!
+              Try now
             </Translate>
           </LinkButton>
         </div>
diff --git a/src/components/home/Content/CardContent/index.tsx b/src/components/home/Content/CardContent/index.tsx
index 3d726fc434..b081548072 100644
--- a/src/components/home/Content/CardContent/index.tsx
+++ b/src/components/home/Content/CardContent/index.tsx
@@ -6,7 +6,7 @@ import { CLOUD_URL } from "@site/src/constants/url"
 const CARD_CONTENT = {
   title: translate({
     id: "how_to_use.title.3_steps_to_customize",
-    message: "steps to customize your AI tools",
+    message: "steps to customize your business apps",
   }),
   desc: translate({
     id: "how_to_use.description.build_tools_through",
diff --git a/src/components/home/Index/Mobile/index.module.css b/src/components/home/Index/Mobile/index.module.css
index 97829bd88f..658d597088 100644
--- a/src/components/home/Index/Mobile/index.module.css
+++ b/src/components/home/Index/Mobile/index.module.css
@@ -17,18 +17,26 @@
   @apply flex flex-col items-center gap-[8px];
 }
 
-.colorDescLeftStyle {
-  @apply font-[700];
+.colorDescAgentStyle {
+  @apply font-[600];
   background: linear-gradient(90deg, #ff33ba 0.77%, #ffb7e7 100.77%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 
-.colorDescRightStyle {
-  @apply font-[700];
+.colorDescAppStyle {
+  @apply font-[600];
   background: linear-gradient(90deg, #1effff 0%, #c9ffff 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
+
+.colorDescFlowStyle {
+  @apply font-[600];
+  background: linear-gradient(90deg, #8d33ff 0%, #d1adff 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
diff --git a/src/components/home/Index/Mobile/index.tsx b/src/components/home/Index/Mobile/index.tsx
index a152f873d1..b94f39f1ec 100644
--- a/src/components/home/Index/Mobile/index.tsx
+++ b/src/components/home/Index/Mobile/index.tsx
@@ -19,7 +19,7 @@ const BannerMobile: FC<IBannerPCProps> = (props) => {
   const description = translate({
     id: "description",
     message:
-      "Empower your team with {AIAgent} and advanced low-code tools to create {businessApp}",
+      "Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily",
   })
 
   useEffect(() => {
@@ -35,20 +35,25 @@ const BannerMobile: FC<IBannerPCProps> = (props) => {
         <span className={style.descStyle}>
           <Interpolate
             values={{
-              businessApp: (
-                <span className={style.colorDescLeftStyle}>
+              AIAgent: (
+                <span className={style.colorDescAgentStyle}>
                   <Translate id="website_4.description.ai_agent">
                     AI Agent
                   </Translate>
                 </span>
               ),
-              AIAgent: (
-                <span className={style.colorDescRightStyle}>
+              businessApp: (
+                <span className={style.colorDescAppStyle}>
                   <Translate id="website_4.description.business_app">
-                    business app
+                    website&app
                   </Translate>
                 </span>
               ),
+              flow: (
+                <span className={style.colorDescFlowStyle}>
+                  <Translate id="website_4.description.flow">flow</Translate>
+                </span>
+              ),
             }}
           >
             {description}
diff --git a/src/components/home/Index/PC/index.module.css b/src/components/home/Index/PC/index.module.css
index 071afc592d..d031c1153d 100644
--- a/src/components/home/Index/PC/index.module.css
+++ b/src/components/home/Index/PC/index.module.css
@@ -36,7 +36,7 @@
   @apply w-full flex items-center justify-center pt-[64px];
 }
 
-.colorDescLeftStyle {
+.colorDescAgentStyle {
   @apply font-[600];
   background: linear-gradient(90deg, #ff33ba 0.77%, #ffb7e7 100.77%);
   background-clip: text;
@@ -44,10 +44,18 @@
   -webkit-text-fill-color: transparent;
 }
 
-.colorDescRightStyle {
+.colorDescAppStyle {
   @apply font-[600];
   background: linear-gradient(90deg, #1effff 0%, #c9ffff 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
+
+.colorDescFlowStyle {
+  @apply font-[600];
+  background: linear-gradient(90deg, #8d33ff 0%, #d1adff 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
diff --git a/src/components/home/Index/PC/index.tsx b/src/components/home/Index/PC/index.tsx
index 3c517504c4..02b618cb1d 100644
--- a/src/components/home/Index/PC/index.tsx
+++ b/src/components/home/Index/PC/index.tsx
@@ -14,7 +14,7 @@ import Interpolate from "@docusaurus/Interpolate"
 const description = translate({
   id: "description",
   message:
-    "Empower your team with {AIAgent} and advanced low-code tools to create {businessApp}",
+    "Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily",
 })
 
 const BannerPC: FC<IBannerPCProps> = (props) => {
@@ -48,16 +48,23 @@ const BannerPC: FC<IBannerPCProps> = (props) => {
               <Interpolate
                 values={{
                   AIAgent: (
-                    <span className={style.colorDescLeftStyle}>
+                    <span className={style.colorDescAgentStyle}>
                       <Translate id="website_4.description.ai_agent">
                         AI Agent
                       </Translate>
                     </span>
                   ),
                   businessApp: (
-                    <span className={style.colorDescRightStyle}>
+                    <span className={style.colorDescAppStyle}>
                       <Translate id="website_4.description.business_app">
-                        business app
+                        website&app
+                      </Translate>
+                    </span>
+                  ),
+                  flow: (
+                    <span className={style.colorDescFlowStyle}>
+                      <Translate id="website_4.description.flow">
+                        flow
                       </Translate>
                     </span>
                   ),
diff --git a/src/components/home/Index/components/Solutions/index.tsx b/src/components/home/Index/components/Solutions/index.tsx
index 31f476aa40..0db401c65f 100644
--- a/src/components/home/Index/components/Solutions/index.tsx
+++ b/src/components/home/Index/components/Solutions/index.tsx
@@ -99,16 +99,14 @@ const Solutions: FC = () => {
             >
               {item.contentBg}
             </div>
-            {item.content && (
-              <div
-                className={clsx(
-                  style.solutionBaseImageStyle,
-                  selectIndex === item.value && style.solutionSelectImageStyle,
-                )}
-              >
-                {item.content}
-              </div>
-            )}
+            <div
+              className={clsx(
+                style.solutionBaseImageStyle,
+                selectIndex === item.value && style.solutionSelectImageStyle,
+              )}
+            >
+              {item.content}
+            </div>
 
             <div className={style.linkButtonStyle}>
               <LinkButton
@@ -122,7 +120,7 @@ const Solutions: FC = () => {
                 }}
               >
                 <Translate id="website_4.solution.use_this_template">
-                  Try demo now
+                  Try now
                 </Translate>
               </LinkButton>
             </div>