diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index b3699c1..0711fda 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -213,6 +213,11 @@ const navList = reactive([
     name: "CLAIM",
     path: "/claim",
   },
+  {
+    id: 8,
+    name: "STAKING",
+    path: "/staking",
+  },
 ]);
 function click(event) {
   router.push(event.key);
@@ -257,6 +262,9 @@ function handNavCurent(nav) {
   } else if(nav.id == 7) {
     // window.open(`${location.origin}${nav.path}`, "_blank")
     router.push(nav.path);
+  } else if(nav.id == 8) {
+    // window.open(`${location.origin}${nav.path}`, "_blank")
+    router.push(nav.path);
   }
   // if (nav.id == 1 || nav.id == 2 || nav.id == 3) {
   //   window.open(nav.path, "_blank");
diff --git a/src/router/index.js b/src/router/index.js
index 38740b3..53e122f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,6 +9,7 @@ import PrivacyView from '../views/PrivacyView.vue';
 import TermsView from '../views/TermsView.vue';
 import CecActivityView from '../views/CecActivityView.vue';
 import ClaimView from '../views/ClaimView.vue';
+import StakingView from "../views/StakingView.vue";
 const routes = [
   {
     path: "/",
@@ -101,6 +102,15 @@ const routes = [
       canonical: "https://.counterfire.games",
     },
   },
+  {
+    path: "/staking",
+    name: "staking",
+    component: StakingView,
+    meta: {
+      title: "staking",
+      canonical: "https://.counterfire.games",
+    },
+  },
   {
     path: "/privacy",
     name: "Privacy",
diff --git a/src/views/StakingView.vue b/src/views/StakingView.vue
new file mode 100644
index 0000000..9fc1695
--- /dev/null
+++ b/src/views/StakingView.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="staking">
+    staking
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue"
+
+</script>
+
+<style lang="scss" scoped>
+.staking {
+  padding-top: 84px;
+  background: #16141b;
+  color: #fff;
+}
+</style>
\ No newline at end of file