From 9fb439d84804f635258523fd7115544d73770e34 Mon Sep 17 00:00:00 2001
From: Amin Ghasempoor <aminghasempoor79@gmail.com>
Date: Mon, 25 Nov 2024 11:44:10 +0000
Subject: [PATCH] Feature/first page design

---
 .../navgan/add-request-loan/forms/AddForm.jsx |  5 +-
 .../add-request-loan/forms/CheckRules.jsx     |  2 +-
 .../first/LoanDescription/index.jsx           | 99 ++++++++++---------
 src/components/first/index.jsx                | 20 ++--
 4 files changed, 61 insertions(+), 65 deletions(-)

diff --git a/src/components/dashboard/navgan/add-request-loan/forms/AddForm.jsx b/src/components/dashboard/navgan/add-request-loan/forms/AddForm.jsx
index 0270c2e..1e13cb1 100644
--- a/src/components/dashboard/navgan/add-request-loan/forms/AddForm.jsx
+++ b/src/components/dashboard/navgan/add-request-loan/forms/AddForm.jsx
@@ -18,10 +18,7 @@ const AddFormComponent = () => {
     return (
         <>
             {!rulesChecked ? (
-                <CheckRules
-                    rulesChecked={rulesChecked}
-                    setRulesChecked={setRulesChecked}
-                />
+                <CheckRules rulesChecked={rulesChecked} setRulesChecked={setRulesChecked} />
             ) : finishLoanRequest ? (
                 <CenterLayout>
                     <SvgDone width={200} height={200} />
diff --git a/src/components/dashboard/navgan/add-request-loan/forms/CheckRules.jsx b/src/components/dashboard/navgan/add-request-loan/forms/CheckRules.jsx
index aa564dc..f361675 100644
--- a/src/components/dashboard/navgan/add-request-loan/forms/CheckRules.jsx
+++ b/src/components/dashboard/navgan/add-request-loan/forms/CheckRules.jsx
@@ -231,4 +231,4 @@ const CheckRules = ({ setRulesChecked }) => {
         </CenterLayout>
     );
 };
-export default CheckRules;
\ No newline at end of file
+export default CheckRules;
diff --git a/src/components/first/LoanDescription/index.jsx b/src/components/first/LoanDescription/index.jsx
index 3a7c211..0bd30f0 100644
--- a/src/components/first/LoanDescription/index.jsx
+++ b/src/components/first/LoanDescription/index.jsx
@@ -1,53 +1,60 @@
-import { Box, Container, Grid, Typography } from "@mui/material";
-import { useTranslations } from "next-intl";
-import TimeLineDetails from "@/components/first/LoanDescription/TimeLineDetails";
+import { Box, Button, Container, Link, Stack, Typography } from "@mui/material";
+import DownloadIcon from "@mui/icons-material/Download";
 
 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={12} md={7}>
-                        <Typography sx={{ lineHeight: 2.4 }} variant={"subtitle1"} textAlign={"justify"}>
-                            این وام براساس{" "}
-                            <Typography
-                                sx={{ color: "secondary.main" }}
-                                variant={"h5"}
-                                fontWeight={"bold"}
-                                component={"span"}
+        <Box sx={{ flex: 1 }}>
+            <Container sx={{ pt: 3 }} maxWidth="xl">
+                <Stack alignItems={"center"} justifyContent={"center"}>
+                    <Typography sx={{ my: 3 }} variant={"h3"}>
+                        وام نوسازی ناوگان
+                    </Typography>
+                </Stack>
+                <Stack spacing={2}>
+                    <Typography sx={{ lineHeight: 2.4 }} variant={"subtitle1"} textAlign={"justify"}>
+                        این وام براساس{" "}
+                        <Typography
+                            sx={{ color: "secondary.main" }}
+                            variant={"h5"}
+                            fontWeight={"bold"}
+                            component={"span"}
+                        >
+                            تبصره 18
+                        </Typography>{" "}
+                        قانون بودجه می باشد. در قانون بودجه این تبصره اینگونه بیان شده است: به منظور رشد و پیشرفت استان
+                        های کشور از طریق ارتقای بهره وری و توسعه، سرمایه گذاری ها، تکمیل واحدهای نیمه تمام و ظرفیت های
+                        خالی بنگاه های تولیدی بر پایه آمایش سرزمین و همچنین حمایت از طرح(پروژهای) دانش بنیان و پیشران و
+                        بسط و عدالت سرزمینی منابع زیر جهت ایجاد و افزایش تولید، اشتغال و کارآفرینی و ارتقای رشد اقتصادی
+                        اختصاص می یابد.
+                    </Typography>
+                    <Typography sx={{ lineHeight: 2.4 }} variant={"subtitle1"} textAlign={"justify"}>
+                        در این راستا سازمان راهداری و حمل و نقل جاده ای به منظور بهبود کیفیت حمل و نقل بین شهری و افزایش
+                        ظرفیت ترابری اقدام به اعطای وام به{" "}
+                        <Typography
+                            sx={{ color: "secondary.main" }}
+                            variant={"h5"}
+                            fontWeight={"bold"}
+                            component={"span"}
+                        >
+                            ناوگان های مسافربری
+                        </Typography>{" "}
+                        برای بازسازی و تعمیرات میکند.
+                    </Typography>
+                    <Stack alignItems={"center"} justifyContent={"center"} sx={{ pt: 2 }}>
+                        <Button variant="contained" startIcon={<DownloadIcon />}>
+                            <Link
+                                variant="subtitle1"
+                                sx={{ padding: 1 }}
+                                color={"white"}
+                                download
+                                underline="none"
+                                href={"/files/راهنما.pdf"}
                             >
-                                تبصره 18
-                            </Typography>{" "}
-                            قانون بودجه می باشد. در قانون بودجه این تبصره اینگونه بیان شده است: به منظور رشد و پیشرفت
-                            استان های کشور از طریق ارتقای بهره وری و توسعه، سرمایه گذاری ها، تکمیل واحدهای نیمه تمام و
-                            ظرفیت های خالی بنگاه های تولیدی بر پایه آمایش سرزمین و همچنین حمایت از طرح(پروژهای) دانش
-                            بنیان و پیشران و بسط و عدالت سرزمینی منابع زیر جهت ایجاد و افزایش تولید، اشتغال و کارآفرینی
-                            و ارتقای رشد اقتصادی اختصاص می یابد.
-                        </Typography>
-                        <Typography sx={{ lineHeight: 2.4 }} variant={"subtitle1"} textAlign={"justify"}>
-                            در این راستا سازمان راهداری و حمل و نقل جاده ای به منظور بهبود کیفیت حمل و نقل بین شهری و
-                            افزایش ظرفیت ترابری اقدام به اعطای وام به{" "}
-                            <Typography
-                                sx={{ color: "secondary.main" }}
-                                variant={"h5"}
-                                fontWeight={"bold"}
-                                component={"span"}
-                            >
-                                ناوگان های مسافربری
-                            </Typography>{" "}
-                            برای بازسازی و تعمیرات میکند.
-                        </Typography>
-                    </Grid>
-                    <Grid item xs={12} md={5}>
-                        <Box>
-                            <TimeLineDetails />
-                        </Box>
-                    </Grid>
-                </Grid>
+                                دریافت فایل های راهنما
+                            </Link>
+                        </Button>
+                    </Stack>
+                </Stack>
             </Container>
         </Box>
     );
diff --git a/src/components/first/index.jsx b/src/components/first/index.jsx
index e24b35c..c12d869 100644
--- a/src/components/first/index.jsx
+++ b/src/components/first/index.jsx
@@ -1,26 +1,18 @@
-import { Stack } from "@mui/material";
-import { useTranslations } from "next-intl";
 import LoanRegister from "@/components/first/LoanRegister";
-import LoanCondition from "@/components/first/LoanCondition";
 import FooterDetails from "@/components/first/FooterDetails";
 import HeaderDetails from "@/components/first/HeaderDetails";
 import LoanDescription from "@/components/first/LoanDescription";
-import { FullPageLayout } from "@witel/webapp-builder";
 import Banner from "@/components/first/Banner";
+import { FullPageLayout } from "@witel/webapp-builder";
 
 const FirstComponent = () => {
-    const t = useTranslations();
-
     return (
         <FullPageLayout>
-            <Stack>
-                <HeaderDetails />
-                <Banner />
-                <LoanRegister />
-                <LoanDescription />
-                <LoanCondition />
-                <FooterDetails />
-            </Stack>
+            <HeaderDetails />
+            <Banner />
+            <LoanRegister />
+            <LoanDescription />
+            <FooterDetails />
         </FullPageLayout>
     );
 };