---
import Layout from "../layouts/Layout.astro";
---

<Layout
  title="Страница не найдена - ООО ДМДК"
  description="Запрашиваемая страница не найдена. Вернитесь на главную страницу или воспользуйтесь навигацией по сайту ООО ДМДК."
>
  <main class="min-h-screen bg-gray-50 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-8 header-offset">
    <div class="max-w-md mx-auto text-center">
      <!-- Основной заголовок страницы -->
      <h1 class="text-6xl lg:text-8xl font-bold mb-8 text-yellow-500 font-nevduplenysh">404</h1>
      
      <!-- Подзаголовок с описанием ошибки -->
      <h2 class="text-2xl lg:text-3xl font-bold mb-6 text-gray-800">Страница не найдена</h2>
      
      <p class="text-lg text-gray-600 mb-8">
        К сожалению, запрашиваемая страница не существует или была перемещена.
      </p>
      
      <!-- Навигационные ссылки -->
      <div class="space-y-4">
        <div>
          <a
            href="/"
            class="inline-block px-8 py-3 bg-yellow-500 text-white font-semibold rounded-lg hover:bg-yellow-600 transition-colors duration-200"
          >
            Вернуться на главную
          </a>
        </div>
        
        <div class="flex flex-col sm:flex-row gap-4 justify-center">
          <a
            href="/#products"
            class="text-yellow-600 hover:text-yellow-700 font-medium transition-colors"
          >
            Посмотреть продукцию
          </a>
          <a
            href="/faq"
            class="text-yellow-600 hover:text-yellow-700 font-medium transition-colors"
          >
            Часто задаваемые вопросы
          </a>
          <a
            href="/cities"
            class="text-yellow-600 hover:text-yellow-700 font-medium transition-colors"
          >
            Наши города
          </a>
        </div>
      </div>
    </div>
  </main>
</Layout>
