Files
user-front/src/components/first/LoanRegister.jsx

48 lines
2.5 KiB
JavaScript

import { Box, Container, Grid, Stack, Typography } from "@mui/material";
import { useTranslations } from "next-intl";
import { LinkRouting } from "@witel/webapp-builder";
const LoanRegister = () => {
const t = useTranslations();
return (
<Box sx={{ backgroundSize: "cover", backgroundImage: `url(/images/bg-firstpage-bus.png)` }}>
<Container sx={{ padding: 3, color: "white" }} maxWidth="xl">
<Typography sx={{ my: 3, textShadow: "1px 1px 2px #555555" }} variant={"h3"}>
{t("app_name")}
</Typography>
<Stack sx={{ color: "white" }}>
<Grid sx={{ py: 4 }} container spacing={2}>
<Grid item xs={12} md={6}>
<Box sx={{ paddingBottom: 4 }}>
<Typography sx={{ lineHeight: 2.7, textShadow: "1px 1px 2px black" }}>
این وام جهت رشد و ایجاد اشتغال در استان های کشور از طریق ارتقای بهره وری و توسعه
اعطا میشود. برای استفاده از تسهیلات این سامانه و درخواست وام می بایست ابتدا وارد
سامانه شوید.
</Typography>
</Box>
</Grid>
<Grid item xs={12} md={6}>
<Stack spacing={3} alignItems={"center"} justifyContent={"center"}>
<Container
maxWidth={"xs"}
sx={{
backgroundColor: "primary.main",
textAlign: "center",
borderRadius: 2,
padding: 1,
}}
>
<LinkRouting underline="none" color="inherit" href={"/login"}>
<Typography variant="h6">{t("firstPage.register_button")}</Typography>
</LinkRouting>
</Container>
</Stack>
</Grid>
</Grid>
</Stack>
</Container>
</Box>
);
};
export default LoanRegister;