---
import Logo from './Logo.astro'
const APP_URL = import.meta.env.PUBLIC_APP_URL || 'https://admin.food-market.kz'
---
<header class="sticky top-0 z-40 bg-white/95 backdrop-blur border-b border-slate-200">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 h-14 flex items-center justify-between gap-4">
    <a href="/" class="flex items-center gap-2"><Logo /></a>

    <nav class="hidden lg:flex items-center gap-1 text-sm">
      <a href="/features" class="px-3 py-2 hover:text-brand transition">Возможности</a>
      <a href="/pos" class="px-3 py-2 hover:text-brand transition">Касса</a>
      <div class="relative group">
        <button class="px-3 py-2 hover:text-brand transition">Для кого ▾</button>
        <div class="absolute hidden group-hover:block top-full left-0 w-56 bg-white border border-slate-200 rounded-lg shadow-lg p-1.5">
          <a href="/for-grocery" class="block px-3 py-1.5 rounded hover:bg-slate-50 text-sm">Продуктовый магазин</a>
          <a href="/for-pharmacy" class="block px-3 py-1.5 rounded hover:bg-slate-50 text-sm">Аптека</a>
          <a href="/for-cafe" class="block px-3 py-1.5 rounded hover:bg-slate-50 text-sm">Кафе и общепит</a>
          <a href="/for-alcohol" class="block px-3 py-1.5 rounded hover:bg-slate-50 text-sm">Алкоголь</a>
          <a href="/for-clothing" class="block px-3 py-1.5 rounded hover:bg-slate-50 text-sm">Одежда</a>
          <a href="/for-household" class="block px-3 py-1.5 rounded hover:bg-slate-50 text-sm">Дом и быт</a>
        </div>
      </div>
      <a href="/integrations" class="px-3 py-2 hover:text-brand transition">Интеграции</a>
      <a href="/pricing" class="px-3 py-2 hover:text-brand transition">Тарифы</a>
      <a href="/kb" class="px-3 py-2 hover:text-brand transition">База знаний</a>
      <a href="/blog" class="px-3 py-2 hover:text-brand transition">Блог</a>
    </nav>

    <div class="flex items-center gap-2">
      <a href={`${APP_URL}/login`} class="px-3 py-1.5 text-sm text-slate-700 hover:text-brand">Войти</a>
      <a href="/signup" class="px-3 py-1.5 text-sm font-medium bg-brand text-white rounded-md hover:bg-brand-hover">Начать бесплатно</a>
    </div>
  </div>
</header>
