From 4370fbeb4f0905a61a29d7bb290fb6ecec9993ed Mon Sep 17 00:00:00 2001
From: AminGhasempoor <aminghasempoor79@gmail.com>
Date: Sun, 12 Nov 2023 13:46:23 +0330
Subject: [PATCH] LFFE-22 structured landing page

---
 src/components/first/HeaderLandingPage.jsx |  46 ++++++++
 src/components/first/LoanCondition.jsx     |  42 +++++++
 src/components/first/LoanDescription.jsx   |  54 +++++++++
 src/components/first/index.jsx             | 131 ++-------------------
 4 files changed, 149 insertions(+), 124 deletions(-)
 create mode 100644 src/components/first/HeaderLandingPage.jsx
 create mode 100644 src/components/first/LoanCondition.jsx
 create mode 100644 src/components/first/LoanDescription.jsx

diff --git a/src/components/first/HeaderLandingPage.jsx b/src/components/first/HeaderLandingPage.jsx
new file mode 100644
index 0000000..df934da
--- /dev/null
+++ b/src/components/first/HeaderLandingPage.jsx
@@ -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
\ No newline at end of file
diff --git a/src/components/first/LoanCondition.jsx b/src/components/first/LoanCondition.jsx
new file mode 100644
index 0000000..bea496d
--- /dev/null
+++ b/src/components/first/LoanCondition.jsx
@@ -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
\ No newline at end of file
diff --git a/src/components/first/LoanDescription.jsx b/src/components/first/LoanDescription.jsx
new file mode 100644
index 0000000..838c036
--- /dev/null
+++ b/src/components/first/LoanDescription.jsx
@@ -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
\ No newline at end of file
diff --git a/src/components/first/index.jsx b/src/components/first/index.jsx
index 2e36f07..922f571 100644
--- a/src/components/first/index.jsx
+++ b/src/components/first/index.jsx
@@ -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>
     );