You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampark.apache.org by be...@apache.org on 2022/09/13 06:33:45 UTC

[incubator-streampark-website] branch dev updated: [feature] team and users page update. (#125)

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

benjobs pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-streampark-website.git


The following commit(s) were added to refs/heads/dev by this push:
     new 9d824aa  [feature] team and users page update. (#125)
9d824aa is described below

commit 9d824aacef742fa1bdf4615e41faffe811208814
Author: benjobs <be...@apache.org>
AuthorDate: Tue Sep 13 14:33:39 2022 +0800

    [feature] team and users page update. (#125)
---
 src/pages/home/feature.jsx      |   2 +-
 src/pages/home/hero.jsx         |  12 +-
 src/pages/home/index.less       |   4 +-
 src/pages/home/languages.json   |   8 +-
 src/pages/home/performance.jsx  |   1 -
 src/pages/home/performance.less |   2 +
 src/pages/home/theme.less       |   2 +-
 src/pages/team/index.jsx        |  41 ++++-
 src/pages/team/index.less       |   3 +-
 src/pages/team/languages.json   | 366 ++++++++++++++--------------------------
 src/pages/user/index.js         |   4 +-
 src/pages/user/languages.json   |   2 +-
 static/home/dashboard.png       | Bin 0 -> 327763 bytes
 static/home/dashboard.svg       |   3 +
 static/home/wave.svg            |  11 +-
 15 files changed, 190 insertions(+), 271 deletions(-)

diff --git a/src/pages/home/feature.jsx b/src/pages/home/feature.jsx
index d72a340..2bf2930 100644
--- a/src/pages/home/feature.jsx
+++ b/src/pages/home/feature.jsx
@@ -7,7 +7,7 @@ export default function () {
   const language = isBrowser && location.pathname.indexOf('/zh-CN/') === 0 ? 'zh-CN' : 'en'
   const dataSource = config?.[language];
   return (
-    <div className="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light">
+    <div className="section bg-light">
       <div className="container">
         <div className="row text-center">
           <div className="col-12">
diff --git a/src/pages/home/hero.jsx b/src/pages/home/hero.jsx
index 42646ad..197324e 100644
--- a/src/pages/home/hero.jsx
+++ b/src/pages/home/hero.jsx
@@ -4,7 +4,7 @@ import useIsBrowser from '@docusaurus/useIsBrowser'
 import config from './languages.json'
 import RocketIcon from "../../../static/home/rocket.svg"
 import BlockIcon from "../../../static/home/block.svg"
-import StartUp from "../../../static/home/startup.svg"
+import StartUp from "../../../static/home/dashboard.svg"
 import Wave from "../../../static/home/wave.svg"
 export default function () {
   const isBrowser = useIsBrowser();
@@ -73,17 +73,17 @@ export default function () {
           <div className="col-md-6  col-8 align-self-center pe-5" data-aos="fade-right">
             <div className="text-start mt-0">
               <div className="mb-5 system_info pt-0">
-                <h2 className="fw-bold text-white mb-3">
-                  <div className="animated-gradient-text_background animated-gradient-text_background-1" style={{ '--content': '"Apache"', '--start-color': '#007CF0', '--end-color': '#00DFD8' }}>
+                <div className="project_title fw-bold text-white mb-3">
+                  <div className="animated-gradient-text_background animated-gradient-text_background-1" style={{ '--content': '"Apache"', '--start-color': '#00DFD8', '--end-color': '#FFF' }}>
                     <span className="animated-gradient-text_foreground animated-gradient-text_foreground-1">Apache</span>
                   </div>
                   <div className="d-flex justify-content-between align-items-start">
-                    <div className="animated-gradient-text_background animated-gradient-text_background-2" style={{ '--content': '"StreamPark"', '--start-color': '#FF4D4D', '--end-color': '#F9CB28' }}>
+                    <div className="animated-gradient-text_background animated-gradient-text_background-2" style={{ '--content': '"StreamPark"', '--start-color': '#FFF', '--end-color': '#00DFD8' }}>
                       <span className="animated-gradient-text_foreground animated-gradient-text_foreground-2">StreamPark</span>
                     </div>
                     <span className="badge bg-secondary-home fs-6 tag">Incubating</span>
                   </div>
-                </h2>
+                </div>
                 <p className="lead text-light">{dataSource.slogan.description}</p>
               </div>
               <a className="btn streamx-btn btn mt-30 ztop" href="https://github.com/apache/incubator-streampark"
@@ -107,7 +107,7 @@ export default function () {
           {/* hero image */}
           <div className="col-md-6 col-4 align-self-center">
             <div className="px-3 px-sm-7 px-md-2 mt-5 mt-0 mb-n9 text-right" data-aos="fade-up" data-aos-delay="100">
-              <StartUp className="img-fluid animated-up-down" />
+              <StartUp className="img-fluid" />
             </div>
           </div>
         </div>
diff --git a/src/pages/home/index.less b/src/pages/home/index.less
index b4ff7e1..fd137de 100644
--- a/src/pages/home/index.less
+++ b/src/pages/home/index.less
@@ -1592,8 +1592,8 @@ hr {
 }
 
 
-.system_info h2 {
-  font-size: 5.5rem;
+.system_info .project_title {
+  font-size: 4.5875rem;
   margin-bottom: 15px;
   font-weight: bolder;
   line-height: 6.5rem;
diff --git a/src/pages/home/languages.json b/src/pages/home/languages.json
index 4a24c8e..3c4a366 100644
--- a/src/pages/home/languages.json
+++ b/src/pages/home/languages.json
@@ -50,14 +50,14 @@
       {
         "title": "一站式解决方案",
         "icon": "lni-display-alt",
-        "details": "StreamX集成了项目编译,发布,参数配置,任务监控,在线IDE等众多功能于一身,是一个一站式综合数据平台"
+        "details": "StreamPark 集成了项目编译,发布,参数配置,任务监控,在线IDE等众多功能于一身,是一个一站式综合数据平台"
       }
     ],
     "development": [
       {
         "icon": "lni-code",
         "title": "编写代码",
-        "description": "使用 streamx 快速开始开发代码"
+        "description": "使用 StreamPark 快速开始开发代码"
       },
       {
         "icon": "lni-bug",
@@ -67,7 +67,7 @@
       {
         "icon": "lni-bolt-alt",
         "title": "部署任务",
-        "description": "使用streamx-console部署任务和管理任务"
+        "description": "使用 streampark-console 部署任务和管理任务"
       }
     ],
     "honor" : {
@@ -133,7 +133,7 @@
       {
         "icon": "lni-code",
         "title": "Write",
-        "description": "Quickly developing app using streamx-core Api"
+        "description": "Quickly developing app using streampark-core Api"
       },
       {
         "icon": "lni-bug",
diff --git a/src/pages/home/performance.jsx b/src/pages/home/performance.jsx
index ed5030f..57308da 100644
--- a/src/pages/home/performance.jsx
+++ b/src/pages/home/performance.jsx
@@ -65,7 +65,6 @@ export default function () {
               <img src={useBaseUrl('/home/code.png')} alt=""></img>
             </div>
           </div>
-
         </div>
       </div>
 
diff --git a/src/pages/home/performance.less b/src/pages/home/performance.less
index d67512b..e51db2e 100644
--- a/src/pages/home/performance.less
+++ b/src/pages/home/performance.less
@@ -101,4 +101,6 @@
 }
 .border-dot{
   border:1px dashed #e8e8e8;
+  margin-bottom: 80px;
+  max-width: 500px;
 }
diff --git a/src/pages/home/theme.less b/src/pages/home/theme.less
index ff87376..df1ee09 100644
--- a/src/pages/home/theme.less
+++ b/src/pages/home/theme.less
@@ -2235,7 +2235,7 @@ section,
 
 .bg-gradient-primary {
   background-color: var(--bs-primary);
-  background-image: linear-gradient(130deg, #4922b3 15%, #5b2be0 40%, #5b2be0 60%, #7c55e6 100%) !important;
+  background-image: linear-gradient(130deg, #4922b3 15%, #5b2be0 40%, #5b2be0 60%, #7c55e6 100%) !important
 }
 
 .bg-gradient-secondary {
diff --git a/src/pages/team/index.jsx b/src/pages/team/index.jsx
index 5f0d40f..f49c33c 100644
--- a/src/pages/team/index.jsx
+++ b/src/pages/team/index.jsx
@@ -24,19 +24,19 @@ export default function () {
         });
         window.addEventListener('load', AOS.refresh);
         return <Layout>
-          <div className="block team_page">
-            <h3 className="fs-1 mb-4 fw-bold text-center">StreamPark Team</h3>
-            <hr className="divider my-4 mx-auto" style={{maxWidth:"15rem"}}></hr>
+          <div className="block team_page" style={{ padding: "10px 0 30px" }}>
+            <h3 className="fs-2 mb-4 fw-bold text-center">StreamPark Team</h3>
+            <hr className="divider my-4 mx-auto" style={{ maxWidth: "10rem" }}></hr>
             <p className="team_desc team_indent">{dataSource.info.desc}</p>
             <h3 className="team_title mb-5">
-              Contributor
+              Mentor
               <span className="desc">{dataSource.info.tip}</span>
             </h3>
             <div className="row bg-gray py-4">
               {
-                dataSource.contributor.map((item, i) => (
+                dataSource.mentor.map((item, i) => (
                   <div className="team_user mb-5 px-4" key={i} data-aos="fade-up" data-aos-delay={i * 100}>
-                    <a href={'https://github.com/' + item.githubId} target="_blank">
+                    <a href={item.gitUrl} target="_blank">
                       <div className="team team-hover rounded">
                         <div className="team-img">
                           <img src={item.avatarUrl} alt={item.name} />
@@ -45,7 +45,7 @@ export default function () {
                           <span className="team-name text-dark">{item.name}</span>
                           <p className="team-leader d-flex align-items-center justify-content-center">
                             <Github className="github-icon" />
-                            {item.githubId}
+                            {item.name}
                           </p>
                         </div>
                       </div>
@@ -55,6 +55,33 @@ export default function () {
               }
             </div>
 
+            <h3 className="team_title mb-5">
+              PPMC
+              <span className="desc">{dataSource.info.tip}</span>
+            </h3>
+            <div className="row bg-gray py-4">
+              {
+                dataSource.PPMC.map((item, i) => (
+                    <div className="team_user mb-5 px-4" key={i} data-aos="fade-up" data-aos-delay={i * 100}>
+                      <a href={item.gitUrl} target="_blank">
+                        <div className="team team-hover rounded">
+                          <div className="team-img">
+                            <img src={item.avatarUrl} alt={item.name} />
+                          </div>
+                          <div className="team-info">
+                            <span className="team-name text-dark">{item.name}</span>
+                            <p className="team-leader d-flex align-items-center justify-content-center">
+                              <Github className="github-icon" />
+                              {item.name}
+                            </p>
+                          </div>
+                        </div>
+                      </a>
+                    </div>
+                ))
+              }
+            </div>
+
           </div>
         </Layout>;
       }}
diff --git a/src/pages/team/index.less b/src/pages/team/index.less
index 069aafd..c8d55e9 100644
--- a/src/pages/team/index.less
+++ b/src/pages/team/index.less
@@ -20,7 +20,6 @@
   }
 
   .team_indent {
-    text-indent: 2em;
     line-height: 40px;
   }
 
@@ -105,7 +104,7 @@
 /*****************************
   team
 *****************************/
-.team_user{
+.team_user {
   width: 20%!important;
 }
 .team {
diff --git a/src/pages/team/languages.json b/src/pages/team/languages.json
index 82eb4d8..d74fa1f 100644
--- a/src/pages/team/languages.json
+++ b/src/pages/team/languages.json
@@ -4,150 +4,93 @@
       "desc": "StreamPark 社区由贡献者组成。 贡献者可以直接访问 StreamPark 项目的源代码并参与贡献当中(包括但不限于代码的贡献)。 贡献者通过提交补丁和建议来改善项目。 该项目的贡献者数量是无限的。 无论是琐碎的清理工作,重要的新功能还是其他重大的奖励,对 StreamPark 所做的所有贡献都将受到极大的赞赏。",
       "tip": "(排名不分先后)"
     },
-    "contributor": [
+    "mentor" : [
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/22493821",
-        "email": "yulin.ying@outlook.com",
-        "gitUrl": "https://github.com/Al-assad",
-        "githubId": "Al-assad",
-        "name": "Al-assad"
+        "apacheId": "tison",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/18818196",
+        "email": "wander4096@gmail.com",
+        "gitUrl": "https://github.com/tisonkun",
+        "name": "tison"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/95013770",
-        "email": "eo65535@163.com",
-        "gitUrl": "https://github.com/zhangjun0x01",
-        "githubId": "leo65535",
-        "name": "leo65535"
+        "apacheId": "ningjiang",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/219644?v=4",
+        "email": "ningjiang@apache.org",
+        "gitUrl": "https://github.com/WillemJiang",
+        "githubId": "WillemJiang",
+        "name": "Willem Ning Jiang"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/7881241",
-        "email": "xinzhuxiansheng@126.com",
-        "gitUrl": "https://github.com/xinzhuxiansheng",
-        "githubId": "xinzhuxiansheng",
-        "name": "xinzhuxiansheng"
+        "apacheId": "zhangduo",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/4958168?v=4",
+        "email": "zhangduo@apache.org",
+        "gitUrl": "https://github.com/Apache9",
+        "name": "Duo Zhang"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/26395958",
-        "email": "xiejiajun02@163.com",
-        "gitUrl": "https://github.com/xiejiajun",
-        "githubId": "xiejiajun",
-        "name": "xiejiajun"
+        "apacheId": "sewen",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/1727146?v=4",
+        "email": "sewen@apache.org",
+        "gitUrl": "https://github.com/StephanEwen",
+        "name": "Stephan Ewen"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/29206593",
-        "email": "",
-        "gitUrl": "https://github.com/wuchunfu",
-        "githubId": "wuchunfu",
-        "name": "wuchunfu"
-      },
+        "apacheId": "thw",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/263695?v=4",
+        "email": "thw@apache.org",
+        "gitUrl": "https://github.com/tweise",
+        "name": "Thomas Weise"
+      }
+    ],
+    "PPMC": [
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/13284744",
-        "email": "benjobs@qq.com",
+        "apacheId": "benjobs",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/13284744?v=4",
+        "email": "benjobs@apache.org",
         "gitUrl": "https://github.com/wolfboys",
-        "githubId": "wolfboys",
-        "name": "benjobs"
+        "name": "Huajie Wang"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/29084491",
-        "email": "",
-        "gitUrl": "https://github.com/lvshaokang",
-        "githubId": "lvshaokang",
-        "name": "lvshaokang"
+        "apacheId": "al_assad",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/22493821?v=4",
+        "email": "al_assad@apache.org",
+        "gitUrl": "https://github.com/Al-assad",
+        "name": "Linying Yu"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/10227558",
-        "email": "soberchina0@gmail.com",
-        "gitUrl": "https://github.com/SoberChina",
-        "githubId": "SoberChina",
-        "name": "SoberChina"
+        "apacheId": "monster",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/60029759?v=4",
+        "email": "monster@apache.org",
+        "gitUrl": "https://github.com/MonsterChenzhuo",
+        "name": "Zhuoyu Chen"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/7892927",
-        "email": "1179320652@qq.com",
-        "gitUrl": "https://github.com/yiwei00000",
-        "githubId": "yiwei00000",
-        "name": "yiwei"
+        "apacheId":"tamer",
+        "avatarUrl":"https://avatars.githubusercontent.com/u/5511181?v=4",
+        "email":"tamer@apache.org",
+        "gitUrl":"https://github.com/GuoNingNing",
+        "name":"Ning Guo"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/31752986",
-        "email": "",
-        "gitUrl": "https://github.com/Zclhlmgqzc",
-        "githubId": "Zclhlmgqzc",
-        "name": "Zclhlmgqzc"
+        "apacheId": "yangzhou",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/7881241?v=4",
+        "email": "yangzhou@apache.org",
+        "gitUrl": "https://github.com/xinzhuxiansheng",
+        "name": "Yang Zhou"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/40427110",
-        "email": "",
-        "gitUrl": "https://github.com/WilsonWangCS",
-        "githubId": "Wilson-BT",
-        "name": "Wilson-BT"
+        "apacheId": "lvshaokang",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/29084491?v=4",
+        "email": "lvshaokang@apache.org",
+        "gitUrl": "https://github.com/lvshaokang",
+        "name": "Shaokang Lv"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/45427129",
-        "email": "",
+        "apacheId": "monreid",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/45427129?v=4",
+        "email": "monreid@apache.org",
         "gitUrl": "https://github.com/monrg",
-        "githubId": "monrg",
-        "name": "monrg"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/25563794",
-        "email": "zhangjunemail@126.com",
-        "gitUrl": "https://github.com/zhangjun0x01",
-        "githubId": "zhangjun0x01",
-        "name": "zhangjun"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/30107417",
-        "email": "",
-        "gitUrl": "https://github.com/Whojohn",
-        "githubId": "Whojohn",
-        "name": "Whojohn"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/1220443",
-        "email": "whistler@member.fsf.org",
-        "gitUrl": "https://github.com/weimzh",
-        "githubId": "weimzh",
-        "name": "weimzh"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/5674071",
-        "email": "msn734506700@live.com",
-        "gitUrl": "https://github.com/phillip2019",
-        "githubId": "phillip2019",
-        "name": "phillip2019"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/18678070",
-        "email": "tang2472854207@outlook.com",
-        "gitUrl": "https://github.com/Hermesfuxi",
-        "githubId": "Hermesfuxi",
-        "name": "Hermesfuxi"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/7589426",
-        "email": "",
-        "gitUrl": "https://github.com/haoziaigemao",
-        "githubId": "haoziaigemao",
-        "name": "haoziaigemao"
+        "name": "Qingrong Wang"
       }
     ]
   },
@@ -156,150 +99,93 @@
       "desc": "The StreamPark team is comprised of Members and Contributors. Members have direct access to the source of StreamPark project and actively evolve the code-base. Contributors improve the project through submission of patches and suggestions to the Members. The number of Contributors to the project is unbounded. All contributions to StreamPark are greatly appreciated, whether for trivial cleanups, big new features or other material rewards.",
       "tip": "(In no particular order)"
     },
-    "contributor": [
+    "mentor" : [
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/22493821",
-        "email": "yulin.ying@outlook.com",
-        "gitUrl": "https://github.com/Al-assad",
-        "githubId": "Al-assad",
-        "name": "Al-assad"
+        "apacheId": "tison",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/18818196",
+        "email": "wander4096@gmail.com",
+        "gitUrl": "https://github.com/tisonkun",
+        "name": "tison"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/95013770",
-        "email": "eo65535@163.com",
-        "gitUrl": "https://github.com/zhangjun0x01",
-        "githubId": "leo65535",
-        "name": "leo65535"
+        "apacheId": "ningjiang",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/219644?v=4",
+        "email": "ningjiang@apache.org",
+        "gitUrl": "https://github.com/WillemJiang",
+        "githubId": "WillemJiang",
+        "name": "Willem Ning Jiang"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/7881241",
-        "email": "xinzhuxiansheng@126.com",
-        "gitUrl": "https://github.com/xinzhuxiansheng",
-        "githubId": "xinzhuxiansheng",
-        "name": "xinzhuxiansheng"
+        "apacheId": "zhangduo",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/4958168?v=4",
+        "email": "zhangduo@apache.org",
+        "gitUrl": "https://github.com/Apache9",
+        "name": "Duo Zhang"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/26395958",
-        "email": "xiejiajun02@163.com",
-        "gitUrl": "https://github.com/xiejiajun",
-        "githubId": "xiejiajun",
-        "name": "xiejiajun"
+        "apacheId": "sewen",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/1727146?v=4",
+        "email": "sewen@apache.org",
+        "gitUrl": "https://github.com/StephanEwen",
+        "name": "Stephan Ewen"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/29206593",
-        "email": "",
-        "gitUrl": "https://github.com/wuchunfu",
-        "githubId": "wuchunfu",
-        "name": "wuchunfu"
-      },
+        "apacheId": "thw",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/263695?v=4",
+        "email": "thw@apache.org",
+        "gitUrl": "https://github.com/tweise",
+        "name": "Thomas Weise"
+      }
+    ],
+    "PPMC": [
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/13284744",
-        "email": "benjobs@qq.com",
+        "apacheId": "benjobs",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/13284744?v=4",
+        "email": "benjobs@apache.org",
         "gitUrl": "https://github.com/wolfboys",
-        "githubId": "wolfboys",
-        "name": "benjobs"
+        "name": "Huajie Wang"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/29084491",
-        "email": "",
-        "gitUrl": "https://github.com/lvshaokang",
-        "githubId": "lvshaokang",
-        "name": "lvshaokang"
+        "apacheId": "al_assad",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/22493821?v=4",
+        "email": "al_assad@apache.org",
+        "gitUrl": "https://github.com/Al-assad",
+        "name": "Linying Yu"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/10227558",
-        "email": "soberchina0@gmail.com",
-        "gitUrl": "https://github.com/SoberChina",
-        "githubId": "SoberChina",
-        "name": "SoberChina"
+        "apacheId": "monster",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/60029759?v=4",
+        "email": "monster@apache.org",
+        "gitUrl": "https://github.com/MonsterChenzhuo",
+        "name": "Zhuoyu Chen"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/7892927",
-        "email": "1179320652@qq.com",
-        "gitUrl": "https://github.com/yiwei00000",
-        "githubId": "yiwei00000",
-        "name": "yiwei"
+        "apacheId":"tamer",
+        "avatarUrl":"https://avatars.githubusercontent.com/u/5511181?v=4",
+        "email":"tamer@apache.org",
+        "gitUrl":"https://github.com/GuoNingNing",
+        "name":"Ning Guo"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/31752986",
-        "email": "",
-        "gitUrl": "https://github.com/Zclhlmgqzc",
-        "githubId": "Zclhlmgqzc",
-        "name": "Zclhlmgqzc"
+        "apacheId": "yangzhou",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/7881241?v=4",
+        "email": "yangzhou@apache.org",
+        "gitUrl": "https://github.com/xinzhuxiansheng",
+        "name": "Yang Zhou"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/40427110",
-        "email": "",
-        "gitUrl": "https://github.com/WilsonWangCS",
-        "githubId": "Wilson-BT",
-        "name": "Wilson-BT"
+        "apacheId": "lvshaokang",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/29084491?v=4",
+        "email": "lvshaokang@apache.org",
+        "gitUrl": "https://github.com/lvshaokang",
+        "name": "Shaokang Lv"
       },
       {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/45427129",
-        "email": "",
+        "apacheId": "monreid",
+        "avatarUrl": "https://avatars.githubusercontent.com/u/45427129?v=4",
+        "email": "monreid@apache.org",
         "gitUrl": "https://github.com/monrg",
-        "githubId": "monrg",
-        "name": "monrg"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/25563794",
-        "email": "zhangjunemail@126.com",
-        "gitUrl": "https://github.com/zhangjun0x01",
-        "githubId": "zhangjun0x01",
-        "name": "zhangjun"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/30107417",
-        "email": "",
-        "gitUrl": "https://github.com/Whojohn",
-        "githubId": "Whojohn",
-        "name": "Whojohn"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/1220443",
-        "email": "whistler@member.fsf.org",
-        "gitUrl": "https://github.com/weimzh",
-        "githubId": "weimzh",
-        "name": "weimzh"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/5674071",
-        "email": "msn734506700@live.com",
-        "gitUrl": "https://github.com/phillip2019",
-        "githubId": "phillip2019",
-        "name": "phillip2019"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/18678070",
-        "email": "tang2472854207@outlook.com",
-        "gitUrl": "https://github.com/Hermesfuxi",
-        "githubId": "Hermesfuxi",
-        "name": "Hermesfuxi"
-      },
-      {
-        "apacheId": "",
-        "avatarUrl": "https://avatars.githubusercontent.com/u/7589426",
-        "email": "",
-        "gitUrl": "https://github.com/haoziaigemao",
-        "githubId": "haoziaigemao",
-        "name": "haoziaigemao"
+        "name": "Qingrong Wang"
       }
     ]
   }
diff --git a/src/pages/user/index.js b/src/pages/user/index.js
index 1138a3d..c21596c 100644
--- a/src/pages/user/index.js
+++ b/src/pages/user/index.js
@@ -27,8 +27,8 @@ export default function () {
       return <Layout>
         <div className='block user_page'>
           <div className="user-main" style={{ padding: "10px 0 30px" }}>
-            <h3 className="fs-1 mb-4 fw-bold text-center">{dataSource.common.ourUsers}</h3>
-            <hr className="divider my-4 mx-auto" style={{ maxWidth: "20rem" }}></hr>
+            <h3 className="fs-2 mb-4 fw-bold text-center">{dataSource.common.ourUsers}</h3>
+            <hr className="divider my-4 mx-auto" style={{ maxWidth: "10rem" }}></hr>
             <div className="desc" dangerouslySetInnerHTML={{ __html: dataSource.common.tip }}>
             </div>
             <div className="user_case home_block">
diff --git a/src/pages/user/languages.json b/src/pages/user/languages.json
index d34c8bf..224dc88 100644
--- a/src/pages/user/languages.json
+++ b/src/pages/user/languages.json
@@ -7,7 +7,7 @@
   },
   "en": {
       "common": {
-          "ourUsers": "Who’s using StreamPark?",
+          "ourUsers": "Our Users",
           "tip":"Various companies and organizations use StreamPark for research, production and commercial products.<br/> Are you using this project ? <a href=\"https://github.com/streamxhub/streamx/issues/163\" target=\"_blank\" rel=\"noopener\"><u>you can add your company</u></a>"
       }
   }
diff --git a/static/home/dashboard.png b/static/home/dashboard.png
new file mode 100644
index 0000000..325352b
Binary files /dev/null and b/static/home/dashboard.png differ
diff --git a/static/home/dashboard.svg b/static/home/dashboard.svg
new file mode 100644
index 0000000..8de0449
--- /dev/null
+++ b/static/home/dashboard.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1599.998" height="820.098" viewBox="0 0 3861 1979">
+  <image id="streampark" data-name="dashboard" x="34" y="68" width="3792" height="1911" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAABiMAAAMYCAYAAACpOZTpAAAgAElEQVR4nOzdB3Qc1dXA8f/M9pVWvcu92xiMKaaDqaElQCghkBAglEBCS4AEMAESQvhooTr0QKgBQu/VFNu4YdzlbktW72X77sx33lvJli2ZagfZvr9z9khabZmyZebed+8zbNtmexcKhUgmkxiGsd2vq/jGdgHGdP4sAvoB+UAGYAHb/xtDCCGEEEIIIYQQQmwtZmeMqRmoA9Z1XuYAK4HlsuWFYlkWPp8Pl8u13W8PZ49rhNg+qYTDEcCPgN2AUbKfhRBCCCGEEEIIIcQPZDYwDXgLeB9IyI4Q2zupjBDbuxOAnwNHAemyt4UQQgghhBBC [...]
+</svg>
diff --git a/static/home/wave.svg b/static/home/wave.svg
index 5d802e3..f8710c6 100644
--- a/static/home/wave.svg
+++ b/static/home/wave.svg
@@ -1,5 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
-            <path class="opacity-20 translate-top-2" fill="currentColor"  fill-opacity="1" d="M0,160L60,186.7C120,213,240,267,360,245.3C480,224,600,128,720,106.7C840,85,960,139,1080,149.3C1200,160,1320,128,1380,112L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path>
-            <path class="opacity-30 translate-top-1" fill="currentColor"  fill-opacity="1" d="M0,160L60,186.7C120,213,240,267,360,245.3C480,224,600,128,720,106.7C840,85,960,139,1080,149.3C1200,160,1320,128,1380,112L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path>
-            <path fill="currentColor" fill-opacity="1" d="M0,160L60,186.7C120,213,240,267,360,245.3C480,224,600,128,720,106.7C840,85,960,139,1080,149.3C1200,160,1320,128,1380,112L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path>
-          </svg>
+    <path class="opacity-20 translate-top-2" fill="currentColor" fill-opacity="1"
+          d="M0,160L60,186.7C120,213,240,267,360,245.3C480,224,600,128,720,106.7C840,85,960,139,1080,149.3C1200,160,1320,128,1380,112L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path>
+    <path class="opacity-30 translate-top-1" fill="currentColor" fill-opacity="1"
+          d="M0,160L60,186.7C120,213,240,267,360,245.3C480,224,600,128,720,106.7C840,85,960,139,1080,149.3C1200,160,1320,128,1380,112L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path>
+    <path fill="currentColor" fill-opacity="1"
+          d="M0,160L60,186.7C120,213,240,267,360,245.3C480,224,600,128,720,106.7C840,85,960,139,1080,149.3C1200,160,1320,128,1380,112L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path>
+</svg>