diff --git a/package.json b/package.json
index f7313d5..6f78403 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,8 @@
   },
   "dependencies": {
     "swiper": "^8.4.6",
-    "vue": "^3.2.45"
+    "vue": "^3.2.45",
+    "vue-router": "^4.1.6"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.1.4",
@@ -29,7 +30,6 @@
     "prettier": "^2.7.1",
     "typescript": "~4.7.4",
     "vite": "^4.0.0",
-    "vue-tsc": "^1.0.12",
-    "fullpage.js": "^4.0.15"
+    "vue-tsc": "^1.0.12"
   }
-}
\ No newline at end of file
+}
diff --git a/src/App.vue b/src/App.vue
index 974f3dc..336ead3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import Layout from './views/Layout.vue'
+import { RouterLink, RouterView } from 'vue-router'
 </script>
 
 <template>
-  <Layout></Layout>
+  <RouterView />
 </template>
 <style scoped></style>
diff --git a/src/main.ts b/src/main.ts
index f2a3cd3..009a5eb 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
 import App from './App.vue'
+import router from './router/index'
 
 import './style/index.less'
 
-createApp(App).mount('#app')
+createApp(App).use(router).mount('#app')
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..114d560
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,27 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+import Layout from '../views/Layout.vue'
+console.log('reouter')
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      name: 'Layout',
+      component: Layout
+    },
+    {
+      path: '/privacy',
+      name: 'privacy',
+      component: () => import('../views/agreement/privacy.vue')
+    },
+    {
+      path: '/disclaimer',
+      name: 'disclaimer',
+      component: () => import('../views/agreement/disclaimer.vue')
+    }
+  ]
+})
+
+export default router
diff --git a/src/views/Layout.vue b/src/views/Layout.vue
index a8c12e0..897bcbf 100644
--- a/src/views/Layout.vue
+++ b/src/views/Layout.vue
@@ -1,27 +1,9 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
-// import Fullpage from 'fullpage.js'
-// import 'fullpage.js/dist/fullpage.min.css'
 
 import Page1 from './Page1/Page1.vue'
-// import Page2 from './Page2/Page2.vue'
-// import Banner from '../components/Banner.vue'
 
-onMounted(() => {
-  // Object.freeze(
-  //   new Fullpage('#fullpage', {
-  //     normalScrollElements: ''
-  //     // scrollOverflow: false,
-  //     // loopHorizontal: false, // 水平滚动时是否loop
-  //     // verticalCentered: false, // 水平滚动下的块是否垂直居中
-  //     // controlArrows: false, // 水平滚动下是否显示左右切换箭头
-  //     // credits: {
-  //     //   enabled: false,
-  //     //   label: ''
-  //     // }
-  //   })
-  // )
-})
+onMounted(() => {})
 </script>
 <template>
   <!-- <Banner></Banner> -->
