import Image from "next/image";
import Link from "next/link";
import React from "react";
import logo from "../../../assets/images/logo.png";

const Footer = () => {
  return (
    <div className="bg-secondary-700 ">
      <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  justify-center">
        <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 ">
            © 2025. All rights reserved. | Designed by ♡ <br />
            am - Om
          </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;