hochu-sozdat-sayt-magazina-f/index.html

318 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru" data-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Рейтинг магазинов Хозяюшка — Алматы</title>
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
<link rel="stylesheet" href="design-system/kt-ai-components.css">
<link rel="stylesheet" href="design-system/kt-ai-page.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏪</text></svg>">
<style>
a.kt-ai-btn { text-decoration: none; }
.rating-badge {
display: inline-flex;
align-items: center;
padding: 4px 12px;
border-radius: var(--kt-ai-radius-full);
font-weight: var(--kt-ai-weight-semibold);
font-size: var(--kt-ai-text-sm);
}
.rating-high { background: #22c55e; color: white; }
.rating-med { background: #f59e0b; color: white; }
.rating-low { background: #ef4444; color: white; }
.shop-rank {
font-size: 48px;
font-weight: var(--kt-ai-weight-bold);
color: var(--kt-ai-fg-muted);
line-height: 1;
}
.shop-card {
display: grid;
grid-template-columns: 60px 1fr auto;
gap: var(--kt-ai-space-4);
align-items: center;
}
@media (max-width: 640px) {
.shop-card {
grid-template-columns: 50px 1fr;
gap: var(--kt-ai-space-3);
}
.shop-rank { font-size: 36px; }
}
.reviews-count {
font-size: var(--kt-ai-text-sm);
color: var(--kt-ai-fg-muted);
}
</style>
</head>
<body>
<header class="kt-ai-pagehead">
<div class="kt-ai-wrap kt-ai-pagehead-in">
<strong>🏪 Хозяюшка Рейтинг</strong>
<span class="kt-ai-spacer"></span>
<a class="kt-ai-btn" data-variant="ghost" href="#about">О рейтинге</a>
<a class="kt-ai-btn" data-variant="primary" href="#add">Добавить отзыв</a>
</div>
</header>
<section class="kt-ai-hero" data-align="center">
<div class="kt-ai-wrap">
<h1>Рейтинг магазинов «Хозяюшка» в Алматы</h1>
<p class="kt-ai-hero-sub">Честный рейтинг на основе данных 2ГИС и Яндекс Карт — от лучших к худшим. Помогаем выбрать ближайший и надёжный магазин.</p>
</div>
</section>
<section class="kt-ai-section" data-divider="true">
<div class="kt-ai-wrap">
<div class="kt-ai-section-head">
<h2>Топ-12 магазинов</h2>
<p>Отсортировано по среднему рейтингу из 2ГИС и Яндекс Карт</p>
</div>
<div style="margin-top: var(--kt-ai-space-9)">
<!-- Shop 1 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#1</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Розыбакиева</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 ул. Розыбакиева, 125/8 | ⏰ Круглосуточно</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-high">★ 5.0</span>
<span class="reviews-count" style="margin-left: 12px">👥 187 отзывов</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWL" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 2 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#2</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Жибек Жолы</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 пр. Жибек Жолы, 126а | ⏰ 8:00–22:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-high">★ 5.0</span>
<span class="reviews-count" style="margin-left: 12px">👥 274 отзыва</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWM" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 3 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#3</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Гоголя</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 ул. Гоголя, 100 | ⏰ 9:00–21:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-high">★ 4.9</span>
<span class="reviews-count" style="margin-left: 12px">👥 436 отзывов</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWN" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 4 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#4</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка в Таугуле</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 мкр. Таугуль, 49 | ⏰ 8:00–22:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-high">★ 4.9</span>
<span class="reviews-count" style="margin-left: 12px">👥 182 отзыва</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWP" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 5 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#5</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Радостовца</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 ул. Радостовца, 43 | ⏰ 9:00–21:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-high">★ 4.9</span>
<span class="reviews-count" style="margin-left: 12px">👥 117 отзывов</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWQ" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 6 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#6</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Байтурсынова</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 ул. Байтурсынова, 78Б | ⏰ 8:00–22:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-high">★ 4.6</span>
<span class="reviews-count" style="margin-left: 12px">👥 183 отзыва</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWR" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 7 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#7</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Гагарина</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 пр. Гагарина, 284/1 | ⏰ 9:00–21:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-high">★ 4.6</span>
<span class="reviews-count" style="margin-left: 12px">👥 140 отзывов</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWS" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 8 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#8</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Сулейменова</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 ул. Сулейменова, 18 | ⏰ 8:00–21:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-med">★ 4.7</span>
<span class="reviews-count" style="margin-left: 12px">👥 113 отзывов</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWT" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 9 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#9</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка в 8-м микрорайоне</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 8-й микрорайон, 39 | ⏰ 9:00–21:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-med">★ 4.2</span>
<span class="reviews-count" style="margin-left: 12px">👥 86 отзывов</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWU" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 10 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#10</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Сейфуллина</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 пр. Сейфуллина, 534 | ⏰ 8:00–21:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-med">★ 4.2</span>
<span class="reviews-count" style="margin-left: 12px">👥 45 отзывов</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWV" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 11 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#11</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Торайгырова</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 ул. Торайгырова, 39Б | ⏰ 9:00–20:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-med">★ 4.3</span>
<span class="reviews-count" style="margin-left: 12px">👥 67 отзывов</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWW" target="_blank">На карте</a>
</div>
</article>
<!-- Shop 12 -->
<article class="kt-ai-card" style="margin-bottom: var(--kt-ai-space-6)">
<div class="shop-card">
<div class="shop-rank">#12</div>
<div>
<h3 style="margin: 0 0 8px 0">Хозяюшка на Розыбакиева 139</h3>
<p style="margin: 0; color: var(--kt-ai-fg-muted)">📍 ул. Розыбакиева, 139 | ⏰ 9:00–20:00</p>
<div style="margin-top: 8px">
<span class="rating-badge rating-med">★ 4.3</span>
<span class="reviews-count" style="margin-left: 12px">👥 33 отзыва</span>
</div>
</div>
<a class="kt-ai-btn" data-variant="primary" href="https://yandex.kz/maps/-/CDu~KqWX" target="_blank">На карте</a>
</div>
</article>
</div>
</div>
</section>
<section id="about" class="kt-ai-section" data-divider="true">
<div class="kt-ai-wrap">
<div class="kt-ai-section-head">
<h2>Как составляется рейтинг</h2>
<p>Мы собираем данные из открытых источников — 2ГИС и Яндекс Карт</p>
</div>
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)">
<article class="kt-ai-tile">
<div class="kt-ai-tile-icon">📊</div>
<h3>Данные из 2ГИС и Яндекс Карт</h3>
<p>Используем официальные рейтинги и отзывы из этих сервисов</p>
</article>
<article class="kt-ai-tile">
<div class="kt-ai-tile-icon">🎯</div>
<h3>Только реальные магазины</h3>
<p>Проверяем наличие каждой точки на карте</p>
</article>
<article class="kt-ai-tile">
<div class="kt-ai-tile-icon">📈</div>
<h3>Актуальная информация</h3>
<p>Регулярно обновляем данные о рейтингах и адресах</p>
</article>
</div>
</div>
</section>
<section id="add" class="kt-ai-cta">
<div class="kt-ai-wrap">
<h2>Оставить отзыв о магазине</h2>
<p>Посетили магазин «Хозяюшка»? Поделитесь своим опытом в 2ГИС или Яндекс Картах — ваш отзыв поможет другим покупателям!</p>
<div style="display: flex; gap: var(--kt-ai-space-4); flex-wrap: wrap; margin-top: var(--kt-ai-space-6)">
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="https://2gis.kz/almaty" target="_blank">Оставить отзыв в 2ГИС</a>
<a class="kt-ai-btn" data-size="lg" href="https://yandex.kz/maps/almaty" target="_blank">Оставить отзыв в Яндекс Картах</a>
</div>
</div>
</section>
<footer class="kt-ai-wrap kt-ai-pagefoot">
<span>© 2026 Рейтинг Хозяюшка Алматы</span>
<span class="kt-ai-spacer"></span>
<span>Не является официальным сайтом сети</span>
</footer>
</body>
</html>