95 lines
4.9 KiB
HTML
95 lines
4.9 KiB
HTML
<!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="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>">
|
||
<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="stylesheet" href="style.css">
|
||
</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="#catalog">Магазины</a>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#ideas">Дизайн-идеи</a>
|
||
<a class="kt-ai-btn" data-variant="primary" href="#contacts">Оставить заявку</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-hero" data-align="center">
|
||
<div class="kt-ai-wrap">
|
||
<h1>Ремонт квартиры в Алматы — без хаоса</h1>
|
||
<p class="kt-ai-hero-sub">Весь город в одном каталоге: все магазины стройматериалов, сантехники, плитки и света — плюс лучшие дизайн-идеи для вашей квартиры.</p>
|
||
<div class="kt-ai-hero-actions">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#catalog">Открыть каталог магазинов</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#ideas">Смотреть дизайны</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="stats" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Всё для ремонта — в одном месте</h2>
|
||
<p>Собранные магазины Алматы по категориям: от цемента до люстры.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" data-cols="4" style="margin-top:var(--kt-ai-space-9)">
|
||
<article class="kt-ai-tile"><h3>23+ магазина</h3><p>Строительные гипермаркеты, базы и салоны города.</p></article>
|
||
<article class="kt-ai-tile"><h3>9 категорий</h3><p>Стройматериалы, сантехника, плитка, свет, мебель и больше.</p></article>
|
||
<article class="kt-ai-tile"><h3>Дизайн-идеи</h3><p>Лучшие эскизы и стили для квартир на любой бюджет.</p></article>
|
||
<article class="kt-ai-tile"><h3>1 заявка</h3><p>Оставьте контакт — подберём магазины и дизайнера под вас.</p></article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="catalog" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Каталог магазинов Алматы</h2>
|
||
<p>Все магазины для ремонта квартиры в одном списке. Фильтруйте по категории и ищите по названию.</p>
|
||
</div>
|
||
|
||
<input class="kt-ai-input" id="search" type="text" placeholder="Поиск по названию или описанию…" style="margin-bottom:var(--kt-ai-space-4)">
|
||
|
||
<div id="filters" class="chip-row"></div>
|
||
|
||
<div id="storeGrid"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="ideas" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Лучшие дизайн-идеи для квартир</h2>
|
||
<p>Топ-стилей и эскизов, которые сейчас в тренде у дизайнеров Алматы.</p>
|
||
</div>
|
||
<div id="ideaGrid" class="kt-ai-grid" data-cols="3" style="margin-top:var(--kt-ai-space-9)"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contacts" class="kt-ai-cta">
|
||
<div class="kt-ai-wrap">
|
||
<h2>Нужна помощь с ремонтом?</h2>
|
||
<p>Оставьте заявку — поможем выбрать магазины, материалы и дизайнера под ваш бюджет.</p>
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg"
|
||
href="https://wa.me/77000000000?text=Здравствуйте! Нужна помощь с ремонтом">Написать в WhatsApp</a>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Ремонт.Алматы</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>Каталог магазинов и дизайн-идеи Алматы</span>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|