diff --git a/package.json b/package.json
index 26b57108..534b3459 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,7 @@
         "gulp-uglify": "^3.0.0",
         "gulp-uglify-es": "^2.0.0",
         "laravel-mix": "^5.0.9",
+        "laravel-vapor": "^0.7.0",
         "lodash": "^4.17.19",
         "postcss": "^8.1.14",
         "resolve-url-loader": "^3.1.2"
diff --git a/resources/assets/sass/modules/_login.scss b/resources/assets/sass/modules/_login.scss
index 9b5361fe..7a0bb2ef 100644
--- a/resources/assets/sass/modules/_login.scss
+++ b/resources/assets/sass/modules/_login.scss
@@ -15,7 +15,8 @@
 }
 
 .login-wrapper {
-	background: linear-gradient(rgba(0, 0, 0, 0.6), $color-primary), url('../images/iStock-976354264_Malaysia.jpg');
+	/* background: linear-gradient(rgba(0, 0, 0, 0.6), $color-primary), url('../images/iStock-976354264_Malaysia.jpg'); */
+	background: linear-gradient(rgba(0, 0, 0, 0.6), $color-primary), url('{{asset("images/iStock-976354264_Malaysia.jpg")}}');
 	background-size: cover;
 	padding: 80px 0 20px 0;
 	min-height: 100%;
@@ -67,4 +68,4 @@
 			width: 100%;
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/resources/assets/vue/app.js b/resources/assets/vue/app.js
index b81feb10..085ec3fc 100644
--- a/resources/assets/vue/app.js
+++ b/resources/assets/vue/app.js
@@ -24,6 +24,9 @@ import closable from './general/directives/closable';
 
 import Avatar from 'vue-avatar';
 
+import Vapor from 'laravel-vapor';
+window.Vapor = Vapor;
+
 /** Application Injections */
 Vue.use(vuelidate);
 Vue.use(VueTheMask);
@@ -37,7 +40,8 @@ Vue.directive('tooltip', function(el, binding){
 })
 Vue.mixin({
     methods: {
-        route: route
+        route: route,
+        asset: window.Vapor.asset
     },
     mixins: [request, crudHandler]
     });
diff --git a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
index 9f9dc3e0..0c0e7bca 100644
--- a/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/CustomerProfileSectionComponent.vue
@@ -23,7 +23,7 @@
                                         <div class="col bg-info-primary-gradient text-white b-rad-lg padding-25">
                                             <div class="row align-items-center">
                                                 <div class="d-none d-sm-inline col-3 text-center no-padding">
-                                                    <img src="/images/qr-box.svg" class="w-75">
+                                                    <img :src="asset('images/qr-box.svg')" class="w-75">
                                                 </div>
                                                 <div class="col">
                                                     <div class="row m-b-10">
diff --git a/resources/assets/vue/components/companies/sections/DeliveryCustomerProfileSectionComponent.vue b/resources/assets/vue/components/companies/sections/DeliveryCustomerProfileSectionComponent.vue
index efa44347..9784bc77 100644
--- a/resources/assets/vue/components/companies/sections/DeliveryCustomerProfileSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/DeliveryCustomerProfileSectionComponent.vue
@@ -16,7 +16,7 @@
                                         <div class="col bg-master-lightest text-white b-rad-lg padding-25">
                                             <div class="row align-items-center">
                                                 <div class="d-none d-sm-inline col-3 text-center no-padding">
-                                                    <img src="/images/qr-box.svg" class="w-75">
+                                                    <img :src="asset('images/qr-box.svg')" class="w-75">
                                                 </div>
                                                 <div class="col">
                                                     <div class="row m-b-10">
@@ -103,4 +103,4 @@
             }
         }
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue b/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue
index d80174cf..db6b032c 100644
--- a/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue
+++ b/resources/assets/vue/components/companies/sections/OnBoardingSectionComponent.vue
@@ -26,7 +26,7 @@
                                 <div class="col p-t-10 p-b-25 p-l-25 p-r-25 bg-master-lightest b-r b-grey">
                                     <div class="row m-b-15">
                                         <div class="col text-center">
