diff --git a/src/components/pages/NotFound.vue b/src/components/pages/NotFound.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4d0066279339ff7dcb641f4b311496bb4d67d72a
--- /dev/null
+++ b/src/components/pages/NotFound.vue
@@ -0,0 +1,39 @@
+<template>
+  <div id="placeholder">
+    <div id="container">
+      <h4 class="text-muted">Laman yang anda cari tidak dapat ditemukan.</h4>
+      <b-button v-on:click="back()" variant="outline-secondary" size="sm">
+        Kembali Ke Laman Awal
+      </b-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BiayaTidakLangsung',
+  methods: {
+    back() {
+      this.$router.push({name: 'LandingPage'});
+    }
+  },
+}
+</script>
+
+
+<style lang="scss" scoped>
+@import 'src/assets/css/style.scss';
+
+#placeholder {
+  text-align: center;
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  display: flex;
+
+  #container {
+    margin: auto;
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/src/components/pages/PanelAdministrator.vue b/src/components/pages/PanelAdministrator.vue
index 1caa8081e54a5906c7cb3fc8ccf3329d3609a87e..b894cb951f7626e94aed9cb20ba1695a24d5b99c 100644
--- a/src/components/pages/PanelAdministrator.vue
+++ b/src/components/pages/PanelAdministrator.vue
@@ -84,25 +84,11 @@ export default {
             }
           },
           current_item: {
-            id : 99, activity_name:'current activity', admin_name : 'aaa'
+            id : 0, activity_name : '', admin_name : ''
           },
           items: [
-            // { id: 1, activity_name: 'A', admin_name: 'Flintstone' },
-            // { id: 2, activity_name: 'B', admin_name: 'Flintstone' },
-            // { id: 3, activity_name: 'C', admin_name: 'Rubbleaskldjf klsajdfklsajdkalskjdfklsjdfalkdflksdj fljslkfjskldfj lksajlkfjsdl ksalksjdfklasjdlkjfs lkdjfklsajfklasklfmasdlkfsj oidfamslkdfmi saldkfmsialfi madlifsm' },
-            // { id: 4, activity_name: 'D', admin_name: 'Rubble' },
-            // { id: 5, activity_name: 'E', admin_name: 'Flintstone' },
-            // { id: 6, activity_name: 'F', admin_name: 'Rubble' },
-            // { id: 7, activity_name: 'G', admin_name: 'Gazzoo' },
-            // { id: 8, activity_name: 'H', admin_name: 'Slate' },
-            // { id: 9, activity_name: 'I', admin_name: 'Slaghoople' },
-            // { id: 10, first_name: 'Ricky', last_name: 'Kennedy' }
           ],
           options: [
-            // { value: '0', text: 'Rifo Ahmad Genadi' },
-            // { value: '1', text: 'David Timothy Panjaitan' },
-            // { value: '2', text: 'William Rukmansa' },
-            // { value: '3', text: 'Ricky Kennedy' }
           ],
           isNotTop : false,
       },
diff --git a/src/router/index.js b/src/router/index.js
index 38882fc287bf9c2375a78e28fe03848f718eb85a..967d3e5f526452fe831f75fbfc3084c1856bc3fe 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import LandingPage from '@/components/pages/LandingPage'
+import NotFound from '@/components/pages/NotFound'
 import LoginPage from '@/components/pages/LoginPage'
 import DetailAnggaran from '@/components/pages/DetailAnggaran'
 import SemuaAnggaran from '@/components/pages/SemuaAnggaran'
@@ -13,6 +14,11 @@ export default new Router({
   routes: [
     {
       path: '*',
+      name: '404',
+      component: NotFound
+    },
+    {
+      path: '/',
       name: 'LandingPage',
       component: LandingPage
     },