loan/user-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LFFE-22 structured landing page

Browse Source
This commit is contained in:
AminGhasempoor
2023-11-12 13:46:23 +03:30
parent dee99d726b
commit 4370fbeb4f
4 changed files with 149 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/first/HeaderLandingPage.jsx Normal file
View File

@@ -0,0 +1,46 @@
import {Box, Container, Grid, Stack, Typography} from "@mui/material";
import LinkRouting from "@/core/components/LinkRouting";
import {useTranslations} from "next-intl";
const HeaderLandingPage = () => {
const t = useTranslations();
return(
<Box sx={{backgroundColor : "primary.light"}}>
<Container sx={{padding : 3, color : "white"}} maxWidth="xl">
<Typography sx={{my : 3}} textAlign={'center'} variant={'h3'}>
{t("app_name")}
</Typography>
<Stack sx={{color : "white"}}>
<Grid sx={{py : 4}} container spacing={4}>
<Grid item xs={6}>
<Box>
<Typography>
برای استفاده از تسحیلات این سامانه و دریافت وام می بایست ابتدا وارد سامانه شوید و یا اگر ثبت نام نکرده اید ثبت نام کنید
</Typography>
</Box>
</Grid>
<Grid item xs={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.login_button")}
</Typography>
</LinkRouting>
</Container>
<Container maxWidth={'xs'} sx={{backgroundColor : "primary.main", textAlign : "center", borderRadius : 2 ,padding : 1}}>
<LinkRouting underline="none" color="inherit" href={'/register'}>
<Typography variant="h6">
{t("firstPage.register_button")}
</Typography>
</LinkRouting>
</Container>
</Stack>
</Grid>
</Grid>
</Stack>
</Container>
</Box>
)
}
export default HeaderLandingPage

42
src/components/first/LoanCondition.jsx Normal file
View File

@@ -0,0 +1,42 @@
import {Box, Container, Grid, Typography} from "@mui/material";
import {useTranslations} from "next-intl";
const LoanCondition = () => {
const t = useTranslations();
return(
<Box>
<Container sx={{py : 3}} maxWidth="xl">
<Typography sx={{my : 3}} variant={'h3'}>
تخصیص وام
</Typography>
<Grid container spacing={2} sx={{py : 2}}>
<Grid item={10}>
<Typography variant={'h5'}>
قوانین دریافت وام
</Typography>
<ul>
<li>
فقط به زوجین ایرانی تعلق می‌گیرد.
</li>
<li>
به زوجین ایرانی تعلق می‌گیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق می‌گیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق می‌گیرد.
</li>
</ul>
</Grid>
<Grid item={2}>
<Typography>
فایل ضمیمه
</Typography>
</Grid>
</Grid>
</Container>
</Box>
)
}
export default LoanCondition

54
src/components/first/LoanDescription.jsx Normal file
View File

@@ -0,0 +1,54 @@
import {Box, Container, Grid, Typography} from "@mui/material";
import {Timeline, TimelineConnector, TimelineContent, TimelineDot, TimelineItem, TimelineSeparator} from "@mui/lab";
import {useTranslations} from "next-intl";
const LoanDescription = () => {
const t = useTranslations();
return(
<Box>
<Container sx={{py : 3}} maxWidth="xl">
<Typography sx={{my : 3}} variant={'h3'}>
توضیحات دریافت وام
</Typography>
<Grid sx={{py : 2}} container spacing={2}>
<Grid item xs={8}>
<Typography>
وام خرید کالای مهر ایران یا کالا کارت با هدف خرید مایحتاج خانه و کالاهای ضروری زندگی داده می‌شود. سقف کالا کارت ۱۵۰ میلیون تومان و سود آن ۴ درصد است.
با دریافت کالا کارت می‌توانید وسایل موردنیازتان را از فروشگاه‌های طرف قرارداد با بانک خریداری کنید.
این فروشگاه‌ها با نام گلدیران در شهرهای تهران، شیراز، اهواز، نور، اصفهان، تبریز، ساری و رشت فعالیت می‌کنند.
طبق قوانین جدید و در راستای حمایت از طرح افزایش جمیعت، مبلغ آن برای زوجینی که مرد زیر ۲۵ سال و زن زیر ۲۳ سال داشته باشد، ۴۴۰ میلیون یا ۲۲۰ میلیون به ازای هر نفر است. در این قانون هریک از زوجین که شرایط آن‌ها در این قانون نگنجد، مبلغ تغییر کرده و به زوج ۴۰۰ میلیون وام تعلق خواهد گرفت.
حداکثر زمان بازپرداخت وام خرید کالا ۲۴ ماه است و برای گرفتن آن به یک ضامن رسمی احتیاج دارید.
</Typography>
</Grid>
<Grid item xs={4}>
<Box>
<Timeline position={'right'}>
<TimelineItem>
<TimelineSeparator>
<TimelineDot />
<TimelineConnector />
</TimelineSeparator>
<TimelineContent>مهمان نباشد و دارای ترم آموزشی باشد.</TimelineContent>
</TimelineItem>
<TimelineItem>
<TimelineSeparator>
<TimelineDot />
<TimelineConnector />
</TimelineSeparator>
<TimelineContent>دانشجوی حضوری و در سنوات مجاز تحصیلی</TimelineContent>
</TimelineItem>
<TimelineItem>
<TimelineSeparator>
<TimelineDot />
</TimelineSeparator>
<TimelineContent>شهریه پرداز و دارای بدهی به سیستم مالی دانشگاه</TimelineContent>
</TimelineItem>
</Timeline>
</Box>
</Grid>
</Grid>
</Container>
</Box>
)
}
export default LoanDescription

131
src/components/first/index.jsx
View File

@@ -1,16 +1,9 @@
import FullPageLayout from "@/layouts/FullPageLayout";
import useUser from "@/lib/app/hooks/useUser";
import {Box, Chip, Container, Divider, Grid, Stack, Typography} from "@mui/material";
import {Stack} from "@mui/material";
import {useTranslations} from "next-intl";
import LinkRouting from "@/core/components/LinkRouting";
import {
Timeline,
TimelineConnector,
TimelineContent,
TimelineDot,
TimelineItem,
TimelineSeparator
} from "@mui/lab";
import HeaderLandingPage from "@/components/first/HeaderLandingPage";
import LoanDescription from "@/components/first/LoanDescription";
import LoanCondition from "@/components/first/LoanCondition";
const FirstComponent = () => {
const t = useTranslations();
@@ -18,119 +11,9 @@ const FirstComponent = () => {
return (
<FullPageLayout>
<Stack>
<Box sx={{backgroundColor : "primary.light"}}>
<Container sx={{padding : 3, color : "white"}} maxWidth="xl">
<Typography sx={{my : 3}} textAlign={'center'} variant={'h3'}>
{t("app_name")}
</Typography>
<Stack sx={{color : "white"}}>
<Grid sx={{py : 4}} container spacing={4}>
<Grid item xs={6}>
<Box>
<Typography>
برای استفاده از تسحیلات این سامانه و دریافت وام می بایست ابتدا وارد سامانه شوید و یا اگر ثبت نام نکرده اید ثبت نام کنید
</Typography>
</Box>
</Grid>
<Grid item xs={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.login_button")}
</Typography>
</LinkRouting>
</Container>
<Container maxWidth={'xs'} sx={{backgroundColor : "primary.main", textAlign : "center", borderRadius : 2 ,padding : 1}}>
<LinkRouting underline="none" color="inherit" href={'/register'}>
<Typography variant="h6">
{t("firstPage.register_button")}
</Typography>
</LinkRouting>
</Container>
</Stack>
</Grid>
</Grid>
</Stack>
</Container>
</Box>
<Box>
<Container sx={{py : 3}} maxWidth="xl">
<Typography sx={{my : 3}} variant={'h3'}>
توضیحات دریافت وام
</Typography>
<Grid sx={{py : 2}} container spacing={2}>
<Grid item xs={8}>
<Typography>
وام خرید کالای مهر ایران یا کالا کارت با هدف خرید مایحتاج خانه و کالاهای ضروری زندگی داده می‌شود. سقف کالا کارت ۱۵۰ میلیون تومان و سود آن ۴ درصد است.
با دریافت کالا کارت می‌توانید وسایل موردنیازتان را از فروشگاه‌های طرف قرارداد با بانک خریداری کنید.
این فروشگاه‌ها با نام گلدیران در شهرهای تهران، شیراز، اهواز، نور، اصفهان، تبریز، ساری و رشت فعالیت می‌کنند.
طبق قوانین جدید و در راستای حمایت از طرح افزایش جمیعت، مبلغ آن برای زوجینی که مرد زیر ۲۵ سال و زن زیر ۲۳ سال داشته باشد، ۴۴۰ میلیون یا ۲۲۰ میلیون به ازای هر نفر است. در این قانون هریک از زوجین که شرایط آن‌ها در این قانون نگنجد، مبلغ تغییر کرده و به زوج ۴۰۰ میلیون وام تعلق خواهد گرفت.
حداکثر زمان بازپرداخت وام خرید کالا ۲۴ ماه است و برای گرفتن آن به یک ضامن رسمی احتیاج دارید.
</Typography>
</Grid>
<Grid item xs={4}>
<Box>
<Timeline position={'right'}>
<TimelineItem>
<TimelineSeparator>
<TimelineDot />
<TimelineConnector />
</TimelineSeparator>
<TimelineContent>مهمان نباشد و دارای ترم آموزشی باشد.</TimelineContent>
</TimelineItem>
<TimelineItem>
<TimelineSeparator>
<TimelineDot />
<TimelineConnector />
</TimelineSeparator>
<TimelineContent>دانشجوی حضوری و در سنوات مجاز تحصیلی</TimelineContent>
</TimelineItem>
<TimelineItem>
<TimelineSeparator>
<TimelineDot />
</TimelineSeparator>
<TimelineContent>هریه پرداز و دارای بدهی به سیستم مالی دانشگاه</TimelineContent>
</TimelineItem>
</Timeline>
</Box>
</Grid>
</Grid>
</Container>
</Box>
<Box>
<Container sx={{py : 3}} maxWidth="xl">
<Typography sx={{my : 3}} variant={'h3'}>
تخصیص وام
</Typography>
<Grid container spacing={2} sx={{py : 2}}>
<Grid item={10}>
<Typography variant={'h5'}>
قوانین دریافت وام
</Typography>
<ul>
<li>
فقط به زوجین ایرانی تعلق می‌گیرد.
</li>
<li>
به زوجین ایرانی تعلق می‌گیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق می‌گیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق می‌گیرد.
</li>
</ul>
</Grid>
<Grid item={2}>
<Typography>
فایل ضمیمه
</Typography>
</Grid>
</Grid>
</Container>
</Box>
<HeaderLandingPage />
<LoanDescription />
<LoanCondition />
</Stack>
</FullPageLayout>
);