diff --git a/app/(website)/portal/page.tsx b/app/(website)/portal/page.tsx
new file mode 100644
index 0000000..7b58d37
--- /dev/null
+++ b/app/(website)/portal/page.tsx
@@ -0,0 +1,36 @@
+import { Metadata } from "next";
+import { FaTools } from "react-icons/fa"; // Using a construction/tools icon
+import { COLORS } from "@/constants";
+
+// SEO Metadata
+export const metadata: Metadata = {
+  title: "Recruitment Portal | OMS South Africa",
+  description:
+    "Our recruitment portal is currently under development. Stay tuned for updates on career opportunities at Owethu Managed Services.",
+  robots: "noindex, nofollow", // Prevent indexing of the coming soon page
+};
+
+export default function RecruitmentPortalPage() {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[calc(100vh-200px)] bg-gray-50 dark:bg-gray-800 text-center px-4 py-16 font-poppins">
+      <FaTools
+        className="text-6xl mb-6"
+        style={{ color: COLORS.primary }} // Use primary color
+      />
+      <h1 className="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">
+        Recruitment Portal Coming Soon!
+      </h1>
+      <p className="text-lg text-gray-700 dark:text-gray-300 max-w-xl mx-auto mb-8">
+        We are currently building our dedicated recruitment portal to connect
+        talented individuals with exciting career opportunities at OMS.
+      </p>
+      <p className="text-md text-gray-600 dark:text-gray-400">
+        Please check back later for updates.
+      </p>
+      {/* Optional: Link back to home or contact */}
+      {/* <Link href="/" className="mt-8 inline-block bg-gold-500 text-gray-900 font-bold py-2 px-6 rounded-md hover:bg-gold-600 transition-colors duration-300" style={{ backgroundColor: COLORS.primary }}>
+        Go to Homepage
+      </Link> */}
+    </div>
+  );
+}