diff --git a/frontend/src/routes/__root.tsx b/frontend/src/routes/__root.tsx
index 842642c169..8644b83d05 100644
--- a/frontend/src/routes/__root.tsx
+++ b/frontend/src/routes/__root.tsx
@@ -1,5 +1,5 @@
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
-import { createRootRoute, Outlet } from "@tanstack/react-router"
+import { createRootRoute, HeadContent, Outlet } from "@tanstack/react-router"
 import { TanStackRouterDevtools } from "@tanstack/react-router-devtools"
 import ErrorComponent from "@/components/Common/ErrorComponent"
 import NotFound from "@/components/Common/NotFound"
@@ -7,6 +7,7 @@ import NotFound from "@/components/Common/NotFound"
 export const Route = createRootRoute({
   component: () => (
     <>
+      <HeadContent />
       <Outlet />
       <TanStackRouterDevtools position="bottom-right" />
       <ReactQueryDevtools initialIsOpen={false} />
diff --git a/frontend/src/routes/_layout/admin.tsx b/frontend/src/routes/_layout/admin.tsx
index 9c60bad6a6..256038ad7a 100644
--- a/frontend/src/routes/_layout/admin.tsx
+++ b/frontend/src/routes/_layout/admin.tsx
@@ -18,6 +18,13 @@ function getUsersQueryOptions() {
 
 export const Route = createFileRoute("/_layout/admin")({
   component: Admin,
+  head: () => ({
+    meta: [
+      {
+        title: "Admin - FastAPI Cloud",
+      },
+    ],
+  }),
 })
 
 function UsersTableContent() {
diff --git a/frontend/src/routes/_layout/index.tsx b/frontend/src/routes/_layout/index.tsx
index 322997ec01..40d4529cba 100644
--- a/frontend/src/routes/_layout/index.tsx
+++ b/frontend/src/routes/_layout/index.tsx
@@ -4,6 +4,13 @@ import useAuth from "@/hooks/useAuth"
 
 export const Route = createFileRoute("/_layout/")({
   component: Dashboard,
+  head: () => ({
+    meta: [
+      {
+        title: "Dashboard - FastAPI Cloud",
+      },
+    ],
+  }),
 })
 
 function Dashboard() {
@@ -16,7 +23,7 @@ function Dashboard() {
           Hi, {currentUser?.full_name || currentUser?.email} 👋
         </h1>
         <p className="text-muted-foreground">
-          Welcome back, nice to see you again!
+          Welcome back, nice to see you again!!!
         </p>
       </div>
     </div>
diff --git a/frontend/src/routes/_layout/items.tsx b/frontend/src/routes/_layout/items.tsx
index 1d99565cf5..a319c734ee 100644
--- a/frontend/src/routes/_layout/items.tsx
+++ b/frontend/src/routes/_layout/items.tsx
@@ -18,6 +18,13 @@ function getItemsQueryOptions() {
 
 export const Route = createFileRoute("/_layout/items")({
   component: Items,
+  head: () => ({
+    meta: [
+      {
+        title: "Items - FastAPI Cloud",
+      },
+    ],
+  }),
 })
 
 function ItemsTableContent() {
diff --git a/frontend/src/routes/_layout/settings.tsx b/frontend/src/routes/_layout/settings.tsx
index 8d79ca7fae..4cc1f82495 100644
--- a/frontend/src/routes/_layout/settings.tsx
+++ b/frontend/src/routes/_layout/settings.tsx
@@ -14,6 +14,13 @@ const tabsConfig = [
 
 export const Route = createFileRoute("/_layout/settings")({
   component: UserSettings,
+  head: () => ({
+    meta: [
+      {
+        title: "Settings - FastAPI Cloud",
+      },
+    ],
+  }),
 })
 
 function UserSettings() {
diff --git a/frontend/src/routes/login.tsx b/frontend/src/routes/login.tsx
index 50e4b1b1e0..78e3d52798 100644
--- a/frontend/src/routes/login.tsx
+++ b/frontend/src/routes/login.tsx
@@ -41,6 +41,13 @@ export const Route = createFileRoute("/login")({
       })
     }
   },
+  head: () => ({
+    meta: [
+      {
+        title: "Log In - FastAPI Cloud",
+      },
+    ],
+  }),
 })
 
 function Login() {
diff --git a/frontend/src/routes/recover-password.tsx b/frontend/src/routes/recover-password.tsx
index 8eb76d3bbd..3f6420dc40 100644
--- a/frontend/src/routes/recover-password.tsx
+++ b/frontend/src/routes/recover-password.tsx
@@ -39,6 +39,13 @@ export const Route = createFileRoute("/recover-password")({
       })
     }
   },
+  head: () => ({
+    meta: [
+      {
+        title: "Recover Password - FastAPI Cloud",
+      },
+    ],
+  }),
 })
 
 function RecoverPassword() {
diff --git a/frontend/src/routes/reset-password.tsx b/frontend/src/routes/reset-password.tsx
index d4581442b0..eb30d89998 100644
--- a/frontend/src/routes/reset-password.tsx
+++ b/frontend/src/routes/reset-password.tsx
@@ -57,6 +57,13 @@ export const Route = createFileRoute("/reset-password")({
       throw redirect({ to: "/login" })
     }
   },
+  head: () => ({
+    meta: [
+      {
+        title: "Reset Password - FastAPI Cloud",
+      },
+    ],
+  }),
 })
 
 function ResetPassword() {
diff --git a/frontend/src/routes/signup.tsx b/frontend/src/routes/signup.tsx
index 59023a0763..ff4f24e028 100644
--- a/frontend/src/routes/signup.tsx
+++ b/frontend/src/routes/signup.tsx
@@ -48,6 +48,13 @@ export const Route = createFileRoute("/signup")({
       })
     }
   },
+  head: () => ({
+    meta: [
+      {
+        title: "Sign Up - FastAPI Cloud",
+      },
+    ],
+  }),
 })
 
 function SignUp() {