135 lines
3.7 KiB
TypeScript
135 lines
3.7 KiB
TypeScript
import Typography from '@mui/material/Typography';
|
|
import { Link } from 'react-router-dom';
|
|
import Box from '@mui/material/Box';
|
|
import Paper from '@mui/material/Paper';
|
|
import JwtSignUpTab from './tabs/JwSignUpTab';
|
|
import FormRegister from './formRegister/FormRegister';
|
|
|
|
/**
|
|
* The sign up page.
|
|
*/
|
|
function SignUpPage() {
|
|
return (
|
|
<div className="flex min-w-0 flex-1 flex-col items-center sm:flex-row sm:justify-center md:items-start md:justify-start">
|
|
<Paper className="h-full w-full px-16 py-8 ltr:border-r-1 rtl:border-l-1 sm:h-auto sm:w-auto sm:rounded-2xl sm:p-48 sm:shadow md:flex md:h-full md:w-1/2 md:items-center md:justify-end md:rounded-none md:p-64 md:shadow-none">
|
|
<div className="mx-auto w-full max-w-400 sm:mx-0 sm:w-400">
|
|
<img
|
|
className="w-36"
|
|
src="assets/images/logo/logo1.svg"
|
|
alt="logo"
|
|
/>
|
|
|
|
<Typography className="mt-32 text-3xl font-extrabold leading-tight tracking-tight">
|
|
Registrarse
|
|
</Typography>
|
|
<div className="mt-2 flex items-baseline font-medium">
|
|
<Typography>Ya tienes cuenta?</Typography>
|
|
<Link
|
|
className="ml-4"
|
|
to="/sign-in"
|
|
>
|
|
Inicia sesión
|
|
</Link>
|
|
</div>
|
|
<FormRegister />
|
|
{/* <JwtSignUpTab /> */}
|
|
</div>
|
|
</Paper>
|
|
|
|
<Box
|
|
className="relative hidden h-full flex-auto items-center justify-center overflow-hidden p-48 md:flex lg:px-112 w-3/5"
|
|
sx={{ backgroundColor: 'primary.main' }}
|
|
>
|
|
<svg
|
|
className="pointer-events-none absolute inset-0"
|
|
viewBox="0 0 960 540"
|
|
width="100%"
|
|
height="100%"
|
|
preserveAspectRatio="xMidYMax slice"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<Box
|
|
component="g"
|
|
sx={{ color: 'primary.light' }}
|
|
className="opacity-20"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="100"
|
|
>
|
|
<circle
|
|
r="234"
|
|
cx="796"
|
|
cy="23"
|
|
/>
|
|
</Box>
|
|
</svg>
|
|
<Box
|
|
component="svg"
|
|
className="absolute -right-64 -top-64 opacity-20"
|
|
sx={{ color: 'primary.light' }}
|
|
viewBox="0 0 220 192"
|
|
width="220px"
|
|
height="192px"
|
|
fill="none"
|
|
>
|
|
<defs>
|
|
<pattern
|
|
id="837c3e70-6c3a-44e6-8854-cc48c737b659"
|
|
x="0"
|
|
y="0"
|
|
width="20"
|
|
height="20"
|
|
patternUnits="userSpaceOnUse"
|
|
>
|
|
<rect
|
|
x="0"
|
|
y="0"
|
|
width="4"
|
|
height="4"
|
|
fill="currentColor"
|
|
/>
|
|
</pattern>
|
|
</defs>
|
|
<rect
|
|
width="220"
|
|
height="192"
|
|
fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"
|
|
/>
|
|
</Box>
|
|
|
|
<div className="relative z-10 w-full max-w-2xl">
|
|
<img
|
|
className="w-216 "
|
|
src="assets/images/empresa/logoAlphaWC.svg"
|
|
alt="logo"
|
|
/>
|
|
<div className="text-3xl font-bold leading-loose text-gray-100">
|
|
<div>Bienvenido al sistema que se encarga de tu facturación electrónica.</div>
|
|
</div>
|
|
<div className="flex items-center mt-14 text-md leading-none text-gray-400">
|
|
<div>¿Necesitas ayuda? Comunícate con nosotros.</div>
|
|
</div>
|
|
<div className="flex overflow-hidden items-center mt-4 text-md leading-none text-gray-400">
|
|
<div>Soporte técnico: 0967722226</div>
|
|
<a
|
|
aria-label="Chat WhatsApp"
|
|
href="https://wa.me/967722226/?text=Hola!%20Necesito%20ayuda%20en%20el%20sistema%20de%20facturación"
|
|
>
|
|
<img
|
|
className="w-52"
|
|
alt="Chat WhatsApp"
|
|
src="assets/images/logo/WhatsApp-Logo.wine.svg"
|
|
/>
|
|
</a>
|
|
</div>
|
|
<div className="flex overflow-hidden mt-2 text-md leading-none text-gray-400">
|
|
<div>Correo eletrónico: info@qsoftec.com</div>
|
|
</div>
|
|
</div>
|
|
</Box>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default SignUpPage;
|