---
import Logo from './Logo.astro'
---
<footer class="bg-slate-50 border-t border-slate-200 mt-16">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 py-10 grid grid-cols-2 md:grid-cols-5 gap-6 text-sm">
    <div class="col-span-2 md:col-span-1">
      <Logo />
      <p class="text-slate-500 mt-3 text-xs">
        Программа учёта и касса для розничных магазинов в Казахстане.
      </p>
    </div>
    <div>
      <h3 class="text-xs font-semibold uppercase text-slate-500 mb-2">Продукт</h3>
      <ul class="space-y-1.5">
        <li><a href="/features" class="text-slate-700 hover:text-brand">Возможности</a></li>
        <li><a href="/pos" class="text-slate-700 hover:text-brand">Касса для Windows</a></li>
        <li><a href="/import" class="text-slate-700 hover:text-brand">Импорт каталога</a></li>
        <li><a href="/integrations" class="text-slate-700 hover:text-brand">Интеграции</a></li>
        <li><a href="/pricing" class="text-slate-700 hover:text-brand">Тарифы</a></li>
        <li><a href="/changelog" class="text-slate-700 hover:text-brand">Дорожная карта</a></li>
      </ul>
    </div>
    <div>
      <h3 class="text-xs font-semibold uppercase text-slate-500 mb-2">Для кого</h3>
      <ul class="space-y-1.5">
        <li><a href="/for-grocery" class="text-slate-700 hover:text-brand">Продуктовый магазин</a></li>
        <li><a href="/for-pharmacy" class="text-slate-700 hover:text-brand">Аптека</a></li>
        <li><a href="/for-cafe" class="text-slate-700 hover:text-brand">Кафе и общепит</a></li>
        <li><a href="/for-alcohol" class="text-slate-700 hover:text-brand">Алкоголь</a></li>
        <li><a href="/for-clothing" class="text-slate-700 hover:text-brand">Одежда</a></li>
        <li><a href="/for-household" class="text-slate-700 hover:text-brand">Дом и быт</a></li>
      </ul>
    </div>
    <div>
      <h3 class="text-xs font-semibold uppercase text-slate-500 mb-2">Ресурсы</h3>
      <ul class="space-y-1.5">
        <li><a href="/kb" class="text-slate-700 hover:text-brand">База знаний</a></li>
        <li><a href="/blog" class="text-slate-700 hover:text-brand">Блог</a></li>
        <li><a href="/status" class="text-slate-700 hover:text-brand">Status</a></li>
        <li><a href="/changelog" class="text-slate-700 hover:text-brand">Changelog</a></li>
      </ul>
    </div>
    <div>
      <h3 class="text-xs font-semibold uppercase text-slate-500 mb-2">Компания</h3>
      <ul class="space-y-1.5">
        <li><a href="/about" class="text-slate-700 hover:text-brand">О нас</a></li>
        <li><a href="/contacts" class="text-slate-700 hover:text-brand">Контакты</a></li>
        <li><a href="/legal/offer" class="text-slate-700 hover:text-brand">Оферта</a></li>
        <li><a href="/legal/privacy" class="text-slate-700 hover:text-brand">Политика ПДн</a></li>
        <li><a href="/legal/consent" class="text-slate-700 hover:text-brand">Согласие ПДн</a></li>
        <li><a href="/legal/requisites" class="text-slate-700 hover:text-brand">Реквизиты</a></li>
      </ul>
    </div>
  </div>
  <div class="border-t border-slate-200 py-4 text-center text-xs text-slate-400">
    © {new Date().getFullYear()} Food Market. Все права защищены.
  </div>
</footer>
