162 lines
12 KiB
HTML
162 lines
12 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; }
|
||
.review { margin: 0; }
|
||
.review p { margin: 0; font-size: var(--kt-ai-text-md); line-height: var(--kt-ai-leading-normal); }
|
||
.review footer { margin-top: var(--kt-ai-space-4); font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }
|
||
.price-old { color: var(--kt-ai-fg-faint); font-weight: 400; margin-right: 4px; }
|
||
.promo-mark { font-style: normal; font-size: var(--kt-ai-text-2xs); color: var(--kt-ai-primary); background: var(--kt-ai-primary-subtle); border-radius: var(--kt-ai-radius-full); padding: 1px 6px; margin-left: 6px; vertical-align: 1px; white-space: nowrap; }
|
||
.promo-tile { border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-6); background: var(--kt-ai-bg-soft); }
|
||
.promo-tile h3 { margin: var(--kt-ai-space-4) 0 var(--kt-ai-space-2); }
|
||
.promo-tile p { margin: 0; color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-md); line-height: var(--kt-ai-leading-normal); }
|
||
</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="ghost" href="#team">Мастера</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" style="margin-top:var(--kt-ai-space-9)">
|
||
<article class="kt-ai-tile promo-tile" data-span="full">
|
||
<span class="kt-ai-chip">Акция для новых клиентов</span>
|
||
<h3>Скидка 50% на первые процедуры</h3>
|
||
<p>Скидка 50% на первую стрижку и на первый комплекс «маникюр + педикюр». Условие одно — записаться заранее и прийти. Акция не суммируется с остальными скидками.</p>
|
||
</article>
|
||
</div>
|
||
<div class="kt-ai-grid" data-cols="2" style="margin-top:var(--kt-ai-space-5)">
|
||
<article class="kt-ai-card price-card"><h3>Волосы</h3>
|
||
<ul class="price-list">
|
||
<li><span>Стрижка <em class="promo-mark">−50% впервые</em></span><span class="price-val"><s class="price-old">5 000</s> 2 500 тг</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>Комплекс «маникюр + педикюр» <em class="promo-mark">−50% впервые</em></span><span class="price-val"><s class="price-old">14 500</s> 7 250 тг</span></li>
|
||
<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="team" 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-tile"><h3>Только проверенные материалы</h3><p>Красим, покрываем и укладываем средствами премиум-сегмента — они проходят тест не только на клиентах, но и на самих мастерах. Всё, что мы используем на себе дома, — можно увидеть и понюхать в кресле.</p>
|
||
<p style="margin:var(--kt-ai-space-4) 0 0">Работаем на <strong>Wella</strong>, <strong>Matrix</strong>, <strong>OPI</strong></p></article>
|
||
<article class="kt-ai-tile"><h3>Мастера с опытом от 5 лет</h3><p>Каждый специалист прошёл обучение у ведущих мастеров и ежегодно повышает квалификацию. Работа идёт спокойно и по технологии — без «на глазок», поэтому результат держится.</p></article>
|
||
</div>
|
||
<div class="kt-ai-grid" data-cols="3" style="margin-top:var(--kt-ai-space-7)">
|
||
<article class="kt-ai-tile"><h3>Айгерим</h3><p>Парадюр, цвет и укладка. С нами с 2019 года, её стрижки не «расползаются» через неделю.</p></article>
|
||
<article class="kt-ai-tile"><h3>Динара</h3><p>Маникюр и педикюр. Аккуратность и спокойная работа в кресле, покрытие держится до четырёх недель.</p></article>
|
||
<article class="kt-ai-tile"><h3>Айдана</h3><p>Уход за лицом, брови и ресницы. Знает, как подобрать уход под конкретную кожу, а не «под всех».</p></article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section 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="3" style="margin-top:var(--kt-ai-space-9)">
|
||
<blockquote class="kt-ai-tile review"><p>«Впервые за года нашла парикмахера, который слушает. Стрижка живёт уже четыре недели, форма та же.»</p><footer>— Гульнара, стрижка</footer></blockquote>
|
||
<blockquote class="kt-ai-tile review"><p>«Маникюр держится три недели, загар ровный, кисти не сожжены покрытием. Пришла на акцию — не пожалела.»</p><footer>— Асель, маникюр</footer></blockquote>
|
||
<blockquote class="kt-ai-tile review"><p>«Окрашивание без аммиака, седина закрылась, волосы не выглядят «жёстким». Ходила, ходила — вернулась.»</p><footer>— Данияр, окрашивание</footer></blockquote>
|
||
</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>
|