diff --git a/src/common-components/nav-button/nav-button.vue b/src/common-components/nav-button/nav-button.vue
new file mode 100644
index 00000000..6abf0d87
--- /dev/null
+++ b/src/common-components/nav-button/nav-button.vue
@@ -0,0 +1,29 @@
+<template>
+    <input type="button" class="nav-button" v-bind:value="text"/>
+</template>
+
+<script>
+     
+    export default({
+        name: "nav-button",
+        props: {
+            text: String,
+            scenario: String,
+        },
+        methods: {
+            navTo(){
+
+            }
+        }
+
+    })
+</script>
+
+<style lang="scss" scoped>
+    .nav-button {
+        background-color: lightgray;
+        padding: 2.5px;
+        border-radius: 5px;
+        min-width: 70px;
+    }
+</style>
\ No newline at end of file
diff --git a/src/global-methods.spec.js b/src/global-methods.spec.js
new file mode 100644
index 00000000..26546be1
--- /dev/null
+++ b/src/global-methods.spec.js
@@ -0,0 +1,22 @@
+import axios from 'axios';
+import './global-methods.js';
+
+
+/*
+jest.mock('axios');
+
+test('should fetch users', () => {
+  const users = [{name: 'Bob'}];
+  const resp = {data: users};
+  axios.get.mockResolvedValue(resp);
+
+  // or you could use the following depending on your use case:
+  // axios.get.mockImplementation(() => Promise.resolve(resp))
+
+  return Users.all().then(data => expect(data).toEqual(users));
+});
+*/
+
+test('adds 1 + 2 to equal 3', () => {
+    expect(1 + 2).toBe(3);
+  });
\ No newline at end of file
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 63060130..1b543e5b 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -1,11 +1,16 @@
 <template>
     <p>Welcome Page Placeholder</p>
+    <br />
+    <NavButton text="Next"></NavButton>
 </template>
 
 <script>
+    import NavButton from "../../common-components/nav-button/nav-button.vue";
+
     export default {
-        name: 'welcome-page'
-    }
+    name: "welcome-page",
+    components: { NavButton }
+}
 </script>
 
 <style scoped>
diff --git a/src/router/index.js b/src/router/index.js
index 10919978..f3a17dcf 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -16,7 +16,7 @@ const routes = [
                 
                 if(issPage === undefined)
                 {
-                    issPage = issPageValues.issPageValues["WELCOME_PAGE"];
+                    issPage = issPageValues.issPageValues.WELCOME_PAGE;
                 }
 
                 if (router.hasRoute(issPage)) {
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index edce4e74..32445506 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -5,7 +5,7 @@ import { navigationScenarios } from "@/router/router-constants/navigation-scenar
 const routingTable = function(store) {
   return [
     {
-      issPageValue: issPageValues.VEHICLE_MAKE,
+      issPageValue: issPageValues.VEHICLE_YEAR,
       maps: [
         {
           scenario: navigationScenarios.CLICKED_BACK,
@@ -18,7 +18,7 @@ const routingTable = function(store) {
       maps: [
         {
           scenario: navigationScenarios.CLICKED_FORWARD,
-          issPageValue: "VEHICLE_MAKE"
+          issPageValue: "VEHICLE_YEAR"
         }
       ]
     }