import Link from "next/link";
import { FaArrowCircleRight } from "react-icons/fa";
const LastBanner = () => {
  return (
    <div className="container">
      <div className="md:p-12 p-8 bg-[url('/home/lastbanner.png')] bg-right-top md:bg-center ">
        <div className="space-y-6 ">
          <h3 className="text-white lg:text-4xl text-3xl">
            <span className="font-bold">SAMSUNG</span> Collection
          </h3>
          <Link
            href="#"
            className="py-3 px-8 rounded-sm  bg-black text-white hover:text-black hover:bg-white flex items-center gap-2 w-fit transition-all duration-300"
          >
            <FaArrowCircleRight size={20} /> تســوق الآن
          </Link>
        </div>
      </div>
    </div>
  );
};

export default LastBanner;
