First Commit
This commit is contained in:
@@ -0,0 +1,52 @@
|
||||
// @mui
|
||||
import Divider from '@mui/material/Divider';
|
||||
import Link from '@mui/material/Link';
|
||||
import Stack from '@mui/material/Stack';
|
||||
import Typography from '@mui/material/Typography';
|
||||
import Box from '@mui/material/Box';
|
||||
|
||||
// @project
|
||||
import { SocialTypes } from '@/enum';
|
||||
import { NextLink } from '@/components/routes';
|
||||
import AuthRegister from '@/sections/auth/AuthRegister';
|
||||
import AuthSocial from '@/sections/auth/AuthSocial';
|
||||
import Copyright from '@/sections/auth/Copyright';
|
||||
|
||||
/*************************** AUTH - REGISTER ***************************/
|
||||
|
||||
export default function Register() {
|
||||
return (
|
||||
<Stack sx={{ height: 1, alignItems: 'center', justifyContent: 'space-between', gap: 3 }}>
|
||||
<Box sx={{ width: 1, maxWidth: 458 }}>
|
||||
<Stack sx={{ gap: { xs: 1, sm: 1.5 }, textAlign: 'center', mb: { xs: 3, sm: 8 } }}>
|
||||
<Typography variant="h1">Sign Up</Typography>
|
||||
<Typography variant="body1" color="text.secondary">
|
||||
Sign Up for free. No credit card required.
|
||||
</Typography>
|
||||
</Stack>
|
||||
|
||||
{/* Social login buttons */}
|
||||
<AuthSocial type={SocialTypes.HORIZONTAL} />
|
||||
|
||||
<Divider sx={{ my: { xs: 4, sm: 5 } }}>
|
||||
<Typography variant="body2" color="text.secondary">
|
||||
or continue with email
|
||||
</Typography>
|
||||
</Divider>
|
||||
|
||||
{/* Login form */}
|
||||
<AuthRegister />
|
||||
|
||||
<Typography variant="body2" color="text.secondary" sx={{ mt: { xs: 2, sm: 3 } }}>
|
||||
Already have an account?{' '}
|
||||
<Link component={NextLink} underline="hover" variant="subtitle2" href="/auth/login" sx={{ '&:hover': { color: 'primary.dark' } }}>
|
||||
Sign In
|
||||
</Link>
|
||||
</Typography>
|
||||
</Box>
|
||||
|
||||
{/* Copyright section*/}
|
||||
<Copyright />
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user