diff --git a/client/src/App.vue b/client/src/App.vue
index abfd315..cd0ff60 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -1,11 +1,22 @@
-<script setup lang="ts"></script>
+
 
 <template>
-  <h1>You did it!</h1>
-  <p>
-    Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
-    documentation
-  </p>
+  <div>
+    <header-bar></header-bar>
+    <b-container>
+      <b-row class="mt-5">
+        <router-view />
+      </b-row>
+    </b-container>
+  </div>
 </template>
 
-<style scoped></style>
+<script>
+import Header from "@/components/Header.vue";
+
+export default {
+  components: {
+    Header,
+  },
+};
+</script>