address & ind info changes

src/components/about/aboutTimeshare.vue

         <div class="col-sm-12">
           <div class="about-img-box">
             <img
-              src="img/slide-3.jpg"
+              src="img/timeshare2.jpg"
               alt="About Timeshare"
               class="img-fluid"
               style="width:800px;height:400px;"

src/components/misc/address.vue

 <template>
   <!-- eslint-disable max-len -->
   <div class="reg-page">
-    <div class="col-md-12" style="text-align:left">
+    <div class="col-md-12" style="text-align:centre">
       <h4>Address</h4>
       <div class="form-group row"></div>
       <div class="row" style="text-align:left">
             <span class="input-group-text">
               <eva-icon name="home-outline" fill="#60CBEB"></eva-icon>
             </span>
-            <input
-              class="form-control"
-              type="text"
-              name="province"
-              v-model="registerIndividual.telephone"
-            />
+            <input class="form-control" type="text" name="province" />
           </div>
         </div>
         <div class="col-md-6" style="margin-bottom: 1em">
             <span class="input-group-text">
               <eva-icon name="home-outline" fill="#60CBEB"></eva-icon>
             </span>
-            <input
-              class="form-control"
-              type="text"
-              name="postalcode"
-              v-model="registerIndividual.telephone"
-            />
+            <input class="form-control" type="text" name="postalcode" />
           </div>
         </div>
       </div>
 </template>
 
 <script>
-import { mapState, mapActions } from 'vuex';
+import { mapState, mapActions } from "vuex";
 
 export default {
   props: {
-    RegisterHeader: { type: String, default: undefined },
+    RegisterHeader: { type: String, default: undefined }
   },
-  name: 'PrivateIndividual',
+  name: "PrivateIndividual",
   data() {
     return {
       user: null,
-      isPasswordShown: 'password',
-      selectItems: [{ text: 'password', value: 0 }],
-      selectErrors: 'Some error with the field',
+      isPasswordShown: "password",
+      selectItems: [{ text: "password", value: 0 }],
+      selectErrors: "Some error with the field",
       select: null,
-      textErrors: 'Some error with the field',
-      text: '',
-      showPassword: false,
+      textErrors: "Some error with the field",
+      text: "",
+      showPassword: false
     };
   },
   computed: {
-    ...mapState('registerIndividual', ['registerIndividual']),
+    ...mapState("registerIndividual", ["registerIndividual"]),
 
     Header() {
       return this.RegisterHeader
-        ? 'Agency Administrator Details'
-        : 'Private Individual';
-    },
+        ? "Agency Administrator Details"
+        : "Private Individual";
+    }
   },
   methods: {
-    ...mapActions('registerIndividual', [
-      'getIndividual',
-      'saveIndividual',
-      'updateIndividual',
-      'clearIndividual',
+    ...mapActions("registerIndividual", [
+      "getIndividual",
+      "saveIndividual",
+      "updateIndividual",
+      "clearIndividual"
     ]),
 
     togglePassword() {
       this.showPassword = true;
-      this.isPasswordShown = 'text';
+      this.isPasswordShown = "text";
     },
     passwordToggled() {
       this.showPassword = false;
-      this.isPasswordShown = 'password';
+      this.isPasswordShown = "password";
     },
     SubmitData() {
       this.saveIndividual(this.registerIndividual);
 
-      this.$router.push('/registerIndividual/');
+      this.$router.push("/registerIndividual/");
     },
     Close() {
-      this.$router.push('/registerIndividual/');
-    },
-  },
+      this.$router.push("/registerIndividual/");
+    }
+  }
 };
 </script>
 

src/components/timeshare/buy/buyPage.vue

         <div class="col-sm-12">
           <div class="tobuy-img-box">
             <img
-              src="img/Monateng_Safari_Lodge1.jpg"
+              src="img/buy.jpg"
               alt="Timeshare To Buy"
               class="img-fluid"
               style="width:800px;height:400px;"

src/components/timeshare/sell/sellPage.vue

         <div class="col-sm-12">
           <div class="about-img-box">
             <img
-              src="img/sell.jpg"
+              src="img/sell2.jpg"
               alt="Timeshare To Sell"
               class="img-fluid"
               style="width:800px;height:400px;"
           <div class="form-group row">
             <div class="col-md-6">
               <label for="Levy">Levy Amount</label>
-              <input
-                class="form-control"
-                type="number"
-                step="any"
-                name="levy"
-                v-model="sellItem.levyAmount"
-              />
+              <div class="input-group-prepend">
+                <span class="input-group-text" style="color: #60CBEB">
+                  <b>R</b>
+                </span>
+                <input
+                  class="form-control"
+                  type="number"
+                  step="any"
+                  name="levy"
+                  v-model="sellItem.levyAmount"
+                />
+              </div>
             </div>
           </div>
           <div class="form-group row">
               >
                 <option v-for="(item, i) in bankedEntities" :key="i">{{item}}</option>
               </select>
