基本完成初步框架

app/components/IndexHero.vue

@@ -1,25 +1,22 @@
 <script setup lang="ts">
-const links = ref([
-  {
-    label: 'Get started',
-    to: '/getting-started',
-    icon: 'i-lucide-square-play'
-  },
-  {
-    label: 'Learn more',
-    to: '/getting-started/theme',
-    color: 'neutral',
-    variant: 'subtle',
-    trailingIcon: 'i-lucide-arrow-right'
-  }
-])
+// 无需额外的脚本逻辑
 </script>
 
 <template>
-  <UPageHero
-    headline="New release"
-    title="Ultimate Vue UI library"
-    description="A Nuxt/Vue-integrated UI library providing a rich set of fully-styled, accessible and highly customizable components for building modern web applications."
-    :links="links"
-  />
+    <div class="w-full top-0 left-0 bg-gray-50 dark:bg-gray-900">
+        <!-- 欢迎卡片 -->
+        <div
+            class="bg-slate-200 dark:bg-slate-600 rounded-lg border border-gray-200 dark:border-gray-700 p-2 sm:p-4 shadow-sm">
+
+            <h1 class="text-xl font-bold text-gray-900 dark:text-white mb-2">
+                Hi 👋, 欢迎使用简单文档系统
+            </h1>
+            <!-- 编号列表 -->
+            <div class="mt-2 text-base text-gray-700 dark:text-gray-300">
+                1. 登录网站！<br>
+                2. 创建文档，为文档添加文章！<br>
+                3. 拖拽文章标题进行排序，分享文档！
+            </div>
+        </div>
+    </div>
 </template>