<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Технические работы</title>
<!-- Подключение Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Подключение шрифта Inter -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="bg-gray-100 dark:bg-gray-900 flex items-center justify-center min-h-screen">
<div class="w-full max-w-lg p-8 mx-4 text-center bg-white dark:bg-gray-800 rounded-2xl shadow-lg">
<!-- Иконка -->
<div class="flex justify-center mb-6">
<svg class="w-20 h-20 text-indigo-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.472-2.472a3.375 3.375 0 0 0-4.773-4.773L6.75 11.42m5.877 5.877L5.877 17.25a2.652 2.652 0 0 1-3.749-3.749L11.42 6.75" />
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 15.752a3.375 3.375 0 0 1-4.773-4.773L3.375 9.594m12.379 6.158 2.472-2.472a3.375 3.375 0 0 0-4.773-4.773L15.75 6.75" />
</svg>
</div>
<!-- Заголовок -->
<h1 class="text-3xl md:text-4xl font-bold text-gray-800 dark:text-white mb-4">
Ведутся технические работы
</h1>
<!-- Основной текст -->
<p class="text-gray-600 dark:text-gray-300 mb-8 text-base md:text-lg">
Наш сайт временно недоступен, так как мы проводим плановое обслуживание и вносим улучшения. Мы скоро вернемся!
</p>
<!-- Сообщение об извинении -->
<div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-lg">
<p class="text-sm text-gray-700 dark:text-gray-200">
Приносим извинения за доставленные неудобства. Спасибо за ваше терпение.
</p>
</div>
</div>
</body>
</html>