Files
CMS-Client/pages/auth/logout.js
T

75 lines
1.8 KiB
JavaScript

import { Typography } from "@mui/material";
import { Box } from "@mui/system";
import Button from "@mui/material/Button";
export default function Logout() {
return (
<>
<div className="authenticationBox">
<Box
component="main"
sx={{
padding: "70px 0 100px",
}}
>
<Box
sx={{
background: "#fff",
padding: "30px 20px",
borderRadius: "10px",
maxWidth: "510px",
ml: "auto",
mr: "auto",
textAlign: "center"
}}
className="bg-black"
>
<Box>
<img
src="/images/logo.png"
alt="Black logo"
className="black-logo"
/>
<img
src="/images/logo-white.png"
alt="White logo"
className="white-logo"
/>
</Box>
<Box mt={4} mb={4}>
<img src="/images/coffee.png" alt="Coffee" />
</Box>
<Typography as="h1" fontSize="20px" fontWeight="500" mb={1}>
You are Logged Out
</Typography>
<Typography>
Thank you for using Admash admin template
</Typography>
<Button
href="/auth/sign-in/"
fullWidth
variant="contained"
sx={{
mt: 3,
textTransform: "capitalize",
borderRadius: "8px",
fontWeight: "500",
fontSize: "16px",
padding: "12px 10px",
color: "#fff !important"
}}
>
Sign In
</Button>
</Box>
</Box>
</div>
</>
);
}