112 lines
6.0 KiB
HTML
112 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
||
<!-- Дизайн: Стандартный дизайн. Сохраняй все пять CSS; подробности в design.md. -->
|
||
<html lang="ru" data-theme="light">
|
||
<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="stylesheet" href="design-system/vibe-theme.css">
|
||
<style>
|
||
/* ДС рисует кнопки для <button>; у ссылки-кнопки браузер добавляет подчёркивание */
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
.price-card h3 { margin: 0 0 var(--kt-ai-space-5, 16px); }
|
||
.price-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
|
||
.price-list li { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
|
||
.price-val { font-variant-numeric: tabular-nums; white-space: nowrap; }
|
||
</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="#prices">Прайс</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="#contacts">Записаться</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#prices">Прайс</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="prices" 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="2" style="margin-top:var(--kt-ai-space-9)">
|
||
<article class="kt-ai-card price-card"><h3>Волосы</h3>
|
||
<ul class="price-list">
|
||
<li><span>Стрижа</span><span class="price-val">5 000 тг</span></li>
|
||
<li><span>Окрашивание</span><span class="price-val">от 18 000 тг</span></li>
|
||
<li><span>Укладка на мероприятие</span><span class="price-val">6 000 тг</span></li>
|
||
</ul>
|
||
</article>
|
||
<article class="kt-ai-card price-card"><h3>Маникюр и педикюр</h3>
|
||
<ul class="price-list">
|
||
<li><span>Маникюр с покрытием</span><span class="price-val">6 500 тг</span></li>
|
||
<li><span>Педикюр</span><span class="price-val">8 000 тг</span></li>
|
||
<li><span>Дизайн ногтей</span><span class="price-val">от 150 тг/ноготь</span></li>
|
||
</ul>
|
||
</article>
|
||
<article class="kt-ai-card price-card"><h3>Лицо и брови</h3>
|
||
<ul class="price-list">
|
||
<li><span>Очищающая маска</span><span class="price-val">5 500 тг</span></li>
|
||
<li><span>Укладка бровей</span><span class="price-val">2 500 тг</span></li>
|
||
<li><span>Ламинирование ресниц</span><span class="price-val">7 000 тг</span></li>
|
||
</ul>
|
||
</article>
|
||
<article class="kt-ai-card price-card"><h3>Комплекты</h3>
|
||
<ul class="price-list">
|
||
<li><span>«Идеальный день» — стрижка + укладка</span><span class="price-val">8 500 тг</span></li>
|
||
<li><span>«К вечеру» — макияж + укладка</span><span class="price-val">12 000 тг</span></li>
|
||
</ul>
|
||
</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>Мастера с опытом от 5 лет и материалы, которыми мы пользуемся сами.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" data-cols="3" style="margin-top:var(--kt-ai-space-9)">
|
||
<article class="kt-ai-tile"><h3>Бесплатная консультация</h3><p>Покажем, какая стрижка или покрытие пойдёт именно вам — до оплаты.</p></article>
|
||
<article class="kt-ai-tile"><h3>Постоянным клиентам — 10%</h3><p>Скидка на любую услугу после третьей визиты. Просто сообщите мастеру.</p></article>
|
||
<article class="kt-ai-tile"><h3>Строго по записи</h3><p>Приём по времени, вы ждёте не дольше 5 минут. Можно перенести до 2 часов до визита.</p></article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contacts" class="kt-ai-cta">
|
||
<div class="kt-ai-wrap">
|
||
<h2>Записаться в салон</h2>
|
||
<p>Алматы, ул. Абай, 42 · ежедневно 9:00–21:00 · +7 700 123-45-67</p>
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="https://wa.me/77001234567" target="_blank" rel="noopener">Написать в WhatsApp</a>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Салон «Ирис»</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>Алматы, ул. Абай, 42</span>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|