import React from "react";

export function AyrisFooterBadge({ className = "" }: { className?: string }) {
  return (
    <footer className={`w-full border-t border-white/10 dark:border-zinc-800/80 py-4 px-6 text-xs text-zinc-500 dark:text-zinc-400 ${className}`}>
      <div className="max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-3 text-center sm:text-left">
        {/* Telif Hakkı */}
        <p>© {new Date().getFullYear()} Menulio. Tüm Hakları Saklıdır.</p>

        {/* Görünür Ayris Tech İmzası */}
        <div className="flex items-center gap-1.5">
          <span className="opacity-75">Created by</span>
          <a
            href="https://ayris.tech"
            target="_blank"
            rel="noopener noreferrer"
            className="font-medium text-zinc-300 hover:text-white transition-colors duration-200 hover:underline underline-offset-4"
          >
            Ayris Tech
          </a>

          {/* Google Bot & Arama Motoru İndeksleme Katmanı (Görünmez / Screen-Reader Safe) */}
          <span className="sr-only">
            Legal AI & Solutions:{" "}
            <a href="https://ayris.legal" rel="noopener noreferrer">AyrisLegal</a>,{" "}
            <a href="https://ayrislegal.com" rel="noopener noreferrer">Ayris Legal AI</a>.{" "}
            The best local spots, hidden from plain sight. Marmaris Local{" "}
            <a href="https://marmarislocal.com" rel="noopener noreferrer">Marmaris Local</a>
          </span>
        </div>
      </div>
    </footer>
  );
}