@@ -29,9 +11,6 @@ onMounted(() => {
     <div class="section">
       <Page1></Page1>
     </div>
-    <!-- <div class="section fp-auto-height">
-      <Page2></Page2>
-    </div> -->
   </div>
 </template>
 <style scoped lang="less">
diff --git a/src/views/Page2/Page2.vue b/src/views/Page2/Page2.vue
deleted file mode 100644
index 0eeb984..0000000
--- a/src/views/Page2/Page2.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script setup lang="ts">
-import { ref, reactive } from 'vue'
-</script>
-<template>
-  <div class="Page2">
-    <header>友情链接</header>
-  </div>
-</template>
-<style scoped lang="less">
-.Page2 {
-  height: 30vh;
-  header {
-    text-align: center;
-    font-size: 30px;
-  }
-}
-</style>
diff --git a/src/views/agreement/disclaimer.vue b/src/views/agreement/disclaimer.vue
new file mode 100644
index 0000000..77fd168
--- /dev/null
+++ b/src/views/agreement/disclaimer.vue
@@ -0,0 +1,99 @@
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+</script>
+<template>
+  <div class="disclaimer">
+    <h3 class="title">Terms&Conditions</h3>
+    <div>
+      By downloading or using the app, these terms will automatically apply to you – you should make sure therefore that you read them
+      carefully before using the app. You’re not allowed to copy, or modify the app, any part of the app, or our trademarks in any way.
+      You’re not allowed to attempt to extract the source code of the app, and you also shouldn’t try to translate the app into other
+      languages, or make derivative versions. The app itself, and all the trade marks, copyright, database rights and other intellectual
+      property rights related to it, still belong to Nanjing Yehuo Lianjie Culture Media Co., Ltd..
+    </div>
+    <div>
+      Nanjing Yehuo Lianjie Culture Media Co., Ltd. is committed to ensuring that the app is as useful and efficient as possible. For that
+      reason, we reserve the right to make changes to the app or to charge for its services, at any time and for any reason. We will never
+      charge you for the app or its services without making it very clear to you exactly what you’re paying for.
+    </div>
+    <div>
+      The EOEFANS app stores and processes personal data that you have provided to us, in order to provide our Service. It’s your
+      responsibility to keep your phone and access to the app secure. We therefore recommend that you do not jailbreak or root your phone,
+      which is the process of removing software restrictions and limitations imposed by the official operating system of your device. It
+      could make your phone vulnerable to malware/viruses/malicious programs, compromise your phone’s security features and it could mean
+      that the EOEFANS app won’t work properly or at all.
+    </div>
+    <div>
+      <p>The app does use third party services that declare their own Terms and Conditions.</p>
+      <p>Link to Terms and Conditions of third party service providers used by the app</p>
+      <ul>
+        <br />
+        <li><a href="https://sentry.io/terms/" target="_blank" rel="noopener noreferrer">Sentry</a></li>
+        <br />
+      </ul>
+    </div>
+    <div>
+      You should be aware that there are certain things that Nanjing Yehuo Lianjie Culture Media Co., Ltd. will not take responsibility for.
+      Certain functions of the app will require the app to have an active internet connection. The connection can be Wi-Fi, or provided by
+      your mobile network provider, but Nanjing Yehuo Lianjie Culture Media Co., Ltd. cannot take responsibility for the app not working at
+      full functionality if you don’t have access to Wi-Fi, and you don’t have any of your data allowance left.
+    </div>
+    <div>
+      If you’re using the app outside of an area with Wi-Fi, you should remember that your terms of the agreement with your mobile network
+      provider will still apply. As a result, you may be charged by your mobile provider for the cost of data for the duration of the
+      connection while accessing the app, or other third party charges. In using the app, you’re accepting responsibility for any such
+      charges, including roaming data charges if you use the app outside of your home territory (i.e. region or country) without turning off
+      data roaming. If you are not the bill payer for the device on which you’re using the app, please be aware that we assume that you have
+      received permission from the bill payer for using the app.
+    </div>
+    <div>
+      Along the same lines, Nanjing Yehuo Lianjie Culture Media Co., Ltd. cannot always take responsibility for the way you use the app i.e.
+      You need to make sure that your device stays charged – if it runs out of battery and you can’t turn it on to avail the Service,
+      Nanjing Yehuo Lianjie Culture Media Co., Ltd. cannot accept responsibility.
+    </div>
+    <div>
+      With respect to Nanjing Yehuo Lianjie Culture Media Co., Ltd.’s responsibility for your use of the app, when you’re using the app,
+      it’s important to bear in mind that although we endeavour to ensure that it is updated and correct at all times, we do rely on third
+      parties to provide information to us so that we can make it available to you. Nanjing Yehuo Lianjie Culture Media Co., Ltd. accepts no
+      liability for any loss, direct or indirect, you experience as a result of relying wholly on this functionality of the app.
+    </div>
+    <div>
+      At some point, we may wish to update the app. The app is currently available on Android &amp; iOS – the requirements for both
+      systems(and for any additional systems we decide to extend the availability of the app to) may change, and you’ll need to download the
+      updates if you want to keep using the app. Nanjing Yehuo Lianjie Culture Media Co., Ltd. does not promise that it will always update
+      the app so that it is relevant to you and/or works with the Android &amp; iOS version that you have installed on your device. However,
+      you promise to always accept updates to the application when offered to you, We may also wish to stop providing the app, and may
+      terminate use of it at any time without giving notice of termination to you. Unless we tell you otherwise, upon any termination, (a)
+      the rights and licenses granted to you in these terms will end; (b) you must stop using the app, and (if needed) delete it from your
+      device.
+    </div>
+    <div class="sub-title">Changes to This Terms and Conditions</div>
+    <div>
+      We may update our Terms and Conditions from time to time. Thus, you are advised to review this page periodically for any changes. We
+      will notify you of any changes by posting the new Terms and Conditions on this page.
+    </div>
+    <div>These terms and conditions are effective as of 2023-02-18</div>
+    <div class="sub-title">Contact Us</div>
+    <div>
+      If you have any questions or suggestions about our Terms and Conditions, do not hesitate to contact us at eoefans.dev@vtb.link.
+    </div>
+  </div>
+</template>
+<style scoped lang="less">
+.disclaimer {
+  padding: 20px;
+}
+.title {
+  font-size: 24px;
+  margin-bottom: 20px;
+  text-align: center;
+}
+div {
+  margin-bottom: 20px;
+  font-size: 18px;
+}
+.sub-title {
+  font-size: 22px;
+  font-weight: 700;
+}
+</style>
diff --git a/src/views/agreement/privacy.vue b/src/views/agreement/privacy.vue
new file mode 100644
index 0000000..d0d928d
--- /dev/null
+++ b/src/views/agreement/privacy.vue
@@ -0,0 +1,99 @@
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+</script>
+<template>
+  <div class="paivacy">
+    <h3 class="title">Terms & Conditions</h3>
+    <div>
+      By downloading or using the app, these terms will automatically apply to you – you should make sure therefore that you read them
+      carefully before using the app. You’re not allowed to copy, or modify the app, any part of the app, or our trademarks in any way.
+      You’re not allowed to attempt to extract the source code of the app, and you also shouldn’t try to translate the app into other
+      languages, or make derivative versions. The app itself, and all the trade marks, copyright, database rights and other intellectual
+      property rights related to it, still belong to Nanjing Yehuo Lianjie Culture Media Co., Ltd..
+    </div>
+    <div>
+      Nanjing Yehuo Lianjie Culture Media Co., Ltd. is committed to ensuring that the app is as useful and efficient as possible. For that
+      reason, we reserve the right to make changes to the app or to charge for its services, at any time and for any reason. We will never
+      charge you for the app or its services without making it very clear to you exactly what you’re paying for.
+    </div>
+    <div>
+      The EOEFANS app stores and processes personal data that you have provided to us, in order to provide our Service. It’s your
+      responsibility to keep your phone and access to the app secure. We therefore recommend that you do not jailbreak or root your phone,
+      which is the process of removing software restrictions and limitations imposed by the official operating system of your device. It
+      could make your phone vulnerable to malware/viruses/malicious programs, compromise your phone’s security features and it could mean
+      that the EOEFANS app won’t work properly or at all.
+    </div>
+    <div>
+      <p>The app does use third party services that declare their own Terms and Conditions.</p>
+      <p>Link to Terms and Conditions of third party service providers used by the app</p>
+      <ul>
+        <br />
+        <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
+        <li><a href="https://sentry.io/terms/" target="_blank" rel="noopener noreferrer">Sentry</a></li>
+        <!----><!----><!----><!----><!----><!----><!----><!----><!---->
+        <br />
+      </ul>
+    </div>
+    <div>
+      You should be aware that there are certain things that Nanjing Yehuo Lianjie Culture Media Co., Ltd. will not take responsibility for.
+      Certain functions of the app will require the app to have an active internet connection. The connection can be Wi-Fi, or provided by
+      your mobile network provider, but Nanjing Yehuo Lianjie Culture Media Co., Ltd. cannot take responsibility for the app not working at
+      full functionality if you don’t have access to Wi-Fi, and you don’t have any of your data allowance left.
+    </div>
+    <div>
+      If you’re using the app outside of an area with Wi-Fi, you should remember that your terms of the agreement with your mobile network
+      provider will still apply. As a result, you may be charged by your mobile provider for the cost of data for the duration of the
+      connection while accessing the app, or other third party charges. In using the app, you’re accepting responsibility for any such
+      charges, including roaming data charges if you use the app outside of your home territory (i.e. region or country) without turning off
+      data roaming. If you are not the bill payer for the device on which you’re using the app, please be aware that we assume that you have
+      received permission from the bill payer for using the app.
+    </div>
+    <div>
+      Along the same lines, Nanjing Yehuo Lianjie Culture Media Co., Ltd. cannot always take responsibility for the way you use the app i.e.
+      You need to make sure that your device stays charged – if it runs out of battery and you can’t turn it on to avail the Service,
+      Nanjing Yehuo Lianjie Culture Media Co., Ltd. cannot accept responsibility.
+    </div>
+    <div>
+      With respect to Nanjing Yehuo Lianjie Culture Media Co., Ltd.’s responsibility for your use of the app, when you’re using the app,
+      it’s important to bear in mind that although we endeavour to ensure that it is updated and correct at all times, we do rely on third
+      parties to provide information to us so that we can make it available to you. Nanjing Yehuo Lianjie Culture Media Co., Ltd. accepts no
+      liability for any loss, direct or indirect, you experience as a result of relying wholly on this functionality of the app.
+    </div>
+    <div>
+      At some point, we may wish to update the app. The app is currently available on Android &amp; iOS – the requirements for both
+      systems(and for any additional systems we decide to extend the availability of the app to) may change, and you’ll need to download the
+      updates if you want to keep using the app. Nanjing Yehuo Lianjie Culture Media Co., Ltd. does not promise that it will always update
+      the app so that it is relevant to you and/or works with the Android &amp; iOS version that you have installed on your device. However,
+      you promise to always accept updates to the application when offered to you, We may also wish to stop providing the app, and may
+      terminate use of it at any time without giving notice of termination to you. Unless we tell you otherwise, upon any termination, (a)
+      the rights and licenses granted to you in these terms will end; (b) you must stop using the app, and (if needed) delete it from your
+      device.
+    </div>
+    <div class="sub-title">Changes to This Terms and Conditions</div>
+    <div>
+      We may update our Terms and Conditions from time to time. Thus, you are advised to review this page periodically for any changes. We
+      will notify you of any changes by posting the new Terms and Conditions on this page.
+    </div>
+    <div>These terms and conditions are effective as of 2023-02-18</div>
+    <div class="sub-title">Contact Us</div>
+    <p>If you have any questions or suggestions about our Terms and Conditions, do not hesitate to contact us at eoefans.dev@vtb.link.</p>
+  </div>
+</template>
+<style scoped lang="less">
+.paivacy {
+  padding: 20px;
+}
+.title {
+  font-size: 24px;
+  margin-bottom: 20px;
+  text-align: center;
+}
+div {
+  margin-bottom: 20px;
+  font-size: 18px;
+}
+.sub-title {
+  font-size: 22px;
+  font-weight: 700;
+}
+</style>
diff --git a/tsconfig.json b/tsconfig.json
index 8d23599..2352482 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,7 +7,7 @@
       "@/*": ["./src/*"]
     }
   },
-
+  "type": ["vite/client"],
   "references": [
     {
       "path": "./tsconfig.config.json"