import Text from "../text";
import { FaFacebookF , FaTwitter , FaLinkedinIn , FaTelegramPlane } from "react-icons/fa";

export default function Footer() {
  return (
    <div dir="ltr" className="bg-primary">

      <div className="max-w-[1200px] w-full mx-auto pt-10 ">

        <div></div>
        
        <div className="flex items-center justify-between my-4 mt-10">
          <div className="flex flex-col items-start gap-4 ">
            <div className="text-white text-xl font-semibold">
              <Text txt="subscribe" />
            </div>
            <div className="  flex items-center justify-center gap-2">
              <a
                href=""
                className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
              >
                <FaFacebookF />
              </a>
              <a
                href=""
                className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
              >
                <FaTwitter />
              </a>
              <a
                href=""
                className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
              >
                <FaLinkedinIn />
              </a>
              <a
                href=""
                className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
              >
                <FaTelegramPlane />
              </a>
            </div>
          </div>

            <div>
                
            </div>

        </div>

      </div>

      <div className=" py-5 text-white border-t-[1px] text-center border-gray-500">
        Ismoiljon Mirabdullayev © 2025. All rights reserved.
      </div>

    </div>
  );
}