diff --git a/src/components/dashboard/navgan/followUp-loan/index.jsx b/src/components/dashboard/navgan/followUp-loan/index.jsx
index 558babb..924364a 100644
--- a/src/components/dashboard/navgan/followUp-loan/index.jsx
+++ b/src/components/dashboard/navgan/followUp-loan/index.jsx
@@ -1,13 +1,11 @@
 import {
     Grid,
-    Stack,
 } from "@mui/material";
 import {useEffect, useState} from "react";
 import {SHOW_LOAN_REQUEST_NAVGAN} from "@/core/data/apiRoutes";
 import moment from "jalali-moment";
 import RequestCard from "@/components/dashboard/navgan/followUp-loan/RequestCard";
-import {useLoading, useRequest} from "@witel/webapp-builder";
-
+import { FullPageLayout, useLoading, useRequest} from "@witel/webapp-builder";
 const LoanFollowUpComponent = () => {
     const requestServer = useRequest();
     const {setLoadingPage} = useLoading();
@@ -17,39 +15,72 @@ const LoanFollowUpComponent = () => {
         setLoadingPage(true)
         requestServer(SHOW_LOAN_REQUEST_NAVGAN, "get", {auth: true, notification: false})
             .then(function ({data}) {
-                const items = data.data;
-                const formattedData = items.map((item, index) => ({
-                    id: item.id,
-                    latest_history_created_at: moment(item.latest_history_created_at).locale("fa").format("HH:mm | YYYY/MM/DD"),
-                    state_id: item.state_id,
-                    loan_state: item.loan_state,
-                }));
-                setRequestsList(formattedData);
+                // const items = data.data;
+                const items=[
+                    {
+                        id:'1',
+                        unique_id: 'id_1',
+                        created_at: '2023-12-11T10:56:48.000000',
+                        status: 'Pending',
+                        banknum: '1234'
+                    },
+                    {
+                        id:'2',
+                        unique_id: 'id_2',
+                        created_at: '2023-12-11T10:56:48.000000',
+                        status: 'Approved',
+                        banknum: '5678'
+                    },
+                    {
+                        id:'3',
+                        unique_id: 'id_3',
+                        created_at: '2023-12-11T10:56:48.000000',
+                        status: 'Rejected',
+                        banknum: '91011'
+                    },
+                    {
+                        id:'4',
+                        unique_id: 'id_3',
+                        created_at: '2023-12-11T10:56:48.000000',
+                        status: 'Rejected',
+                        banknum: '91011'
+                    },
+                    {
+                        id:'5',
+                        unique_id: 'id_3',
+                        created_at: '2023-12-11T10:56:48.000000',
+                        status: 'Rejected',
+                        banknum: null
+                    }
+                ]
+                // const formattedData = items.map((item, index) => ({
+                //     id: item.id,
+                //     latest_history_created_at: moment(item.latest_history_created_at).locale("fa").format("HH:mm | YYYY/MM/DD"),
+                //     state_id: item.state_id,
+                //     loan_state: item.loan_state,
+                // }));
+
+                setRequestsList(items);
                 setLoadingPage(false)
             })
             .catch(function (error) {
             })
     }, []);
-
     return (
-            <Stack
-                spacing={2}
-                sx={{
-                    p: 4,
-                    width: "100%",
-                }}
+        <FullPageLayout>
+            <Grid
+                container
+                columnSpacing={2}
+                rowSpacing={2}
+                sx={{alignItems: "start", justifyContent: "center", padding:"24px"}}
             >
-                <Grid
-                    container
-                    columnSpacing={2}
-                    rowSpacing={2}
-                    sx={{alignItems: "start", justifyContent: "center"}}
-                >
-                    {requestsList.map((item, index) => (
-                        <RequestCard item={item} key={item.id}/>
-                    ))}
-                </Grid>
-            </Stack>
+                {requestsList.map((item) => (
+                    <RequestCard item={item} key={item.id} />
+                ))}
+            </Grid>
+        </FullPageLayout>
+
+
     );
 };