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

LFFE-22 desing and responsive

Browse Source
This commit is contained in:
AminGhasempoor
2023-11-12 14:36:03 +03:30
parent 4370fbeb4f
commit b7be2dbc93
3 changed files with 35 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/first/HeaderLandingPage.jsx
View File

@@ -11,15 +11,15 @@ const HeaderLandingPage = () => {
{t("app_name")}
</Typography>
<Stack sx={{color : "white"}}>
<Grid sx={{py : 4}} container spacing={4}>
<Grid item xs={6}>
<Box>
<Grid sx={{py : 4}} container spacing={2}>
<Grid item xs={12} md={6}>
<Box sx={{paddingBottom : 4}}>
<Typography>
برای استفاده از تسحیلات این سامانه و دریافت وام می بایست ابتدا وارد سامانه شوید و یا اگر ثبت نام نکرده اید ثبت نام کنید
</Typography>
</Box>
</Grid>
<Grid item xs={6}>
<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'}>

52
src/components/first/LoanCondition.jsx
View File

@@ -1,4 +1,4 @@
import {Box, Container, Grid, Typography} from "@mui/material";
import {Box, Container, Grid, Stack, Typography} from "@mui/material";
import {useTranslations} from "next-intl";
const LoanCondition = () => {
@@ -9,30 +9,34 @@ const LoanCondition = () => {
<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 container>
<Grid item xs={12} md={8}>
<Box>
<Typography variant={'h5'}>
قوانین دریافت وام
</Typography>
<ul>
<li>
فقط به زوجین ایرانی تعلق می‌گیرد.
</li>
<li>
به زوجین ایرانی تعلق می‌گیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق می‌گیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق می‌گیرد.
</li>
</ul>
</Box>
</Grid>
<Grid item={2}>
<Typography>
فایل ضمیمه
</Typography>
<Grid item xs={12} md={4}>
<Box justifyContent={'center'} alignItems={'center'}>
<Typography>
فایل ضمیمه
</Typography>
</Box>
</Grid>
</Grid>
</Container>

6
src/components/first/LoanDescription.jsx
View File

@@ -11,7 +11,7 @@ const LoanDescription = () => {
توضیحات دریافت وام
</Typography>
<Grid sx={{py : 2}} container spacing={2}>
<Grid item xs={8}>
<Grid item xs={12} md={8}>
<Typography>
وام خرید کالای مهر ایران یا کالا کارت با هدف خرید مایحتاج خانه و کالاهای ضروری زندگی داده می‌شود. سقف کالا کارت ۱۵۰ میلیون تومان و سود آن ۴ درصد است.
با دریافت کالا کارت می‌توانید وسایل موردنیازتان را از فروشگاه‌های طرف قرارداد با بانک خریداری کنید.
@@ -20,9 +20,9 @@ const LoanDescription = () => {
حداکثر زمان بازپرداخت وام خرید کالا ۲۴ ماه است و برای گرفتن آن به یک ضامن رسمی احتیاج دارید.
</Typography>
</Grid>
<Grid item xs={4}>
<Grid item xs={12} md={4}>
<Box>
<Timeline position={'right'}>
<Timeline position={'alternate'}>
<TimelineItem>
<TimelineSeparator>
<TimelineDot />