docs: add get start page

Author: fu050409

docs/docs/en/_meta.json

@@ -1,4 +1,9 @@
 [
+  {
+    "text": "guide",
+    "link": "/guide/introduction/get-start",
+    "activeMatch": "^/guide/introduction/get-start"
+  },
   {
     "text": "components",
     "link": "/components",

docs/docs/en/guide/_meta.json

@@ -0,0 +1,9 @@
+[
+  {
+    "type": "dir",
+    "name": "introduction",
+    "label": "introduction",
+    "collapsible": true,
+    "collapsed": false
+  }
+]

docs/docs/en/guide/introduction/get-start.mdx

@@ -0,0 +1,19 @@
+import { PackageManagerTabs } from '@theme';
+
+# Getting Started
+
+## Prerequisites
+
+MateChat React is a React frontend components and helpers library, we recommend that you use React 18 or above.
+
+If you are looking for the Vue MateChat version, please visit [MateChat Vue](https://matechat.gitcode.com/).
+
+## Quick Start
+
+If you wish to try a brand-new MateChat React project, feel free to use the MateChat CLI to create a template project.
+
+<PackageManagerTabs command="create matechat@latest" />
+
+## Installation
+
+<PackageManagerTabs command="add @matechat/react" npm="install @matechat/react" />

docs/docs/en/index.md

@@ -6,9 +6,9 @@ hero:
   text: AI scenario solution
   tagline: A frontend AI scenario solution UI library based on DevUI Design
   actions:
-    # - theme: brand
-    #   text: Quick Start
-    #   link: /guide/start/introduction
+    - theme: brand
+      text: Quick Start
+      link: /guide/introduction/get-start
     - theme: alt
       text: GitHub
       link: https://github.com/DevCloudFE/matechat-react

docs/docs/zh/_meta.json

@@ -1,4 +1,9 @@
 [
+  {
+    "text": "guide",
+    "link": "/zh/guide/introduction/get-start",
+    "activeMatch": "^/zh/guide/introduction/get-start"
+  },
   {
     "text": "components",
     "link": "/zh/components",

docs/docs/zh/guide/_meta.json

@@ -0,0 +1,9 @@
+[
+  {
+    "type": "dir",
+    "name": "introduction",
+    "label": "introduction",
+    "collapsible": true,
+    "collapsed": false
+  }
+]

docs/docs/zh/guide/introduction/get-start.mdx

@@ -0,0 +1,22 @@
+import { PackageManagerTabs } from "@theme";
+
+# 快速开始
+
+## 前置条件
+
+MateChat React 是一个 React 前端组件和助手库，我们建议您使用 React 18 或以上版本。
+
+如果您正在寻找 MateChat 的 Vue 版本，请访问[MateChat Vue](https://matechat.gitcode.com/)。
+
+## 快速开始
+
+如果你希望尝试一个全新的 MateChat React，欢迎使用 MateChat 脚手架来创建一个模板项目。
+
+<PackageManagerTabs command="create matechat@latest" />
+
+## 手动安装
+
+<PackageManagerTabs
+  command="add @matechat/react"
+  npm="install @matechat/react"
+/>

docs/docs/zh/index.md

@@ -6,9 +6,9 @@ hero:
   text: AI 场景解决方案
   tagline: 基于 DevUI Design 的 AI 场景前端解决方案
   actions:
-  #   - theme: brand
-  #     text: 快速开始
-  #     link: guide/start/introduction
+    - theme: brand
+      text: 快速开始
+      link: /zh/guide/introduction/get-start
     - theme: alt
       text: GitHub
       link: https://github.com/DevCloudFE/matechat-react
@@ -39,4 +39,4 @@ features:
   - title: 面向生产环境准备
     details: 经过良好测试，可无缝集成至 Next.js、Vite、等主流 React 应用中。
     icon: 🚀
----
+---

docs/i18n.json

@@ -10,5 +10,13 @@
   "interaction": {
     "zh": "交互",
     "en": "Interaction"
+  },
+  "introduction": {
+    "zh": "介绍",
+    "en": "Introduction"
+  },
+  "guide": {
+    "zh": "指南",
+    "en": "Guide"
   }
 }