diff --git a/app/src/assets/home.less b/app/src/assets/home.less
index ba3edb0e..301073a5 100644
--- a/app/src/assets/home.less
+++ b/app/src/assets/home.less
@@ -236,12 +236,15 @@
   .chat-product {
     display: flex;
     flex-direction: column;
-    gap: 12px;
     flex-grow: 1;
     width: 100%;
     overflow: hidden;
     justify-content: center;
     align-items: center;
+
+    button {
+      margin: 0.5rem 0;
+    }
   }
 
   .chat-content {
diff --git a/app/src/components/home/ChatWrapper.tsx b/app/src/components/home/ChatWrapper.tsx
index 6c7e7bcc..d0d9c909 100644
--- a/app/src/components/home/ChatWrapper.tsx
+++ b/app/src/components/home/ChatWrapper.tsx
@@ -9,7 +9,7 @@ import {formatMessage} from "../../utils.ts";
 import ChatInterface from "./ChatInterface.tsx";
 import {Button} from "../ui/button.tsx";
 import router from "../../router.ts";
-import {ChevronRight, FolderKanban, Globe} from "lucide-react";
+import {BookMarked, ChevronRight, FolderKanban, Globe} from "lucide-react";
 import {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from "../ui/tooltip.tsx";
 import {Toggle} from "../ui/toggle.tsx";
 import {Input} from "../ui/input.tsx";
@@ -80,6 +80,14 @@ function ChatWrapper() {
           <ChatInterface />
         ) : (
           <div className={`chat-product`}>
+            <Button
+              variant={`outline`}
+              onClick={() => window.open("https://docs.chatnio.net", "_blank")}
+            >
+              <BookMarked className={`h-4 w-4 mr-1.5`} />
+              {t("docs.title")}
+              <ChevronRight className={`h-4 w-4 ml-2`} />
+            </Button>
             <Button
               variant={`outline`}
               onClick={() => router.navigate("/generate")}
diff --git a/app/src/i18n.ts b/app/src/i18n.ts
index 511cf518..adf9d72e 100644
--- a/app/src/i18n.ts
+++ b/app/src/i18n.ts
@@ -187,6 +187,9 @@ const resources = {
         "not-found-description":
           "Conversation not found, please check if the link is correct or the conversation has been deleted",
       },
+      docs: {
+        title: "Open Docs",
+      }
     },
   },
   cn: {
@@ -360,6 +363,9 @@ const resources = {
         "not-found-description":
           "对话未找到，请检查链接是否正确或对话是否已被删除",
       },
+      docs: {
+        title: "开放文档",
+      }
     },
   },
   ru: {
@@ -544,6 +550,9 @@ const resources = {
         "not-found-description":
           "Разговор не найден, пожалуйста, проверьте, правильная ли ссылка или разговор был удален",
       },
+      docs: {
+        title: "Открыть документы",
+      }
     },
   },
 };
diff --git a/app/src/routes/Sharing.tsx b/app/src/routes/Sharing.tsx
index 59dd6d10..abe5cb6c 100644
--- a/app/src/routes/Sharing.tsx
+++ b/app/src/routes/Sharing.tsx
@@ -116,6 +116,7 @@ function Sharing() {
           <HelpCircle className={`w-12 h-12 mb-2.5`} />
           <p className={`title`}>{t("share.not-found")}</p>
           <p className={`description`}>{t("share.not-found-description")}</p>
+          <Button className={`mt-4`} onClick={() => router.navigate("/")}>{t("home")}</Button>
         </div>
       )}
     </div>