"use client"
 
const Home: FC<HomeProps> = ({ title }) => {
  const [ready, setReady] = useState(false)
 
  useEffect(() => {
    const t = setTimeout(() => setReady(true), 300)
    return () => clearTimeout(t)
  }, [])
 
  return (
    <motion.section
      animate={ready ? show : hide}
      className="grid place-items-center"
    >
      <h1>{title}</h1>
    </motion.section>
  )
}
 
export default Home;