import Image from "next/image";
import Link from "next/link";
import React from "react";
import logo from "../../../assets/images/logo.png";
import { MapPinHouse } from "lucide-react";
import { Mail } from "lucide-react";
import { PhoneCall } from "lucide-react";
import { useTranslations } from "next-intl";

const Footer = () => {
  const t = useTranslations("Footer")
  return (
    <div className="bg-secondary-700 py-20 px-4 lg:px-0">
      {/* <div className="lg:w-7/12 xs:w-full mx-auto py-20">
        <div className="flex justify-center">
          <div className={`text-center w-ful`}>
            <>
              {" "}
              <p className="mb-0 text-white text-center xs:mt-0 lg:mt-10 font-bold lg:text-[70px] xs:text-[25px] lg:leading-[60px] lg:w-fit xs:w-full">
                <small className="text-primary-300">"</small>
                ADVANCED HORIZON
              </p>
              <p className="mb-0 text-white text-center font-bold lg:text-[70px] xs:text-[25px] lg:leading-[60px] lg:w-fit xs:w-full">
                SERVICES LLC
                <small className="  text-primary-300">"</small>
              </p>
            </>
          </div>
        </div>
      </div> */}
      <div className="flex flex-col gap-4 items-center text-sm text-gray-200 justify-center  pb-20" >
        <div className="flex gap-2">
          <MapPinHouse size={20} />
          <p>

           {t("address")}
           
          </p>
        </div>
        <Link href={"mailto:info@adhorizonintl.com"} dir="ltr" target="_blank" className="flex gap-2">
          <Mail size={20} />
          <p>

          info@adhorizonintl.com
           
          </p>
        </Link>
        <Link href={"tel:+96824289888"} dir="ltr" target="_blank" className="flex gap-2">
          <PhoneCall size={20} />
          <p>

          +968 24 28 98 88
           
          </p>
        </Link>
      </div>
      <div className="flex  justify-center  pb-20 ">
        <div>
          <div className="w-full mb-5">
            <Image src={logo} className="w-[90px] mx-auto" />
          </div>
          <p className="mb-0 text-sm text-gray-200  w-full text-center opacity-30 " dir="ltr">
            © 2025. All rights reserved. <br />
          Advanced Horizon Services LLC
          </p>
          {/* <div className="flex justify-center w-full my-5 ">
            <Link href={`/products`}>
              <p className="mb-0  text-gray-400 mx-4 text-sm">products</p>
            </Link>
            <Link href={`/#news`}>
              <p className="mb-0  text-gray-400 mx-4 text-sm">news</p>
            </Link>
            <Link href={`/about-us`}>
              <p className="mb-0  text-gray-400 mx-4 text-sm">about us</p>
            </Link>
          </div> */}
        </div>
      </div>
    </div>
  );
};

export default Footer;