docs: update landing page (#4858)

Signed-off-by: Carson Yang <yangchuansheng33@gmail.com>

docs/4.0/code.json

@@ -592,31 +592,31 @@
   "Equally effective in both public and private cloud, enabling a seamless transition of traditional applications to the cloud.": {
     "message": "即是公有云也是私有云，支持传统应用无缝迁移到云环境。"
   },
-  "Why Sealos": {
+  "Why Choose Sealos?": {
     "message": "为什么选择 Sealos"
   },
-  "Efficient & Economical": {
+  "Efficient & Cost-Effective": {
     "message": "高效 & 经济"
   },
-  "User Friendly": {
+  "Universal & User-Friendly": {
     "message": "通用性强，无心智负担"
   },
-  "Agility & Security": {
+  "Flexible & Secure": {
     "message": "灵活 & 安全"
   },
-  "Pay solely for the containers you utilize; automatic scaling prevents resource squandering and substantially reduces costs.": {
+  "Pay only for the containers you use. Auto-scaling prevents wasted resources, saving you a lot of money.": {
     "message": "仅需为容器付费，自动伸缩杜绝资源浪费，大幅度节省成本。"
   },
-  "Concentrate on your core business activities without worrying about system complexities; negligible learning costs involved.": {
+  "Focus on your business without worrying about complexity. There is almost no learning curve.": {
     "message": "专注于业务本身，无需担心复杂性，几乎没有学习成本。"
   },
-  "The distinctive multi-tenancy sharing model ensures both effective resource segmentation and collaboration, all under a secure framework.": {
+  "The multi-tenant sharing mechanism ensures security while providing resource isolation and efficient collaboration.": {
     "message": "多租户共享机制在确保安全的同时，实现资源隔离与高效协作。"
   },
-  "Join Sealos Community, Experience the latest version of Sealos for the first time and communicate with developers and users in Discord!": {
+  "Get early access to the latest Sealos versions and stay connected with developers and users on Discord.": {
     "message": "加入 Sealos 社区，在这里您可以在第一时间体验 Sealos 的最新版本，以及在 Discord 或微信群与开发者和用户保持沟通"
   },
-  "Who is Using Sealos": {
+  "Who are Using Sealos": {
     "message": "谁在使用 Sealos"
   },
   "Join Sealos Community": {
@@ -642,5 +642,8 @@
   },
   "Blog": {
     "message": "博客"
+  },
+  "App Store": {
+    "message": "应用商店"
   }
 }

docs/blog/zh-Hans/2024/how-to-deploy-and-configure-meilisearch-using-docker/index.md

@@ -5,7 +5,7 @@ description: 本教程探讨了 Meilisearch 的核心特性、安装配置过程
 authors: [Carson Yang]
 tags: [Developer Tools, Sealos, Meilisearch, Flarum]
 keywords: [Meilisearch, 搜索引擎, 搜索, 开源, Flarum, Elasticsearch 替代, 搜索引擎对比]
-image: images/feature.jpg
+image: ./images/feature.jpg
 date: 2024-07-01T10:00
 ---
 

docs/website/src/pages/components/Community/index.tsx

@@ -16,8 +16,7 @@ const Community = ({ isPc }: { isPc: boolean }) => {
     joinCommunity: <Translate>Join Sealos Community</Translate>,
     joinCommunityIntroduce: (
       <Translate>
-        Experience the latest version of Sealos for the first time and
-        communicate with developers and users in Discord!
+        Get early access to the latest Sealos versions and stay connected with developers and users on Discord.
       </Translate>
     ),
   }

docs/website/src/pages/components/Header/index.tsx

@@ -16,6 +16,11 @@ const navbar = [
     label: <Translate>Documentation</Translate>,
     to: '/docs/Intro'
   },
+  {
+    key: 'appstore',
+    label: <Translate>App Store</Translate>,
+    to: 'https://template.cloud.sealos.io'
+  },
   {
     key: 'community',
     label: <Translate>Community</Translate>,

docs/website/src/pages/components/Introduce/index.tsx

@@ -9,26 +9,23 @@ const Introduce = ({ isPc }: { isPc: boolean }) => {
   const isBrowser = useIsBrowser();
 
   const i18nObj = {
-    whySealos: <Translate>Why Sealos</Translate>,
-    lowerCosts: <Translate>Efficient & Economical</Translate>,
+    whySealos: <Translate>Why Choose Sealos?</Translate>,
+    lowerCosts: <Translate>Efficient & Cost-Effective</Translate>,
     lowerCostsIntroduce: (
       <Translate>
-        Pay solely for the containers you utilize; automatic scaling prevents resource squandering
-        and substantially reduces costs.
+        Pay only for the containers you use. Auto-scaling prevents wasted resources, saving you a lot of money.
       </Translate>
     ),
-    userFriendly: <Translate>User Friendly</Translate>,
+    userFriendly: <Translate>Universal & User-Friendly</Translate>,
     userFriendlyIntroduce: (
       <Translate>
-        Concentrate on your core business activities without worrying about system complexities;
-        negligible learning costs involved.
+        Focus on your business without worrying about complexity. There is almost no learning curve.
       </Translate>
     ),
-    flexibilitySecurity: <Translate>Agility & Security</Translate>,
+    flexibilitySecurity: <Translate>Flexible & Secure</Translate>,
     flexibilitySecurityIntroduce: (
       <Translate>
-        The distinctive multi-tenancy sharing model ensures both effective resource segmentation and
-        collaboration, all under a secure framework.
+        The multi-tenant sharing mechanism ensures security while providing resource isolation and efficient collaboration.
       </Translate>
     )
   };

docs/website/src/pages/components/UserBy/index.tsx

@@ -11,7 +11,7 @@ const HomeUserBy = ({ isPc }: { isPc: boolean }) => {
           <CometIcon />
         </div>
         <div className="user-by-title">
-          <Translate>Who is Using Sealos</Translate>
+          <Translate>Who are Using Sealos</Translate>
         </div>
         {/* 品牌商滚动 */}
         <div className="scroll-brand">
@@ -36,7 +36,7 @@ const HomeUserBy = ({ isPc }: { isPc: boolean }) => {
         <CometIcon />
       </div>
       <div className="user-by-title">
-        <Translate>Who is Using Sealos</Translate>
+        <Translate>Who are Using Sealos</Translate>
       </div>
       {/* 品牌商滚动 */}
       <div className="scroll-brand">

docs/website/src/pages/components/VideoPlayer/index.tsx

@@ -9,7 +9,7 @@ const VideoPlayer = ({ url }: { url: string }) => {
     <div className="video-box">
       <img
         draggable="false"
-        src={require('@site/static/illustrations/video.png').default}
+        src={require('@site/static/illustrations/video.jpg').default}
       />
       <img
         draggable="false"