Loginlogout

assets/variables.scss

@@ -2,3 +2,4 @@
 //
 // The variables you want to modify
 // $font-size-root: 20px;
+ $font-family: -apple-system, BlinkMacSystemFont, sans-serif;

components/SignIn.vue

@@ -1,16 +1,21 @@
 <template>
   <v-container class="ma-6">
-    <v-card class="pa-6">
+    <v-card class="pa-6" outlined>
       <v-card-title class="justify-center">
-        <h5>Login</h5>
+        <h3>Login</h3>
       </v-card-title>
       <v-form>
+
         <v-text-field
           :rules="[rules.required, rules.email]"
           v-model="email"
           label="Email"
+          prepend-inner-icon="mdi-email"
+          outlined
         />
+        <v-divider></v-divider>
         <v-text-field
+        outlined
           :rules="[rules.required, rules.counter]"
           counter
           minlength="6"
@@ -19,8 +24,10 @@
           :append-icon="show ? 'mdi-eye' : 'mdi-eye-off'"
           :type="show ? 'text' : 'password'"
           @click:append="show = !show"
+          prepend-inner-icon="mdi-lock-outline"
         />
-        <v-btn primary large block class="px-4" @click="loginUser()">
+
+        <v-btn primary large block  rounded color="lightblue" class="blue--text" outlined @click="loginUser()">
           Login
         </v-btn>
       </v-form>
@@ -63,4 +70,14 @@ export default {
 };
 </script>
 
-<style></style>
+<style>
+.v-btn,
+.v-card {
+border-radius: 4px;
+}
+
+
+</style>
+
+
+

components/landingpage/base/AvatarCard.vue

