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>
  );
}
