diff --git a/src/common-components/nav-button/nav-button.vue b/src/common-components/nav-button/nav-button.vue
index 6abf0d87..08e8fd11 100644
--- a/src/common-components/nav-button/nav-button.vue
+++ b/src/common-components/nav-button/nav-button.vue
@@ -1,9 +1,9 @@
 <template>
-    <input type="button" class="nav-button" v-bind:value="text"/>
+    <input type="button" class="nav-button" v-bind:value="text" v-on:click="navTo"/>
 </template>
 
 <script>
-     
+    
     export default({
         name: "nav-button",
         props: {
@@ -12,7 +12,12 @@
         },
         methods: {
             navTo(){
-
+                alert(this.$router.navigate(this.scenario, this.$route))
+            }
+        },
+        computed: {
+            currentPage() {
+                return this.$route.query.issPage;
             }
         }
 
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 1b543e5b..6c0a295c 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -1,7 +1,7 @@
 <template>
     <p>Welcome Page Placeholder</p>
     <br />
-    <NavButton text="Next"></NavButton>
+    <NavButton text="Next" scenario="CLICKED_FORWARD"></NavButton>
 </template>
 
 <script>
diff --git a/src/router/index.js b/src/router/index.js
index f3a17dcf..5a086ed8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,8 +2,7 @@ import { createWebHistory, createRouter } from "vue-router";
 import { lazyLoadComponent } from "./dynamic-routing/component-loader";
 import { endpoints } from "../constants/mock-endpoints";
 import globalMethods from "@/global-methods";
-
-const issPageValues = require("./router-constants/issPage-values");
+import {issPageValues} from '@/router/router-constants/issPage-values';
 
 const routes = [
     {
@@ -16,7 +15,7 @@ const routes = [
                 
                 if(issPage === undefined)
                 {
-                    issPage = issPageValues.issPageValues.WELCOME_PAGE;
+                    issPage = issPageValues.WELCOME_PAGE;
                 }
 
                 if (router.hasRoute(issPage)) {
@@ -84,7 +83,7 @@ async function GetRouteInfoFromPageName(pageName) {
   }
 
 // Navigate to the next route, depending on the scenario.
-async function navigate(scenario, currentRoute, optionalQuery = {}, optionalParams = {}) {
+router.navigate = async function (scenario, currentRoute, optionalQuery = {}, optionalParams = {}) {
     if (!scenario) {
         console.error("No scenario provided. Please review the routing table.");
         return;
@@ -124,7 +123,7 @@ function getNavigationMap(scenario, currentRoute) {
 }
 
 function GoToStartOn404(next) {
-    const errorPageName = issPageValues.issPageValues.ERROR_404;
+    const errorPageName = issPageValues.ERROR_404;
     router.addRoute({
         path: "/",
         name: errorPageName,