diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index 573bef2..85b03cd 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -6,6 +6,7 @@ import {LoadingProvider} from "@/lib/app/contexts/loading";
 import {UserProvider} from "@/lib/app/contexts/user";
 import "moment/locale/fa";
 import {NextIntlProvider} from "next-intl";
+import TitlePage from "@/core/components/TitlePage";
 
 const App = ({Component, pageProps}) => {
     return (
@@ -14,6 +15,7 @@ const App = ({Component, pageProps}) => {
                 <LanguageProvider>
                     <NextIntlProvider messages={pageProps.messages}>
                         <MuiLayout isBot={pageProps.isBot}>
+                            <TitlePage text={pageProps.title}/>
                             <LoadingProvider>
                                 <AppLayout isBot={pageProps.isBot}>
                                     <Component {...pageProps} />
diff --git a/src/pages/dashboard/index.jsx b/src/pages/dashboard/index.jsx
index 83bbb7c..af824d5 100644
--- a/src/pages/dashboard/index.jsx
+++ b/src/pages/dashboard/index.jsx
@@ -1,12 +1,10 @@
 import DashboardFirstComponent from "@/components/dashboard/first";
-import TitlePage from "@/core/components/TitlePage";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
 export default function Dashboard() {
     return (
         <WithAuthMiddleware>
-            <TitlePage text="Dashboard.dashboard_page"/>
             <DashboardFirstComponent/>
         </WithAuthMiddleware>
     );
@@ -17,6 +15,7 @@ export async function getServerSideProps({req, locale}) {
     return {
         props: {
             messages: (await import(`&/locales/${locale}/app.json`)).default,
+            title: "Dashboard.dashboard_page",
             isBot,
         },
     };
diff --git a/src/pages/dashboard/loan-follow-up/index.jsx b/src/pages/dashboard/loan-follow-up/index.jsx
index aae94d1..1fbea74 100644
--- a/src/pages/dashboard/loan-follow-up/index.jsx
+++ b/src/pages/dashboard/loan-follow-up/index.jsx
@@ -1,12 +1,10 @@
 import DashboardLoanFollowUpComponent from "@/components/dashboard/loan-follow-up";
-import TitlePage from "@/core/components/TitlePage";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
 export default function LoanFollowUp() {
     return (
         <WithAuthMiddleware>
-            <TitlePage text="LoanFollowUp.loan_follow_up_page"/>
             <DashboardLoanFollowUpComponent/>
         </WithAuthMiddleware>
     );
@@ -17,6 +15,7 @@ export async function getServerSideProps({req, locale}) {
     return {
         props: {
             messages: (await import(`&/locales/${locale}/app.json`)).default,
+            title: "LoanFollowUp.loan_follow_up_page",
             isBot,
         },
     };
diff --git a/src/pages/dashboard/loan-request/index.jsx b/src/pages/dashboard/loan-request/index.jsx
index f6d2579..8519fca 100644
--- a/src/pages/dashboard/loan-request/index.jsx
+++ b/src/pages/dashboard/loan-request/index.jsx
@@ -1,12 +1,10 @@
 import DashboardLoanRequestComponent from "@/components/dashboard/loan-request";
-import TitlePage from "@/core/components/TitlePage";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
 export default function LoanRequest() {
     return (
         <WithAuthMiddleware>
-            <TitlePage text="LoanFollowUp.loan_follow_up_page"/>
             <DashboardLoanRequestComponent/>
         </WithAuthMiddleware>
     );
@@ -17,6 +15,7 @@ export async function getServerSideProps({req, locale}) {
     return {
         props: {
             messages: (await import(`&/locales/${locale}/app.json`)).default,
+            title: "LoanRequest.loan_request_page",
             isBot,
         },
     };
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 82c1f58..2e146c6 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,11 +1,9 @@
 import FirstComponent from "@/components/first";
-import TitlePage from "@/core/components/TitlePage";
 import {parse} from "next-useragent";
 
 export default function Home() {
     return (
         <>
-            <TitlePage text="first_page"/>
             <FirstComponent/>
         </>
     );
@@ -16,6 +14,7 @@ export async function getServerSideProps({req, locale}) {
     return {
         props: {
             messages: (await import(`&/locales/${locale}/app.json`)).default,
+            title: "first_page",
             isBot,
         },
     };
diff --git a/src/pages/login.jsx b/src/pages/login.jsx
index b5b7fea..63baea0 100644
--- a/src/pages/login.jsx
+++ b/src/pages/login.jsx
@@ -1,5 +1,4 @@
 import LoginComponent from "@/components/login";
-import TitlePage from "@/core/components/TitlePage";
 import WithoutAuthMiddleware from "@/middlewares/WithoutAuth";
 import {parse} from "next-useragent";
 import "react-toastify/dist/ReactToastify.css";
@@ -10,7 +9,6 @@ export default function Login() {
     const {directionApp} = useDirection();
     return (
         <WithoutAuthMiddleware>
-            <TitlePage text="Titles.title_login_page"/>
             <LoginComponent/>
             {directionApp === "rtl" ? <ToastContainer rtl/> : <ToastContainer ltr/>}
         </WithoutAuthMiddleware>
@@ -22,6 +20,7 @@ export async function getServerSideProps({req, locale}) {
     return {
         props: {
             messages: (await import(`&/locales/${locale}/app.json`)).default,
+            title: "Titles.title_login_page",
             isBot,
         },
     };
diff --git a/src/pages/register/index.jsx b/src/pages/register/index.jsx
index 3afa761..3d2bfe9 100644
--- a/src/pages/register/index.jsx
+++ b/src/pages/register/index.jsx
@@ -1,5 +1,4 @@
 import RegisterComponent from "@/components/register";
-import TitlePage from "@/core/components/TitlePage";
 import WithoutAuthMiddleware from "@/middlewares/WithoutAuth";
 import {parse} from "next-useragent";
 import "react-toastify/dist/ReactToastify.css";
@@ -10,7 +9,6 @@ export default function Register() {
     const {directionApp} = useDirection();
     return (
         <WithoutAuthMiddleware>
-            <TitlePage text="Titles.title_register_page"/>
             <RegisterComponent/>
             {directionApp === "rtl" ? <ToastContainer rtl/> : <ToastContainer ltr/>}
         </WithoutAuthMiddleware>
@@ -22,6 +20,7 @@ export async function getServerSideProps({req, locale}) {
     return {
         props: {
             messages: (await import(`&/locales/${locale}/app.json`)).default,
+            title: "Titles.title_register_page",
             isBot,
         },
     };
diff --git a/src/pages/register/navy/index.jsx b/src/pages/register/navy/index.jsx
index 3d18b18..df5a84f 100644
--- a/src/pages/register/navy/index.jsx
+++ b/src/pages/register/navy/index.jsx
@@ -1,5 +1,4 @@
 import NavyComponent from "@/components/register/navy";
-import TitlePage from "@/core/components/TitlePage";
 import WithoutAuthMiddleware from "@/middlewares/WithoutAuth";
 import {parse} from "next-useragent";
 import "react-toastify/dist/ReactToastify.css";
@@ -10,7 +9,6 @@ export default function Register() {
     const {directionApp} = useDirection();
     return (
         <WithoutAuthMiddleware>
-            <TitlePage text="Titles.title_register_navy_page"/>
             <NavyComponent/>
             {directionApp === "rtl" ? <ToastContainer rtl/> : <ToastContainer ltr/>}
         </WithoutAuthMiddleware>
@@ -22,6 +20,7 @@ export async function getServerSideProps({req, locale}) {
     return {
         props: {
             messages: (await import(`&/locales/${locale}/app.json`)).default,
+            title: "Titles.title_register_navy_page",
             isBot,
         },
     };
diff --git a/src/pages/register/welfare-services/index.jsx b/src/pages/register/welfare-services/index.jsx
index 68732c3..2212717 100644
--- a/src/pages/register/welfare-services/index.jsx
+++ b/src/pages/register/welfare-services/index.jsx
@@ -1,5 +1,4 @@
 import WelfareServicesComponent from "@/components/register/welfare-services";
-import TitlePage from "@/core/components/TitlePage";
 import WithoutAuthMiddleware from "@/middlewares/WithoutAuth";
 import {parse} from "next-useragent";
 import "react-toastify/dist/ReactToastify.css";
@@ -10,7 +9,6 @@ export default function Register() {
     const {directionApp} = useDirection();
     return (
         <WithoutAuthMiddleware>
-            <TitlePage text="Titles.title_register_welfare_services_page"/>
             <WelfareServicesComponent/>
             {directionApp === "rtl" ? <ToastContainer rtl/> : <ToastContainer ltr/>}
         </WithoutAuthMiddleware>
@@ -22,6 +20,7 @@ export async function getServerSideProps({req, locale}) {
     return {
         props: {
             messages: (await import(`&/locales/${locale}/app.json`)).default,
+            title: "Titles.title_register_welfare_services_page",
             isBot,
         },
     };