diff --git a/public/images/favicon.webp b/public/images/favicon.webp
new file mode 100644
index 0000000..1a08720
Binary files /dev/null and b/public/images/favicon.webp differ
diff --git a/resources/images/favicon.webp b/resources/images/favicon.webp
new file mode 100644
index 0000000..1a08720
Binary files /dev/null and b/resources/images/favicon.webp differ
diff --git a/resources/images/logo-peptied-web.webp b/resources/images/logo-peptied-web.webp
new file mode 100644
index 0000000..2fadb67
Binary files /dev/null and b/resources/images/logo-peptied-web.webp differ
diff --git a/resources/js/constants.js b/resources/js/constants.js
index 8eaca59..0cc2604 100644
--- a/resources/js/constants.js
+++ b/resources/js/constants.js
@@ -1,5 +1,5 @@
 export const GET_BASE_PATH = ""
-let MAIN_DOMAIN = "http://127.0.0.1:8005";
+let MAIN_DOMAIN = "http://127.0.0.1:8000";
 export const ADMIN_LOGIN_API = MAIN_DOMAIN + "/api/admin/login"
 
 export const PATIENT_LIST_API =  MAIN_DOMAIN + "/api/admin/patient-list"
diff --git a/resources/js/layouts/components/DefaultLayoutWithHorizontalNav.vue b/resources/js/layouts/components/DefaultLayoutWithHorizontalNav.vue
index 87ff743..766f897 100644
--- a/resources/js/layouts/components/DefaultLayoutWithHorizontalNav.vue
+++ b/resources/js/layouts/components/DefaultLayoutWithHorizontalNav.vue
@@ -4,12 +4,12 @@ import { themeConfig } from '@themeConfig'
 
 // Components
 import Footer from '@/layouts/components/Footer.vue'
-import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
-import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
-import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
+// import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
+// import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
+// import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
 import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
 import UserProfile from '@/layouts/components/UserProfile.vue'
-import NavBarI18n from '@core/components/I18n.vue'
+// import NavBarI18n from '@core/components/I18n.vue'
 import { HorizontalNavLayout } from '@layouts'
 import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
 
