diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 188f0eb..548bc2b 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -1,5 +1,8 @@
 <template>
+  <aside-bar-element></aside-bar-element>
+
   <header-element-page></header-element-page>
+
   <div class="home">
     <h1>test</h1>
   </div>
@@ -7,9 +10,10 @@
 
 <script>
 import HeaderElementPage from "@/pages/HeaderElement.vue";
+import AsideBarElement from "@/pages/AsidebarElement.vue";
 export default {
   name: 'HomePage',
-  components: {HeaderElementPage }
+  components: {AsideBarElement, HeaderElementPage }
 }
 </script>