diff --git a/src/components/staking/index.vue b/src/components/staking/index.vue
new file mode 100644
index 0000000..43989c9
--- /dev/null
+++ b/src/components/staking/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="content">
+    <div class="content-header">
+
+    </div>
+    content
+  </div>
+</template>
+
+<script setup>
+import { ref } from "vue"
+
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 1120px;
+  margin: 0 auto;
+  color: #fff;
+  .content-header {
+    margin-top: 50px;
+    width: 100%;
+    height: 120px;
+    background: #2d2738;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/StakingView.vue b/src/views/StakingView.vue
index 9fc1695..87506b1 100644
--- a/src/views/StakingView.vue
+++ b/src/views/StakingView.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="staking">
-    staking
+    <Staking />
   </div>
 </template>
 
 <script setup>
 import { ref } from "vue"
+import Staking from "@/components/staking/index.vue"
 
 </script>