diff --git a/public/img/erahn-logo.png b/public/img/erahn-logo.png
new file mode 100644
index 0000000..ac173f2
Binary files /dev/null and b/public/img/erahn-logo.png differ
diff --git a/public/index.html b/public/index.html
index da70b84..e40e670 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,12 +6,12 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
-  <link rel="icon" href="img/arrahn_favicon.ico">
+  <link rel="icon" href="img/erahn-logo.png">
   <style>
     @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
   </style>
   <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
-  <title>ArrahnBid</title>
+  <title>E-Rahn Lelong</title>
 </head>
 
 <body>
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index f6c2961..9a18893 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -36,7 +36,8 @@
   --border-radius:6px;
   --surface-ground:#eff3f8;
   --surface-section:#ffffff;
-  --surface-card:#454444;
+  --surface-card:#454444ce;
+  --surface-card2:#b9b4b4;
   --surface-overlay:#ffffff;
   --surface-border:#dfe7ef;
   --surface-hover:#f6f9fc;
diff --git a/src/assets/background-lelong.png b/src/assets/background-lelong.png
new file mode 100644
index 0000000..8d0169f
Binary files /dev/null and b/src/assets/background-lelong.png differ
diff --git a/src/components/authentication/TheLogin.vue b/src/components/authentication/TheLogin.vue
index 5672ae1..8fe67e5 100644
--- a/src/components/authentication/TheLogin.vue
+++ b/src/components/authentication/TheLogin.vue
@@ -15,7 +15,7 @@
         surface-card
         fadein
         p-4
-        shadow-2
+        shadow-8
         border-round
         w-11
         md:w-10
@@ -24,11 +24,12 @@
       "
     >
       <div class="text-center mb-5">
-        <div class="text-900 text-3xl font-semibold mb-3">
-          ArrahnBid
-          <img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
+        <img class="logo-img" src="img/erahn-logo.png" alt="erahn-logo" />
+        <div class="text-200 text-3xl font-semibold mb-3">
+          E-Rahn Lelong
+        
         </div>
-        <span class="text-600 font-medium line-height-3"
+        <span class="text-dark-300 font-medium line-height-3"
           >Belum punyai akaun?</span
         >
         <router-link
@@ -51,6 +52,7 @@
                   type="text"
                   placeholder="Username"
                   required
+                  style="width: 360px"
                 ></InputText>
               </span>
             </div>
@@ -207,13 +209,18 @@ export default {
     #9599e2 100%
   ),
   url("/src/assets/background_arrahn.jpg"); */
-  /* background-color: black; */
+  background-image: url("/src/assets/background-lelong.png");
+  background-color: #fec234;
   background-position: center;
   background-size: cover;
 }
 
 .logo-img {
-  width: 84px;
-  height: 44px;
+  width: 70px;
+  height: 60px;
 }
+
+/* .border-round{
+  border-radius:50px;
+} */
 </style>
diff --git a/src/components/authentication/TheRegister.vue b/src/components/authentication/TheRegister.vue
index 3968201..310875a 100644
--- a/src/components/authentication/TheRegister.vue
+++ b/src/components/authentication/TheRegister.vue
@@ -1,12 +1,10 @@
 <template>
   <Toast :breakpoints="{ '767px': { width: '100%', right: '0', left: '0' } }" />
   <div class="flex main-container min-h-screen align-items-center justify-content-center m-5">
-    <div class="surface-card fadein p-4 shadow-2 border-round w-11 md:w-10 lg:w-10 xl:w-8">
+    <div class= "surface-card fadein p-4 shadow-2 border-round w-11 md:w-10 lg:w-10 xl:w-8">
       <div class="text-center mb-5">
-        <div class="text-900 text-3xl font-semibold mb-3">
-          ArrahnBid
-          <img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
-        </div>
+        <img class="logo-img" src="img/erahn-logo.png" alt="arrahn-logo" />
+        <div class="text-200 text-3xl font-semibold mb-3">E-Rahn Lelong</div>
         <span class="text-600 font-medium line-height-3">Sudah punyai akaun?</span>
         <router-link
           v-bind:to="{ name: 'login' }"
@@ -14,10 +12,10 @@
           >Log masuk sekarang!
         </router-link>
       </div>
-      <h5>Daftar Akaun</h5>
+      <h5 class="text-200">Daftar Akaun</h5>
       <div class="grid">
         <div class="col-12 lg:col-6">
-          <div class="field">
+          <div class="field text-200">
             <label for="name">Nama</label>
             <InputText
               id="name"
@@ -74,7 +72,7 @@
           </div>
         </div>
         <div class="col-12 lg:col-6">
-          <div class="field">
+          <div class="field text-200">
             <label for="notelbimbit">No Telefon</label>
             <!-- <InputText
               id="notelbimbit"
@@ -115,7 +113,7 @@
           </div>
         </div>
         <div class="col-12 lg:col-6">
-          <div class="field">
+          <div class="field text-200">
             <label for="email">Emel</label>
             <InputText
               id="email"
@@ -141,7 +139,7 @@
           </div>
         </div>
         <div class="col-12 lg:col-6">
