import Link from "next/link";
import Image from "next/image";

export default function PromoBanner() {
  return (
    <div className="w-full bg-blue-pale flex items-center justify-center py-3 px-4 md:px-[229px] gap-[5px]">
      <Image
        src="/assets/images/star.svg"
        alt="Star"
        width={17}
        height={17}
        className="shrink-0"
      />
      <p className="text-gray-600 font-sans text-[14px] font-normal leading-[120%] tracking-[-0.14px] text-center">
        Get unlimited access to the best of MySeaTime for less than $/week.{" "}
        <Link
          href="/membership"
          className="text-black font-medium underline decoration-solid underline-offset-auto cursor-pointer transition-opacity hover:opacity-80"
        >
          Become a member
        </Link>
      </p>
    </div>
  );
}