-                                            <img src="/images/qr-box.svg" width="150" height="150">
+                                            <img :src="asset('images/qr-box.svg')" width="150" height="150">
                                         </div>
                                     </div>
                                     <div class="row justify-content-center">
@@ -47,7 +47,7 @@
                                 <div class="col p-t-10 p-b-25 p-l-25 p-r-25 bg-master-lightest b-r b-grey">
                                     <div class="row m-b-15">
                                         <div class="col text-center">
-                                            <img src="/images/package.svg" width="120" height="150">
+                                            <img :src="asset('images/package.svg')" width="120" height="150">
                                         </div>
                                     </div>
                                     <div class="row justify-content-center">
@@ -68,7 +68,7 @@
                                 <div class="col p-t-10 p-b-25 p-l-25 p-r-25 bg-master-lightest">
                                     <div class="row m-b-15">
                                         <div class="col">
-                                            <img src="/images/package_hands.svg" width="160" height="150">
+                                            <img :src="asset('images/package_hands.svg')" width="160" height="150">
                                         </div>
                                     </div>
                                     <div class="row justify-content-center">
diff --git a/resources/assets/vue/components/containers/forms/CreateLoadContainerFormComponent.vue b/resources/assets/vue/components/containers/forms/CreateLoadContainerFormComponent.vue
index f4ecee0d..effc2a86 100644
--- a/resources/assets/vue/components/containers/forms/CreateLoadContainerFormComponent.vue
+++ b/resources/assets/vue/components/containers/forms/CreateLoadContainerFormComponent.vue
@@ -21,7 +21,7 @@
                                     <div class="b-a b-thick p-t-15 p-b-15 p-l-35 p-r-35 pointer" :class="{ 'b-primary': parameters.company_module_id === 3, 'b-grey': parameters.company_module_id !== 3 }"  @click="parameters.company_module_id = 3">
                                         <div class="row m-b-15 justify-content-center">
                                             <div class="col-8">
-                                                <img src="/images/guangzhou-map.png" class="w-100">
+                                                <img :src="asset('images/guangzhou-map.png')" class="w-100">
                                             </div>
                                         </div>
                                         <div class="row">
@@ -35,7 +35,7 @@
                                     <div class="b-a b-thick p-t-15 p-b-15 p-l-35 p-r-35 pointer" :class="{ 'b-primary': parameters.company_module_id === 4, 'b-grey': parameters.company_module_id !== 4 }"  @click="parameters.company_module_id = 4">
                                         <div class="row m-b-15 justify-content-center">
                                             <div class="col-8">
-                                                <img src="/images/yiwu-map.png" class="w-100">
+                                                <img :src="asset('images/yiwu-map.png')" class="w-100">
                                             </div>
                                         </div>
                                         <div class="row">
@@ -108,8 +108,8 @@
                     seal_reference: this.seal_reference,
                     container_type: 1,
                     company_module_id: this.company_module_id,
-                    etd: this.etd, 
-                    eta: this.eta, 
+                    etd: this.etd,
+                    eta: this.eta,
                 }
             };
         },
@@ -121,4 +121,4 @@
         mixins: [createContainerFormValidation, componentHandler, modalFormHandler]
     }
 
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue b/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
index 7e577da0..cc0705c2 100644
--- a/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
+++ b/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
@@ -88,7 +88,7 @@
                 }
             },
             errorHandler(error, statusCode){
-                this.src = statusCode === 404 ? '/images/3231370.jpg' : '/images/2942005.jpg'
+                this.src = statusCode === 404 ? asset('images/3231370.jpg') : asset('images/2942005.jpg')
                 this.isLoading = false;
             }
         },
@@ -98,4 +98,4 @@
 
 <style scoped>
 
-</style>
\ No newline at end of file
+</style>
diff --git a/resources/assets/vue/components/general/elements/ListComponent.vue b/resources/assets/vue/components/general/elements/ListComponent.vue
index bd1c759c..134b1f53 100644
--- a/resources/assets/vue/components/general/elements/ListComponent.vue
+++ b/resources/assets/vue/components/general/elements/ListComponent.vue
@@ -8,7 +8,7 @@
                         <div class="row align-items-center justify-content-center p-t-50 p-b-50"  v-show="!$store.getters.getListData(section).length && !$store.getters.isLoading(section) && emptyListSection">
                             <div class="col-10">
                                 <div class="row align-items-center justify-content-center  hint-text">
