"use client";

import Image from "next/image";
import Link from "next/link";

const ZarinPalBadge = () => {
  // آدرس دقیق صفحه تاییدیه خود را اینجا وارد کنید
  // فرمت معمولاً اینطور است: https://www.zarinpal.com/trustPage/YOUR_DOMAIN
  const trustPageUrl = "https://www.zarinpal.com/trustPage/atenakala.com"; 

  return (
    <div className="flex justify-center" id="zarinpal">
      <Link 
        href={trustPageUrl}
        target="_blank" 
        rel="noopener noreferrer"
        className="cursor-pointer hover:opacity-80 transition-opacity"
      >
        <Image 
          // استفاده از لوگوی رسمی زرین‌پال (لینک CDN)
          src="https://cdn.zarinpal.com/badges/trustLogo/1.svg" 
          alt="درگاه پرداخت امن زرین پال"
          width={102} // معادل همان 80px که در کد اصلی بود
          height={152}
          className="object-contain"
          unoptimized // برای تصاویر CDN خارجی گاهی لازم است
        />
      </Link>
    </div>
  );
};

export default ZarinPalBadge;