import Link from "next/link";
import { Logo } from "./Logo";
import { BRAND } from "@/lib/site";

export function Footer() {
  return (
    <footer className="mt-24 border-t border-gold/10 bg-navy-950/60">
      <div className="mx-auto grid max-w-6xl gap-8 px-4 py-12 sm:grid-cols-2 md:grid-cols-4">
        <div className="sm:col-span-2 md:col-span-1">
          <div className="flex items-center gap-2">
            <Logo size={30} />
            <span className="font-extrabold gold-text">{BRAND.nameFa}</span>
          </div>
          <p className="mt-3 max-w-xs text-sm leading-7 text-cream/60">{BRAND.descFa}</p>
        </div>

        <div>
          <h4 className="mb-3 font-bold text-cream">بازی</h4>
          <ul className="space-y-2 text-sm text-cream/65">
            <li><Link href="/#features" className="hover:text-cream">ویژگی‌ها</Link></li>
            <li><Link href="/download" className="hover:text-cream">دانلود و نصب</Link></li>
            <li><Link href="/faq" className="hover:text-cream">سوال‌های متداول</Link></li>
          </ul>
        </div>

        <div>
          <h4 className="mb-3 font-bold text-cream">قوانین</h4>
          <ul className="space-y-2 text-sm text-cream/65">
            <li><Link href="/privacy" className="hover:text-cream">حریم خصوصی</Link></li>
            <li><Link href="/terms" className="hover:text-cream">قوانین و مقررات</Link></li>
            <li><Link href="/support" className="hover:text-cream">پشتیبانی</Link></li>
          </ul>
        </div>

        <div>
          <h4 className="mb-3 font-bold text-cream">ارتباط</h4>
          <ul className="space-y-2 text-sm text-cream/65">
            <li><a href={`mailto:${BRAND.email}`} className="hover:text-cream">{BRAND.email}</a></li>
          </ul>
        </div>
      </div>

      <div className="border-t border-gold/10 py-5 text-center text-xs text-cream/45">
        © {new Date().getFullYear()} {BRAND.nameFa} — همهٔ حقوق محفوظ است.
      </div>
    </footer>
  );
}