diff --git a/src/App.vue b/src/App.vue
index 8e3b1c3..4ab1b73 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -44,7 +44,7 @@
 
 <script>
   export default {
-    name: 'app',
+    name: 'App',
     data() {
       return {
         count: 0
diff --git a/src/containers/About.vue b/src/pages/About.vue
similarity index 90%
rename from src/containers/About.vue
rename to src/pages/About.vue
index caec189..648801e 100644
--- a/src/containers/About.vue
+++ b/src/pages/About.vue
@@ -10,6 +10,6 @@
 
 <script>
   export default {
-
+    name: 'AboutPage',
   }
 </script>
\ No newline at end of file
diff --git a/src/containers/Customers.vue b/src/pages/Customers.vue
similarity index 97%
rename from src/containers/Customers.vue
rename to src/pages/Customers.vue
index f4755f8..6216857 100644
--- a/src/containers/Customers.vue
+++ b/src/pages/Customers.vue
@@ -17,7 +17,7 @@
   import CustomerCard from '../components/CustomerCard.vue';
 
   export default {
-    name: 'Customer',
+    name: 'CustomerPage',
     components: {
       CustomerCard
     },
diff --git a/src/containers/Orders.vue b/src/pages/Orders.vue
similarity index 90%
rename from src/containers/Orders.vue
rename to src/pages/Orders.vue
index a3f9f78..cd84135 100644
--- a/src/containers/Orders.vue
+++ b/src/pages/Orders.vue
@@ -10,6 +10,6 @@
 
 <script>
   export default {
-
+    name: 'OrdersPage',
   }
 </script>
\ No newline at end of file
diff --git a/src/router.js b/src/router.js
index de86e61..9c80a5b 100644
--- a/src/router.js
+++ b/src/router.js
@@ -3,13 +3,16 @@ import VueRouter from 'vue-router';
 
 import App from './App.vue';
 
-import Customers from './containers/Customers.vue';
-import Orders from './containers/Orders.vue';
-import About from './containers/About.vue';
+import Customers from './pages/Customers.vue';
+import Orders from './pages/Orders.vue';
+import About from './pages/About.vue';
 
 Vue.use(VueRouter);
 
 const routes = [{
+  path: '/login',
+
+}, {
   path: '/',
   name: 'app',
   component: App,