Merge pull request #24 from illacloud/feat/update-translation

feat: update solution page index style

src/ILLATheme/SolutionLayout/FirstScreen/index.module.css

@@ -2,13 +2,12 @@
   @apply flex h-full  mb-[60px] lg:h-[calc(100vh-77px)]  overflow-hidden text-title grow-0 text-white-01 flex-col  items-center font-bold px-[20px] relative;
   @apply lg:mb-[120px];
 }
-/* @apply my-[64px] lg:pt-[150px] lg:pb-[100px]; */
 
 .indexBgStyle {
   @apply w-full h-full lg:h-[calc(100vh-77px)] overflow-hidden absolute z-[-1];
 }
-.indexBgStyle svg {
-  @apply w-full h-auto absolute bottom-0;
+.indexBgStyle img {
+  @apply w-full lg:h-[1034px] h-auto absolute bottom-0;
 }
 .canvasContainerStyle {
   @apply w-full h-full  lg:h-[calc(100vh-77px)] overflow-hidden absolute z-[-1];

src/ILLATheme/SolutionLayout/FirstScreen/index.tsx

@@ -5,12 +5,10 @@ import { usePaintBg } from "@site/src/hooks/usePaintBg"
 import style from "./index.module.css"
 import Translate from "@docusaurus/Translate"
 import LinkButton from "@site/src/components/common/LinkButton"
-import Link from "@docusaurus/Link"
 import Interpolate from "@docusaurus/Interpolate"
 import { motion, useScroll, useTransform } from "framer-motion"
 import { addUrlParams } from "@site/src/utils/urlParams"
 import { CLOUD_URL, DEMO_BASE_URL } from "@site/src/constants/url"
-import IndexBgSvg from "@site/static/img/solutions/indexBg.svg"
 
 interface IFirstScreenProps {
   slogan: string
@@ -38,7 +36,7 @@ const FirstScreen: FC<IFirstScreenProps> = ({
   const containerRef = useRef<HTMLDivElement>(null)
   const { scrollYProgress } = useScroll()
 
-  const rotateX = useTransform(scrollYProgress, [0, 0.015], [15, 0])
+  const rotateX = useTransform(scrollYProgress, [0, 0.015], [10, 0])
   const scale = useTransform(scrollYProgress, [0, 0.015], [0.95, 1])
   const scrollY = useTransform(scrollYProgress, [0, 0.015], ["15%", "0%"])
 
@@ -60,7 +58,7 @@ const FirstScreen: FC<IFirstScreenProps> = ({
         <canvas ref={canvasRef} />
       </div>
       <span className={style.indexBgStyle}>
-        <IndexBgSvg />
+        <img src={require("/img/solutions/indexBg.webp")?.default} alt="" />
       </span>
       <div className={style.contentContainer}>
         <div className={style.textContainerStyle}>

src/pages/solutions-admin-panel.mdx

@@ -1,13 +1,9 @@
 ---
 title: Build Customized Admin Panel for Website and Apps
-description:
-  Build admin panels at 10x speed to manage data or perform operations and allow
-  developers to focus on business development.
+description: Build admin panels at 10x speed to manage data or perform operations and allow developers to focus on business development. 
 slogan: "Build {colorSlogan} for Website and Apps"
 image: https://cdn.illacloud.com/official-website/img/solutions/dashboard/cover.svg
-imageAlt:
-  Transcribe the audio into text in any language and process it, such as
-  translate, summarize, store and share.
+imageAlt: Build admin panels at 10x speed to manage data or perform operations and allow developers to focus on business development. 
 appID: ILAcx4p1C7Oy
 colorSlogan: Customized Admin Panel
 colorStart: "#00EE8A"
@@ -18,74 +14,59 @@ colorEnd: "#2C66FA"
 
 ## Design interface in minites
 
-Dozens of beautiful components allow you to easily build perfect interactive
-pages by simply dragging and dropping the components.
+Dozens of beautiful components allow you to easily build perfect interactive pages by simply dragging and dropping the components.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/dashboard/design.svg)
 
 ## Connect to any databases or APIs
 
-Regardless of the database or API you use to manage data, you can quickly
-connect to your data source by entering the configuration information in ILLA.
-ILLA will access your data in a secure manner, ensuring the security of your
-data.
+Regardless of the database or API you use to manage data, you can quickly connect to your data source by entering the configuration information in ILLA. ILLA will access your data in a secure manner, ensuring the security of your data.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/cms/data-source.svg)
 
-The data sources we support include but are not limited to PostgreSQL, MySQL,
-MongoDB, Snowflake, Amazon S3, Google Sheets, Airtable, Stripe, etc.
+The data sources we support include but are not limited to PostgreSQL, MySQL, MongoDB, Snowflake, Amazon S3, Google Sheets, Airtable, Stripe, etc.
 
 ## Make your admin panel intelligent
 
-You can integrate AI Agents to your dashboard. AI agents will assist you in
-analyzing and summarizing user feedback, generating response content, and
-automating tedious tasks, making them more intelligent and efficient.
+You can integrate AI Agents to your dashboard. AI agents will assist you in analyzing and summarizing user feedback, generating response content, and automating tedious tasks, making them more intelligent and efficient.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/dashboard/analysis.gif)
 
 # What kind of admin panel can you build
 
-You can build any type of admin panels with ILLA Cloud such as Customer
-relationship management(CRM), Content management system(CMS)**, **GDPR
-compliance software, Stripe refund tool, Work order management system, User
-comment and feedback management, etc. Go to [illa.ai](https://illa.ai/app) to
-view more Admin panel templates.
+You can build any type of admin panels with ILLA Cloud such as Customer relationship management(CRM), Content management system(CMS)**, **GDPR compliance software, Stripe refund tool, Work order management system, User comment and feedback management, etc.  Go to [illa.ai](https://illa.ai/app) to view more Admin panel templates.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/admin-panel/admin-panel.svg)
 
 # Benefits
 
 ## 100% Customizable
 
-Generate any image or specific style based on your requirements.
+Customize any tools based on your requirements.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/custom.svg)
 
 ## Cut operating costs
 
-Eliminate manual admin tasks with a range of custom automations and third-party
-integrations.
+Eliminate manual admin tasks with a range of custom automations and third-party integrations.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg)
 
 ## Streamline processes
 
-Create custom tools around your existing processes and make the processes more
-efficient.
+Create custom tools around your existing processes and make the processes more efficient.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/process.svg)
 
 ## Drive ROI
 
-Simplify the operation workflow, reduce costs. Making your business more
-efficient and streamlined.
+Simplify the operation workflow, reduce costs. Making your business more efficient and streamlined.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/roi.svg)
 
 ## Centralize Resources
 
-Connect to any data source and build any business application. Centralize your
-content management, customer management, and other aspects here.
+Connect to any data source and build any business application. Centralize your content management, customer management, and other aspects here.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/centralize.svg)
 

src/pages/solutions-ai-voice-generator.mdx

@@ -1,14 +1,9 @@
 ---
 title: Build AI Voice Generator for your business
-description:
-  Speech-to-text, transcribe the audio into text and translate or summarize it.
-  Text-to-speech, create natural AI voices instantly in any language and let
-  your content go beyond text.
+description: Speech-to-text, transcribe the audio into text and translate or summarize it. Text-to-speech, create natural AI voices instantly in any language and let your content go beyond text. 
 slogan: "Build {colorSlogan} for your business"
 image: https://cdn.illacloud.com/official-website/img/solutions/audio/audio-cover.svg
-imageAlt:
-  Transcribe the audio into text in any language and process it, such as
-  translate, summarize, store and share.
+imageAlt: Transcribe the audio into text in any language and process it, such as translate, summarize, store and share.
 appID: ILAcx4p1C7Bb
 colorSlogan: AI Voice Generator
 colorStart: "#00EE8A"
@@ -19,15 +14,13 @@ colorEnd: "#2C66FA"
 
 ## Speech-to-text
 
-Transcribe the audio into text in any language and process it, such as
-translate, summarize, store and share.
+Transcribe the audio into text in any language and process it, such as translate, summarize, store and share.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/audio/speech-to-text.svg)
 
 ## Text-to-speech
 
