diff --git a/src/components/dashboard/navgan/followUp-loan/RequestCard.jsx b/src/components/dashboard/navgan/followUp-loan/RequestCard.jsx
new file mode 100644
index 0000000..6e5dfd3
--- /dev/null
+++ b/src/components/dashboard/navgan/followUp-loan/RequestCard.jsx
@@ -0,0 +1,29 @@
+import {Card, CardContent, CardHeader, Grid, Typography} from "@mui/material";
+import SellIcon from '@mui/icons-material/Sell';
+import {useTranslations} from "next-intl";
+
+
+const RequestCard = ({item}) => {
+    const t = useTranslations();
+    return (
+        <Grid item xs={12} md={6} lg={4}>
+            <Card sx={{
+                width: "100%",
+                boxShadow: "rgba(0, 0, 0, 0.15) 0px 5px 15px 0px"
+            }}>
+                <CardHeader
+                    avatar={<SellIcon color="primary"/>}
+                    title={`${t("LoanFollowUp.request_number")}: (${item.id})`}
+                    subheader={item.latest_history_created_at}
+                />
+                <CardContent sx={{pt: 0}}>
+                    <Typography variant="button">
+                        {item.loan_state}
+                    </Typography>
+                </CardContent>
+            </Card>
+        </Grid>
+    );
+};
+
+export default RequestCard;
\ No newline at end of file
diff --git a/src/core/data/apiRoutes.js b/src/core/data/apiRoutes.js
index 91d7c5e..ee906dd 100644
--- a/src/core/data/apiRoutes.js
+++ b/src/core/data/apiRoutes.js
@@ -6,6 +6,7 @@ export const LOGIN = BASE_URL + "/login";
 export const SEND_OTP_TOKEN = BASE_URL + "/otp";
 export const REGISTER = BASE_URL + "/register";
 export const USER_INFO = BASE_URL + "/profile/info";
+export const SHOW_LOAN_REQUEST_NAVGAN = BASE_URL + "/navgan/loan/index";
 export const SEND_LOAN_REQUEST_NAVGAN = BASE_URL + "/navgan/loan/store";
 export const SHOW_LOAN_REQUEST_NAVGAN = BASE_URL + "/navgan/loan/index"
 export const SHOW_LOAN_REQUEST_WELFARE = BASE_URL + "/refahi/loan/index";