diff --git a/src/assets/images/group.png b/src/assets/images/group.png
new file mode 100644
index 0000000..f541968
Binary files /dev/null and b/src/assets/images/group.png differ
diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts
index 9a83ee2..39054c1 100644
--- a/src/auto-imports.d.ts
+++ b/src/auto-imports.d.ts
@@ -3,6 +3,7 @@
 // @ts-nocheck
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
+// biome-ignore lint: disable
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
@@ -35,6 +36,7 @@ declare global {
   const onServerPrefetch: typeof import('vue')['onServerPrefetch']
   const onUnmounted: typeof import('vue')['onUnmounted']
   const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
   const provide: typeof import('vue')['provide']
   const reactive: typeof import('vue')['reactive']
   const readonly: typeof import('vue')['readonly']
@@ -52,9 +54,12 @@ declare global {
   const useAttrs: typeof import('vue')['useAttrs']
   const useCssModule: typeof import('vue')['useCssModule']
   const useCssVars: typeof import('vue')['useCssVars']
+  const useId: typeof import('vue')['useId']
+  const useModel: typeof import('vue')['useModel']
   const useRoute: typeof import('vue-router/auto')['useRoute']
   const useRouter: typeof import('vue-router/auto')['useRouter']
   const useSlots: typeof import('vue')['useSlots']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
   const watch: typeof import('vue')['watch']
   const watchEffect: typeof import('vue')['watchEffect']
   const watchPostEffect: typeof import('vue')['watchPostEffect']
@@ -101,6 +106,7 @@ declare module 'vue' {
     readonly onServerPrefetch: UnwrapRef<typeof import('vue')['onServerPrefetch']>
     readonly onUnmounted: UnwrapRef<typeof import('vue')['onUnmounted']>
     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
+    readonly onWatcherCleanup: UnwrapRef<typeof import('vue')['onWatcherCleanup']>
     readonly provide: UnwrapRef<typeof import('vue')['provide']>
     readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
     readonly readonly: UnwrapRef<typeof import('vue')['readonly']>
@@ -118,9 +124,12 @@ declare module 'vue' {
     readonly useAttrs: UnwrapRef<typeof import('vue')['useAttrs']>
     readonly useCssModule: UnwrapRef<typeof import('vue')['useCssModule']>
     readonly useCssVars: UnwrapRef<typeof import('vue')['useCssVars']>
+    readonly useId: UnwrapRef<typeof import('vue')['useId']>
+    readonly useModel: UnwrapRef<typeof import('vue')['useModel']>
     readonly useRoute: UnwrapRef<typeof import('vue-router/auto')['useRoute']>
     readonly useRouter: UnwrapRef<typeof import('vue-router/auto')['useRouter']>
     readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
+    readonly useTemplateRef: UnwrapRef<typeof import('vue')['useTemplateRef']>
     readonly watch: UnwrapRef<typeof import('vue')['watch']>
     readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
     readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
diff --git a/src/pages/guest/index.vue b/src/pages/guest/index.vue
index 7f59e5a..6a3cf23 100644
--- a/src/pages/guest/index.vue
+++ b/src/pages/guest/index.vue
@@ -2,13 +2,30 @@
   <div class="flex items-center align-center justify-center h-screen">
     <div class="text-center">
       <div class="mt-5 !ml-2">
+        <n-image src="/src/assets/images/leaflow.png" width="200" />
         <n-h1> 满身星光，不负众望 </n-h1>
-        <n-p> </n-p>
       </div>
       <br />
       <n-button v-if="!userStore.logined" type="primary" @click="login">
         登录
       </n-button>
+
+      <n-modal v-model:show="showModal" :mask-closable="false" preset="dialog" transform-origin="center">
+        <template #header>
+          <div>公告</div>
+        </template>
+        <div class="text-center">
+          <n-h6>
+            Leaflow Amber 目前仍然处于测试阶段，
+            <br />
+            不代表最终品质。
+          </n-h6>
+          <n-image src="/src/assets/images/group.png" width="300" />
+        </div>
+        <template #action>
+          <n-button type="primary" @click="showModal = false">确定</n-button>
+        </template>
+      </n-modal>
     </div>
   </div>
 </template>
@@ -21,4 +38,6 @@ const userStore = useUserStore();
 const login = () => {
   router.push("/auth/login");
 };
-</script>
\ No newline at end of file
+
+const showModal = ref(true);
+</script>