Hair Keeper v1.0.0：一个高度集成、深度定制、约定优于配置的全栈Web应用模板，旨在保持灵活性的同时提供一套基于成熟架构的开发底座，自带身份认证、权限控制、丰富前端组件、文件上传、后台任务、智能体开发等丰富功能，提供AI开发辅助，免于纠结功能如何实现，可快速上手专注于业务逻辑

src/app/(main)/welcome.tsx

@@ -0,0 +1,43 @@
+'use client'
+
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Button } from '@/components/ui/button'
+import { Sparkles } from 'lucide-react'
+
+interface WelcomeDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+}
+
+/**
+ * 欢迎对话框组件
+ * 用于在首次进入系统时显示欢迎信息
+ */
+export function WelcomeDialog({ open, onOpenChange }: WelcomeDialogProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-[500px]">
+        <DialogHeader>
+          <div className="flex items-center gap-2">
+            <Sparkles className="h-6 w-6 text-primary" />
+            <DialogTitle className="text-2xl">欢迎您，开发者</DialogTitle>
+          </div>
+          <DialogDescription className="pt-4 text-base">
+            {/* 内容暂时没想好，先不实现 */}
+          </DialogDescription>
+        </DialogHeader>
+        <div className="flex justify-end gap-2 pt-4">
+          <Button onClick={() => onOpenChange(false)}>
+            开始使用
+          </Button>
+        </div>
+      </DialogContent>
+    </Dialog>
+  )
+}