diff --git a/apps/console/src/pages/FrameworkListPage.tsx b/apps/console/src/pages/FrameworkListPage.tsx
index b58cc2483..64d90d20c 100644
--- a/apps/console/src/pages/FrameworkListPage.tsx
+++ b/apps/console/src/pages/FrameworkListPage.tsx
@@ -10,7 +10,7 @@ import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Link } from "react-router";
 import type { FrameworkListPageQuery as FrameworkListPageQueryType } from "./__generated__/FrameworkListPageQuery.graphql";
-
+import { Helmet } from "react-helmet-async";
 const FrameworkListPageQuery = graphql`
   query FrameworkListPageQuery {
     node(id: "AZSfP_xAcAC5IAAAAAAltA") {
@@ -125,8 +125,13 @@ export default function FrameworkListPage() {
   }, [loadQuery]);
 
   return (
-    <Suspense fallback={<FrameworkListPageFallback />}>
-      {queryRef && <FrameworkListPageContent queryRef={queryRef} />}
-    </Suspense>
+    <>
+      <Helmet>
+        <title>Frameworks - Probo Console</title>
+      </Helmet>
+      <Suspense fallback={<FrameworkListPageFallback />}>
+        {queryRef && <FrameworkListPageContent queryRef={queryRef} />}
+      </Suspense>
+    </>
   );
 }
diff --git a/apps/console/src/pages/FrameworkOverviewPage.tsx b/apps/console/src/pages/FrameworkOverviewPage.tsx
index 00b58e02b..ceacf00ba 100644
--- a/apps/console/src/pages/FrameworkOverviewPage.tsx
+++ b/apps/console/src/pages/FrameworkOverviewPage.tsx
@@ -23,7 +23,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Progress } from "@/components/ui/progress";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import type { FrameworkOverviewPageQuery as FrameworkOverviewPageQueryType } from "./__generated__/FrameworkOverviewPageQuery.graphql";
-
+import { Helmet } from "react-helmet-async";
 const FrameworkOverviewPageQuery = graphql`
   query FrameworkOverviewPageQuery($frameworkId: ID!) {
     node(id: $frameworkId) {
@@ -198,9 +198,14 @@ export default function FrameworkOverviewPage() {
   }, [loadQuery, frameworkId]);
 
   return (
-    <Suspense fallback={<FrameworkOverviewPageFallback />}>
-      {queryRef && <FrameworkOverviewPageContent queryRef={queryRef} />}
-    </Suspense>
+    <>
+      <Helmet>
+        <title>Framework Overview - Probo Console</title>
+      </Helmet>
+      <Suspense fallback={<FrameworkOverviewPageFallback />}>
+        {queryRef && <FrameworkOverviewPageContent queryRef={queryRef} />}
+      </Suspense>
+    </>
   );
 }
 
diff --git a/apps/console/src/pages/NotFoundPage.tsx b/apps/console/src/pages/NotFoundPage.tsx
index 9676abb75..0570137cf 100644
--- a/apps/console/src/pages/NotFoundPage.tsx
+++ b/apps/console/src/pages/NotFoundPage.tsx
@@ -1,10 +1,16 @@
 import { Link } from "react-router";
+import { Helmet } from "react-helmet-async";
 
 export default function NotFoundPage() {
   return (
-    <div>
-      <p>The page might have been moved, deleted, or never existed.</p>
-      <Link to="/">Return to Home</Link>
-    </div>
+    <>
+      <Helmet>
+        <title>404 - Probo Console</title>
+      </Helmet>
+      <div>
+        <p>The page might have been moved, deleted, or never existed.</p>
+        <Link to="/">Return to Home</Link>
+      </div>
+    </>
   );
 }
diff --git a/apps/console/src/pages/PeopleListPage.tsx b/apps/console/src/pages/PeopleListPage.tsx
index 284440c46..08762da31 100644
--- a/apps/console/src/pages/PeopleListPage.tsx
+++ b/apps/console/src/pages/PeopleListPage.tsx
@@ -8,6 +8,7 @@ import {
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Badge } from "@/components/ui/badge";
 import { CircleUser, Globe, Shield } from "lucide-react";
