diff --git a/app/components/DashboardLayout.tsx b/app/components/DashboardLayout.tsx
index 700144e..330bc21 100644
--- a/app/components/DashboardLayout.tsx
+++ b/app/components/DashboardLayout.tsx
@@ -69,7 +69,7 @@ export default function DashboardLayout({ children, user }: DashboardLayoutProps
               <img
                 className="h-14 w-auto"
                 src="/logo03.png"
-                alt="Phosphat Report"
+                alt="Report System"
               />
             </div>
 
diff --git a/app/routes/areas.tsx b/app/routes/areas.tsx
index d0798a4..a4dace2 100644
--- a/app/routes/areas.tsx
+++ b/app/routes/areas.tsx
@@ -8,7 +8,7 @@ import Toast from "~/components/Toast";
 import { useState, useEffect } from "react";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Areas Management - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Areas Management - Alhaffer Reporting System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const user = await requireAuthLevel(request, 2);
diff --git a/app/routes/dashboard.tsx b/app/routes/dashboard.tsx
index 8434c9c..6e80077 100644
--- a/app/routes/dashboard.tsx
+++ b/app/routes/dashboard.tsx
@@ -5,7 +5,7 @@ import { requireAuthLevel } from "~/utils/auth.server";
 import DashboardLayout from "~/components/DashboardLayout";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Dashboard - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Dashboard - Alhaffer Reporting System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const user = await requireAuthLevel(request, 1); 
diff --git a/app/routes/dredger-locations.tsx b/app/routes/dredger-locations.tsx
index cf2413b..6c173a3 100644
--- a/app/routes/dredger-locations.tsx
+++ b/app/routes/dredger-locations.tsx
@@ -8,7 +8,7 @@ import Toast from "~/components/Toast";
 import { useState, useEffect } from "react";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Dredger Locations Management - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Dredger Locations Management - Alhaffer Reporting System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const user = await requireAuthLevel(request, 2);
diff --git a/app/routes/employees.tsx b/app/routes/employees.tsx
index 13e18f8..8b2172c 100644
--- a/app/routes/employees.tsx
+++ b/app/routes/employees.tsx
@@ -9,7 +9,7 @@ import { useState, useEffect } from "react";
 import bcrypt from "bcryptjs";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Employee Management - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Employee Management - Alhaffer Reporting System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const user = await requireAuthLevel(request, 2);
diff --git a/app/routes/equipment.tsx b/app/routes/equipment.tsx
index c9c5994..4a0c0b6 100644
--- a/app/routes/equipment.tsx
+++ b/app/routes/equipment.tsx
@@ -8,7 +8,7 @@ import Toast from "~/components/Toast";
 import { useState, useEffect } from "react";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Equipment Management - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Equipment Management - Alhaffer Reporting System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const user = await requireAuthLevel(request, 2);
diff --git a/app/routes/foreman.tsx b/app/routes/foreman.tsx
index b3ea82f..00949cd 100644
--- a/app/routes/foreman.tsx
+++ b/app/routes/foreman.tsx
@@ -8,7 +8,7 @@ import Toast from "~/components/Toast";
 import { useState, useEffect } from "react";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Foreman Management - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Foreman Management - Alhaffer Reporting System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const user = await requireAuthLevel(request, 2);
diff --git a/app/routes/reclamation-locations.tsx b/app/routes/reclamation-locations.tsx
index af53497..6f7348d 100644
--- a/app/routes/reclamation-locations.tsx
+++ b/app/routes/reclamation-locations.tsx
@@ -8,7 +8,7 @@ import Toast from "~/components/Toast";
 import { useState, useEffect } from "react";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Reclamation Locations Management - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Reclamation Locations Management - Alhaffer Reporting System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const user = await requireAuthLevel(request, 2);
diff --git a/app/routes/report-sheet.tsx b/app/routes/report-sheet.tsx
index 0eb1a6e..ad072c0 100644
--- a/app/routes/report-sheet.tsx
+++ b/app/routes/report-sheet.tsx
@@ -7,7 +7,7 @@ import ReportSheetViewModal from "~/components/ReportSheetViewModal";
 import { useState } from "react";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Report Sheets - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Report Sheets - Alhaffer Reporting System" }];
 
 interface ReportSheet {
   id: string;
diff --git a/app/routes/reports.tsx b/app/routes/reports.tsx
index e668972..9e927d5 100644
--- a/app/routes/reports.tsx
+++ b/app/routes/reports.tsx
@@ -10,7 +10,7 @@ import { useState, useEffect } from "react";
 import { manageSheet, removeFromSheet } from "~/utils/sheet.server";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Reports Management - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Reports Management - Alhaffer Reporting System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const user = await requireAuthLevel(request, 1); // All employees can access reports
diff --git a/app/routes/reports_.new.tsx b/app/routes/reports_.new.tsx
index 0359193..883abb1 100644
--- a/app/routes/reports_.new.tsx
+++ b/app/routes/reports_.new.tsx
@@ -7,7 +7,7 @@ import { useState, useEffect } from "react";
 import { manageSheet } from "~/utils/sheet.server";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "New Report - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "New Report - Alhaffer Report System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const user = await requireAuthLevel(request, 1); // All employees can create reports
diff --git a/app/routes/signin.tsx b/app/routes/signin.tsx
index 2d40024..e4d3cf7 100644
--- a/app/routes/signin.tsx
+++ b/app/routes/signin.tsx
@@ -3,7 +3,7 @@ import { json, redirect } from "@remix-run/node";
 import { Form, Link, useActionData, useSearchParams } from "@remix-run/react";
 import { createUserSession, getUserId, verifyLogin } from "~/utils/auth.server";
 
-export const meta: MetaFunction = () => [{ title: "Sign In - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Sign In - Alhaffer Reporting System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const userId = await getUserId(request);
@@ -51,7 +51,7 @@ export default function SignIn() {
           <img
             className="mx-auto h-20 sm:h-28 w-auto"
             src="/clogo-sm.png"
-            alt="Phosphat Report"
+            alt="Alhaffer Reports System"
           />
           <h2 className="mt-4 sm:mt-6 text-2xl sm:text-3xl font-extrabold text-gray-900">
             Sign in to your account
diff --git a/app/routes/signup.tsx b/app/routes/signup.tsx
index ab2d5cd..317754c 100644
--- a/app/routes/signup.tsx
+++ b/app/routes/signup.tsx
@@ -4,7 +4,7 @@ import { Form, Link, useActionData } from "@remix-run/react";
 import { createUser, createUserSession, getUserId } from "~/utils/auth.server";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Sign Up - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Sign Up - Alhaffer Report System" }];
 
 export const loader = async ({ request }: LoaderFunctionArgs) => {
   const userId = await getUserId(request);
diff --git a/app/routes/stoppages.tsx b/app/routes/stoppages.tsx
index 59c44b7..d56b69b 100644
--- a/app/routes/stoppages.tsx
+++ b/app/routes/stoppages.tsx
@@ -6,7 +6,7 @@ import DashboardLayout from "~/components/DashboardLayout";
 import { useState } from "react";
 import { prisma } from "~/utils/db.server";
 
-export const meta: MetaFunction = () => [{ title: "Stoppages Analysis - Phosphat Report" }];
+export const meta: MetaFunction = () => [{ title: "Stoppages Analysis - Alhaffer Reporting System" }];
 
 interface StoppageEntry {
   id: string;