docs: update header for landing page (#4875)

Signed-off-by: Carson Yang <[email protected]>
labring · Jul 10, 2024 · 2469734 · 2469734
1 parent c4af244
commit 2469734
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 36 deletions.
diff --git a/docs/4.0/code.json b/docs/4.0/code.json
@@ -308,9 +308,6 @@
     "message": "正在获取新的搜索结果...",
     "description": "The paragraph for fetching new search results"
   },
-  "Docs": {
-    "message": "Doc"
-  },
   "Contact": {
     "message": "联系我们"
   },
@@ -560,7 +557,7 @@
     "message": "文档侧边栏",
     "description": "The ARIA label for the sidebar navigation"
   },
-  "Documentation": {
+  "Docs": {
     "message": "文档",
     "description": "The Header Documentation"
   },
@@ -628,8 +625,8 @@
   "Start Now": {
     "message": "立即使用"
   },
-  "Cloud Operating System": {
-    "message": "云操作系统: Sealos"
+  "for all applications": {
+    "message": "托管所有分布式应用"
   },
   "Hosting": {
     "message": "私有云"

diff --git a/docs/website/src/pages/components/Header/index.tsx b/docs/website/src/pages/components/Header/index.tsx
@@ -13,7 +13,7 @@ import './index.scss';
 const navbar = [
   {
     key: 'docs',
-    label: <Translate>Documentation</Translate>,
+    label: <Translate>Docs</Translate>,
     to: '/docs/Intro'
   },
   {
@@ -22,19 +22,19 @@ const navbar = [
     to: 'https://template.cloud.sealos.io'
   },
   {
-    key: 'community',
-    label: <Translate>Community</Translate>,
-    to: 'https://forum.laf.run/'
+    key: 'blog',
+    label: <Translate>Blog</Translate>,
+    to: '/blog'
   },
   {
     key: 'hosting',
     label: <Translate>Hosting</Translate>,
     to: '/self-hosting '
   },
   {
-    key: 'blog',
-    label: <Translate>Blog</Translate>,
-    to: '/blog'
+    key: 'community',
+    label: <Translate>Community</Translate>,
+    to: 'https://forum.laf.run/'
   },
   {
     key: 'contact',
@@ -45,7 +45,7 @@ const navbar = [
 
 const i18nObj = {
   startNow: <Translate>Start Now</Translate>,
-  cloudOS: <Translate>Cloud Operating System</Translate>
+  cloudOS: <Translate>for all applications</Translate>
 };
 
 const HomeHeader = ({ isPc }: { isPc: boolean }) => {
@@ -115,30 +115,30 @@ const HomeHeader = ({ isPc }: { isPc: boolean }) => {
         <main>
           {currentLocale === 'en' ? (
             <div className="sealos-main-header">
-              <span className="txt-title">Kubernetes&nbsp;</span>
-              <span className="txt-aid">as the kernel</span>
+              <span className="txt-aid">One cloud&nbsp;</span>
+              <span className="txt-title">OS</span>
             </div>
           ) : (
             <div className="sealos-main-header">
-              <span className="txt-aid">以&nbsp;</span>
-              <span className="txt-title">Kubernetes&nbsp;</span>
-              <span className="txt-aid">为内核</span>
+              <span className="txt-aid">一个</span>
+              <span className="txt-title">云操作系统</span>
             </div>
           )}
 
           <h1>{i18nObj.cloudOS}</h1>
 
           {currentLocale === 'en' ? (
             <h3>
-              Abstracting the entire data center as a singular server, where everything is an
-              application. You can use Sealos as seamlessly as operating a&nbsp;
-              <span className="txt-title">personal computer.</span>
+              Sealos is the cloud OS for deploying, managing and scaling your applications&nbsp;
+              <span className="txt-title">in seconds</span>
+              , not minutes, not hours.&nbsp;
+              <span className="txt-title">Use Sealos as easily as your own PC!</span>
             </h3>
           ) : (
             <h3>
-              整个数据中心抽象成一台服务器，一切皆应用，像使用
-              <span className="txt-title">个人电脑</span>
-              一样使用 Sealos！
+              Sealos 是一个无需云计算专业知识，就能在
+              <span className="txt-title">几秒钟内</span>
+              部署、管理和扩展应用的云操作系统。就像使用个人电脑一样！
             </h3>
           )}
           <a className="start-now-button" href={`${cloudUrl}?bd_vid=${bd_vid}`} target="_blank">
@@ -205,30 +205,30 @@ const HomeHeader = ({ isPc }: { isPc: boolean }) => {
       <main>
         {currentLocale === 'en' ? (
           <div className="sealos-main-header">
-            <span className="txt-title">Kubernetes&nbsp;</span>
-            <span className="txt-aid">as the kernel</span>
+            <span className="txt-aid">One cloud&nbsp;</span>
+            <span className="txt-title">OS</span>
           </div>
         ) : (
           <div className="sealos-main-header">
-            <span className="txt-aid">以&nbsp;</span>
-            <span className="txt-title">Kubernetes&nbsp;</span>
-            <span className="txt-aid">为内核</span>
+            <span className="txt-aid">一个</span>
+            <span className="txt-title">云操作系统</span>
           </div>
         )}
 
         <h1>{i18nObj.cloudOS}</h1>
 
         {currentLocale === 'en' ? (
           <h3>
-            Abstracting the entire data center as a singular server, where everything is an
-            application. You can use Sealos as seamlessly as operating a&nbsp;
-            <span className="txt-title">personal computer.</span>
+            Sealos is the cloud OS for deploying, managing and scaling your applications&nbsp;
+            <span className="txt-title">in seconds</span>
+            , not minutes, not hours.&nbsp;
+            <span className="txt-title">Use Sealos as easily as your own PC!</span>
           </h3>
         ) : (
           <h3>
-            整个数据中心抽象成一台服务器，一切皆应用，像使用
-            <span className="txt-title">个人电脑</span>
-            一样使用 Sealos！
+            Sealos 是一个无需云计算专业知识，就能在
+            <span className="txt-title">几秒钟内</span>
+            部署、管理和扩展应用的云操作系统。就像使用个人电脑一样！
           </h3>
         )}