'use client';

import React from 'react';

export default function EnamadBadge() {
  return (
    <div className="relative flex flex-col items-center justify-center p-6 bg-white/90 backdrop-blur-md rounded-2xl border border-gray-100 shadow-sm hover:shadow-md transition-all duration-300">
      <div className="text-xs font-semibold text-teal-600 bg-teal-50 px-3 py-1 rounded-full mb-3">
        نماد اعتماد الکترونیکی (eNamad)
      </div>

      <div className="relative w-36 h-36 flex items-center justify-center bg-white rounded-xl overflow-hidden border border-gray-100 p-2">
        <a
          referrerPolicy="origin"
          target="_blank"
          rel="noopener noreferrer"
          href="https://trustseal.enamad.ir/?id=765218&Code=dOdphRTqZwp3Kep5m07XwaqA0DTFh5ny"
          className="w-full h-full flex items-center justify-center"
        >
          <img
            referrerPolicy="origin"
            src="https://trustseal.enamad.ir/logo.aspx?id=765218&Code=dOdphRTqZwp3Kep5m07XwaqA0DTFh5ny"
            alt="نماد اعتماد الکترونیکی کانینا"
            style={{ cursor: 'pointer' }}
            className="max-w-full max-h-full object-contain"
          />
        </a>
      </div>

      <p className="text-xs text-gray-500 mt-4 text-center leading-relaxed font-medium">
        صادر شده توسط مرکز توسعه تجارت الکترونیکی (وزارت صمت)
      </p>
    </div>
  );
}