// components/Footer.tsx

export default function Footer() {
  return (
    <footer className="bg-[#002C5B] text-[#FFFFFFCC] text-sm font-sans border-t border-gray-200">
      <div className="max-w-[1350px] mx-auto py-6">
        {/* Top Menu Links */}
        <div className="flex flex-col md:flex-row justify-center md:justify-between gap-3">
          <div className="flex flex-wrap justify-center md:justify-start gap-2 md:gap-3 text-xs text-[#FFFFFFCC]">
            {[
              "Kode Etik Jurnalistik",
              "Kebijakan Privasi",
              "Tentang Kami",
              "Disclaimer",
              "Pedoman Pemberitaan Media Siber",
            ].map((item, idx, arr) => (
              <span
                key={idx}
                className="flex items-center gap-2 whitespace-nowrap"
              >
                <a href="#" className="hover:underline">
                  {item}
                </a>
                {idx !== arr.length - 1 && (
                  <span className="text-gray-400">/</span>
                )}
              </span>
            ))}
          </div>
          <div className="flex flex-wrap justify-center md:justify-end gap-2 md:gap-3 text-xs text-[#FFFFFF]">
            <p className="text-xs font-bold text-[#FFFFFF] mb-2 md:mb-0 w-10/12 text-right">
              © Copyright Arahnegeri Team All Rights Reserved
            </p>
          </div>
        </div>
      </div>
    </footer>
  );
}