@@ -45,16 +45,16 @@ watch([
       </RouterLink>
       <VSpacer />
 
-      <NavSearchBar />
+      <!-- <NavSearchBar /> -->
 
-      <NavBarI18n
+      <!-- <NavBarI18n
         v-if="themeConfig.app.i18n.enable && themeConfig.app.i18n.langConfig?.length"
         :languages="themeConfig.app.i18n.langConfig"
-      />
+      /> -->
 
       <NavbarThemeSwitcher />
-      <NavbarShortcuts />
-      <NavBarNotifications class="me-2" />
+      <!-- <NavbarShortcuts /> -->
+      <!-- <NavBarNotifications class="me-2" /> -->
       <UserProfile />
     </template>
 
@@ -77,6 +77,6 @@ watch([
     </template>
 
     <!-- 👉 Customizer -->
-    <TheCustomizer />
+    <!-- <TheCustomizer /> -->
   </HorizontalNavLayout>
 </template>
diff --git a/resources/js/layouts/components/DefaultLayoutWithVerticalNav.vue b/resources/js/layouts/components/DefaultLayoutWithVerticalNav.vue
index 1aba2f3..758f915 100644
--- a/resources/js/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/resources/js/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -1,16 +1,15 @@
 <script setup>
 import navItems from '@/navigation/vertical';
-import { themeConfig } from '@themeConfig';
 import { useStore } from 'vuex';
 const store = useStore()
 // Components
 import Footer from '@/layouts/components/Footer.vue';
-import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue';
-import NavSearchBar from '@/layouts/components/NavSearchBar.vue';
-import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue';
+// import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue';
+// import NavSearchBar from '@/layouts/components/NavSearchBar.vue';
+// import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue';
 import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue';
 import UserProfile from '@/layouts/components/UserProfile.vue';
-import NavBarI18n from '@core/components/I18n.vue';
+// import NavBarI18n from '@core/components/I18n.vue';
 
 // @layouts plugin
 import { VerticalNavLayout } from '@layouts';
@@ -45,17 +44,17 @@ watch([
           <VIcon icon="ri-menu-line" />
         </IconBtn>
 
-        <NavSearchBar class="ms-lg-n2" />
+        <!-- <NavSearchBar class="ms-lg-n2" /> -->
 
         <VSpacer />
 
-        <NavBarI18n
+        <!-- <NavBarI18n
           v-if="themeConfig.app.i18n.enable && themeConfig.app.i18n.langConfig?.length"
           :languages="themeConfig.app.i18n.langConfig"
-        />
+        /> -->
         <NavbarThemeSwitcher />
-        <NavbarShortcuts />
-        <NavBarNotifications class="me-2" />
+        <!-- <NavbarShortcuts /> -->
+        <!-- <NavBarNotifications class="me-2" /> -->
         <UserProfile />
       </div>
     </template>
@@ -79,6 +78,6 @@ watch([
     </template>
 
     <!-- 👉 Customizer -->
-    <TheCustomizer />
+    <!-- <TheCustomizer /> -->
   </VerticalNavLayout>
 </template>
diff --git a/resources/js/layouts/components/Footer.vue b/resources/js/layouts/components/Footer.vue
index 9732de1..75c2ee0 100644
--- a/resources/js/layouts/components/Footer.vue
+++ b/resources/js/layouts/components/Footer.vue
@@ -2,10 +2,10 @@
   <div class="h-100 d-flex align-center justify-space-between text-medium-emphasis">
     <!-- 👉 Footer: left content -->
     <span class="d-flex align-center">
-      &copy;
+      &copy; Copyright
       {{ new Date().getFullYear() }}
-      Made With
-      <VIcon
+      , All Rights Reserved.
+      <!-- <VIcon
         icon="ri-heart-line"
         color="error"
         size="1.25rem"
@@ -16,10 +16,10 @@
         target="_blank"
         rel="noopener noreferrer"
         class="text-primary ms-1"
-      >ThemeSelection</a>
+      >ThemeSelection</a> -->
     </span>
     <!-- 👉 Footer: right content -->
-    <span class="d-md-flex gap-x-4 text-primary d-none">
+    <!-- <span class="d-md-flex gap-x-4 text-primary d-none">
       <a
         href="https://themeselection.com/license/"
         target="noopener noreferrer"
@@ -32,6 +32,6 @@
         href="https://demos.themeselection.com/materio-vuetify-vuejs-admin-template/documentation/guide/laravel-integration/folder-structure.html"
         target="noopener noreferrer"
       >Documentation</a>
-    </span>
+    </span> -->
   </div>
 </template>
diff --git a/resources/js/pages/login.vue b/resources/js/pages/login.vue
index 993a562..b67f0ff 100644
--- a/resources/js/pages/login.vue
+++ b/resources/js/pages/login.vue
@@ -48,7 +48,7 @@ const login = async () => {
   
   try {
     store.dispatch('updateIsLoading', true)
-    isLoading.value = true
+    // isLoading.value = true
     const response = await axios.post(ADMIN_LOGIN_API, {
       email: credentials.value.email,
       password: credentials.value.password,
@@ -70,7 +70,8 @@ const login = async () => {
     });
   } catch (error) {
     store.dispatch('updateIsLoading', false)
-    isLoading.value = false
+    errors.value.email = error.response.data.error
+    // isLoading.value = false
     console.error(error);
   }
   // try {
diff --git a/resources/views/application.blade.php b/resources/views/application.blade.php
index 340c664..a195d51 100644
--- a/resources/views/application.blade.php
+++ b/resources/views/application.blade.php
@@ -3,9 +3,9 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="icon" href="{{ asset('favicon.ico') }}" />
+  <link rel="icon" href="{{ asset('images/favicon.webp') }}" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Materio - Vuetify Vuejs Admin Template</title>
+  <title>{{ config('app.name') }}</title>
   <link rel="stylesheet" type="text/css" href="{{ asset('loader.css') }}" />
   @vite(['resources/js/main.js'])
 </head>
@@ -15,7 +15,7 @@
     <div id="loading-bg">
       <div class="loading-logo">
         <!-- SVG Logo -->
-        <svg width="86" height="48" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
+        <!-- <svg width="86" height="48" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
           <g fill="none" fill-rule="evenodd">
             <path d="M30 21.392a2 2 0 0 1-3.027 1.716l-3.258-1.95a2 2 0 0 1-.973-1.716l-.001-6.7L15
                 17.178l-7.742-4.434v6.7a2 2 0 0 1-.973 1.715l-3.258 1.95A2 2 0 0 1 0 21.392V3.585l.005-.15L0 3.572a2 2 0 0
@@ -26,10 +26,9 @@
             <path fill="var(--initial-loader-color)" opacity=".078" d="m30 8.589-7.258 4.052v2.62z" />
             <path d="M3.045 1.866 15 9.194v7.983L0 8.587V3.571a2 2 0 0 1 3.045-1.706Z" fill-opacity=".15" fill="
                 #FFF" />
-            <path d="M26.955 1.866 15 9.194v7.983l15-8.59V3.571a2 2 0 0 0-3.045-1.706Z" fill-opacity=".35"
-              fill="#FFF" />
+            <path d="M26.955 1.866 15 9.194v7.983l15-8.59V3.571a2 2 0 0 0-3.045-1.706Z" fill-opacity=".35" fill="#FFF" />
           </g>
-        </svg>
+        </svg> -->
       </div>
       <div class=" loading">
         <div class="effect-1 effects"></div>
@@ -38,7 +37,7 @@
       </div>
     </div>
   </div>
-  
+
   <script>
     const loaderColor = localStorage.getItem('materio-initial-loader-bg') || '#FFFFFF'
     const primaryColor = localStorage.getItem('materio-initial-loader-color') || '#a169ff'
diff --git a/themeConfig.js b/themeConfig.js
index 4225e0b..33efe34 100644
--- a/themeConfig.js
+++ b/themeConfig.js
@@ -4,15 +4,16 @@ import { breakpointsVuetify } from '@vueuse/core'
 import { VIcon } from 'vuetify/components/VIcon'
 
 // ❗ Logo SVG must be imported with ?raw suffix
-import logo from '@images/logo.svg?raw'
+import logoImage from '@images/logo-peptied-web.webp'
+
 import { AppContentLayoutNav, ContentWidth, FooterType, NavbarType } from '@layouts/enums'
 
 export const { themeConfig, layoutConfig } = defineThemeConfig({
   app: {
-    title: 'TelemedPro',
+    title: '',
 
     // ❗ if you have SVG logo and want it to adapt according to theme color, you have to apply color as `color: rgb(var(--v-global-theme-primary))`
-    logo: h('div', { innerHTML: logo, style: 'line-height:0; color: rgb(var(--v-global-theme-primary))' }),
+    logo: h('div', { innerHTML: `<img src="${logoImage}" alt="Logo" style="width:150px;">` }),
     contentWidth: ContentWidth.Boxed,
     contentLayoutNav: AppContentLayoutNav.Vertical,
     overlayNavFromBreakpoint: breakpointsVuetify.md + 16, // 16 for scrollbar. Docs: https://next.vuetifyjs.com/en/features/display-and-platform/