-Create natural AI voices instantly in any language and let your content go
-beyond text.
+Create natural AI voices instantly in any language and let your content go beyond text.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/audio/text-to-speech.svg)
 
@@ -37,60 +30,51 @@ beyond text.
 
 ### Video ads
 
-Produce video advertising content for different countries and regions fast with
-professional translation and realistic voiceovers. Quickly identify the most
-suitable growth strategies.
+Produce video advertising content for different countries and regions fast with professional translation and realistic voiceovers. Quickly identify the most suitable growth strategies.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/audio/video-ads.gif)
 
 ### Social media video content
 
-Make your content more engaging with video dubbing, cartoon dubbing, or story
-narration.
+Make your content more engaging with video dubbing, cartoon dubbing, or story narration.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/audio/social-media.svg)
 
 ## For business
 
-Help you work more efficiently by assisting you with meeting minutes, meeting
-summaries, and even meeting translations in any language whether you are
-responsible for meeting documentation as a staff member or a journalist.
+Help you work more efficiently by assisting you with meeting minutes, meeting summaries, and even meeting translations in any language whether you are responsible for meeting documentation as a staff member or a journalist.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/audio/meeting.svg)
 
 # Benefits
 
 ## 100% Customizable
 
-Generate any image or specific style based on your requirements.
+Customize any tools based on your requirements.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/custom.svg)
 
 ## Cut operating costs
 
