Untitled

import moment from 'moment';
import Image from 'next/image';
import Link from 'next/link';
import { FaFacebookF, FaRegCopyright } from 'react-icons/fa';

export default function AsiaSportsFooter() {
  const updateYear = moment().format('YYYY [escaped] YYYY').split(' ');
  return (
    <div className="bg-[#061A30]">
      <footer className="footer p-10 max-w-screen-xl mx-auto  text-gray-200">
        {' '}
        <nav>
          <div>
            <div className="flex items-center gap-1">
              <Image
                src="/images/Logo_negativo_blanco.13bdc91a.png"
                alt="team two"
                height={0}
                width={0}
                sizes="100vw"
                className="w-16  ring-1 ring-primary mr-3"
              />
              <h2 className="text-xl font-bold text-[#55B0FF]">ASIA SPORTS</h2>
            </div>
            <div className="mt-6 text-xl ">
              <h2>Asia Sports is the best</h2>
              <h2>Football App</h2>
            </div>
          </div>
        </nav>
        <nav>
          <a className="link link-hover">Matches</a>
          <a className="link link-hover">Favourites</a>
          <a className="link link-hover">News</a>
          <a className="link link-hover">Highlight</a>
        </nav>
        <nav>
          <a className="link link-hover">Get the App</a>
          <div className="flex gap-4">
            <div className="w-6 h-6 rounded-full flex justify-center items-center ring-1 ring-blue-500">
              <FaFacebookF className="text-white text-sm" />
            </div>
            <div className="w-6 h-6 rounded-full flex justify-center items-center ring-1 ring-blue-500">
              <FaFacebookF className="text-white text-sm" />
            </div>
          </div>
        </nav>
        <nav>
          <a className="link link-hover">Follow Us On</a>
          <div className="flex gap-4">
            <div className="w-6 h-6 rounded-full flex justify-center items-center ring-1 ring-blue-500">
              <FaFacebookF className="text-white text-sm" />
            </div>
            <div className="w-6 h-6 rounded-full flex justify-center items-center ring-1 ring-blue-500">
              <FaFacebookF className="text-white text-sm" />
            </div>
            <div className="w-6 h-6 rounded-full flex justify-center items-center ring-1 ring-blue-500">
              <FaFacebookF className="text-white text-sm" />
            </div>
          </div>
        </nav>
      </footer>
      <hr className="mt-3 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-4 max-w-screen-xl mx-auto" />
      {/* copyright section */}
      <div className="flex justify-center my-4">
        <span className="text-md text-gray-500 sm:text-center flex items-center gap-1">
          <span className="mb-1 mx-1">
            <FaRegCopyright className=" text-gray-500 text-sm  inline-block" />
          </span>{' '}
          Copyright {updateYear[2]}{' '}
          <Link
            href="http://localhost:3000/"
            className="hover:underline text-gray-500"
          >
            ASIA SPORTS
          </Link>
          All Rights Reserved.
        </span>
      </div>
    </div>
  );
}