-                                    <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                    <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                 </div>
                                 <div class="row text-center">
                                     <div class="col">
diff --git a/resources/assets/vue/components/general/elements/ListPollingComponent.vue b/resources/assets/vue/components/general/elements/ListPollingComponent.vue
index e3f8a8c3..786380b4 100644
--- a/resources/assets/vue/components/general/elements/ListPollingComponent.vue
+++ b/resources/assets/vue/components/general/elements/ListPollingComponent.vue
@@ -8,7 +8,7 @@
                         <div class="row align-items-center justify-content-center p-t-50 p-b-50"  v-show="!$store.getters.getListData(section).length && !isLoading && emptyListSection">
                             <div class="col-10">
                                 <div class="row align-items-center justify-content-center  hint-text">
-                                    <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                    <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                 </div>
                                 <div class="row text-center">
                                     <div class="col">
diff --git a/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue b/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
index e0f6fb1c..4e7845be 100644
--- a/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
+++ b/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
@@ -36,7 +36,7 @@
                             <div class="row text-center m-t-50 m-b-50" v-if="notificationsLength === 0" v-show="!isLoading">
                                 <div class="col">
                                     <div class="row align-items-center justify-content-center hint-text">
-                                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                     </div>
                                     <div class="row text-center">
                                         <div class="col">
@@ -95,4 +95,4 @@
         },
         mixins: [ModalFormHandler]
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/general/elements/SearchComponent.vue b/resources/assets/vue/components/general/elements/SearchComponent.vue
index 36bddce1..eca19095 100644
--- a/resources/assets/vue/components/general/elements/SearchComponent.vue
+++ b/resources/assets/vue/components/general/elements/SearchComponent.vue
@@ -5,7 +5,7 @@
                 <div class="col">
                     <div class="row">
                         <div class="col">
-                            <img class="w-100" src="/images/search-illustration.png" />
+                            <img class="w-100" :src="asset('images/search-illustration.png')" />
                         </div>
                     </div>
                 </div>
@@ -78,4 +78,4 @@
             }
         }
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/general/elements/bearComponent.vue b/resources/assets/vue/components/general/elements/bearComponent.vue
index 4f92caa7..d72be2e8 100644
--- a/resources/assets/vue/components/general/elements/bearComponent.vue
+++ b/resources/assets/vue/components/general/elements/bearComponent.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="row bear parentContainer">
         <div class="col">
-            <div class="absolute" style="width: 50px;top: 73px;right: 15px;"><img src="/images/easter-egg.png" class="w-100 pointer requestModal" data-type="openBear" ></div>
+            <div class="absolute" style="width: 50px;top: 73px;right: 15px;"><img :src="asset('images/easter-egg.png')" class="w-100 pointer requestModal" data-type="openBear" ></div>
             <modal-component class="animate__animated animate__fast animate__fadeIn" size="small" styleType="fill-in" type="openBear">
                 <div class="row">
                     <div class="col p-t-50 p-b-50">
