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

export default function PromoBanner() {
  return (
    <section className="bg-page">
      <Container>
        <Link href="/products" className="hidden p-12 lg:block">
          <Image
            src="/images/promo-banner.png"
            alt="محصولات سوهان صالح نیا"
            width={904}
            height={234}
            className="my-3 w-full rounded-[20px]"
          />
        </Link>
        <Link href="/products" className="lg:hidden">
          <Image
            src="/images/promo-banner.png"
            alt="محصولات سوهان صالح نیا"
            width={904}
            height={234}
            className="my-3 w-full rounded-[10px]"
          />
        </Link>
      </Container>
    </section>
  );
}