-Eliminate manual admin tasks with a range of custom automations and third-party
-integrations.
+Eliminate manual admin tasks with a range of custom automations and third-party integrations.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg)
 
 ## Streamline processes
 
-Create custom tools around your existing processes and make the processes more
-efficient.
+Create custom tools around your existing processes and make the processes more efficient.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/process.svg)
 
 ## Drive ROI
 
-Simplify the operation workflow, reduce costs. Making your business more
-efficient and streamlined.
+Simplify the operation workflow, reduce costs. Making your business more efficient and streamlined.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/roi.svg)
 
 ## Centralize Resources
 
-Connect to any data source and build any business application. Centralize your
-content management, customer management, and other aspects here.
+Connect to any data source and build any business application. Centralize your content management, customer management, and other aspects here.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/centralize.svg)
 

src/pages/solutions-cms.mdx

@@ -1,10 +1,6 @@
 ---
 title: Build CMS and operate more efficiently
-description:
-  Built content management system for efficient operations. AI-powered,
-  integrate with AI capabilities, enabling you to efficiently create both visual
-  and textual content. File management, support file storage and delivering,
-  simplifying the content management workflow.
+description: Built content management system for efficient operations. AI-powered, integrate with AI capabilities, enabling you to efficiently create both visual and textual content. File management, support file storage and delivering, simplifying the content management workflow.
 slogan: "Build {colorSlogan} and operate more efficiently"
 image: https://cdn.illacloud.com/official-website/img/solutions/cms/cover.svg
 imageAlt: Built content management system for efficient operations.
@@ -18,30 +14,25 @@ colorEnd: "#2C66FA"
 
 ## Design interface in minites
 
-Dozens of beautiful components allow you to easily build perfect interactive
-pages by simply dragging and dropping the components.
+Dozens of beautiful components allow you to easily build perfect interactive pages by simply dragging and dropping the components.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/cms/design-in-minutes.svg)
 
 ## Connect to any data source
 
-Connect to data sources by simply filling in the configuration options, no
-coding required.
+Connect to data sources by simply filling in the configuration options, no coding required.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/cms/data-source.svg)
 
 ## Integrate AI capabilities
 
-Integrate AI image generation, AI voice processing, AI text generation, and
-other capabilities to make content generation more efficient.
+Integrate AI image generation, AI voice processing, AI text generation, and other capabilities to make content generation more efficient.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/cms/ai.gif)
 
-## File storage and delivering
+## File storage and  delivering
 
-No need to purchase additional file storage services. Upload files directly in
-ILLA Builder and deliver the returned links to your app or web product,
-simplifying the content management workflow.
+No need to purchase additional file storage services. Upload files directly in ILLA Builder and deliver the returned links to your app or web product, simplifying the content management workflow.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/cms/storage.svg)
 
@@ -55,47 +46,41 @@ Distribute content to your client base to improve operation efficiency.
 
 ## For design/marketing agency
 
-Manage content and deliver it to customers, making communication and delivery of
-requirements clearer and simpler.
+Manage content and deliver it to customers, making communication and delivery of requirements clearer and simpler.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/cms/agency.svg)
 
-And utilize AI capabilities such as image generation and text generation to
-improve productivity.
+And utilize AI capabilities such as image generation and text generation to improve productivity.
 
 # Benefits
 
 ## 100% Customizable
 
-Generate any image or specific style based on your requirements.
+Customize any tools based on your requirements.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/custom.svg)
 
 ## Cut operating costs
 
-Eliminate manual admin tasks with a range of custom automations and third-party
-integrations.
+Eliminate manual admin tasks with a range of custom automations and third-party integrations.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg)
 
 ## Streamline processes
 
-Create custom tools around your existing processes and make the processes more
-efficient.
+Create custom tools around your existing processes and make the processes more efficient.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/process.svg)
 
 ## Drive ROI
 
-Simplify the operation workflow, reduce costs. Making your business more
-efficient and streamlined.
+Simplify the operation workflow, reduce costs. Making your business more efficient and streamlined.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/roi.svg)
 
 ## Centralize Resources
 
-Connect to any data source and build any business application. Centralize your
-content management, customer management, and other aspects here.
+Connect to any data source and build any business application. Centralize your content management, customer management, and other aspects here.
 
 ![image](https://cdn.illacloud.com/official-website/img/solutions/centralize.svg)