File size: 1,161 Bytes
050873e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
import { Box, Button } from "@mui/material";
import { motion } from "framer-motion";
import { useNavigate } from "react-router-dom";
export function Home() {
const navigate = useNavigate();
return (
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
transition={{ duration: 0.5 }}
>
<Box
sx={{
minHeight: "100vh",
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
gap: 4,
bgcolor: "background.default",
}}
>
<Box
component="img"
src="/book.webp"
alt="Book cover"
sx={{
height: "80vh",
width: "auto",
objectFit: "contain",
borderRadius: "12px",
}}
/>
<Button
variant="outlined"
size="large"
onClick={() => navigate("/game")}
sx={{
fontSize: "1.2rem",
padding: "12px 36px",
}}
>
Play
</Button>
</Box>
</motion.div>
);
}
|