+import { Helmet } from "react-helmet-async";
 import type { PeopleListPageQuery as PeopleListPageQueryType } from "./__generated__/PeopleListPageQuery.graphql";
 
 const PeopleListPageQuery = graphql`
@@ -131,8 +132,13 @@ export default function PeopleListPage() {
   }
 
   return (
-    <Suspense fallback={<PeopleListPageFallback />}>
+    <>
+      <Helmet>
+        <title>People - Probo Console</title>
+      </Helmet>
+      <Suspense fallback={<PeopleListPageFallback />}>
       <PeopleListPageContent queryRef={queryRef} />
     </Suspense>
+    </>
   );
 }
\ No newline at end of file
diff --git a/apps/console/src/pages/SettingsPage.tsx b/apps/console/src/pages/SettingsPage.tsx
index 18be6803f..9dbf672ed 100644
--- a/apps/console/src/pages/SettingsPage.tsx
+++ b/apps/console/src/pages/SettingsPage.tsx
@@ -43,10 +43,6 @@ function SettingsPageContent({
 
   return (
     <>
-      <Helmet>
-        <title>Settings - Probo Console</title>
-      </Helmet>
-      
       <div className="container mx-auto p-6 space-y-6">
         <div>
           <h1 className="text-4xl font-medium tracking-tight">Settings</h1>
@@ -187,8 +183,13 @@ export default function SettingsPage() {
   }
 
   return (
-    <Suspense fallback={<SettingsPageFallback />}>
-      <SettingsPageContent queryRef={queryRef} />
-    </Suspense>
+    <>
+      <Helmet>
+        <title>Settings - Probo Console</title>
+      </Helmet>
+      <Suspense fallback={<SettingsPageFallback />}>
+        <SettingsPageContent queryRef={queryRef} />
+      </Suspense>
+    </>
   );
 }
\ No newline at end of file
diff --git a/apps/console/src/pages/VendorListPage.tsx b/apps/console/src/pages/VendorListPage.tsx
index 31756e60a..4b8162a52 100644
--- a/apps/console/src/pages/VendorListPage.tsx
+++ b/apps/console/src/pages/VendorListPage.tsx
@@ -15,7 +15,7 @@ import { Button } from "@/components/ui/button";
 import { Link } from "react-router";
 import Fuse from "fuse.js";
 import type { VendorListPageQuery as VendorListPageQueryType } from "./__generated__/VendorListPageQuery.graphql";
-
+import { Helmet } from "react-helmet-async";
 const ITEMS_PER_PAGE = 2;
 
 const vendorListPageQuery = graphql`
@@ -290,8 +290,13 @@ export default function VendorListPage() {
   }
 
   return (
-    <Suspense fallback={<VendorListFallback />}>
-      <VendorListContent queryRef={queryRef} onPageChange={handlePageChange} />
-    </Suspense>
+    <>
+      <Helmet>
+        <title>Vendors - Probo Console</title>
+      </Helmet>
+      <Suspense fallback={<VendorListFallback />}>
+        <VendorListContent queryRef={queryRef} onPageChange={handlePageChange} />
+      </Suspense>
+    </>
   );
 }
diff --git a/apps/console/src/pages/VendorOverviewPage.tsx b/apps/console/src/pages/VendorOverviewPage.tsx
index 08c8379e1..40a48a1ef 100644
--- a/apps/console/src/pages/VendorOverviewPage.tsx
+++ b/apps/console/src/pages/VendorOverviewPage.tsx
@@ -10,7 +10,7 @@ import { graphql, PreloadedQuery, usePreloadedQuery, useQueryLoader } from "reac
 import { Suspense, useEffect } from "react"
 import type { VendorOverviewPageQuery as VendorOverviewPageQueryType } from "./__generated__/VendorOverviewPageQuery.graphql"
 import { useParams } from "react-router";
-
+import { Helmet } from "react-helmet-async";
 const VendorOverviewPageQuery = graphql`
   query VendorOverviewPageQuery($vendorId: ID!) {
     node(id: $vendorId) {
@@ -246,8 +246,13 @@ export default function VendorOverviewPage() {
   }
 
   return (
-    <Suspense fallback={<VendorOverviewPageFallback />}>
-      <VendorOverviewPageContent queryRef={queryRef} />
-    </Suspense>
+    <>
+      <Helmet>
+        <title>Vendor Overview - Probo Console</title>
+      </Helmet>
+      <Suspense fallback={<VendorOverviewPageFallback />}>
+        <VendorOverviewPageContent queryRef={queryRef} />
+      </Suspense>
+    </>
   );
 }
\ No newline at end of file