import { BASE_URL } from "@/Constant";
import Image from "next/image";
import Link from "next/link";

export default function Footer({ data }: any) {
  return (
    <footer className="w-full bg-footer py-4 px-6 flex flex-col md:flex-row items-center justify-center">
      <div className="flex md:flex-row flex-col justify-center md:gap-44">
        <div className="mb-4 md:mb-0 flex justify-center">
          <Link href="/">
            <Image
              src={`${BASE_URL}${data?.footerImage}`}
              alt="International Accreditation Forum Logo"
              width={60}
              height={60}
              className="h-auto"
              unoptimized={true}
            />
          </Link>
        </div>
        <div className="flex flex-col md:flex-row items-center md:gap-8">
          <nav className="flex flex-wrap justify-center items-center gap-6 md:gap-8 text-gray-700 font-medium">
            <Link
              href="/privacy&policy"
              className="hover:text-blue-600 transition-colors"
            >
              Privacy Policy
            </Link>
            <Link
              href="/contact"
              className="hover:text-blue-600 transition-colors"
            >
              Contact Us
            </Link>
            <Link
              href="/terms&condition"
              className="hover:text-blue-600 transition-colors"
            >
              Terms & Conditions
            </Link>
            <Link
              href="/disclaimer"
              className="hover:text-blue-600 transition-colors"
            >
              Disclaimer
            </Link>
            <Link
              href="/cookies-policy"
              className="hover:text-blue-600 transition-colors"
            >
              Cookies Policy
            </Link>
            <div>{data?.copyright}</div>
          </nav>
        </div>
      </div>
    </footer>
  );
}