diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json
index d4073b1..07e2420 100644
--- a/public/locales/fa/app.json
+++ b/public/locales/fa/app.json
@@ -44,9 +44,6 @@
     "error_message_required": "اجباری!",
     "button_make_account": "ایجاد حساب"
   },
-  "Dashboard": {
-    "dashboard_page": "داشبورد"
-  },
   "RegisterPage": {
     "link_routing_back_to": "بازگشت به",
     "link_routing_login_navy": "صفحه ورود",
@@ -58,5 +55,34 @@
     "text_field_enter_your_navgan_id": "شماره ناوگان خود را وارد کنید",
     "error_message_required": "اجباری!",
     "button_request_verification": "دریافت کد یکبارمصرف"
+  },
+  "Dashboard": {
+    "dashboard_page": "داشبورد"
+  },
+  "LoanFollowUp": {
+    "loan_follow_up_page": "پیگیری درخواست"
+  },
+  "LoanRequest": {
+    "loan_request_page": "فرم درخواست وام",
+    "error_message_required": "اجباری!",
+    "text_field_phone_number": "شماره تلفن",
+    "text_field_enter_your_phone_number": "شماره تلفن خود را وارد کنید",
+    "text_field_first_name": "نام",
+    "text_field_enter_your_first_name": "نام خود را وارد کنید",
+    "text_field_last_name": "نام خانوادگی",
+    "text_field_enter_your_last_name": "نام خانوادگی خود را وارد کنید",
+    "text_field_vehicle_type": "نام وسیله نقلیه",
+    "text_field_enter_your_vehicle_type": "نام وسیله نقلیه خود را وارد کنید",
+    "text_field_province": "استان",
+    "text_field_enter_your_province": "استان خود را وارد کنید",
+    "text_field_navgan_id": "شماره ناوگان",
+    "text_field_enter_your_navgan_id": "شماره ناوگان خود را وارد کنید",
+    "text_field_national_code": "کد ملی",
+    "text_field_enter_your_national_code": "کد ملی خود را وارد کنید",
+    "text_field_birth_certificate_id": "شماره شناسنامه",
+    "text_field_enter_your_birth_certificate_id": "شماره شناسنامه خود را وارد کنید",
+    "text_field_plate_number": "شماره پلاک",
+    "text_field_enter_your_plate_number": "شماره پلاک خود را وارد کنید",
+    "button_submit": "ثبت درخواست"
   }
 }
diff --git a/src/components/dashboard/loan-request/index.jsx b/src/components/dashboard/loan-request/index.jsx
index b13cf78..385d6dc 100644
--- a/src/components/dashboard/loan-request/index.jsx
+++ b/src/components/dashboard/loan-request/index.jsx
@@ -1,16 +1,453 @@
+import StyledForm from "@/core/components/StyledForm";
 import CenterLayout from "@/layouts/CenterLayout";
 import DashboardLayouts from "@/layouts/dashboardLayouts";
 import useUser from "@/lib/app/hooks/useUser";
+import { Box, Button, Stack, TextField } from "@mui/material";
+import { Field, Formik } from "formik";
 import { useTranslations } from "next-intl";
