[feat] add init animation

src/app/page.tsx

@@ -2,18 +2,28 @@
 
 import Nav from "@/components/window/Nav"
 import { Prepare } from "@/components/cstb/Prepare"
+import { motion, AnimatePresence } from "framer-motion"
 
 const Home = () => {
-
   return (
     <>
       <Nav />
-      <main className="flex flex-col items-center justify-center w-full h-screen gap-6" data-tauri-drag-region>
-        <h1 className="text-4xl font-bold tracking-wide">CS 工具箱</h1>
-          <Prepare />
+      <main className="flex flex-col justify-center w-full h-screen overflow-hidden" data-tauri-drag-region>
+        <AnimatePresence>
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            animate={{ opacity: 1, y: 0 }}
+            exit={{ opacity: 0, y: -30 }}
+            transition={{ duration: 0.5 }}
+            className="flex flex-col items-center justify-center gap-6 "
+          >
+            <h1 className="text-4xl font-bold tracking-wide">CS 工具箱</h1>
+            <Prepare />
+          </motion.div>
+        </AnimatePresence>
       </main>
     </>
   )
 }
 
-export default Home
+export default Home