Merge branch 'master' of http://192.168.6.188:3000/Provision/UnivateProperties

src/components/shared/footerSection.vue

               <div class="w-footer-a">
                 <ul class="list-unstyled">
                   <li class="color-a">
-                    <span class="color-text-a">Phone .</span> +27 (0)12 492 1238
+                    <eva-icon name="phone-call-outline" fill="#60CBEB"></eva-icon>
+                    <span class="color-text-a"></span> +27 (0)12 492 1238
                   </li>
                   <li class="color-a">
-                    <span class="color-text-a">Email .</span> info@univateproperties.co.za
+                    <eva-icon name="email-outline" fill="#60CBEB"></eva-icon>
+                    <span class="color-text-a"></span> info@univateproperties.co.za
                   </li>
                 </ul>
               </div>
                     </li>
                     <br />
                     <li class="list-inline-item">
-                      <a href="www.https://www.facebook.com/univateproperties/">
-                        <i class="fa fa-facebook color-b font-weight-bold" aria-hidden="true"></i>
+                      <a href="https://www.facebook.com/univateproperties/">
+                        <eva-icon name="facebook-outline" fill="#60CBEB"></eva-icon>
                       </a>
                     </li>
                   </ul>

src/components/timeshare/buy/buyPage.vue

               <div class="accordion" id="accordionExample">
                 <div class="card" v-for="(region, r) in detailedRegion" :key="r">
                   <a
-                    class="btn-link"
+                    class="btn btn-b-n"
                     type="button"
                     data-toggle="collapse"
                     :data-target="'#collapse' + region.id"
                     aria-expanded="false"
                     :aria-controls="'collapse' + region.id"
                   >
-                    <div class="card-header" :id="'header' + region.id">
-                      <h4 class="mb-0">{{ region.regionName }}</h4>
+                    <div :id="'header' + region.id">
+                      <h5 class="mb-0">{{ region.regionName }}</h5>
                     </div>
                   </a>
                   <div
   </section>
 </template>
 <script>
-import { mapState, mapActions } from 'vuex';
+import { mapState, mapActions } from "vuex";
 
 export default {
-  name: 'TimeshareToBuy',
+  name: "TimeshareToBuy",
   mounted() {
     this.getRegions();
   },
   computed: {
-    ...mapState('timeshareBuy', ['detailedRegion']),
+    ...mapState("timeshareBuy", ["detailedRegion"])
   },
   methods: {
-    ...mapActions('timeshareBuy', ['getRegions']),
-  },
+    ...mapActions("timeshareBuy", ["getRegions"])
+  }
 };
 </script>

src/components/user/loginPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div class="login-page">
-    <form id="signIn" method="POST">
+    <form id="signIn">
       <div class="form">
         <div>
           <h4>Login</h4>
       </div>
     </form>
 
-    <form id="forgot" method="post">
+    <form id="forgot">
       <div class="form">
         <h5>Trouble signing in?</h5>
         <div>
       textErrors: 'Some error with the field',
       text: '',
       showPassword: false,
+      password: '',
     };
   },
   methods: {
     Login() {
       console.log(this.username + this.password);
       axios
-        .post('http://localhost:57260/api/user', {
+        .post('http://localhost:57260/api/register/authenticate', {
           username: this.username,
           password: this.password,
         })
         .then(response => console.log(response.data));
+      this.$router.push('/about/us');
     },
     togglePassword() {
       this.showPassword = true;