diff --git a/nginx/vue/src/App.vue b/nginx/vue/src/App.vue
index d8f32d0..eeb5a1c 100644
--- a/nginx/vue/src/App.vue
+++ b/nginx/vue/src/App.vue
@@ -1,18 +1,15 @@
 <script setup>
-import { RouterLink, RouterView } from "vue-router";
+import { RouterView } from "vue-router";
+import Navbar from "@/components/Navbar.vue";
+import Footer from "@/components/Footer.vue";
 </script>
 
 <template>
-    <header>
-        <div class="wrapper">
-            <nav class="no-print">
-                <RouterLink to="/">Home</RouterLink>
-                <RouterLink to="/cv">CV</RouterLink>
-            </nav>
-        </div>
-    </header>
+    <Navbar />
 
     <RouterView />
+
+    <Footer />
 </template>
 
 <style scoped></style>
diff --git a/nginx/vue/src/components/Footer.vue b/nginx/vue/src/components/Footer.vue
new file mode 100644
index 0000000..e13b4eb
--- /dev/null
+++ b/nginx/vue/src/components/Footer.vue
@@ -0,0 +1,3 @@
+<template>
+    <footer></footer>
+</template>