diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue
index 2caa78e..c0f5422 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue
@@ -1,11 +1,40 @@
 <template>
   <v-app>
-    <v-main>
+      <NavBar />
       <router-view />
-    </v-main>
   </v-app>
 </template>
 
-<script setup>
-  //
+<script>
+ import NavBar from './components/NavBar.vue';
+
+ export default {
+   name: 'App',
+   components: {
+     NavBar,
+   },
+ }
 </script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+
+nav {
+  padding: 30px;
+}
+
+nav a {
+  font-weight: bold;
+  color: #2c3e50;
+}
+
+nav a.router-link-exact-active {
+  color: #42b983;
+}
+</style>
diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
index a4ed66e..01dfc74 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
@@ -1,17 +1,4 @@
 <template>
-  <v-app>
-    <v-navigation-drawer app>
-      <v-list>
-        <v-list-item v-for="item in menuItems" :key="item.title" @click="navigate(item.route)">
-          <v-list-item-title>{{ item.title }}</v-list-item-title>
-        </v-list-item>
-      </v-list>
-    </v-navigation-drawer>
-
-    <v-app-bar app>
-      <v-toolbar-title>Compra</v-toolbar-title>
-    </v-app-bar>
-    <v-main>
     <v-container>
       <v-form ref="form" v-model="valid">
         <v-text-field
@@ -103,8 +90,6 @@
         <v-btn @click="submit" color="green">Comprar</v-btn>
       </v-form>
     </v-container>
-    </v-main>
-  </v-app>
 </template>
 
 <script>
diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/index.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/index.vue
index b0efda0..124c4fe 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/index.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/index.vue
@@ -3,5 +3,5 @@
 </template>
 
 <script setup>
-  //
+//
 </script>
diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/router/index.js b/tienda_ilusion/don_confiao/frontend/don-confiao/src/router/index.js
index 5d4b8bc..4e2db62 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/router/index.js
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/router/index.js
@@ -1,3 +1,4 @@
+
 /**
  * router/index.ts
  *