From 46541b697be6c09e9d626b0b12b7db533b7e53d7 Mon Sep 17 00:00:00 2001
From: AminGhasempoor <aminghasempoor79@gmail.com>
Date: Tue, 14 Nov 2023 16:13:01 +0330
Subject: [PATCH] LFFE-22 structured

---
 src/components/first/LoanCondition.jsx        | 33 +++++++++----------
 .../first/LoanDescription/TimeLineDetails.jsx |  6 ++--
 2 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/src/components/first/LoanCondition.jsx b/src/components/first/LoanCondition.jsx
index 3881880..31da825 100644
--- a/src/components/first/LoanCondition.jsx
+++ b/src/components/first/LoanCondition.jsx
@@ -1,4 +1,4 @@
-import {Box, Button, Container, Grid, Link, Stack, Typography} from "@mui/material";
+import {Box, Button, Chip, Container, Grid, Link, Stack, Typography} from "@mui/material";
 import {useTranslations} from "next-intl";
 import DownloadIcon from '@mui/icons-material/Download';
 const LoanCondition = () => {
@@ -11,28 +11,25 @@ const LoanCondition = () => {
                 </Typography>
                 <Grid container>
                     <Grid item xs={12} md={8}>
-                        <Box>
+                        <Box sx={{padding : 3}}>
                             <Typography variant={'h5'}>
                                 قوانین دریافت وام
                             </Typography>
-                            <ul>
-                                <li>
-                                    فقط به زوجین ایرانی تعلق می‌گیرد.
-                                </li>
-                                <li>
-                                    به زوجین ایرانی تعلق می‌گیرد.
-                                </li>
-                                <li>
-                                    فقط به زوجین ایرانی تعلق می‌گیرد.
-                                </li>
-                                <li>
-                                    فقط به زوجین ایرانی تعلق می‌گیرد.
-                                </li>
-                            </ul>
+                            <Grid item sx={{my : 2}} spacing={2}>
+                                <Chip sx={{m : 1}} label="1 . فقط به زوجین ایرانی تعلق می‌گیرد" />
+                                <Chip sx={{m : 1}} label="2 . فقط به زوجین ایرانی تعلق می‌گیرد" />
+                                <Chip sx={{m : 1}} label="3 . فقط به زوجین ایرانی تعلق می‌گیرد" />
+                                <Chip sx={{m : 1}} label="4 . فقط به زوجین ایرانی تعلق می‌گیرد" />
+                            </Grid>
+                            <Typography textAlign={'justify'}> این یکی از محبوب‌ترین انواع وام در ایران است. دلیل این محبوبیت سرعت آن در پرداخت و سود بسیار پایین آن است.
+                                تنها یک شرط برای اخذ این وام وجود دارد و آن این است که باید به تازگی ازدواج کرده باشید.
+                                همچنین فقط یک بار از این وام می‌توانید استفاده کنید. یعنی این وام فقط یک بار به هر فرد تعلق می‌گیرد.
+                                محل تامین بودجه آن حساب‌های قرض الحسنه‌ایست که افراد در بانک‌ها باز می‌کنند و مرجع اصلی آرائه آن، بانک مرکزی است.
+                            </Typography>
                         </Box>
                     </Grid>
-                    <Grid item xs={12} md={4}>
-                        <Box justifyContent={'center'} alignItems={'center'}>
+                    <Grid sx={{display : 'flex' , alignItems : "center", justifyContent : "center"}} item xs={12} md={4}>
+                        <Box>
                             <Button variant="contained" startIcon={<DownloadIcon />}>
                                 <Link
                                     variant="subtitle1"
diff --git a/src/components/first/LoanDescription/TimeLineDetails.jsx b/src/components/first/LoanDescription/TimeLineDetails.jsx
index 9cd73fc..abfe3d1 100644
--- a/src/components/first/LoanDescription/TimeLineDetails.jsx
+++ b/src/components/first/LoanDescription/TimeLineDetails.jsx
@@ -40,7 +40,7 @@ const TimeLineDetails = () => {
                     <Typography variant="h6" component="span">
                         ثبت نام متقاضی
                     </Typography>
-                    <Typography>ثبت نام متقاضیان واجد شرایط</Typography>
+                    <Typography color={'gray'}>ثبت نام متقاضیان واجد شرایط</Typography>
                 </TimelineContent>
             </TimelineItem>
             <TimelineItem>
@@ -62,7 +62,7 @@ const TimeLineDetails = () => {
                     <Typography variant="h6">
                         صحت سنجی متقاضیان
                     </Typography>
-                    <Typography>بررسی و کارشناسی درخواست ها</Typography>
+                    <Typography color={'gray'}>بررسی و کارشناسی درخواست ها</Typography>
                 </TimelineContent>
             </TimelineItem>
             <TimelineItem>
@@ -83,7 +83,7 @@ const TimeLineDetails = () => {
                     <Typography variant="h6" component="span">
                         ارجاع به بانک
                     </Typography>
-                    <Typography>فرآیند معرفی ضامن و پرداخت</Typography>
+                    <Typography color={'gray'}>فرآیند معرفی ضامن و پرداخت</Typography>
                 </TimelineContent>
             </TimelineItem>
         </Timeline>