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;