@@ -21,4 +21,4 @@
 
         }
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/general/forms/FileUploadComponent.vue b/resources/assets/vue/components/general/forms/FileUploadComponent.vue
index 3eaf28b8..77e72ecb 100644
--- a/resources/assets/vue/components/general/forms/FileUploadComponent.vue
+++ b/resources/assets/vue/components/general/forms/FileUploadComponent.vue
@@ -98,10 +98,10 @@
                 vm.isLoading = true;
 
                 if(file.name.split('.').pop() === 'pdf'){
-                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", "/images/icons/pdf.png");
+                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", asset("images/icons/pdf.png"));
                 }
                 if(file.name.split('.').pop().indexOf("xls") !== -1){
-                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", "/images/icons/xlsx.png");
+                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", asset("images/icons/xlsx.png"));
                 }
 
                 Promise.all(dropzone.files.map(function(file){
@@ -147,4 +147,4 @@
         }
 
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/orders/elements/ListOrderComponent.vue b/resources/assets/vue/components/orders/elements/ListOrderComponent.vue
index b7c82ede..a358784d 100644
--- a/resources/assets/vue/components/orders/elements/ListOrderComponent.vue
+++ b/resources/assets/vue/components/orders/elements/ListOrderComponent.vue
@@ -8,7 +8,7 @@
                         <div class="row align-items-center justify-content-center p-t-50 p-b-50"  v-show="!$store.getters.getListData(section).length && !$store.getters.isLoading(section) && emptyListSection">
                             <div class="col-10">
                                 <div class="row align-items-center justify-content-center  hint-text">
-                                    <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                    <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                 </div>
                                 <div class="row text-center">
                                     <div class="col">
diff --git a/resources/assets/vue/components/orders/forms/OrderFormComponent.vue b/resources/assets/vue/components/orders/forms/OrderFormComponent.vue
index 791f53bd..c00bff2c 100644
--- a/resources/assets/vue/components/orders/forms/OrderFormComponent.vue
+++ b/resources/assets/vue/components/orders/forms/OrderFormComponent.vue
@@ -16,7 +16,7 @@
                                     <div class="b-a b-thick p-t-15 p-b-15 p-l-35 p-r-35 pointer h-100" :class="{ 'b-primary': parameters.warehouse_id === 3, 'b-grey': parameters.warehouse_id !== 3 }"  @click="parameters.warehouse_id = 3">
                                         <div class="row m-b-15 justify-content-center">
                                             <div class="col-8">
-                                                <img src="/images/guangzhou-map.png" class="w-100">
+                                                <img :src="asset('images/guangzhou-map.png')" class="w-100">
                                             </div>
                                         </div>
                                         <div class="row">
@@ -30,7 +30,7 @@
                                     <div class="b-a b-thick p-t-15 p-b-15 p-l-35 p-r-35 pointer h-100" @click="parameters.warehouse_id = 4" :class="{ 'b-primary': parameters.warehouse_id === 4, 'b-grey': parameters.warehouse_id !== 4 }">
                                         <div class="row m-b-15 justify-content-center">
                                             <div class="col-8">
-                                                <img src="/images/yiwu-map.png" class="w-100">
+                                                <img :src="asset('images/yiwu-map.png')" class="w-100">
                                             </div>
                                         </div>
                                         <div class="row">
@@ -44,7 +44,7 @@
                                     <div class="b-a b-thick p-t-15 p-b-15 p-l-35 p-r-35 pointer h-100" @click="parameters.warehouse_id = 'foshan'" :class="{ 'b-primary': parameters.warehouse_id === 'foshan', 'b-grey': parameters.warehouse_id !== 'foshan'}">
                                         <div class="row m-b-15 justify-content-center">
                                             <div class="col-8">
-                                                <img src="/images/foshan-map.png" class="w-100">
+                                                <img :src="asset('images/foshan-map.png')" class="w-100">
                                             </div>
                                         </div>
                                         <div class="row">
@@ -144,7 +144,7 @@
                 <div class="col-8 p-t-50 p-b-50 text-center">
                     <div class="row justify-content-center m-b-35">
                         <div class="col-6">
-                            <img src="/images/qr.svg" class="w-25 animate__animated animate__flip animate__infinite animate__slower">
+                            <img :src="asset('images/qr.svg')" class="w-25 animate__animated animate__flip animate__infinite animate__slower">
                         </div>
                     </div>
                     <loading-component class="m-l-0" style="height: 50px; top: 0;" color="info"></loading-component>
@@ -166,7 +166,7 @@
                 <div class="col-8 p-t-50 p-b-50 text-center">
                     <div class="row justify-content-center">
                         <div class="col-6">
-                            <img src="/images/qr.svg" class="w-50">
+                            <img :src="asset('images/qr.svg')" class="w-50">
                         </div>
                     </div>
                 </div>
diff --git a/resources/assets/vue/components/orders/sections/OrderPackageV2SectionComponent.vue b/resources/assets/vue/components/orders/sections/OrderPackageV2SectionComponent.vue
index 64e2d165..e4c7fe2d 100644
--- a/resources/assets/vue/components/orders/sections/OrderPackageV2SectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrderPackageV2SectionComponent.vue
@@ -186,7 +186,7 @@
                                                     <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.origin_warehouse_packages.length">
                                                         <div class="col-10">
                                                             <div class="row align-items-center justify-content-center  hint-text">
-                                                                <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                                <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                                             </div>
                                                             <div class="row text-center">
                                                                 <div class="col">
@@ -219,7 +219,7 @@
                                                     <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.in_transit_packages.length">
                                                         <div class="col-10">
                                                             <div class="row align-items-center justify-content-center  hint-text">
-                                                                <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                                <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                                             </div>
                                                             <div class="row text-center">
                                                                 <div class="col">
@@ -252,7 +252,7 @@
                                                     <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.destination_warehouse_packages.length">
                                                         <div class="col-10">
                                                             <div class="row align-items-center justify-content-center  hint-text">
-                                                                <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                                <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                                             </div>
                                                             <div class="row text-center">
                                                                 <div class="col">
@@ -285,7 +285,7 @@
                                                     <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.delivered_packages.flatMap(packing_list => packing_list.packages).length">
                                                         <div class="col-10">
                                                             <div class="row align-items-center justify-content-center  hint-text">
-                                                                <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                                <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                                             </div>
                                                             <div class="row text-center">
                                                                 <div class="col">
@@ -342,4 +342,4 @@
             }
         }
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue b/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
index 25417616..cc685d4e 100644
--- a/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrderProfileSectionComponent.vue
@@ -334,7 +334,7 @@
                                                             <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.origin_warehouse_packages.length">
                                                                 <div class="col-10">
                                                                     <div class="row align-items-center justify-content-center  hint-text">
