landing page

resources/js/show/views/Home/Intro.vue

@@ -18,6 +18,7 @@
       <p class="display-4 mb-5">CSSD-DOC</p>
       <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>
+      <a href="/Landingpage"><v-btn color="black">Download App</v-btn></a>
     </v-layout>
   </v-parallax>
   <section>

resources/js/show/views/Home/LandingPage.vue

@@ -0,0 +1,124 @@
+<template id="">
+  <div class="">
+    <v-toolbar color="white" class="WM-Intro">
+      <v-toolbar-title >CSSD-DOC</v-toolbar-title>
+      <v-spacer></v-spacer>
+      <div class="my-2">
+        <a href="/dashboard" v-if="auth"><v-btn color="black">Dashboard</v-btn></a>
+        <a href="/login" v-else><v-btn color="black">Login</v-btn></a>
+      </div>
+    </v-toolbar>
+  <section>
+    <v-layout
+    column
+    wrap
+    class="my-12"
+    style="background-color:#f7f7f7"
+    >
+    <v-flex xs6 sm6 class="my-4 mb-5">
+      <div class="text-center WM-Align-C">
+        <h2 class="display-1">Sterilization process monitoring</h2>
+        <span class="subheading">
+          Sterilizer test records
+        </span>
+      </div>
+    </v-flex>
+    <v-flex xs6>
+      <v-container grid-list-xl>
+        <v-layout row wrap align-left>
+          <v-flex xs12 md2>
+            <v-img src=""></v-img>
+          </v-flex>
+        </v-layout>
+      </v-container>
+    </v-flex>
+  </v-layout>
+</section>
+<section>
+    <v-layout
+    column
+    wrap
+    class="my-12"
+    style="background-color:#f7f7f7"
+    >
+    <v-flex xs6 sm6 class="my-4 mb-5">
+      <div class="text-center WM-Align-C">
+        <h2 class="display-1">Sterilization process monitoring</h2>
+        <span class="subheading">
+          Sterilizer test records
+        </span>
+      </div>
+    </v-flex>
+    <v-flex xs6>
+      <v-container grid-list-xl>
+        <v-layout row wrap align-left>
+          <v-flex xs12 md2>
+            <v-img src=""></v-img>
+          </v-flex>
+        </v-layout>
+      </v-container>
+    </v-flex>
+  </v-layout>
+</section>
+</div>
+</template>
+<style media="screen">
+.v-card__title.WM-Padding-8 {
+  padding: 8px !important;
+}
+.container.grid-list-xl :not(:only-child) .layout:last-child {
+  margin: auto -12px !important;
+}
+.v-toolbar.WM-Intro {
+  box-shadow : unset;
+  margin-bottom: 0;
+}
+.v-toolbar.WM-Intro:not(.v-toolbar--fixed) .v-toolbar__content {
+  margin-left: 0;
+}
+</style>
+<script>
+import { TokenService } from '@/services/auth/storage.service'
+
+export default {
+  data: () => ({
+      auth : false,
+    items: {
+      items1 : [
+        'Physical Parameters, STEAM',
+        'BD Green Card Test',
+        'BDS – Test',
+        'Verify Sterilization Cycle, STEAM',
+        'Routine Control (Daily/Weekly), STEAM',
+        'Repair & Calibration, STEAM',
+        'Implant Sterilization, STEAM',
+      ],
+      items2 : [
+        'Physical Parameter, PLASMA',
+        'Verify Sterilization Cycle, PLASMA',
+        'Routine Control (Daily/Weekly), PLASMA',
+        'Repair & Calibration, PLASMA',
+        'Package Checks, PLASMA',
+        'Wash – Checks',
+        'Package Checks, STEAM',
+      ],
+      items3 : [
+        'Physical Parameters, EtO',
+        'Verify Sterilization Cycle, EtO',
+        'Repair & Calibration, Eto',
+        'Package Checks, EtO',
+        'Protein Residue Test',
+        'Seal Check'
+      ],
+    },
+  }),
+  components: {
+
+  },
+  created(){
+      if(TokenService.getToken()){
+          this.auth = true;
+      }
+  },
+}
+</script>

resources/js/vue/styles/css/Assets/Main.scss

@@ -16,6 +16,7 @@
   font-weight: bold;
   src: url('../../fonts/Montserrat-Bold.ttf') format('truetype');
 }
+
 body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4,.title,.display-1 {
   font-family: 'Montserrat-Regular' !important;
 }