184 lines
12 KiB
HTML
184 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>«Чудо-детки» — кружки для детей от 5 до 14 лет</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">
|
||
<script src="design-system/icons/kt-ai-icons.js"></script>
|
||
<style>
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
</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="#how">Как проходят занятия</a>
|
||
<a class="kt-ai-btn" data-variant="primary" href="#signup">Записаться</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-hero" data-align="center">
|
||
<div class="kt-ai-wrap">
|
||
<h1>Кружки, где дети <span class="vibe-highlight">находят своё дело</span></h1>
|
||
<p class="kt-ai-hero-sub">Научные, творческие и спортивные секции для детей от 5 до 14 лет. Группы до 10 человек, опытные наставники и занятия, после которых хочется вернуться.</p>
|
||
<div class="kt-ai-hero-actions">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#signup">Записаться на пробное</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#clubs">Смотреть кружки</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="clubs" 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)">
|
||
<article class="kt-ai-tile">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#tool"></use></svg></span>
|
||
<h3>Малыш-робот</h3>
|
||
<p>Робототехника и основы программирования для детей 7–10 лет. Собираем, программируем, соревновуемся.</p>
|
||
<span class="kt-ai-chip" data-tone="blue">7–10 лет</span>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#book"></use></svg></span>
|
||
<h3>Юный математик</h3>
|
||
<p>Логика, олимпиадные задачи и математика без скуки. Учим думать, а не заучивать.</p>
|
||
<span class="kt-ai-chip" data-tone="purple">8–14 лет</span>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#layers"></use></svg></span>
|
||
<h3>Мастерская</h3>
|
||
<p>Рисование, лепка и декоративно-прикладное творчество. Развиваем мелкую моторику и вкус.</p>
|
||
<span class="kt-ai-chip" data-tone="orange">5–9 лет</span>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#sparkles"></use></svg></span>
|
||
<h3>Театральная студия</h3>
|
||
<p>Детский театр: сценическая речь, игра актёра, постановки. Убираем зажимы и даём голос.</p>
|
||
<span class="kt-ai-chip" data-tone="red">6–14 лет</span>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#trophy"></use></svg></span>
|
||
<h3>Юный спортсмен</h3>
|
||
<p>Лёгкая атлетика, игровые виды, ОФП. Командный дух и любовь к движению.</p>
|
||
<span class="kt-ai-chip" data-tone="green">5–12 лет</span>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#rocket"></use></svg></span>
|
||
<h3>Английский в игре</h3>
|
||
<p>Живой язык через игры, песни и проекты. Говорим с первого занятия.</p>
|
||
<span class="kt-ai-chip" data-tone="blue">6–14 лет</span>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="how" 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">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#check-circle"></use></svg></span>
|
||
<h3>1. Пробное занятие</h3>
|
||
<p>Одно бесплатное занятие в выбранном кружке. Ребёнок пробует, вы видите формат и педагога.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#calendar"></use></svg></span>
|
||
<h3>2. Расписание</h3>
|
||
<p>Занятия по будням вечером и в выходные утром. Выбираете удобный слот и закрепляете место в группе.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#users"></use></svg></span>
|
||
<h3>3. Малая группа</h3>
|
||
<p>Не больше 10 человек. Педагог успевает до каждого, а дети находят друзей по интересам.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#trophy"></use></svg></span>
|
||
<h3>4. Результат</h3>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="reviews" 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)">
|
||
<article class="kt-ai-tile">
|
||
<div class="kv" style="display:flex;align-items:center;gap:var(--kt-ai-space-3);margin-bottom:var(--kt-ai-space-5)">
|
||
<svg class="kt-icon" aria-hidden="true"><use href="#trophy"></use></svg>
|
||
<span class="kt-ai-chip" data-tone="orange">5 / 5</span>
|
||
<span class="kt-ai-meta">5 из 5</span>
|
||
</div>
|
||
<p style="margin:0 0 var(--kt-ai-space-5);font-size:var(--kt-ai-text-md);line-height:var(--kt-ai-leading-normal)">«Дочка раньше стеснялась и не говорила в полный голос. Через месяц в театральной студии перестала прятаться за маму. Мы в восторге!»</p>
|
||
<span class="kt-ai-meta">Айгерим · мама, 4 года</span>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kv" style="display:flex;align-items:center;gap:var(--kt-ai-space-3);margin-bottom:var(--kt-ai-space-5)">
|
||
<svg class="kt-icon" aria-hidden="true"><use href="#trophy"></use></svg>
|
||
<span class="kt-ai-chip" data-tone="orange">5 / 5</span>
|
||
<span class="kt-ai-meta">5 из 5</span>
|
||
</div>
|
||
<p style="margin:0 0 var(--kt-ai-space-5);font-size:var(--kt-ai-text-md);line-height:var(--kt-ai-leading-normal)">«Сын ходит на роботов уже полгода. Приходит домой и рассказывает, что придумал, что починил, как собрал. В школе стал лучше решать задачи по логике.»</p>
|
||
<span class="kt-ai-meta">Нурлан · папа, 9 лет</span>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kv" style="display:flex;align-items:center;gap:var(--kt-ai-space-3);margin-bottom:var(--kt-ai-space-5)">
|
||
<svg class="kt-icon" aria-hidden="true"><use href="#trophy"></use></svg>
|
||
<span class="kt-ai-chip" data-tone="orange">5 / 5</span>
|
||
<span class="kt-ai-meta">5 из 5</span>
|
||
</div>
|
||
<p style="margin:0 0 var(--kt-ai-space-5);font-size:var(--kt-ai-text-md);line-height:var(--kt-ai-leading-normal)">«Группы по 8 человек — реально видно, что учитель видит каждого. Дочка впервые полюбила математику. Спасибо, что не даёте детям заскучать.»</p>
|
||
<span class="kt-ai-meta">Дана · мама, 7 лет</span>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="consult" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap" data-width="narrow">
|
||
<div class="kt-ai-card" style="text-align:center">
|
||
<span class="kt-ai-tile-icon" style="margin-inline:auto"><svg class="kt-icon" aria-hidden="true"><use href="#help"></use></svg></span>
|
||
<h3 style="font-size:var(--kt-ai-text-xl);margin:0">Не знаете, что подойдёт ребёнку?</h3>
|
||
<p style="margin:var(--kt-ai-space-4) 0 0;color:var(--kt-ai-fg-muted)">Приходите на семейную консультацию — 30 минут, бесплатно. Вместе подберём 2–3 направления, а потом записываем на пробные.</p>
|
||
<div class="kt-ai-hero-actions" style="justify-content:center">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#signup">Записаться на консультацию</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="signup" 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="tel:+77001234567">+7 700 123 45 67</a>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Детские кружки «Чудо-детки»</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>г. Алматы, ул. Примерная 12 · пн–сб 9:00–20:00</span>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|