diff --git a/src/App.vue b/src/App.vue
index 1df9294..3c49980 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <div id="nav">
-      <router-link to="/">Home</router-link> |
+      <router-link to="/">EventsList</router-link> |
       <router-link to="/about">About</router-link>
     </div>
     <h1>Events For Good</h1>
diff --git a/src/router/index.js b/src/router/index.js
index b2cf9d3..2766ca3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,20 +1,22 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import EventsList from '../views/EventsList.vue'
+import About from '../views/About.vue'
 
 const routes = [
   {
     path: '/',
-    name: 'Home',
-    component: Home
+    name: 'EventsList',
+    component: EventsList
   },
   {
     path: '/about',
     name: 'About',
+    component: About
     // route level code-splitting
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
-    component: () =>
-      import(/* webpackChunkName: "about" */ '../views/About.vue')
+    //component: () =>
+    //  import(/* webpackChunkName: "about" */ '../views/About.vue')
   }
 ]
 
diff --git a/src/views/Home.vue b/src/views/EventsList.vue
similarity index 98%
rename from src/views/Home.vue
rename to src/views/EventsList.vue
index bd83894..1f23fe4 100644
--- a/src/views/Home.vue
+++ b/src/views/EventsList.vue
@@ -9,7 +9,7 @@
 import EventCard from '@/components/EventCard.vue'
 
 export default {
-  name: 'Home',
+  name: 'EventsList',
   components: {
     EventCard
   },