Merge pull request #36 from illacloud/feat/solution-mdx

feat: update translation
illacloud · Jan 3, 2024 · a00186b · a00186b
2 parents 27d8445 + c794226
commit a00186b
Show file tree

Hide file tree

Showing 7 changed files with 55 additions and 29 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -36,18 +36,26 @@
   @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;
   -webkit-background-clip: text;
   -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
@@ -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
@@ -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>