This is an automated email from the ASF dual-hosted git repository.

dengliming pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/shenyu-website.git


The following commit(s) were added to refs/heads/main by this push:
     new a847ea5d113 Fix search (#1104)
a847ea5d113 is described below

commit a847ea5d113089d709c2cd73bb068355404929f1
Author: L <[email protected]>
AuthorDate: Wed Dec 17 10:20:20 2025 +0800

    Fix search (#1104)
    
    * Fixed search
    Fixed the 404 error when redirecting from the homepage.
    Fixed the issue of non-standard links within Markdown.
    
    * 1
    
    * 1
---
 docusaurus.config.js                               |  47 +-
 .../current/plugin-center/security/casdoor.md      |   4 +-
 .../current/user-guide/admin-usage/api-document.md |   2 +-
 .../plugin-center/security/casdoor.md              |   4 +-
 .../plugin-center/security/casdoor.md              |   4 +-
 .../user-guide/admin-usage/api-document.md         |   2 +-
 .../plugin-center/security/casdoor.md              |   4 +-
 .../user-guide/admin-usage/api-document.md         |   2 +-
 .../plugin-center/security/casdoor.md              |   4 +-
 .../user-guide/admin-usage/api-document.md         |   2 +-
 .../plugin-center/security/casdoor.md              |   4 +-
 .../user-guide/admin-usage/api-document.md         |   2 +-
 .../plugin-center/security/casdoor.md              |   4 +-
 .../user-guide/admin-usage/api-document.md         |   2 +-
 .../plugin-center/security/casdoor.md              |   4 +-
 .../user-guide/admin-usage/api-document.md         |   2 +-
 package.json                                       |   6 +-
 src/pages/index.module.css                         | 749 +++++++++++----------
 src/pages/index.tsx                                |   4 +-
 19 files changed, 445 insertions(+), 407 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index a83bddfd248..89197e63c58 100755
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -108,14 +108,14 @@ module.exports = {
         "protobuf",
       ],
     },
-    algolia: {
-      // apiKey: "5f882bef2dfc81f5f1b4e5ea87b2f165",
-      appId: 'DY1AXAPBQY',
-      apiKey: '391ef440955a44a32cbeb5e7db9a2b6c',
-      indexName: "apache_shenyu",
-      // Optional: see doc section below
-      contextualSearch: true,
-    },
+    // algolia: {
+    //   // apiKey: "5f882bef2dfc81f5f1b4e5ea87b2f165",
+    //   appId: 'DY1AXAPBQY',
+    //   apiKey: '391ef440955a44a32cbeb5e7db9a2b6c',
+    //   indexName: "apache_shenyu",
+    //   // Optional: see doc section below
+    //   contextualSearch: true,
+    // },
     imageZoom: {
       // CSS selector to apply the plugin to, defaults to '.markdown img'
       selector: '.markdown img',
@@ -153,6 +153,37 @@ module.exports = {
     ],
   ],
   plugins: [
+    [
+      require.resolve("@easyops-cn/docusaurus-search-local"),
+      {
+        hashed: true,
+        language: ["en", "zh"],
+        highlightSearchTermsOnTargetPage: true,
+        explicitSearchResultPath: true,
+        indexDocs: true,
+        indexBlog: true,
+        indexPages: true,
+        docsRouteBasePath: [
+          "/docs",
+          "/community",
+          "/event",
+          "/shenyuNginx",
+          "/shenyuClientGolang",
+          "/shenyuClientDotnet",
+          "/shenyuClientRust",
+          "/helm",
+        ],
+        blogRouteBasePath: ["/blog", "/news"],
+        searchResultLimits: 8,
+        searchResultContextMaxLength: 50,
+        // 忽略某些不需要索引的元素
+        ignoreFiles: [
+          /node_modules/,
+          /\.docusaurus/,
+          /build/,
+        ],
+      },
+    ],
     [
       "@docusaurus/plugin-content-docs",
       {
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/current/plugin-center/security/casdoor.md
 
b/i18n/zh/docusaurus-plugin-content-docs/current/plugin-center/security/casdoor.md
index a3b09f5d30b..e13225fee80 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/current/plugin-center/security/casdoor.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/current/plugin-center/security/casdoor.md
@@ -14,9 +14,9 @@ ShenYu 有Casdoor插件去使用Casdoor
 
 在成功部署之后,我们需要确保:
 
-* Casdoor服务成功在 **http://localhost:8000**上运行
+* Casdoor服务成功在 [http://localhost:8000](http://localhost:8000)上运行
 
-* 打开你喜爱的浏览器浏览 **http://localhost:7001**,你可以看到Casdoor的登陆页面
+* 打开你喜爱的浏览器浏览 [http://localhost:7001](http://localhost:7001),你可以看到Casdoor的登陆页面
 
 * 输入`admin`和`123`去测试登录是否成功
 
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/current/user-guide/admin-usage/api-document.md
 
b/i18n/zh/docusaurus-plugin-content-docs/current/user-guide/admin-usage/api-document.md
index b0a9114f35f..49262bbee04 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/current/user-guide/admin-usage/api-document.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/current/user-guide/admin-usage/api-document.md
@@ -32,7 +32,7 @@ description: API文档管理
 >
 > 字典名称:表示网关类型,比如填写 `测试环境`、`生产环境`。该值将会出现在API文档详情页面;
 > 
-> 字典值:表示网关地址,比如 http://127.0.0.1:9195。该值将会出现在API文档详情页面;
+> 字典值:表示网关地址,比如 
[http://localhost:9195](http://localhost:9195)。该值将会出现在API文档详情页面;
 >
 > 字典描述或备注:该网关地址用于何种场景,做一个简短描述。该值将会出现在API文档详情页面;
 >
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.5.1/plugin-center/security/casdoor.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.5.1/plugin-center/security/casdoor.md
index a3b09f5d30b..e13225fee80 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.5.1/plugin-center/security/casdoor.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.5.1/plugin-center/security/casdoor.md
@@ -14,9 +14,9 @@ ShenYu 有Casdoor插件去使用Casdoor
 
 在成功部署之后,我们需要确保:
 
-* Casdoor服务成功在 **http://localhost:8000**上运行
+* Casdoor服务成功在 [http://localhost:8000](http://localhost:8000)上运行
 
-* 打开你喜爱的浏览器浏览 **http://localhost:7001**,你可以看到Casdoor的登陆页面
+* 打开你喜爱的浏览器浏览 [http://localhost:7001](http://localhost:7001),你可以看到Casdoor的登陆页面
 
 * 输入`admin`和`123`去测试登录是否成功
 
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.6.0/plugin-center/security/casdoor.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.6.0/plugin-center/security/casdoor.md
index a3b09f5d30b..e13225fee80 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.6.0/plugin-center/security/casdoor.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.6.0/plugin-center/security/casdoor.md
@@ -14,9 +14,9 @@ ShenYu 有Casdoor插件去使用Casdoor
 
 在成功部署之后,我们需要确保:
 
-* Casdoor服务成功在 **http://localhost:8000**上运行
+* Casdoor服务成功在 [http://localhost:8000](http://localhost:8000)上运行
 
-* 打开你喜爱的浏览器浏览 **http://localhost:7001**,你可以看到Casdoor的登陆页面
+* 打开你喜爱的浏览器浏览 [http://localhost:7001](http://localhost:7001),你可以看到Casdoor的登陆页面
 
 * 输入`admin`和`123`去测试登录是否成功
 
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.6.0/user-guide/admin-usage/api-document.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.6.0/user-guide/admin-usage/api-document.md
index b0a9114f35f..49262bbee04 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.6.0/user-guide/admin-usage/api-document.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.6.0/user-guide/admin-usage/api-document.md
@@ -32,7 +32,7 @@ description: API文档管理
 >
 > 字典名称:表示网关类型,比如填写 `测试环境`、`生产环境`。该值将会出现在API文档详情页面;
 > 
-> 字典值:表示网关地址,比如 http://127.0.0.1:9195。该值将会出现在API文档详情页面;
+> 字典值:表示网关地址,比如 
[http://localhost:9195](http://localhost:9195)。该值将会出现在API文档详情页面;
 >
 > 字典描述或备注:该网关地址用于何种场景,做一个简短描述。该值将会出现在API文档详情页面;
 >
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.6.1/plugin-center/security/casdoor.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.6.1/plugin-center/security/casdoor.md
index a3b09f5d30b..e13225fee80 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.6.1/plugin-center/security/casdoor.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.6.1/plugin-center/security/casdoor.md
@@ -14,9 +14,9 @@ ShenYu 有Casdoor插件去使用Casdoor
 
 在成功部署之后,我们需要确保:
 
-* Casdoor服务成功在 **http://localhost:8000**上运行
+* Casdoor服务成功在 [http://localhost:8000](http://localhost:8000)上运行
 
-* 打开你喜爱的浏览器浏览 **http://localhost:7001**,你可以看到Casdoor的登陆页面
+* 打开你喜爱的浏览器浏览 [http://localhost:7001](http://localhost:7001),你可以看到Casdoor的登陆页面
 
 * 输入`admin`和`123`去测试登录是否成功
 
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.6.1/user-guide/admin-usage/api-document.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.6.1/user-guide/admin-usage/api-document.md
index b0a9114f35f..49262bbee04 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.6.1/user-guide/admin-usage/api-document.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.6.1/user-guide/admin-usage/api-document.md
@@ -32,7 +32,7 @@ description: API文档管理
 >
 > 字典名称:表示网关类型,比如填写 `测试环境`、`生产环境`。该值将会出现在API文档详情页面;
 > 
-> 字典值:表示网关地址,比如 http://127.0.0.1:9195。该值将会出现在API文档详情页面;
+> 字典值:表示网关地址,比如 
[http://localhost:9195](http://localhost:9195)。该值将会出现在API文档详情页面;
 >
 > 字典描述或备注:该网关地址用于何种场景,做一个简短描述。该值将会出现在API文档详情页面;
 >
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.1/plugin-center/security/casdoor.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.1/plugin-center/security/casdoor.md
index a3b09f5d30b..e13225fee80 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.1/plugin-center/security/casdoor.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.1/plugin-center/security/casdoor.md
@@ -14,9 +14,9 @@ ShenYu 有Casdoor插件去使用Casdoor
 
 在成功部署之后,我们需要确保:
 
-* Casdoor服务成功在 **http://localhost:8000**上运行
+* Casdoor服务成功在 [http://localhost:8000](http://localhost:8000)上运行
 
-* 打开你喜爱的浏览器浏览 **http://localhost:7001**,你可以看到Casdoor的登陆页面
+* 打开你喜爱的浏览器浏览 [http://localhost:7001](http://localhost:7001),你可以看到Casdoor的登陆页面
 
 * 输入`admin`和`123`去测试登录是否成功
 
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.1/user-guide/admin-usage/api-document.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.1/user-guide/admin-usage/api-document.md
index b0a9114f35f..49262bbee04 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.1/user-guide/admin-usage/api-document.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.1/user-guide/admin-usage/api-document.md
@@ -32,7 +32,7 @@ description: API文档管理
 >
 > 字典名称:表示网关类型,比如填写 `测试环境`、`生产环境`。该值将会出现在API文档详情页面;
 > 
-> 字典值:表示网关地址,比如 http://127.0.0.1:9195。该值将会出现在API文档详情页面;
+> 字典值:表示网关地址,比如 
[http://localhost:9195](http://localhost:9195)。该值将会出现在API文档详情页面;
 >
 > 字典描述或备注:该网关地址用于何种场景,做一个简短描述。该值将会出现在API文档详情页面;
 >
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.2/plugin-center/security/casdoor.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.2/plugin-center/security/casdoor.md
index a3b09f5d30b..e13225fee80 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.2/plugin-center/security/casdoor.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.2/plugin-center/security/casdoor.md
@@ -14,9 +14,9 @@ ShenYu 有Casdoor插件去使用Casdoor
 
 在成功部署之后,我们需要确保:
 
-* Casdoor服务成功在 **http://localhost:8000**上运行
+* Casdoor服务成功在 [http://localhost:8000](http://localhost:8000)上运行
 
-* 打开你喜爱的浏览器浏览 **http://localhost:7001**,你可以看到Casdoor的登陆页面
+* 打开你喜爱的浏览器浏览 [http://localhost:7001](http://localhost:7001),你可以看到Casdoor的登陆页面
 
 * 输入`admin`和`123`去测试登录是否成功
 
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.2/user-guide/admin-usage/api-document.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.2/user-guide/admin-usage/api-document.md
index b0a9114f35f..49262bbee04 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.2/user-guide/admin-usage/api-document.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.2/user-guide/admin-usage/api-document.md
@@ -32,7 +32,7 @@ description: API文档管理
 >
 > 字典名称:表示网关类型,比如填写 `测试环境`、`生产环境`。该值将会出现在API文档详情页面;
 > 
-> 字典值:表示网关地址,比如 http://127.0.0.1:9195。该值将会出现在API文档详情页面;
+> 字典值:表示网关地址,比如 
[http://localhost:9195](http://localhost:9195)。该值将会出现在API文档详情页面;
 >
 > 字典描述或备注:该网关地址用于何种场景,做一个简短描述。该值将会出现在API文档详情页面;
 >
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.3/plugin-center/security/casdoor.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.3/plugin-center/security/casdoor.md
index a3b09f5d30b..e13225fee80 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.3/plugin-center/security/casdoor.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.3/plugin-center/security/casdoor.md
@@ -14,9 +14,9 @@ ShenYu 有Casdoor插件去使用Casdoor
 
 在成功部署之后,我们需要确保:
 
-* Casdoor服务成功在 **http://localhost:8000**上运行
+* Casdoor服务成功在 [http://localhost:8000](http://localhost:8000)上运行
 
-* 打开你喜爱的浏览器浏览 **http://localhost:7001**,你可以看到Casdoor的登陆页面
+* 打开你喜爱的浏览器浏览 [http://localhost:7001](http://localhost:7001),你可以看到Casdoor的登陆页面
 
 * 输入`admin`和`123`去测试登录是否成功
 
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.3/user-guide/admin-usage/api-document.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.3/user-guide/admin-usage/api-document.md
index b0a9114f35f..49262bbee04 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.3/user-guide/admin-usage/api-document.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0.3/user-guide/admin-usage/api-document.md
@@ -32,7 +32,7 @@ description: API文档管理
 >
 > 字典名称:表示网关类型,比如填写 `测试环境`、`生产环境`。该值将会出现在API文档详情页面;
 > 
-> 字典值:表示网关地址,比如 http://127.0.0.1:9195。该值将会出现在API文档详情页面;
+> 字典值:表示网关地址,比如 
[http://localhost:9195](http://localhost:9195)。该值将会出现在API文档详情页面;
 >
 > 字典描述或备注:该网关地址用于何种场景,做一个简短描述。该值将会出现在API文档详情页面;
 >
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0/plugin-center/security/casdoor.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0/plugin-center/security/casdoor.md
index a3b09f5d30b..e13225fee80 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0/plugin-center/security/casdoor.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0/plugin-center/security/casdoor.md
@@ -14,9 +14,9 @@ ShenYu 有Casdoor插件去使用Casdoor
 
 在成功部署之后,我们需要确保:
 
-* Casdoor服务成功在 **http://localhost:8000**上运行
+* Casdoor服务成功在 [http://localhost:8000](http://localhost:8000)上运行
 
-* 打开你喜爱的浏览器浏览 **http://localhost:7001**,你可以看到Casdoor的登陆页面
+* 打开你喜爱的浏览器浏览 [http://localhost:7001](http://localhost:7001),你可以看到Casdoor的登陆页面
 
 * 输入`admin`和`123`去测试登录是否成功
 
diff --git 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0/user-guide/admin-usage/api-document.md
 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0/user-guide/admin-usage/api-document.md
index b0a9114f35f..49262bbee04 100644
--- 
a/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0/user-guide/admin-usage/api-document.md
+++ 
b/i18n/zh/docusaurus-plugin-content-docs/version-2.7.0/user-guide/admin-usage/api-document.md
@@ -32,7 +32,7 @@ description: API文档管理
 >
 > 字典名称:表示网关类型,比如填写 `测试环境`、`生产环境`。该值将会出现在API文档详情页面;
 > 
-> 字典值:表示网关地址,比如 http://127.0.0.1:9195。该值将会出现在API文档详情页面;
+> 字典值:表示网关地址,比如 
[http://localhost:9195](http://localhost:9195)。该值将会出现在API文档详情页面;
 >
 > 字典描述或备注:该网关地址用于何种场景,做一个简短描述。该值将会出现在API文档详情页面;
 >
diff --git a/package.json b/package.json
index 5548186e890..bf87a01a657 100755
--- a/package.json
+++ b/package.json
@@ -17,9 +17,9 @@
     "lint:fix": "markdownlint '**/*.md' --ignore node_modules --config 
./.github/.markdownlint.yml --fix"
   },
   "dependencies": {
-    "@docusaurus/core": "3.0.0",
-    "@docusaurus/preset-classic": "3.0.0",
-    "@docusaurus/theme-search-algolia": "3.0.0",
+    "@docusaurus/core": "3.6.3",
+    "@docusaurus/preset-classic": "3.6.3",
+    "@easyops-cn/docusaurus-search-local": "^0.44.5",
     "@headlessui/react": "^1.4.1",
     "@mdx-js/react": "^3.0.0",
     "@svgr/webpack": "^5.5.0",
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index a3b4f5c73fe..179e92f5796 100755
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -1,373 +1,378 @@
-.primaryColor {
-  color: var(--ifm-color-primary);
-}
-
-.section {
-  padding: 4.5rem 0;
-  width: 100%;
-}
-
-.sectionDashboard {
-  width: 100%;
-  position: relative;
-}
-
-.sectionAlt {
-  background-color: var(--ifm-color-emphasis-100);
-}
-
-.sectionInner {
-  margin: 0 auto;
-  user-select: none;
-}
-
-.hero {
-  background-color: #F5F6F7;
-  padding: 3rem;
-  border-radius: 0.5rem;
-}
-
-.heroProjectTitle {
-  color: #fff;
-  font-size: 3.75rem;
-  margin: 0;
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  margin-bottom: .5em;
-}
-
-.heroProjectLogo {
-  height: 1.2em;
-  margin-right: .25em;
-}
-
-.heroTitleTextHtml b {
-  color: #FF5C00;
-}
-
-.buttonGetStarted {
-  width: 10rem;
-  background-color: #000033;
-  text-align: center;
-  height: 40px;
-  color: #fff;
-  line-height: 40px;
-  box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
-  border-radius: 8px;
-}
-
-.buttonGetStarted:hover {
-  text-decoration: none;
-  color: #fff;
-}
-
-.buttonGithub {
-  width: 10rem;
-  background-color: #fff;
-  text-align: center;
-  height: 40px;
-  color: #000033;
-  line-height: 40px;
-  box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
-  border-radius: 8px;
-}
-
-.buttonGithub:hover {
-  text-decoration: none;
-  color: #000033;
-}
-
-.containerCenter {
-  text-align: center;
-}
-
-.dividingLineBorder {
-  display: inline-block;
-  width: 60%;
-  height: 1px;
-  background: -webkit-linear-gradient(left, #fff -4%, #ccc 50%, #fff 100%);
-}
-
-@keyframes jackInTheBox {
-  from {
-    opacity: 0;
-    transform: scale(0.1) rotate(30deg);
-    transform-origin: center bottom;
-  }
-
-  50% {
-    transform: rotate(-10deg);
-  }
-
-  70% {
-    transform: rotate(3deg);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.logoContainer {
-  border-radius: 8px;
-  box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
-  animation-duration: 2s;
-  animation-name: jackInTheBox;
-  float: right;
-  /* padding: 0 20px 20px; */
-  width: 100%;
-  max-width: 37.5rem;
-  height: 400px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgb(245, 246, 247);
-}
-
-.heroLogo {
-  max-width: 100%;
-  height: auto;
-}
-
-.indexCtas {
-  --ifm-button-size-multiplier: 1.6;
-  display: flex;
-  align-items: center;
-  margin-top: 24px;
-}
-
-.indexCtas a:last-of-type {
-  margin: 20px 36px;
-}
-
-.indexCtasGitHubButtonWrapper {
-  display: flex;
-}
-
-.indexCtasGitHubButton {
-  overflow: hidden;
-  border: none;
-}
-
-.indexCtaTryNowButton:hover {
-  color: var(--ifm-color-primary);
-}
-
-.userSwiperContainer {
-  position: relative;
-  text-align: center;
-}
-
-
-.blockTitle:before {
-  content: "";
-  display: block;
-  width: 3rem;
-  height: 3px;
-  background-color: var(--ifm-color-primary);
-  margin: 0 auto 8px;
-}
-
-.blockTitle {
-  text-shadow: 4px 6px 0 rgb(0 0 0 / 7%);
-}
-
-.blockDescription {
-  margin-top: 40px;
-}
-
-.userPart {
-  display: block;
-  position: relative;
-  height: 360px;
-  width: 100%;
-  overflow: hidden;
-}
-
-.scrollView {
-  margin-top: 40px;
-  animation: 15s linear 0s infinite alternate none running animation-autoplay;
-  position: absolute;
-}
-
-@keyframes animation-autoplay {
-  0% {
-    transform: translate3d(0px, 0px, 0px);
-  }
-
-  100% {
-    transform: translate3d(-2000px, 0px, 0px);
-  }
-}
-
-.scrollLine1 {
-  display: flex;
-  align-items: center;
-}
-
-.scrollLine2 {
-  display: flex;
-  align-items: center;
-}
-
-.scrollLine3 {
-  display: flex;
-  align-items: center;
-}
-
-
-.scrollItem {
-  flex-shrink: 0;
-  width: 170px;
-  padding: 15px 0px;
-  height: 100px;
-}
-
-.scrollImage {
-  width: 68%;
-  height: 68%;
-  object-fit: contain;
-}
-
-.scrollItemLeft {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-}
-
-.scrollItemRight {
-  position: absolute;
-  right: 0;
-  top: 0;
-  bottom: 0;
-}
-
-.scrollItemLeftInner {
-  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
-  width: 88px;
-  height: 100%;
-}
-
-.scrollItemRightInner {
-  background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
-  width: 88px;
-  height: 100%;
-}
-
-.contentImg {
-  display: table;
-  margin: 0 auto;
-}
-
-[data-theme='dark'] .hero {
-  background-color: #1C1E21;
-}
-
-[data-theme='dark'] .scrollItemLeftInner {
-  background: linear-gradient(90deg, #272a36 0%, rgba(255, 255, 255, 0) 100%);
-}
-
-[data-theme='dark'] .scrollItemRightInner {
-  background: linear-gradient(-90deg, #272a36 0%, rgba(255, 255, 255, 0) 100%);
-}
-
-@media screen and (max-width: 996px) {
-  .heroBanner {
-    padding: 2rem;
-  }
-
-  .hero {
-    padding: 2rem 1rem;
-  }
-
-  .hero .row {
-    flex-direction: column;
-  }
-
-  .hero .col {
-    max-width: 100% !important;
-    margin: 0 !important;
-    padding: 0 !important;
-  }
-
-  .heroProjectTitle {
-    font-size: 2.5rem;
-    justify-content: center;
-  }
-
-  .heroProjectTagline {
-    font-size: 20px;
-    text-align: center;
-  }
-
-  .indexCtas {
-    justify-content: center;
-  }
-
-  .logoContainer {
-    border-radius: 8px;
-    box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
-    animation-duration: 2s;
-    animation-name: jackInTheBox;
-    width: 100%;
-    max-width: 100%;
-    height: auto;
-    min-height: 300px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: rgb(245, 246, 247);
-    float: none;
-    margin-top: 2rem;
-    padding: 1rem;
-  }
-
-  .heroLogo {
-    max-width: 100%;
-    height: auto;
-  }
-
-  :global(.user-swiper-button-prev) {
-    top: 50% !important;
-    transform: translateY(-50%) !important;
-    left: 0px !important;
-  }
-
-  :global(.user-swiper-button-next) {
-    top: 50% !important;
-    transform: translateY(-50%) !important;
-    right: 0px !important;
-  }
-}
-
-@media screen and (max-width: 576px) {
-  .hero {
-    padding: 1.5rem 0.5rem;
-  }
-
-  .heroProjectTitle {
-    font-size: 2rem;
-  }
-
-  .heroProjectTagline {
-    font-size: 18px;
-  }
-
-  .buttonGetStarted,
-  .buttonGithub {
-    width: 8rem;
-    font-size: 14px;
-  }
-
-  .indexCtas a:last-of-type {
-    margin: 20px 16px;
-  }
-
-  .logoContainer {
-    min-height: 250px;
-    margin-top: 1.5rem;
-  }
+.primaryColor {
+  color: var(--ifm-color-primary);
+}
+
+.section {
+  padding: 4.5rem 0;
+  width: 100%;
+}
+
+.sectionDashboard {
+  width: 100%;
+  position: relative;
+}
+
+.sectionAlt {
+  background-color: var(--ifm-color-emphasis-100);
+}
+
+.sectionInner {
+  margin: 0 auto;
+  user-select: none;
+}
+
+.hero {
+  background-color: #F5F6F7;
+  padding: 3rem;
+  border-radius: 0.5rem;
+}
+
+.heroProjectTitle {
+  color: #fff;
+  font-size: 3.75rem;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: .5em;
+}
+
+.heroProjectLogo {
+  height: 1.2em;
+  margin-right: .25em;
+  content: url('/img/logo.svg');
+}
+
+[data-theme='dark'] .heroProjectLogo {
+  content: url('/img/logo-light.svg');
+}
+
+.heroTitleTextHtml b {
+  color: #FF5C00;
+}
+
+.buttonGetStarted {
+  width: 10rem;
+  background-color: #000033;
+  text-align: center;
+  height: 40px;
+  color: #fff;
+  line-height: 40px;
+  box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
+  border-radius: 8px;
+}
+
+.buttonGetStarted:hover {
+  text-decoration: none;
+  color: #fff;
+}
+
+.buttonGithub {
+  width: 10rem;
+  background-color: #fff;
+  text-align: center;
+  height: 40px;
+  color: #000033;
+  line-height: 40px;
+  box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
+  border-radius: 8px;
+}
+
+.buttonGithub:hover {
+  text-decoration: none;
+  color: #000033;
+}
+
+.containerCenter {
+  text-align: center;
+}
+
+.dividingLineBorder {
+  display: inline-block;
+  width: 60%;
+  height: 1px;
+  background: -webkit-linear-gradient(left, #fff -4%, #ccc 50%, #fff 100%);
+}
+
+@keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+
+  50% {
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.logoContainer {
+  border-radius: 8px;
+  box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
+  animation-duration: 2s;
+  animation-name: jackInTheBox;
+  float: right;
+  /* padding: 0 20px 20px; */
+  width: 100%;
+  max-width: 37.5rem;
+  height: 400px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgb(245, 246, 247);
+}
+
+.heroLogo {
+  max-width: 100%;
+  height: auto;
+}
+
+.indexCtas {
+  --ifm-button-size-multiplier: 1.6;
+  display: flex;
+  align-items: center;
+  margin-top: 24px;
+}
+
+.indexCtas a:last-of-type {
+  margin: 20px 36px;
+}
+
+.indexCtasGitHubButtonWrapper {
+  display: flex;
+}
+
+.indexCtasGitHubButton {
+  overflow: hidden;
+  border: none;
+}
+
+.indexCtaTryNowButton:hover {
+  color: var(--ifm-color-primary);
+}
+
+.userSwiperContainer {
+  position: relative;
+  text-align: center;
+}
+
+
+.blockTitle:before {
+  content: "";
+  display: block;
+  width: 3rem;
+  height: 3px;
+  background-color: var(--ifm-color-primary);
+  margin: 0 auto 8px;
+}
+
+.blockTitle {
+  text-shadow: 4px 6px 0 rgb(0 0 0 / 7%);
+}
+
+.blockDescription {
+  margin-top: 40px;
+}
+
+.userPart {
+  display: block;
+  position: relative;
+  height: 360px;
+  width: 100%;
+  overflow: hidden;
+}
+
+.scrollView {
+  margin-top: 40px;
+  animation: 15s linear 0s infinite alternate none running animation-autoplay;
+  position: absolute;
+}
+
+@keyframes animation-autoplay {
+  0% {
+    transform: translate3d(0px, 0px, 0px);
+  }
+
+  100% {
+    transform: translate3d(-2000px, 0px, 0px);
+  }
+}
+
+.scrollLine1 {
+  display: flex;
+  align-items: center;
+}
+
+.scrollLine2 {
+  display: flex;
+  align-items: center;
+}
+
+.scrollLine3 {
+  display: flex;
+  align-items: center;
+}
+
+
+.scrollItem {
+  flex-shrink: 0;
+  width: 170px;
+  padding: 15px 0px;
+  height: 100px;
+}
+
+.scrollImage {
+  width: 68%;
+  height: 68%;
+  object-fit: contain;
+}
+
+.scrollItemLeft {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+}
+
+.scrollItemRight {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+
+.scrollItemLeftInner {
+  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
+  width: 88px;
+  height: 100%;
+}
+
+.scrollItemRightInner {
+  background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
+  width: 88px;
+  height: 100%;
+}
+
+.contentImg {
+  display: table;
+  margin: 0 auto;
+}
+
+[data-theme='dark'] .hero {
+  background-color: #1C1E21;
+}
+
+[data-theme='dark'] .scrollItemLeftInner {
+  background: linear-gradient(90deg, #272a36 0%, rgba(255, 255, 255, 0) 100%);
+}
+
+[data-theme='dark'] .scrollItemRightInner {
+  background: linear-gradient(-90deg, #272a36 0%, rgba(255, 255, 255, 0) 100%);
+}
+
+@media screen and (max-width: 996px) {
+  .heroBanner {
+    padding: 2rem;
+  }
+
+  .hero {
+    padding: 2rem 1rem;
+  }
+
+  .hero .row {
+    flex-direction: column;
+  }
+
+  .hero .col {
+    max-width: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+
+  .heroProjectTitle {
+    font-size: 2.5rem;
+    justify-content: center;
+  }
+
+  .heroProjectTagline {
+    font-size: 20px;
+    text-align: center;
+  }
+
+  .indexCtas {
+    justify-content: center;
+  }
+
+  .logoContainer {
+    border-radius: 8px;
+    box-shadow: 6px 6px 22px 2px rgb(0 0 51 / 20%);
+    animation-duration: 2s;
+    animation-name: jackInTheBox;
+    width: 100%;
+    max-width: 100%;
+    height: auto;
+    min-height: 300px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgb(245, 246, 247);
+    float: none;
+    margin-top: 2rem;
+    padding: 1rem;
+  }
+
+  .heroLogo {
+    max-width: 100%;
+    height: auto;
+  }
+
+  :global(.user-swiper-button-prev) {
+    top: 50% !important;
+    transform: translateY(-50%) !important;
+    left: 0px !important;
+  }
+
+  :global(.user-swiper-button-next) {
+    top: 50% !important;
+    transform: translateY(-50%) !important;
+    right: 0px !important;
+  }
+}
+
+@media screen and (max-width: 576px) {
+  .hero {
+    padding: 1.5rem 0.5rem;
+  }
+
+  .heroProjectTitle {
+    font-size: 2rem;
+  }
+
+  .heroProjectTagline {
+    font-size: 18px;
+  }
+
+  .buttonGetStarted,
+  .buttonGithub {
+    width: 8rem;
+    font-size: 14px;
+  }
+
+  .indexCtas a:last-of-type {
+    margin: 20px 16px;
+  }
+
+  .logoContainer {
+    min-height: 250px;
+    margin-top: 1.5rem;
+  }
 }
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 6a4c153ca80..03cd1179a2a 100755
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -38,6 +38,8 @@ function Home() {
                 <img
                   src="/img/logo.svg"
                   className={styles.heroProjectLogo}
+                  data-light-logo="/img/logo.svg"
+                  data-dark-logo="/img/logo-light.svg"
                 ></img>
               </h1>
               <h3 className={styles.heroProjectTagline}>
@@ -55,7 +57,7 @@ function Home() {
                 />
               </h3>
               <div className={styles.indexCtas}>
-                <Link className={styles.buttonGetStarted} to="/docs/index">
+                <Link className={styles.buttonGetStarted} to="/docs">
                   <Translate>Get Started</Translate>
                 </Link>
                 <Link

Reply via email to