import Link from "next/link";
import { PRIMARY_COLOR } from "@/lib/common";

export default function Footer() {
  return (
    <footer
      className="text-white rounded-lg shadow-sm m-4"
      style={{ backgroundColor: PRIMARY_COLOR }}
    >
      <div className="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-between">
        <span className="text-sm text-white/80 sm:text-center">
          © 2025{" "}
          <a href="https://flowbite.com/" className="hover:underline text-white">
            Oxyfinz
          </a>
          . All Rights Reserved.
        </span>
        <ul className="flex flex-wrap items-center mt-3 text-sm font-medium text-white/80 sm:mt-0">
          <li>
            <a href="#" className="hover:underline text-white me-4 md:me-6">
              About
            </a>
          </li>
          <li>
            <a href="#" className="hover:underline text-white me-4 md:me-6">
              Privacy Policy
            </a>
          </li>
          <li>
            <a href="#" className="hover:underline text-white">
              Contact
            </a>
          </li>
        </ul>
      </div>
    </footer>
  );
}