diff --git a/package.json b/package.json
index b7de8fb7..f71d228c 100644
--- a/package.json
+++ b/package.json
@@ -78,8 +78,8 @@
     "prosemirror-tables": "^1.1.1"
   },
   "scripts": {
-    "start": "node scripts/start.js",
-    "build": "node scripts/build.js",
+    "start": "REACT_APP_BUILD_TIME=$(date +%s) node scripts/start.js",
+    "build": "REACT_APP_BUILD_TIME=$(date +%s) node scripts/build.js",
     "deploy": "yarn build && gh-pages -d build",
     "lint": "lint-staged",
     "prepare": "husky install"
diff --git a/src/common/component/FAQ.js b/src/common/component/FAQ.js
new file mode 100644
index 00000000..40ae7e1e
--- /dev/null
+++ b/src/common/component/FAQ.js
@@ -0,0 +1,13 @@
+// import React from "react";
+import dayjs from "dayjs";
+export default function FAQ() {
+  console.log("build time", process.env);
+  return (
+    <div>
+      Build Time:
+      {dayjs(new Date(Number(process.env.REACT_APP_BUILD_TIME + "000"))).format(
+        "YYYY-MM-DD HH:mm:ss"
+      )}
+    </div>
+  );
+}
diff --git a/src/common/component/Setting/navs.js b/src/common/component/Setting/navs.js
index 4762c544..491f0182 100644
--- a/src/common/component/Setting/navs.js
+++ b/src/common/component/Setting/navs.js
@@ -4,6 +4,7 @@ import ConfigFirebase from "./config/Firebase";
 import ConfigSMTP from "./config/SMTP";
 import Notifications from "./Notifications";
 import ManageMembers from "../ManageMembers";
+import FAQ from "../FAQ";
 import ConfigAgora from "./config/Agora";
 const useNavs = () => {
   const navs = [
@@ -70,6 +71,26 @@ const useNavs = () => {
         },
       ],
     },
+    {
+      title: "About",
+      items: [
+        {
+          name: "faq",
+          title: "FAQ",
+          component: <FAQ />,
+        },
+        {
+          name: "terms",
+          title: "Terms & Privacy",
+          component: "Terms & Privacy",
+        },
+        {
+          name: "feedback",
+          title: "Feedback",
+          component: "feedback",
+        },
+      ],
+    },
   ];
   return navs;
 };