import Link from 'next/link';

const SECONDARY_LINKS = [
  { href: '/uslugi', label: 'Услуги' },
  { href: '/aktsii', label: 'Акции' },
  { href: '/keysy', label: 'Кейсы' },
  { href: '/o-kompanii', label: 'О компании' },
  { href: '/faq', label: 'FAQ' },
  { href: '/otzyvy', label: 'Отзывы' },
  { href: '/kontakty', label: 'Контакты' },
  { href: '/blog', label: 'Блог' },
];

export default function Footer() {
  return (
    <footer className="border-t py-8 border-slate-200 text-slate-500 dark:border-slate-900 dark:text-slate-500">
      <div className="max-w-6xl mx-auto px-5 sm:px-8">
        <nav className="flex flex-wrap gap-x-5 gap-y-2 text-xs mb-6">
          {SECONDARY_LINKS.map((item) => (
            <Link key={item.href} href={item.href} className="hover:text-emerald-500 transition-colors">
              {item.label}
            </Link>
          ))}
        </nav>
        <div className="text-xs flex flex-col sm:flex-row gap-2 sm:gap-0 justify-between">
          <span>© {new Date().getFullYear()} TopSysOps. Все права защищены.</span>
          <span className="font-mono">top-sysops.ru</span>
        </div>
      </div>
    </footer>
  );
}