diff --git a/src/App.vue b/src/App.vue
index 0709d80..310cbba 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,14 @@
 <template>
   <div id="app">
-    <top-menu></top-menu>
     <router-view />
   </div>
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import TopMenu from '@/components/TopMenu.vue'
 
 @Component({
   name: 'App',
   components: {
-    TopMenu
   }
 })
 export default class extends Vue {
diff --git a/src/components/Card.vue b/src/components/market/Card.vue
similarity index 100%
rename from src/components/Card.vue
rename to src/components/market/Card.vue
diff --git a/src/components/CardList.vue b/src/components/market/CardList.vue
similarity index 93%
rename from src/components/CardList.vue
rename to src/components/market/CardList.vue
index 9b319f6..2fd2bca 100644
--- a/src/components/CardList.vue
+++ b/src/components/market/CardList.vue
@@ -8,8 +8,8 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import Pagination from '@/components/Pagination.vue'
-import Card from '@/components/Card.vue'
+import Pagination from '@/components/market/Pagination.vue'
+import Card from '@/components/market/Card.vue'
 
 @Component({
   name: 'CardList',
diff --git a/src/components/FilterItem.vue b/src/components/market/FilterItem.vue
similarity index 100%
rename from src/components/FilterItem.vue
rename to src/components/market/FilterItem.vue
diff --git a/src/components/HelloWorld.vue b/src/components/market/HelloWorld.vue
similarity index 100%
rename from src/components/HelloWorld.vue
rename to src/components/market/HelloWorld.vue
diff --git a/src/components/HeroClass.vue b/src/components/market/HeroClass.vue
similarity index 100%
rename from src/components/HeroClass.vue
rename to src/components/market/HeroClass.vue
diff --git a/src/components/HeroLevel.vue b/src/components/market/HeroLevel.vue
similarity index 100%
rename from src/components/HeroLevel.vue
rename to src/components/market/HeroLevel.vue
diff --git a/src/components/HeroTrophy.vue b/src/components/market/HeroTrophy.vue
similarity index 100%
rename from src/components/HeroTrophy.vue
rename to src/components/market/HeroTrophy.vue
diff --git a/src/components/ItemDetail.vue b/src/components/market/ItemDetail.vue
similarity index 99%
rename from src/components/ItemDetail.vue
rename to src/components/market/ItemDetail.vue
index bae55cf..7999bfa 100644
--- a/src/components/ItemDetail.vue
+++ b/src/components/market/ItemDetail.vue
@@ -94,11 +94,11 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import HeroLevel from '@/components/HeroLevel.vue'
-import HeroClass from '@/components/HeroClass.vue'
-import HeroTrophy from '@/components/HeroTrophy.vue'
-import RarityCard from '@/components/RarityCard.vue'
-import SkinRarityCard from '@/components/SkinRarityCard.vue'
+import HeroLevel from '@/components/market/HeroLevel.vue'
+import HeroClass from '@/components/market/HeroClass.vue'
+import HeroTrophy from '@/components/market/HeroTrophy.vue'
+import RarityCard from '@/components/market/RarityCard.vue'
+import SkinRarityCard from '@/components/market/SkinRarityCard.vue'
 
 @Component({
   name: 'ItemDetail',
diff --git a/src/components/Pagination.vue b/src/components/market/Pagination.vue
similarity index 100%
rename from src/components/Pagination.vue
rename to src/components/market/Pagination.vue
diff --git a/src/components/RangeMarkSlider.vue b/src/components/market/RangeMarkSlider.vue
similarity index 100%
rename from src/components/RangeMarkSlider.vue
rename to src/components/market/RangeMarkSlider.vue
diff --git a/src/components/RangeNumberSlider.vue b/src/components/market/RangeNumberSlider.vue
similarity index 100%
rename from src/components/RangeNumberSlider.vue
rename to src/components/market/RangeNumberSlider.vue
diff --git a/src/components/RarityCard.vue b/src/components/market/RarityCard.vue
similarity index 100%
rename from src/components/RarityCard.vue
rename to src/components/market/RarityCard.vue
diff --git a/src/components/ResultNo.vue b/src/components/market/ResultNo.vue
similarity index 100%
rename from src/components/ResultNo.vue
rename to src/components/market/ResultNo.vue
diff --git a/src/components/SearchPanel.vue b/src/components/market/SearchPanel.vue
similarity index 96%
rename from src/components/SearchPanel.vue
rename to src/components/market/SearchPanel.vue
index 74d9429..3b48eb4 100644
--- a/src/components/SearchPanel.vue
+++ b/src/components/market/SearchPanel.vue
@@ -139,10 +139,10 @@
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import FilterItem from '@/components/FilterItem.vue'
-import SelectSection from '@/components/SelectSection.vue'
-import RangeNumberSlider from '@/components/RangeNumberSlider.vue'
-import RangeMarkSlider from '@/components/RangeMarkSlider.vue'
+import FilterItem from '@/components/market/FilterItem.vue'
+import SelectSection from '@/components/market/SelectSection.vue'
+import RangeNumberSlider from '@/components/market/RangeNumberSlider.vue'
+import RangeMarkSlider from '@/components/market/RangeMarkSlider.vue'
 
 @Component({
   name: 'SearchPanel',
diff --git a/src/components/SearchResult.vue b/src/components/market/SearchResult.vue
similarity index 88%
rename from src/components/SearchResult.vue
rename to src/components/market/SearchResult.vue
index d46ec77..e43d70a 100644
--- a/src/components/SearchResult.vue
+++ b/src/components/market/SearchResult.vue
@@ -12,9 +12,9 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import SortSelect from '@/components/SortSelect.vue'
-import CardList from '@/components/CardList.vue'
-import ResultNo from '@/components/ResultNo.vue'
+import SortSelect from '@/components/market/SortSelect.vue'
+import CardList from '@/components/market/CardList.vue'
+import ResultNo from '@/components/market/ResultNo.vue'
 
 @Component({
   name: 'SearchResult',
diff --git a/src/components/SelectSection.vue b/src/components/market/SelectSection.vue
similarity index 100%
rename from src/components/SelectSection.vue
rename to src/components/market/SelectSection.vue
diff --git a/src/components/SkinRarityCard.vue b/src/components/market/SkinRarityCard.vue
similarity index 100%
rename from src/components/SkinRarityCard.vue
rename to src/components/market/SkinRarityCard.vue
diff --git a/src/components/SortSelect.vue b/src/components/market/SortSelect.vue
similarity index 100%
rename from src/components/SortSelect.vue
rename to src/components/market/SortSelect.vue
diff --git a/src/components/TopMenu.vue b/src/components/market/TopMenu.vue
similarity index 100%
rename from src/components/TopMenu.vue
rename to src/components/market/TopMenu.vue
diff --git a/src/router/index.ts b/src/router/index.ts
index 77ea843..d6e898a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import VueRouter, { RouteConfig } from 'vue-router'
-import Home from '../views/Home.vue'
+import Main from '../views/Main.vue'
+import Market from '../views/Market.vue'
 import Item from '../views/Item.vue'
 
 Vue.use(VueRouter)
@@ -8,8 +9,13 @@ Vue.use(VueRouter)
 const routes: Array<RouteConfig> = [
   {
     path: '/',
-    name: 'Home',
-    component: Home
+    name: 'Main',
+    component: Main
+  },
+  {
+    path: '/market',
+    name: 'Market',
+    component: Market
   },
   {
     path: '/item',
diff --git a/src/views/Item.vue b/src/views/Item.vue
index 0775cfa..a7715a4 100644
--- a/src/views/Item.vue
+++ b/src/views/Item.vue
@@ -1,16 +1,21 @@
 <template>
-  <div class="root">
-    <item-detail></item-detail>
+  <div>
+    <top-menu></top-menu>
+    <div class="root">
+      <item-detail></item-detail>
+    </div>
   </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import ItemDetail from '@/components/ItemDetail.vue'
+import ItemDetail from '@/components/market/ItemDetail.vue'
+import TopMenu from '@/components/market/TopMenu.vue'
 
 @Component({
   components: {
-    ItemDetail
+    ItemDetail,
+    TopMenu
   }
 })
 export default class Item extends Vue {}
diff --git a/src/views/Main.vue b/src/views/Main.vue
new file mode 100644
index 0000000..9388fdf
--- /dev/null
+++ b/src/views/Main.vue
@@ -0,0 +1,17 @@
+<template>
+  <section class="root">
+    <div class="container">
+    </div>
+  </section>
+</template>
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator'
+@Component({
+  components: {
+  }
+})
+export default class Index extends Vue {}
+</script>
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/Home.vue b/src/views/Market.vue
similarity index 85%
rename from src/views/Home.vue
rename to src/views/Market.vue
index e283bf9..4419826 100644
--- a/src/views/Home.vue
+++ b/src/views/Market.vue
@@ -1,24 +1,29 @@
 <template>
+  <div>
+  <top-menu></top-menu>
   <section class="root">
     <div class="container">
       <search-panel></search-panel>
       <search-result></search-result>
     </div>
   </section>
+  </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import SearchPanel from '@/components/SearchPanel.vue'
-import SearchResult from '@/components/SearchResult.vue'
+import SearchPanel from '@/components/market/SearchPanel.vue'
+import SearchResult from '@/components/market/SearchResult.vue'
+import TopMenu from '@/components/market/TopMenu.vue'
 
 @Component({
   components: {
     SearchResult,
-    SearchPanel
+    SearchPanel,
+    TopMenu
   }
 })
-export default class Home extends Vue {}
+export default class Market extends Vue {}
 </script>
 <style lang="scss" scoped>
 .root {