-              <br />
-              <br />
-              <br />
-              <DetailIndividual />
-              <Address />
             </div>
+            <br />
+            <br />
+            <br />
+            <DetailIndividual />
+            <Address />
           </div>
           <hr />
           <br />
   </div>
 </template>
 <script>
-import { mapState, mapActions } from 'vuex';
-import DetailIndividual from '../../user/timeshareIndividual.vue';
-import Address from '../../misc/address.vue';
+import { mapState, mapActions } from "vuex";
+import DetailIndividual from "../../user/timeshareIndividual.vue";
+import Address from "../../misc/address.vue";
 
 export default {
-  name: 'TimeshareToSell',
+  name: "TimeshareToSell",
   components: { DetailIndividual, Address },
   created() {
     this.initTimeshare();
   },
   computed: {
-    ...mapState('timeshare', [
-      'resorts',
-      'regions',
-      'detailedRegion',
-      'seasons',
-      'resortBedrooms',
-      'maxSleep',
-      'bankedEntities',
-      'sellItem',
-      'agencies',
-      'agents',
+    ...mapState("timeshare", [
+      "resorts",
+      "regions",
+      "detailedRegion",
+      "seasons",
+      "resortBedrooms",
+      "maxSleep",
+      "bankedEntities",
+      "sellItem",
+      "agencies",
+      "agents"
     ]),
     refAgent() {
       return this.sellItem && this.sellItem.referedByAgent;
-    },
+    }
   },
   methods: {
     previewFiles(event) {
       this.sellItem.currentYearBanked = !this.sellItem.currentYearBanked;
     },
     resortChange() {
-      if (this.sellItem && this.sellItem.resort === 'Other') {
+      if (this.sellItem && this.sellItem.resort === "Other") {
         this.sellItem.otherResortName = undefined;
         this.sellItem.otherResort = true;
       } else {
         this.sellItem.otherResort = false;
       }
     },
-    ...mapActions('timeshare', ['initTimeshare']),
-  },
+    ...mapActions("timeshare", ["initTimeshare"])
+  }
 };
 </script>

src/components/user/timeshareIndividual.vue

   <div class="reg-page">
     <hr />
     <div class="form-group row"></div>
-    <div class="col-md-12" style="text-align:left">
+    <div class="col-md-12" style="text-align:centre">
       <h4>Detailed Individual Information</h4>
       <div class="form-group row"></div>
       <div class="row" style="text-align:left">
 </template>
 
 <script>
-import { mapState, mapActions } from 'vuex';
+import { mapState, mapActions } from "vuex";
 
 export default {
   props: {
-    RegisterHeader: { type: String, default: undefined },
+    RegisterHeader: { type: String, default: undefined }
   },
-  name: 'PrivateIndividual',
+  name: "PrivateIndividual",
   data() {
     return {
       user: null,
-      isPasswordShown: 'password',
-      selectItems: [{ text: 'password', value: 0 }],
-      selectErrors: 'Some error with the field',
+      isPasswordShown: "password",
+      selectItems: [{ text: "password", value: 0 }],
+      selectErrors: "Some error with the field",
       select: null,
-      textErrors: 'Some error with the field',
-      text: '',
-      showPassword: false,
+      textErrors: "Some error with the field",
+      text: "",
+      showPassword: false
     };
   },
   computed: {
-    ...mapState('registerIndividual', ['registerIndividual']),
+    ...mapState("registerIndividual", ["registerIndividual"]),
 
     Header() {
       return this.RegisterHeader
-        ? 'Agency Administrator Details'
-        : 'Private Individual';
-    },
+        ? "Agency Administrator Details"
+        : "Private Individual";
+    }
   },
   methods: {
-    ...mapActions('registerIndividual', [
-      'getIndividual',
-      'saveIndividual',
-      'updateIndividual',
-      'clearIndividual',
+    ...mapActions("registerIndividual", [
+      "getIndividual",
+      "saveIndividual",
+      "updateIndividual",
+      "clearIndividual"
     ]),
 
     togglePassword() {
       this.showPassword = true;
-      this.isPasswordShown = 'text';
+      this.isPasswordShown = "text";
     },
     passwordToggled() {
       this.showPassword = false;
-      this.isPasswordShown = 'password';
+      this.isPasswordShown = "password";
     },
     SubmitData() {
       this.saveIndividual(this.registerIndividual);
 
-      this.$router.push('/registerIndividual/');
+      this.$router.push("/registerIndividual/");
     },
     Close() {
-      this.$router.push('/registerIndividual/');
-    },
-  },
+      this.$router.push("/registerIndividual/");
+    }
+  }
 };
 </script>