-import React from "react";
+import Image from "next/image";
+import DataSaverOnIcon from "@mui/icons-material/DataSaverOn";
+import * as Yup from "yup";
 
 const DashboardLoanRequestComponent = () => {
   const t = useTranslations();
   const { token } = useUser();
+
+  const initialValues = {
+    first_name: "",
+    last_name: "",
+    phone_number: "",
+    vehicle_type: "",
+    plate_number: "",
+    province: "",
+    navgan_id: "",
+    national_code: "",
+    birth_certificate_id: "",
+    national_card_img: "",
+    birth_certificate_img: "",
+  };
+
+  const validationSchema = Yup.object().shape({
+    first_name: Yup.string().required(t("LoanRequest.error_message_required")),
+    last_name: Yup.string().required(t("LoanRequest.error_message_required")),
+    phone_number: Yup.string().required(
+      t("LoanRequest.error_message_required")
+    ),
+    vehicle_type: Yup.string().required(
+      t("LoanRequest.error_message_required")
+    ),
+    plate_number: Yup.string().required(
+      t("LoanRequest.error_message_required")
+    ),
+    province: Yup.string().required(t("LoanRequest.error_message_required")),
+    navgan_id: Yup.string().required(t("LoanRequest.error_message_required")),
+    national_code: Yup.string().required(
+      t("LoanRequest.error_message_required")
+    ),
+    birth_certificate_id: Yup.string().required(
+      t("LoanRequest.error_message_required")
+    ),
+  });
+
   return (
     <DashboardLayouts>
       <CenterLayout>
-        <p>نکنه وامم میخوای؟؟؟</p>
+        <Formik
+          initialValues={initialValues}
+          // onSubmit={handleSubmit}
+          validationSchema={validationSchema}
+        >
+          {(props) => (
+            <Stack
+              spacing={2}
+              sx={{
+                p: 1,
+                width: "100%",
+              }}
+            >
+              <StyledForm sx={{ width: "100%" }}>
+                <Box
+                  sx={{
+                    display: "flex",
+                    flexDirection: { xs: "column", sm: "row" },
+                    alignItems: "start",
+                    justifyContent: "center",
+                    width: "100%",
+                  }}
+                >
+                  <Box
+                    sx={{
+                      mx: { xs: 0, sm: 2 },
+                      my: 2,
+                      width: "100%",
+                    }}
+                  >
+                    <Field
+                      as={TextField}
+                      sx={{ width: "100%" }}
+                      name="first_name"
+                      variant="outlined"
+                      size="small"
+                      InputProps={{
+                        readOnly: true,
+                      }}
+                      label={t("LoanRequest.text_field_first_name")}
+                      placeholder={t(
+                        "LoanRequest.text_field_enter_your_first_name"
+                      )}
+                      type={"text"}
+                      error={
+                        props.touched.first_name && props.errors.first_name
+                          ? true
+                          : false
+                      }
+                      fullWidth
+                      helperText={
+                        props.touched.first_name
+                          ? props.errors.first_name
+                          : null
+                      }
+                    />
+                  </Box>
+                  <Box
+                    sx={{
+                      mx: { xs: 0, sm: 2 },
+                      my: 2,
+                      width: "100%",
+                    }}
+                  >
+                    <Field
+                      as={TextField}
+                      sx={{ width: "100%" }}
+                      name="last_name"
+                      variant="outlined"
+                      size="small"
+                      InputProps={{
+                        readOnly: true,
+                      }}
+                      label={t("LoanRequest.text_field_last_name")}
+                      placeholder={t(
+                        "LoanRequest.text_field_enter_your_last_name"
+                      )}
+                      type={"text"}
+                      error={
+                        props.touched.last_name && props.errors.last_name
+                          ? true
+                          : false
+                      }
+                      fullWidth
+                      helperText={
+                        props.touched.last_name ? props.errors.last_name : null
+                      }
+                    />
+                  </Box>
+                  <Box
+                    sx={{
+                      mx: { xs: 0, sm: 2 },
+                      my: 2,
+                      width: "100%",
+                    }}
+                  >
+                    <Field
+                      as={TextField}
+                      sx={{ width: "100%" }}
+                      name="phone_number"
+                      variant="outlined"
+                      size="small"
+                      InputProps={{
+                        readOnly: true,
+                      }}
+                      label={t("LoanRequest.text_field_phone_number")}
+                      placeholder={t(
+                        "LoanRequest.text_field_enter_your_phone_number"
+                      )}
+                      type={"text"}
+                      error={
+                        props.touched.phone_number && props.errors.phone_number
+                          ? true
+                          : false
+                      }
+                      fullWidth
+                      helperText={
+                        props.touched.phone_number
+                          ? props.errors.phone_number
+                          : null
+                      }
+                    />
+                  </Box>
+                </Box>
+                <Box
+                  sx={{
+                    display: "flex",
+                    flexDirection: { xs: "column", sm: "row" },
+                    alignItems: "start",
+                    justifyContent: "center",
+                    width: "100%",
+                  }}
+                >
+                  <Box
+                    sx={{
+                      mx: { xs: 0, sm: 2 },
+                      my: 2,
+                      width: "100%",
+                    }}
+                  >
+                    <Field
+                      as={TextField}
+                      sx={{ width: "100%" }}
+                      name="vehicle_type"
+                      variant="outlined"
+                      size="small"
+                      InputProps={{
+                        readOnly: true,
+                      }}
+                      label={t("LoanRequest.text_field_vehicle_type")}
+                      placeholder={t(
+                        "LoanRequest.text_field_enter_your_vehicle_type"
+                      )}
+                      type={"text"}
+                      error={
+                        props.touched.vehicle_type && props.errors.vehicle_type
+                          ? true
+                          : false
+                      }
+                      fullWidth
+                      helperText={
+                        props.touched.vehicle_type
+                          ? props.errors.vehicle_type
+                          : null
+                      }
+                    />
+                  </Box>
+                  <Box
+                    sx={{
+                      mx: { xs: 0, sm: 2 },
+                      my: 2,
+                      width: "100%",
+                    }}
+                  >
+                    <Field
+                      as={TextField}
+                      sx={{ width: "100%" }}
+                      name="plate_number"
+                      variant="outlined"
+                      size="small"
+                      InputProps={{
+                        readOnly: true,
+                      }}
+                      label={t("LoanRequest.text_field_plate_number")}
+                      placeholder={t(
+                        "LoanRequest.text_field_enter_your_plate_number"
+                      )}
+                      type={"text"}
+                      error={
+                        props.touched.plate_number && props.errors.plate_number
+                          ? true
+                          : false
+                      }
+                      fullWidth
+                      helperText={
+                        props.touched.plate_number
+                          ? props.errors.plate_number
+                          : null
+                      }
+                    />
+                  </Box>
+                  <Box
+                    sx={{
+                      mx: { xs: 0, sm: 2 },
+                      my: 2,
+                      width: "100%",
+                    }}
+                  >
+                    <Field
+                      as={TextField}
+                      sx={{ width: "100%" }}
+                      name="province"
+                      variant="outlined"
+                      size="small"
+                      InputProps={{
+                        readOnly: true,
+                      }}
+                      label={t("LoanRequest.text_field_province")}
+                      placeholder={t(
+                        "LoanRequest.text_field_enter_your_province"
+                      )}
+                      type={"text"}
+                      error={
+                        props.touched.province && props.errors.province
+                          ? true
+                          : false
+                      }
+                      fullWidth
+                      helperText={
+                        props.touched.province ? props.errors.province : null
+                      }
+                    />
+                  </Box>
+                </Box>
+                <Box
+                  sx={{
+                    display: "flex",
+                    flexDirection: { xs: "column", sm: "row" },
+                    alignItems: "start",
+                    justifyContent: "center",
+                    width: "100%",
+                  }}
+                >
+                  <Box
+                    sx={{
+                      mx: { xs: 0, sm: 2 },
+                      my: 2,
+                      width: "100%",
+                    }}
+                  >
+                    <Field
+                      as={TextField}
+                      sx={{ width: "100%" }}
+                      name="navgan_id"
+                      variant="outlined"
+                      size="small"
+                      InputProps={{
+                        readOnly: true,
+                      }}
+                      label={t("LoanRequest.text_field_navgan_id")}
+                      placeholder={t(
+                        "LoanRequest.text_field_enter_your_navgan_id"
+                      )}
+                      type={"text"}
+                      error={
+                        props.touched.navgan_id && props.errors.navgan_id
+                          ? true
+                          : false
+                      }
+                      fullWidth
+                      helperText={
+                        props.touched.navgan_id ? props.errors.navgan_id : null
+                      }
+                    />
+                  </Box>
+                  <Box
+                    sx={{
+                      mx: { xs: 0, sm: 2 },
+                      my: 2,
+                      width: "100%",
+                    }}
+                  >
+                    <Field
+                      as={TextField}
+                      sx={{ width: "100%" }}
+                      name="national_code"
+                      variant="outlined"
+                      size="small"
+                      InputProps={{
+                        readOnly: true,
+                      }}
+                      label={t("LoanRequest.text_field_national_code")}
+                      placeholder={t(
+                        "LoanRequest.text_field_enter_your_national_code"
+                      )}
+                      type={"text"}
+                      error={
+                        props.touched.national_code &&
+                        props.errors.national_code
+                          ? true
+                          : false
+                      }
+                      fullWidth
+                      helperText={
+                        props.touched.national_code
+                          ? props.errors.national_code
+                          : null
+                      }
+                    />
+                  </Box>
+                  <Box
+                    sx={{
+                      mx: { xs: 0, sm: 2 },
+                      my: 2,
+                      width: "100%",
+                    }}
+                  >
+                    <Field
+                      as={TextField}
+                      sx={{ width: "100%" }}
+                      name="birth_certificate_id"
+                      variant="outlined"
+                      size="small"
+                      InputProps={{
+                        readOnly: true,
+                      }}
+                      label={t("LoanRequest.text_field_birth_certificate_id")}
+                      placeholder={t(
+                        "LoanRequest.text_field_enter_your_birth_certificate_id"
+                      )}
+                      type={"text"}
+                      error={
+                        props.touched.birth_certificate_id &&
+                        props.errors.birth_certificate_id
+                          ? true
+                          : false
+                      }
+                      fullWidth
+                      helperText={
+                        props.touched.birth_certificate_id
+                          ? props.errors.birth_certificate_id
+                          : null
+                      }
+                    />
+                  </Box>
+                </Box>
+                <Box
+                  sx={{
+                    display: "flex",
+                    flexDirection: { xs: "column", sm: "row" },
+                    alignItems: "center",
+                    justifyContent: "space-around",
+                    width: "100%",
+                  }}
+                >
+                  <Box>
+                    <Image
+                      width={300}
+                      height={300}
+                      src="/images/login.svg"
+                      alt={t("app_name")}
+                    />
+                  </Box>
+                  <Box>
+                    <Image
+                      width={300}
+                      height={300}
+                      src="/images/login.svg"
+                      alt={t("app_name")}
+                    />
+                  </Box>
+                </Box>
+                <Box
+                  sx={{
+                    display: "flex",
+                    flexDirection: { xs: "column", sm: "row" },
+                    alignItems: "center",
+                    mx: "auto",
+                    width: { xs: "100%", sm: "30%", md: "25%" },
+                  }}
+                >
+                  <Button
+                    fullWidth
+                    type="submit"
+                    variant="contained"
+                    size="large"
+                    endIcon={<DataSaverOnIcon />}
+                    disabled={props.isSubmitting ? true : false}
+                  >
+                    {t("LoanRequest.button_submit")}
+                  </Button>
+                </Box>
+              </StyledForm>
+            </Stack>
+          )}
+        </Formik>
       </CenterLayout>
     </DashboardLayouts>
   );
diff --git a/src/components/login-navy/index.jsx b/src/components/login-navy/index.jsx
index 8f1cbbd..e3fd879 100644
--- a/src/components/login-navy/index.jsx
+++ b/src/components/login-navy/index.jsx
@@ -49,10 +49,10 @@ const LoginComponent = () => {
   //       });
   //   };
   const initialValues = {
-    phone_number: ""
+    phone_number: "",
   };
   const validationSchema = Yup.object().shape({
-    phone_number: Yup.string().required(t("LoginPage.error_message_required"))
+    phone_number: Yup.string().required(t("LoginPage.error_message_required")),
   });
 
   return (
@@ -87,13 +87,16 @@ const LoginComponent = () => {
                         )}
                         type={"text"}
                         error={
-                          props.touched.phone_number && props.errors.phone_number
+                          props.touched.phone_number &&
+                          props.errors.phone_number
                             ? true
                             : false
                         }
                         fullWidth
                         helperText={
-                          props.touched.phone_number ? props.errors.phone_number : null
+                          props.touched.phone_number
+                            ? props.errors.phone_number
+                            : null
                         }
                       />
                       <Grid
diff --git a/src/pages/dashboard/loan-follow-up/index.jsx b/src/pages/dashboard/loan-follow-up/index.jsx
index fc299c4..46c9440 100644
--- a/src/pages/dashboard/loan-follow-up/index.jsx
+++ b/src/pages/dashboard/loan-follow-up/index.jsx
@@ -6,7 +6,7 @@ import { parse } from "next-useragent";
 export default function LoanFollowUp() {
   return (
     <WithAuthMiddleware>
-      <TitlePage text="dashboard.dashboard_page" />
+      <TitlePage text="LoanFollowUp.loan_follow_up_page" />
       <DashboardLoanFollowUpComponent />
     </WithAuthMiddleware>
   );
diff --git a/src/pages/dashboard/loan-request/index.jsx b/src/pages/dashboard/loan-request/index.jsx
index b76f172..f66f9fb 100644
--- a/src/pages/dashboard/loan-request/index.jsx
+++ b/src/pages/dashboard/loan-request/index.jsx
@@ -6,7 +6,7 @@ import { parse } from "next-useragent";
 export default function LoanRequest() {
   return (
     <WithAuthMiddleware>
-      <TitlePage text="dashboard.dashboard_page" />
+      <TitlePage text="LoanFollowUp.loan_follow_up_page" />
       <DashboardLoanRequestComponent />
     </WithAuthMiddleware>
   );