-          <div class="field">
+          <div class="field text-200">
             <p class="mb-0" for="username">Username</p>
             <InputText
               id="username"
@@ -167,13 +165,13 @@
           </div>
         </div>
         <div class="col-12 lg:col-6">
-          <div class="field">
+          <div class="field text-200">
             <p class="mb-0">Kata Laluan</p>
             <div class="p-input-icon-right">
               <i class="pi pi-user" />
-              <!-- <InputText
+              <InputText
                 id="password"
-                type="text"
+                type="password"
                 v-model="form.password"
                 class="
                   text-base text-color
@@ -187,8 +185,8 @@
                   focus:border-primary
                   w-full
                 "
-              ></InputText> -->
-              <Password
+              ></InputText>
+              <!-- <Password
                 v-model="form.password"
                 toggleMask
                 :feedback="false"
@@ -201,7 +199,7 @@
                   focus:border-primary
                   w-full
                 "
-              />
+              /> -->
             </div>
             <InlineMessage class="mt-1" v-if="v$.form.password.$error"
               >Kata laluan diperlukan & mestilah 8 huruf</InlineMessage
@@ -235,7 +233,7 @@
           </div>
         </div> -->
         <div class="col-12">
-          <div class="field">
+          <div class="field text-200">
             <label for="frontic">Kad Pengenalan Hadapan</label>
             <!-- <FileUpload
               name="demo[]"
@@ -260,7 +258,7 @@
           </div>
         </div>
         <div class="col-12">
-          <div class="field">
+          <div class="field text-200">
             <label for="backic">Kad Pengenalan Belakang</label>
             <input class="form-control" type="file" />
             <!-- <InlineMessage class="mt-1" v-if="v$.form.images.file2.$error"
@@ -269,7 +267,7 @@
           </div>
         </div>
         <div class="col-12">
-          <div class="mt-3 mb-1">
+          <div class="mt-3 mb-1 text-500">
             <label>
               <input type="checkbox" v-model="form.register_agree" />
               Setuju Dengan <terms-and-conditions></terms-and-conditions>
@@ -519,9 +517,10 @@ export default {
 </script>
 
 <style scoped>
+
 .logo-img {
-  width: 84px;
-  height: 44px;
+  width: 70px;
+  height: 60px;
 }
 
 .h-match-phone-number {
diff --git a/src/components/layouts/TheFooter.vue b/src/components/layouts/TheFooter.vue
index 996a0e7..7ec112f 100644
--- a/src/components/layouts/TheFooter.vue
+++ b/src/components/layouts/TheFooter.vue
@@ -51,11 +51,11 @@
   </footer> -->
   <div class="layout-footer">
     <div class="layout-footer-left">
-      <span>Sistem ArrahnBid</span>
+      <span>E-Rahn Lelong</span>
     </div>
 
     <div class="layout-footer-right">
-      <span> Permodalan Kelantan Berhad </span>
+      <span> Xtrabiz Sdn. Bhd. </span>
     </div>
   </div>
 </template>
diff --git a/src/components/layouts/TheHeader.vue b/src/components/layouts/TheHeader.vue
index 2146f9b..9aa0d7d 100644
--- a/src/components/layouts/TheHeader.vue
+++ b/src/components/layouts/TheHeader.vue
@@ -15,8 +15,8 @@
     >
       <div class="flex align-items-center justify-content-center">
         <div class="company-title" type="button" v-on:click="toHome()">
-          <div class="logo-title">ArrahnBid</div>
-          <img class="logo-img" src="img/logo_arrahn.png" alt="arrahn-logo" />
+          <img class="logo-img mr-2" src="img/erahn-logo.png" alt="arrahn-logo" />
+          <div class="logo-title">E-Rahn Lelong</div>  
         </div>
       </div>
       <div class="flex align-items-center justify-content-center">
@@ -293,7 +293,6 @@ router-link:hover {
   justify-content: space-between;
   align-items: center;
   background-color: #eeeeee;
-
   height: 3.2rem;
   padding: 0 6.4rem;
 }
@@ -307,15 +306,19 @@ router-link:hover {
   display: flex;
   justify-content: center;
   align-items: center;
-  color: #eaf0f9;
+  color: #212223;
   font-size: 1rem;
-  font-weight: 700;
+  font-weight: 500;
 }
 
 .logo-img {
   height: 1.6rem;
 }
 
+/* .main-nav {
+  background-color: #cb3d3d;
+} */
+
 .main-nav-list {
   list-style: none;
   display: flex;
diff --git a/src/components/layouts/TheTemplate.vue b/src/components/layouts/TheTemplate.vue
index 02fe61a..5511790 100644
--- a/src/components/layouts/TheTemplate.vue
+++ b/src/components/layouts/TheTemplate.vue
@@ -2,6 +2,7 @@
   <div class="content-page" style="background-color: #fec234;">
     <div class="content" style="background-color: #fec234;">
       <the-header />
+      <br>
       <div class="container pt-2" style="background-color: #333333;">
         <slot></slot>
       </div>