diff --git a/resources/js/show/views/Home/Intro.vue b/resources/js/show/views/Home/Intro.vue
index d504e3cb..33a9cd93 100644
--- a/resources/js/show/views/Home/Intro.vue
+++ b/resources/js/show/views/Home/Intro.vue
@@ -4,19 +4,19 @@
       <v-toolbar-title >CSSD-DOC</v-toolbar-title>
       <v-spacer></v-spacer>
       <div class="my-2">
-        <v-btn color="black">Login</v-btn>
+        <a href="/dashboard"><v-btn color="black">Login</v-btn></a>
       </div>
     </v-toolbar>
-    <v-parallax src="img/Static/Intro/parallax-bg.jpg" height="600">
+    <v-parallax src="img/Static/Intro/bg.jpg" height="600">
       <v-layout
       column
       align-center
       justify-center
-      class="white--text"
+      class="black--text"
       >
       <p class="display-4 mb-5">CSSD-DOC</p>
-      <h1 class="white--text mb-2 display-1 text-center">Central Sterile Supply Department App & Software</h1>
-      <div class="subheading mb-4 text-center">Management & Traceability & Documentation solution for CSSD / SPD</div>
+      <h1 class="black--text mb-2 display-1 text-center">Central Sterile Supply Department App & Software</h1>
+      <div class="subheading mb-4 text-center black--text">Management & Traceability & Documentation solution for CSSD / SPD</div>
     </v-layout>
   </v-parallax>
   <section>
@@ -68,7 +68,7 @@
   </v-layout>
 </section>
 <section>
-  <v-parallax src="img/Static/Intro/Barcode-bg.jpg" height="380">
+  <v-parallax src="img/Static/Intro/bg02.jpg" height="380">
     <v-layout column align-center justify-center>
       <div class="headline white--text mb-4 text-center">MEC of High Level Disinfector</div>
       <em>Kick-start your application today</em>
@@ -103,9 +103,9 @@
               <div class="headline text-center">Item</div>
             </v-card-title>
             <v-card-text>
-              Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
-              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
-              Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+              <div class="WM-Align-C">
+                Define and identify every instrument
+              </div>
             </v-card-text>
           </v-card>
         </v-flex>
@@ -115,12 +115,12 @@
               <v-icon x-large class="black--text text--lighten-2 fas fa-archive" style="font-size:40px !important"></v-icon>
             </v-card-text>
             <v-card-title primary-title class="layout justify-center">
-              <div class="headline">Package</div>
+              <div class="headline">Sterile Package</div>
             </v-card-title>
             <v-card-text>
-              Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
-              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
-              Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+              <div class="WM-Align-C">
+                Define and identify every things in every sterile package
+              </div>
             </v-card-text>
           </v-card>
         </v-flex>
@@ -133,9 +133,9 @@
               <div class="headline text-center">Labels</div>
             </v-card-title>
             <v-card-text>
-              Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
-              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
-              Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+              <div class="WM-Align-C">
+                Make a unique label for every sterile package
+              </div>
             </v-card-text>
           </v-card>
         </v-flex>
diff --git a/resources/js/vue/views/Intro/Intro.vue b/resources/js/vue/views/Intro/Intro.vue
index e9dc2d8b..3d645685 100644
--- a/resources/js/vue/views/Intro/Intro.vue
+++ b/resources/js/vue/views/Intro/Intro.vue
@@ -87,9 +87,7 @@
               <div class="headline text-center">Item</div>
             </v-card-title>
             <v-card-text>
-              Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
-              Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
-              Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
+              Define and identify every instrument.
             </v-card-text>
           </v-card>
         </v-flex>