diff --git a/config/navs.ts b/config/navs.ts
index 49405bc..f5e3f41 100644
--- a/config/navs.ts
+++ b/config/navs.ts
@@ -1,11 +1,5 @@
 // icons: https://icones.js.org/collection/ri
 export default [
-  {
-    label: '首页',
-    to: '/',
-    icon: 'ri:home-2-line'
-  },
-
   {
     label: '存储桶',
     to: '/browser',
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 5901ec6..81d3a13 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -18,6 +18,16 @@ export default defineNuxtConfig({
       meta: [
         { name: 'description', content: appDescription },
       ],
+      link: [
+        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+        // <link rel="icon" type = "image/png" sizes = "32x32" href = "/favicon-32x32.png" >
+        { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png' },
+        // <link rel="icon" type = "image/png" sizes = "16x16" href = "/favicon-16x16.png" >
+        { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16x16.png' },
+        // <link rel="apple-touch-icon" sizes = "180x180" href = "/apple-touch-icon.png" >
+        { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },
+        { rel: 'manifest', href: '/site.webmanifest' },
+      ],
       charset: 'utf-8',
       viewport: 'width=device-width, initial-scale=1',
     }
diff --git a/package-lock.json b/package-lock.json
index df4fa15..7952ec8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7865,7 +7865,7 @@
     },
     "node_modules/dayjs": {
       "version": "1.11.13",
-      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
       "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
       "license": "MIT"
     },
diff --git a/pages/auth/login.vue b/pages/auth/login.vue
index f2a577d..7c8388a 100644
--- a/pages/auth/login.vue
+++ b/pages/auth/login.vue
@@ -49,6 +49,7 @@ const handleLogin = async () => {
 
 <template>
   <div class="flex flex-col items-center justify-center min-h-screen bg relative">
+    <img src="~/assets/logo.svg" class="max-w-28" alt="" />
     <div class="mt-7 w-full max-w-sm z-10 bg-white shadow-sm dark:bg-neutral-900 dark:border-neutral-700">
       <div class="p-4 sm:p-7">
         <div class="text-center">
diff --git a/pages/browser/index.vue b/pages/browser/index.vue
index 537c057..6739805 100644
--- a/pages/browser/index.vue
+++ b/pages/browser/index.vue
@@ -21,18 +21,13 @@
           </n-input>
         </div>
         <div class="flex items-center gap-4">
-          <n-button @click="() => refresh()">
+          <n-button @click="async () => refresh()">
             <Icon name="ri:refresh-line" class="mr-2" />
             <span>刷新</span>
           </n-button>
         </div>
       </div>
-      <n-data-table
-        class="border dark:border-neutral-700 rounded overflow-hidden"
-        :columns="columns"
-        :data="data"
-        :pagination="false"
-        :bordered="false" />
+      <n-data-table class="border dark:border-neutral-700 rounded overflow-hidden" :columns="columns" :data="data" :pagination="false" :bordered="false" />
     </page-content>
 
     <buckets-new-form :show="formVisible" @update:show="handleFormClosed"></buckets-new-form>
@@ -40,9 +35,9 @@
 </template>
 
 <script lang="ts" setup>
-import { NSpace, NButton, type DataTableColumns } from 'naive-ui';
-import { NuxtLink, Icon } from '#components';
-import { useRouter } from 'vue-router';
+import { Icon, NuxtLink } from '#components'
+import { NButton, NSpace, type DataTableColumns } from 'naive-ui'
+import { useRouter } from 'vue-router'
 
 const { listBuckets } = useBucket({});
 const formVisible = ref(false);
@@ -63,7 +58,9 @@ const columns: DataTableColumns<RowData> = [
           href: `/browser/${encodeURIComponent(row.Name)}`,
           class: 'flex items-center gap-2',
         },
-        [icon('ri:archive-line'), row.Name]
+        {
+          default: () => [icon('ri:archive-line'), row.Name]
+        }
       );
     },
   },
diff --git a/pages/bucket/[key].vue b/pages/buckets/[key].vue
similarity index 100%
rename from pages/bucket/[key].vue
rename to pages/buckets/[key].vue
diff --git a/pages/index.vue b/pages/index.vue
index 7ccc060..27a42b2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,11 +1,9 @@
-<template>
-  <page-content class="flex flex-col gap-4 items-center justify-center min-h-screen">
-    <h1 class="text-2xl font-bold">欢迎使用 RustFS.</h1>
-    <div class="flex items-center justify-center">
-      <n-button type="primary" @click="$router.push('/browser')">进入文件浏览器</n-button>
-    </div>
-    <div class="mt-4">
-      <p>轻松浏览您的文件和文件夹!</p>
-    </div>
-  </page-content>
-</template>
+<script lang="ts" setup>
+const router = useRouter()
+router.push('/browser')
+
+watchEffect(() => {
+  console.log('Navigated to buckets')
+})
+
+</script>
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 0000000..d6cb1fc
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
new file mode 100644
index 0000000..f9efa98
Binary files /dev/null and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..df5e288
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..8447c8e
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..9129cce
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 18993ad..4d38244 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file