-                                                                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                                                     </div>
                                                                     <div class="row text-center">
                                                                         <div class="col">
@@ -367,7 +367,7 @@
                                                             <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.in_transit_packages.length">
                                                                 <div class="col-10">
                                                                     <div class="row align-items-center justify-content-center  hint-text">
-                                                                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                                                     </div>
                                                                     <div class="row text-center">
                                                                         <div class="col">
@@ -400,7 +400,7 @@
                                                             <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.destination_warehouse_packages.length">
                                                                 <div class="col-10">
                                                                     <div class="row align-items-center justify-content-center  hint-text">
-                                                                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                                                     </div>
                                                                     <div class="row text-center">
                                                                         <div class="col">
@@ -433,7 +433,7 @@
                                                             <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!order.parcels.delivered_packages.flatMap(packing_list => packing_list.packages).length">
                                                                 <div class="col-10">
                                                                     <div class="row align-items-center justify-content-center  hint-text">
-                                                                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                                                     </div>
                                                                     <div class="row text-center">
                                                                         <div class="col">
diff --git a/resources/assets/vue/components/orders/sections/OrderSectionComponent.vue b/resources/assets/vue/components/orders/sections/OrderSectionComponent.vue
index 23297089..9719e2ec 100644
--- a/resources/assets/vue/components/orders/sections/OrderSectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrderSectionComponent.vue
@@ -115,7 +115,7 @@
                                 <div class="col">
                                     <div class="row no-margin align-items-end">
                                         <div class="col-4 d-none d-md-inline">
-                                            <img src="/images/on-hold.png" class="w-100" alt="">
+                                            <img :src="asset('images/on-hold.png')" class="w-100" alt="">
                                         </div>
                                         <div class="col">
                                             <div class="row m-l-0">
