"use client"

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 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
