diff --git a/example.env.local b/example.env.local
index 2159f5a..6442441 100644
--- a/example.env.local
+++ b/example.env.local
@@ -7,5 +7,6 @@ NEXT_PUBLIC_PRIMARY_MAIN = "#084070"
NEXT_PUBLIC_SECONDARY_MAIN = "#FF4E00"
NEXT_PUBLIC_BASE_URL = "https://loan.witel.ir"
+NEXT_PUBLIC_POWERED_BY_URL = "https://witel.ir"
NODE_ENV = "development"
\ No newline at end of file
diff --git a/package.json b/package.json
index 9dc4a67..5305c99 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
"@emotion/server": "^11.10.0",
"@emotion/styled": "^11.10.6",
"@mui/icons-material": "^5.11.16",
+ "@mui/lab": "^5.0.0-alpha.152",
"@mui/material": "^5.12.0",
"axios": "^1.4.0",
"colord": "^2.9.3",
diff --git a/public/icons/headerLogo.png b/public/icons/headerLogo.png
new file mode 100644
index 0000000..86dbfcd
Binary files /dev/null and b/public/icons/headerLogo.png differ
diff --git a/public/icons/logoLandingPage.png b/public/icons/logoLandingPage.png
new file mode 100644
index 0000000..d21798a
Binary files /dev/null and b/public/icons/logoLandingPage.png differ
diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json
index 75aa877..50e3060 100644
--- a/public/locales/fa/app.json
+++ b/public/locales/fa/app.json
@@ -3,6 +3,7 @@
"app_short_name": "سامانه تسهیلات",
"dashboard": "داشبورد",
"first_page": "خوش آمدید",
+ "powered_by_witel": "توسعه یافته توسط وایتل",
"login": "ورود",
"pending": "درحال اجرا...",
"login_user_panel": "ورود به پنل کاربران",
@@ -23,6 +24,12 @@
"change_password": "تغییر رمز عبور",
"logout": "خروج"
},
+ "firstPage" : {
+ "login_description" : "برای استفاده از تسهیلات ابتدا می بایست وارد شوید",
+ "login_button": "ورود به سامانه",
+ "register_description" : "برای استفاده از تسهیلات ابتدا می بایست ثبت نام کنید",
+ "register_button": "شروع دریافت تسهیلات"
+ },
"notifications": {
"error_static_text": "عملیات با خطا مواجه شد",
"success_static_text": "عملیات با موفقیت انجام شد",
diff --git a/src/components/first/FooterDetails.jsx b/src/components/first/FooterDetails.jsx
new file mode 100644
index 0000000..bb8fe01
--- /dev/null
+++ b/src/components/first/FooterDetails.jsx
@@ -0,0 +1,45 @@
+import {Box, Button, Container, Grid, Stack, Typography} from "@mui/material";
+import LinkRouting from "@/core/components/LinkRouting";
+import {useTranslations} from "next-intl";
+
+const FooterDetails = () => {
+ const t = useTranslations();
+ return(
+
+
+
+
+
+
+
+
+
+
+ {t("powered_by_witel")}
+
+
+
+
+ v{process.env.NEXT_PUBLIC_API_VERSION}
+
+
+
+
+
+
+ )
+}
+export default FooterDetails
\ No newline at end of file
diff --git a/src/components/first/HeaderDetails.jsx b/src/components/first/HeaderDetails.jsx
new file mode 100644
index 0000000..adbd77c
--- /dev/null
+++ b/src/components/first/HeaderDetails.jsx
@@ -0,0 +1,16 @@
+import {Box, Button, Container, Grid} from "@mui/material";
+
+const HeaderDetails = () => {
+ return(
+
+
+
+
+ } />
+
+
+
+
+ )
+}
+export default HeaderDetails
\ 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..31da825
--- /dev/null
+++ b/src/components/first/LoanCondition.jsx
@@ -0,0 +1,52 @@
+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 = () => {
+ const t = useTranslations();
+ return(
+
+
+
+ تخصیص وام
+
+
+
+
+
+ قوانین دریافت وام
+
+
+
+
+
+
+
+ این یکی از محبوبترین انواع وام در ایران است. دلیل این محبوبیت سرعت آن در پرداخت و سود بسیار پایین آن است.
+ تنها یک شرط برای اخذ این وام وجود دارد و آن این است که باید به تازگی ازدواج کرده باشید.
+ همچنین فقط یک بار از این وام میتوانید استفاده کنید. یعنی این وام فقط یک بار به هر فرد تعلق میگیرد.
+ محل تامین بودجه آن حسابهای قرض الحسنهایست که افراد در بانکها باز میکنند و مرجع اصلی آرائه آن، بانک مرکزی است.
+
+
+
+
+
+ }>
+
+ دریافت فایل های راهنما
+
+
+
+
+
+
+
+ )
+}
+export default LoanCondition
\ No newline at end of file
diff --git a/src/components/first/LoanDescription/TimeLineDetails.jsx b/src/components/first/LoanDescription/TimeLineDetails.jsx
new file mode 100644
index 0000000..abfe3d1
--- /dev/null
+++ b/src/components/first/LoanDescription/TimeLineDetails.jsx
@@ -0,0 +1,92 @@
+import {useTranslations} from "next-intl";
+import {
+ Timeline,
+ TimelineConnector, TimelineContent,
+ TimelineDot,
+ TimelineItem,
+ TimelineOppositeContent,
+ TimelineSeparator
+} from "@mui/lab";
+import RepeatIcon from '@mui/icons-material/Repeat';
+import FastfoodIcon from '@mui/icons-material/Fastfood';
+import LaptopMacIcon from '@mui/icons-material/LaptopMac';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import CallMadeIcon from '@mui/icons-material/CallMade';
+import {CircularProgress, Typography} from "@mui/material";
+import HowToRegIcon from '@mui/icons-material/HowToReg';
+import DoneIcon from '@mui/icons-material/Done';
+import HotelIcon from '@mui/icons-material/Hotel';
+
+const TimeLineDetails = () => {
+ const t = useTranslations();
+ return(
+
+
+
+ 10 دی
+
+
+
+
+
+
+
+
+
+ ثبت نام متقاضی
+
+ ثبت نام متقاضیان واجد شرایط
+
+
+
+
+ 10 بهمن
+
+
+
+
+
+
+
+
+
+
+ صحت سنجی متقاضیان
+
+ بررسی و کارشناسی درخواست ها
+
+
+
+
+ 10 اسفند
+
+
+
+
+
+
+
+
+
+ ارجاع به بانک
+
+ فرآیند معرفی ضامن و پرداخت
+
+
+
+ )
+}
+export default TimeLineDetails
\ No newline at end of file
diff --git a/src/components/first/LoanDescription/index.jsx b/src/components/first/LoanDescription/index.jsx
new file mode 100644
index 0000000..57f69db
--- /dev/null
+++ b/src/components/first/LoanDescription/index.jsx
@@ -0,0 +1,36 @@
+import {Box, Container, Grid, Typography} from "@mui/material";
+import {Timeline, TimelineConnector, TimelineContent, TimelineDot, TimelineItem, TimelineSeparator} from "@mui/lab";
+import {useTranslations} from "next-intl";
+import TimeLineDetails from "@/components/first/LoanDescription/TimeLineDetails";
+
+const LoanDescription = () => {
+ const t = useTranslations();
+ return(
+
+
+
+ توضیحات دریافت وام
+
+
+
+
+ وام خرید کالای مهر ایران یا کالا کارت با هدف خرید مایحتاج خانه و کالاهای ضروری زندگی داده میشود. سقف کالا کارت ۱۵۰ میلیون تومان و سود آن ۴ درصد است.
+ با دریافت کالا کارت میتوانید وسایل موردنیازتان را از فروشگاههای طرف قرارداد
+ این فروشگاهها با نام گلدیران در شهرهای تهران، شیراز، اهواز، نور، اصفهان، تبریز، ساری و رشت فعالیت میکنند.
+ طبق قوانین جدید و در راستای حمایت از طرح افزایش جمیعت، مبلغ آن برای زوجینی که مرد زیر ۲۵ سال و زن زیر ۲۳ سال داشته باشد، 440 میلیون یا ۲۲۰ میلیون به ازای هر نفر است.
+ در این قانون هریک از زوجین که شرایط آنها در این قانون نگنجد،
+ مبلغ تغییر کرده و به زوج 400 میلیون وام تعلق خواهد گرفت.
+ حداکثر زمان بازپرداخت وام خرید کالا ۲۴ ماه است و برای گرفتن آن به یک ضامن رسمی احتیاج دارید.
+
+
+
+
+
+
+
+
+
+
+ )
+}
+export default LoanDescription
\ No newline at end of file
diff --git a/src/components/first/LoanRegister.jsx b/src/components/first/LoanRegister.jsx
new file mode 100644
index 0000000..1d84a0e
--- /dev/null
+++ b/src/components/first/LoanRegister.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 LoanRegister = () => {
+ const t = useTranslations();
+ return(
+
+
+
+ {t("app_name")}
+
+
+
+
+
+
+ برای استفاده از تسهیلات این سامانه و دریافت وام می بایست ابتدا وارد سامانه شوید و یا اگر ثبت نام نکرده اید ثبت نام کنید
+
+
+
+
+
+
+
+
+ {t("firstPage.login_button")}
+
+
+
+
+
+
+ {t("firstPage.register_button")}
+
+
+
+
+
+
+
+
+
+ )
+}
+export default LoanRegister
\ No newline at end of file
diff --git a/src/components/first/index.jsx b/src/components/first/index.jsx
index c949fac..eca9bec 100644
--- a/src/components/first/index.jsx
+++ b/src/components/first/index.jsx
@@ -1,53 +1,23 @@
-import {NextLinkComposed} from "@/core/components/LinkRouting";
-import CenterLayout from "@/layouts/CenterLayout";
import FullPageLayout from "@/layouts/FullPageLayout";
-import useUser from "@/lib/app/hooks/useUser";
-import {Button, Stack, Typography} from "@mui/material";
+import {Stack} from "@mui/material";
import {useTranslations} from "next-intl";
-import SvgDashboard from "@/core/components/svgs/SvgDashboard";
+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";
const FirstComponent = () => {
const t = useTranslations();
- const {isAuth} = useUser();
return (
-
-
-
-
- {t("app_name")}
-
- {isAuth ? (
-
- ) : (
-
- )}
-
-
- v{process.env.NEXT_PUBLIC_API_VERSION}
+
+
+
+
+
+
+
);
+