@@ -234,4 +234,4 @@
     export default {
         mixins: [componentHandler]
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/vue/components/orders/sections/OrdersTableSectionComponent.vue b/resources/assets/vue/components/orders/sections/OrdersTableSectionComponent.vue
index d7766718..e17500c6 100644
--- a/resources/assets/vue/components/orders/sections/OrdersTableSectionComponent.vue
+++ b/resources/assets/vue/components/orders/sections/OrdersTableSectionComponent.vue
@@ -105,7 +105,7 @@
                                                             <div class="row align-items-center justify-content-center p-t-50 p-b-50">
                                                                 <div class="col-10">
                                                                     <div class="row align-items-center justify-content-center  hint-text">
-                                                                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                                                     </div>
                                                                     <div class="row text-center">
                                                                         <div class="col">
@@ -170,7 +170,7 @@
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div>entries</div> 
+                                            <div>entries</div>
                                         </div>
                                         <div class="col-auto" v-show="filters.per_page < metaData.total">
                                             <pagination-component :section="section" class="mb-5" ref="pagination"></pagination-component>
@@ -197,8 +197,8 @@
                 orderStatusFilterArray: ['Active', 'Complete', 'Pending Verification', 'Cancelled'],
                 orderStatusFilterDropDownStatus: false,
                 filters: {
-                    per_page: 2, 
-                    status_in: [1], 
+                    per_page: 2,
+                    status_in: [1],
                     with_packing_lists: true,
                     reference_like: '',
                     order_by: {
@@ -256,7 +256,7 @@
                     case 'Pending Verification':
                         this.filters.status_in = [1];
                         break;
-                        
+
                     case 'Cancelled':
                         this.filters.status_in = [4, 5, 6];
                         break;
diff --git a/resources/assets/vue/components/paymentsBilling/forms/GroupPaymentFormComponent.vue b/resources/assets/vue/components/paymentsBilling/forms/GroupPaymentFormComponent.vue
index 1df26547..5888565b 100644
--- a/resources/assets/vue/components/paymentsBilling/forms/GroupPaymentFormComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/forms/GroupPaymentFormComponent.vue
@@ -35,7 +35,7 @@
                                                     <div class="row h-100">
                                                         <div class="col b-a padding-10 pointer" :class="{ 'b-primary': paymentMethod.name === 'Online Transfer', 'text-primary': paymentMethod.name === 'Online Transfer', 'b-grey': paymentMethod.name !== 'Online Transfer' }" @click="updatePaymentType({name: 'Online Transfer', id: 'payment_gateway'})">
                                                             <div class="m-b-15 m-t-10 text-center">
-                                                            <img src="/images/fpx-logo-vector-01.png" alt="logo" height="25">
+                                                            <img :src="asset('images/fpx-logo-vector-01.png')" alt="logo" height="25">
                                                             </div>
                                                             <p id="online-banking" class="no-margin bold all-caps">Online Banking</p>
                                                         </div>
diff --git a/resources/assets/vue/components/paymentsBilling/forms/PaymentFormComponent.vue b/resources/assets/vue/components/paymentsBilling/forms/PaymentFormComponent.vue
index 712269be..71234a08 100644
--- a/resources/assets/vue/components/paymentsBilling/forms/PaymentFormComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/forms/PaymentFormComponent.vue
@@ -35,7 +35,7 @@
                                                     <div class="row h-100">
                                                         <div class="col b-a padding-10 pointer" :class="{ 'b-primary': paymentMethod.name === 'Online Transfer', 'text-primary': paymentMethod.name === 'Online Transfer', 'b-grey': paymentMethod.name !== 'Online Transfer' }" @click="updatePaymentType({name: 'Online Transfer', id: 'payment_gateway'})">
                                                             <div class="m-b-15 m-t-10 text-center">
-                                                            <img src="/images/fpx-logo-vector-01.png" alt="logo" height="25">
+                                                            <img :src="asset('images/fpx-logo-vector-01.png')" alt="logo" height="25">
                                                             </div>
                                                             <p id="online-banking" class="no-margin bold all-caps">Online Banking</p>
                                                         </div>
diff --git a/resources/assets/vue/components/settings/elements/ListBasePriceSectionComponent.vue b/resources/assets/vue/components/settings/elements/ListBasePriceSectionComponent.vue
index cb31b4de..b571228d 100644
--- a/resources/assets/vue/components/settings/elements/ListBasePriceSectionComponent.vue
+++ b/resources/assets/vue/components/settings/elements/ListBasePriceSectionComponent.vue
@@ -88,7 +88,7 @@
                                     <div class="row align-items-center justify-content-center p-t-10 p-b-10"  v-if="basePriceData.length === 0">
                                         <div class="col">
                                             <div class="row align-items-center justify-content-center  hint-text">
-                                                <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                                <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"/></div>
                                             </div>
                                             <div class="row text-center">
                                                 <div class="col">
@@ -129,8 +129,8 @@
                 section: 'basePriceSection',
                 basePriceData: [],
                 searchParam:{
-                    dateFrom: '', 
-                    dateTo: '', 
+                    dateFrom: '',
+                    dateTo: '',
                 },
                 filters:{
                 },
diff --git a/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue b/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue
index 5fa3252c..c10b0e9d 100644
--- a/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue
+++ b/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue
@@ -67,7 +67,7 @@
                     <!-- <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!wallet.transactions || !wallet.transactions.length">
                         <div class="col-12">
                             <div class="row align-items-center justify-content-center hint-text">
-                                <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"></div>
+                                <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"></div>
                             </div>
                             <div class="row text-center">
                                 <div class="col">
@@ -103,7 +103,7 @@
                             <div class="row align-items-center justify-content-center p-t-50 p-b-50" v-if="!wallet.top_up_records.length">
                                 <div class="col-10">
                                     <div class="row align-items-center justify-content-center hint-text">
-                                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"></div>
+                                        <div class="col-4 hint-text"><img :src="asset('images/not-found-illustration.png')" class="w-100 hint-text"></div>
                                     </div>
                                     <div class="row text-center">
                                         <div class="col">
@@ -149,9 +149,9 @@ export default {
             startDate: null,
             endDate: null,
             options: {
-                status_in: [2, 3], 
-                owner_type: 'App\\Models\\Wallet', 
-                owner_id: 0, 
+                status_in: [2, 3],
+                owner_type: 'App\\Models\\Wallet',
+                owner_id: 0,
                 per_page: this.showingTransactionCount
             }
         }
@@ -201,7 +201,7 @@ export default {
             if (this.endDate) {
                 this.options.created_before_or_equal = this.endDate
             }
-            
+
             this.key ++;
         },
         successHandler(response){
diff --git a/resources/views/emails/layout/base.blade.php b/resources/views/emails/layout/base.blade.php
index ec9a6f85..6088be46 100644
--- a/resources/views/emails/layout/base.blade.php
+++ b/resources/views/emails/layout/base.blade.php
@@ -16,7 +16,7 @@
         .background {
             background-blend-mode: multiply; -webkit-background-size: cover;
             background-size: cover;
-            background: #202020 url({{asset('/images/iStock-976354264_Malaysia.jpg')}}) no-repeat center center;
+            background: #202020 url({{asset('images/iStock-976354264_Malaysia.jpg')}}) no-repeat center center;
         }
         .container {
             width: 600px;
@@ -135,4 +135,4 @@
     </div>
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/resources/views/pages/dashboards/customer.blade.php b/resources/views/pages/dashboards/customer.blade.php
index 614ee62a..c9748f33 100644
--- a/resources/views/pages/dashboards/customer.blade.php
+++ b/resources/views/pages/dashboards/customer.blade.php
@@ -29,7 +29,7 @@
                                             <div class="col p-t-10 p-b-25 p-l-25 p-r-25 bg-master-lightest b-r b-grey">
                                                 <div class="row m-b-15">
                                                     <div class="col text-center">
-                                                        <img src="/images/qr.svg" width="100" height="150">
+                                                        <img src="{{asset('images/qr.svg')}}" width="100" height="150">
                                                     </div>
                                                 </div>
                                                 <div class="row justify-content-center">
@@ -50,7 +50,7 @@
                                             <div class="col p-t-10 p-b-25 p-l-25 p-r-25 bg-master-lightest b-r b-grey">
                                                 <div class="row m-b-15">
                                                     <div class="col text-center">
-                                                        <img src="/images/package.svg" width="120" height="150">
+                                                        <img src="{{asset('images/package.svg')}}" width="120" height="150">
                                                     </div>
                                                 </div>
                                                 <div class="row justify-content-center">
@@ -71,7 +71,7 @@
                                             <div class="col p-t-10 p-b-25 p-l-25 p-r-25 bg-master-lightest">
                                                 <div class="row m-b-15">
                                                     <div class="col">
-                                                        <img src="/images/package_hands.svg" width="160" height="150">
+                                                        <img src="{{asset('images/package_hands.svg')}}" width="160" height="150">
                                                     </div>
                                                 </div>
                                                 <div class="row justify-content-center">
@@ -109,7 +109,7 @@
                             <div class="col bg-info-primary-gradient text-white b-rad-lg padding-25">
                                 <div class="row align-items-center">
                                     <div class="d-none d-sm-inline col-3 text-center no-padding">
-                                        <img src="/images/qr-box.svg" class="w-75">
+                                        <img src="{{asset('images/qr-box.svg')}}" class="w-75">
                                     </div>
                                     <div class="col">
                                         <div class="row m-b-10">
@@ -223,7 +223,7 @@
                                 <div class="row">
                                     <div class="col">
                                         <div class="peelable-corner overflow-hidden relative  b-t b-l b-grey">
-                                            <img src="/images/qr.svg" class="w-100">
+                                            <img src="{{asset('images/qr.svg')}}" class="w-100">
                                         </div>
                                     </div>
                                 </div>
diff --git a/resources/views/pages/support.blade.php b/resources/views/pages/support.blade.php
index b5954bdd..34bf134c 100644
--- a/resources/views/pages/support.blade.php
+++ b/resources/views/pages/support.blade.php
@@ -40,7 +40,7 @@
                 <div class="h-100 row align-items-center justify-content-center p-t-50 p-b-50">
                     <div class="col-10">
                         <div class="row align-items-center justify-content-center  hint-text">
-                            <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                            <div class="col-4 hint-text"><img src="{{asset('images/not-found-illustration.png')}}" class="w-100 hint-text"/></div>
                         </div>
                         <div class="row text-center">
                             <div class="col">
@@ -76,7 +76,7 @@
                 </div>
             </div>
         </div>
-    </div>             
+    </div>
 @endsection
 <script>
     function clearOtherFields(fieldName) {
@@ -88,4 +88,4 @@
             }
         });
     }
-</script>     
\ No newline at end of file
+</script>
diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index 9bc45c20..6e67c03e 100644
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -5,7 +5,7 @@
                 <div class="row">
                     <div class="col d-inline d-md-none">
                         <a :href="[7,8].includes($store.getters.getCompanyModuleType) ? route('last_mile_delivery.dashboard') : route('dashboard')">
-                            <img :class="[{'w-50': ![7,8].includes($store.getters.getCompanyModuleType)}]" :style="{'width': '70px'}" :src="[7,8].includes($store.getters.getCompanyModuleType) ? '/images/hy-logo.png' : '/images/cief-izyim-logo.png'">
+                            <img :class="[{'w-50': ![7,8].includes($store.getters.getCompanyModuleType)}]" :style="{'width': '70px'}" :src="[7,8].includes($store.getters.getCompanyModuleType) ? '{{asset('images/hy-logo.png')}}' : '{{asset('images/cief-izyim-logo.png')}}'">
                         </a>
                     </div>
                 </div>
@@ -34,4 +34,4 @@
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/resources/views/partials/menu.blade.php b/resources/views/partials/menu.blade.php
index f019d874..5f53b081 100644
--- a/resources/views/partials/menu.blade.php
+++ b/resources/views/partials/menu.blade.php
@@ -5,7 +5,7 @@
                 <a :href="[7,8].includes($store.getters.getCompanyModuleType) ? route('last_mile_delivery.dashboard') : route('dashboard')">
                     <div class="row align-items-center">
                         <div class="col-auto p-r-0">
-                            <img :class="[{'w-50': ![7,8].includes($store.getters.getCompanyModuleType)}]" :style="{'width': '70px'}" :src="[7,8].includes($store.getters.getCompanyModuleType) ? '/images/hy-logo.png' : '/images/cief-izyim-logo.png'">
+                            <img :class="[{'w-50': ![7,8].includes($store.getters.getCompanyModuleType)}]" :style="{'width': '70px'}" :src="[7,8].includes($store.getters.getCompanyModuleType) ? '{{asset('images/hy-logo.png')}}' : '{{asset('images/cief-izyim-logo.png')}}'">
                         </div>
                         <div class="col p-l-0 d-none" :class="[{'d-flex': [7,8].includes($store.getters.getCompanyModuleType)}]" v-if="[7,8].includes($store.getters.getCompanyModuleType)">
                             <h4 class="no-margin bold text-complete">HY WAVE TECH</h4>