@@ -53,6 +53,7 @@ export default {
     dark: Boolean,
     horizontal: Boolean,
     icon: String,
+    desc: String,
     outlined: {
       type: Boolean,
       default: true,

components/landingpage/sections/AppFeatures.vue

@@ -1,20 +1,15 @@
 <template>
   <base-section id="app-features">
-    <base-section-heading title="FEATURES">
-      Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero, in!
-      Asperiores, impedit libero. Veniam rerum saepe unde nihil possimus
-      quibusdam esse accusamus mollitia magni fuga.
+    <base-section-heading title="Features:">
     </base-section-heading>
 
     <v-container>
       <v-row>
         <v-col v-for="(feature, i) in features" :key="i" cols="12" md="6">
           <base-avatar-card v-bind="feature" align="left" horizontal>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis
-            illum veniam cum dolores ratione commodi beatae quas maxime,
-            laboriosam excepturi solut!
           </base-avatar-card>
         </v-col>
+
       </v-row>
     </v-container>
   </base-section>
@@ -35,8 +30,9 @@ export default {
   data: () => ({
     features: [
       {
-        title: "Pixel Perfect Design",
-        icon: "mdi-fountain-pen-tip",
+        title: "Indivually Catered ",
+        icon:"fas-fa-people-arrows",
+        desc: "text"
       },
       {
         title: "Retina Ready",

components/landingpage/sections/Hero.vue

@@ -1,10 +1,10 @@
 <template>
   <section id="hero">
-    <v-img
+
+    <base-heading class="black--text"  title="mntr.tech" />
+    <v-img 
       :min-height="minHeight"
-      :src="require('@/assets/hero-2.jpg')"
-      class="white--text"
-      gradient="to right, rgba(5, 11, 31, .8), rgba(5, 11, 31, .8)"
+      src='https://i.pinimg.com/originals/37/b8/11/37b8112791f2529ffe4882412b541c94.gif'
     >
       <v-container class="fill-height px-4 py-12">
         <v-responsive
@@ -13,13 +13,12 @@
           max-width="700"
           width="100%"
         >
-          <base-heading title="CALL TO ACTION" />
-
+
+
+
           <base-body>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi
-            tempora odio neque. Magni suscipit nam, maiores incidunt cumque ad.
-            Similique quia eligendi consectetur fugiat labore veritatis nobis
-            quisquam! Nulla, velit.
+            Ever wanted to take your skills to the next level? mntr empowers young professionals 
+            through collaborative peer mentorship
           </base-body>
 
           <div
@@ -30,13 +29,14 @@
             "
             class="d-flex flex-wrap"
           >
-            <v-btn to="/SignIn" large color="blue" icon="mdi-login">Login</v-btn>
-
+          <br><br>
+            <v-btn to="/SignIn" large color="blue" icon="mdi-login" elevation="3">Sign In</v-btn>
+            <v-divider></v-divider>
 
 
-            <span class="font-weight-bold ml-6 mr-4 my-4">or</span>
+
 
-<v-btn to="/signup" large color="green" icon="mdi-logout" class="pa-1" height="auto">Logout</v-btn>
+<v-btn to="/signup" large color="green" icon="mdi-logout" class="pa-1" height="auto">Sign Up Today!</v-btn>
             <!--<:ripple="false" class="pa-1" height="auto" text>
               Get Started Now
             </base-btn>
@@ -73,3 +73,6 @@ export default {
   },
 };
 </script>
+<style>
+
+</style>

components/signup.vue

@@ -1,15 +1,17 @@
 <template>
   <v-container class="ma-6">
-    <v-card class="pa-6">
+    <v-card class="pa-6" outlined>
       <v-card-title class="justify-center">
-        <h5>Sign Up</h5>
+        <h3>Sign Up</h3>
       </v-card-title>
       <v-form>
         <v-text-field
           v-model="email"
           label="Email"
           placeholder="example@example.com"
           :rules="[rules.required, rules.email]"
+          prepend-inner-icon="mdi-email"
+          outlined
         />
         <v-text-field
           v-model="password"
@@ -19,6 +21,8 @@
           :append-icon="show ? 'mdi-eye' : 'mdi-eye-off'"
           :type="show ? 'text' : 'password'"
           @click:append="show = !show"
+          prepend-inner-icon="mdi-lock-outline"
+          outlined
         />
         <v-text-field
           v-model="passwordConfirm"
@@ -28,8 +32,10 @@
           :append-icon="show ? 'mdi-eye' : 'mdi-eye-off'"
           :type="show ? 'text' : 'password'"
           @click:append="show = !show"
+          prepend-inner-icon="mdi-lock-outline"
+          outlined
         />
-        <v-btn :disabled="!validInfo()" @click="signUpUser()" large block>
+        <v-btn :disabled="!validInfo()"  rounded color="lightblue" class="blue--text" outlined @click="signUpUser()" large block>
           Sign Up
         </v-btn>
       </v-form>
@@ -82,4 +88,12 @@ export default {
 };
 </script>
 
-<style></style>
+<style>
+.v-btn,
+.pa-6{
+  border-color: #3a86ff;
+}
+.v-card {
+border-radius: 4px;
+}
+</style>

nuxt.config.js

@@ -57,7 +57,7 @@ export default {
   vuetify: {
     customVariables: ["~/assets/variables.scss"],
     theme: {
-      dark: true,
+      dark: false, // set dark to false
       themes: {
         light: {
           primary: "#42a5f6",

pages/schedule.vue

@@ -0,0 +1,35 @@
+<template>
+  <v-container class="ma-6">
+    <v-card class="pa-6" outlined>
+      <v-card-title class="justify-center">
+        <h3>What Days Are You Available</h3>
+      </v-card-title>
+      <v-form>
+        <v-text-field
+          v-model="text"
+          label="Date"
+          placeholder="Monday, etc.."
+          prepend-inner-icon="mdi-calendar"
+          outlined
+        />
+      </v-form>
+  </v-card>
+  </v-container>
+</template>
+
+<script>
+
+  export default {
+    data () {
+
+      return {
+        picker: new Date().toISOString().substr(0, 10),
+
+      }
+    },
+  }
+</script>
+
+<style>
+
+</style>

store/index.js

@@ -110,14 +110,11 @@ const mutations = {
 };
 
 
-const setters = {
-    //set posts
-}
+
 
 export {
     state,
     actions,
     mutations,
     getters,
-    setters,
 }