diff --git a/resources/js/Pages/Contact.vue b/resources/js/Pages/Contact.vue
index ad3d381..310d225 100644
--- a/resources/js/Pages/Contact.vue
+++ b/resources/js/Pages/Contact.vue
@@ -6,23 +6,23 @@
 
     <!-- Background Dummy -->
     <div class="fixed bottom-0 w-full"
-        :class="[{ 'h-12': !active }, 
-              { 'h-full pt-4': active && !scrolled}, 
-              { 'h-full pt-0': active && scrolled}, 
+        :class="[{ 'h-12': !active },
+              { 'h-full pt-4': active && !scrolled},
+              { 'h-full pt-0': active && scrolled},
               { 'animation-enable': animationEnable}]" ref="bgDummy">
       <div class="flex flex-row bg-green-900 h-full"
-        :class="[{ 'mx-8 rounded-t-large': !active }, 
-              { 'mx-4 rounded-t-large': active && !scrolled}, 
-              { 'mx-0 rounded-t-none': active && scrolled}, 
+        :class="[{ 'mx-8 rounded-t-large': !active },
+              { 'mx-4 rounded-t-large': active && !scrolled},
+              { 'mx-0 rounded-t-none': active && scrolled},
               { 'animation-enable': animationEnable}]"/>
     </div>
 
     <!-- Contact Content    -->
     <div class="absolute top-0 main-content w-full h-full pt-24 z-10"
         :class="[{ 'px-8': !scrolled },
-              { 'px-0': scrolled }, 
-              { 'animation-enable': animationEnable }, 
-              { 'opacity-0 mt-4': !pageActive }, 
+              { 'px-0': scrolled },
+              { 'animation-enable': animationEnable },
+              { 'opacity-0 mt-4': !pageActive },
               { 'opacity-100 mt-0': pageActive }]">
         <div class="w-full h-full p-8 flex">
           <div class="w-full h-full flex-row text-white">
@@ -58,7 +58,7 @@
             </div>
 
             <div class="font-monda-bold text-2xl mt-8">
-              Zahira Aulia Husniah [ JHS ]
+                Indi Viska Rahmasari [ VIS ]
             </div>
 
             <div class="pl-4 mt-2 font-overpass-mono text-xl flex h-8">
@@ -66,7 +66,7 @@
                 <img class="fas fa-phone w-full h-full">
               </span>
               <div class="my-auto pl-4">
-                081289312727  
+                085802253573
               </div>
             </div>
             <div class="pl-4 font-overpass-mono text-xl flex h-8 mt-4">
@@ -74,12 +74,12 @@
                 <img class="fab fa-line w-full h-full">
               </span>
               <div class="my-auto pl-4">
-                gajahkuning
+                indiviska
               </div>
             </div>
 
             <div class="font-monda-bold text-2xl mt-8">
-              Ghufron Andriansyah [ GAA ]
+                Dennytan Raharjo [ TAN ]
             </div>
 
             <div class="pl-4 mt-2 font-overpass-mono text-xl flex h-8">
@@ -87,7 +87,7 @@
                 <img class="fas fa-phone w-full h-full">
               </span>
               <div class="my-auto pl-4">
-                081231717659
+                081395882733
               </div>
             </div>
             <div class="pl-4 font-overpass-mono text-xl flex h-8 mt-4">
@@ -95,7 +95,7 @@
                 <img class="fab fa-line w-full h-full">
               </span>
               <div class="my-auto pl-4">
-                andriansyahh_29
+                dentan77
               </div>
             </div>
 
@@ -116,25 +116,25 @@
     </div>
 
     <!-- Main Menu Button -->
-    <div class="fixed w-full z-20" 
-        :class="[{ 'bottom-0 h-20': !active }, 
-              { 'bottom-0 h-full pt-8': active && !scrolled && !animated}, 
-              { 'bottom-0 h-full pt-0': active && scrolled && !animated}, 
-              { 'top-0 h-auto pt-8': active && !scrolled && animated}, 
-              { 'top-0 h-auto pt-0': active && scrolled && animated}, 
+    <div class="fixed w-full z-20"
+        :class="[{ 'bottom-0 h-20': !active },
+              { 'bottom-0 h-full pt-8': active && !scrolled && !animated},
+              { 'bottom-0 h-full pt-0': active && scrolled && !animated},
+              { 'top-0 h-auto pt-8': active && !scrolled && animated},
+              { 'top-0 h-auto pt-0': active && scrolled && animated},
               { 'animation-enable': animationEnable}]" ref="mainMenu">
       <div class="h-16 shadow-xl flex flex-row bg-green-300"
-        :class="[{ 'mx-56 rounded-full': !active }, 
-              { 'mx-8 rounded-full': active && !scrolled}, 
-              { 'mx-0 rounded-none': active && scrolled}, 
+        :class="[{ 'mx-56 rounded-full': !active },
+              { 'mx-8 rounded-full': active && !scrolled},
+              { 'mx-0 rounded-none': active && scrolled},
               { 'animation-enable': animationEnable}]">
         <div @mouseover="openDaskom"
             @mouseleave="closeDaskom"
-            :class="[{ 'w-56': hover }, 
-                  { 'w-20': !hover}, 
-                  { 'mx-56 rounded-l-full': !active }, 
-                  { 'mx-8 rounded-l-full': active && !scrolled}, 
-                  { 'mx-0 rounded-l-none': active && scrolled}, 
+            :class="[{ 'w-56': hover },
+                  { 'w-20': !hover},
+                  { 'mx-56 rounded-l-full': !active },
+                  { 'mx-8 rounded-l-full': active && !scrolled},
+                  { 'mx-0 rounded-l-none': active && scrolled},
                   { 'animation-enable': animationEnable}]"
             class="z-0 absolute left-0 bg-green-700 h-16 cursor-pointer" v-on:click="travel('')">
           <img class="h-16 w-16 p-3 ml-2 select-none" src="/assets/daskom.svg" alt="daskom logo">
@@ -147,7 +147,7 @@
           <div class="button flex m-3 bg-green-700 text-white rounded-full py-2 px-4 cursor-pointer select-none" v-on:click="travel('login')">Login</div>
         </div>
       </div>
-    </div> 
+    </div>
   </div>
 </template>
 
@@ -166,7 +166,7 @@ export default {
   },
 
   mounted() {
-  
+
     $('body').addClass('closed');
     $('.daskom-text').each(function(){
       $(this).html($(this).text().replace(/([^\x00-\x80]|\w)/g, "<span class='daskom-text-letter inline-block'>$&</span>"));
@@ -198,18 +198,18 @@ export default {
         }, 1000);
     }
     setTimeout(() => {
-  
-      $('body').removeClass('closed'); 
+
+      $('body').removeClass('closed');
     }, 1010);
   },
 
   methods: {
-    
+
     travel: function(destination) {
       const globe = this;
       $('body').addClass('closed');
       this.pageActive = false;
-  
+
       setTimeout(() => {
         globe.$inertia.replace('/'+destination,{
           data: {
@@ -218,7 +218,7 @@ export default {
         })
       }, 300);
     },
-    
+
     handleScroll: function (evt, el) {
       window.scrollY > 5 ? this.scrolled = true : this.scrolled = false;
     },
@@ -263,4 +263,4 @@ export default {
     }
   }
 }
-</script> 
\ No newline at end of file
+</script>