sozday-sayt-na-temu-futbola/index.html

319 lines
26 KiB
HTML
Raw Permalink 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="icon" href="design-system/brand/kt-ai-logo.png">
<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">
<style>
a.kt-ai-btn { text-decoration: none; }
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.star-avatar{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 14px;border-radius:var(--kt-ai-radius-full);background:var(--kt-ai-primary);color:var(--kt-ai-bg)}
.star-avatar .kt-icon{width:36px;height:36px}
.schedule-table{width:100%;border-collapse:collapse;margin-top:var(--kt-ai-space-9);border-radius:var(--kt-ai-radius-lg);overflow:hidden}
.schedule-table th,.schedule-table td{padding:12px 14px;text-align:left;font-size:var(--kt-ai-text-sm);border-bottom:1px solid var(--kt-ai-divider)}
.schedule-table thead th{font-size:var(--kt-ai-text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--kt-ai-fg-muted)}
.schedule-table tbody tr:nth-child(even){background:var(--kt-ai-bg-soft)}
.schedule-table .time{font-weight:var(--kt-ai-weight-semibold);white-space:nowrap}
.star-photo{width:100%;max-width:260px;aspect-ratio:1;margin:0 auto 16px;border-radius:var(--kt-ai-radius-2xl);display:block;object-fit:cover}
.insta-photo{width:100%;aspect-ratio:4/3;margin:0 0 14px;border-radius:var(--kt-ai-radius-xl);display:block;object-fit:cover}
</style>
</head>
<body>
<script src="design-system/icons/kt-ai-icons.js"></script>
<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="#stars">Звёзды</a>
<a class="kt-ai-btn" data-variant="ghost" href="#instagram">Instagram</a>
<a class="kt-ai-btn" data-variant="primary" href="#start">Начать играть</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="#start">Начать играть</a>
<a class="kt-ai-btn" data-size="lg" href="#stars">Познакомиться со звёздами</a>
<a class="kt-ai-btn" data-size="lg" href="#instagram">Instagram posts</a>
</div>
</div>
</section>
<section id="stars" 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 reveal">
<img class="star-photo" src="https://loremflickr.com/500/500/football,player,action" alt="Лео-Зверь" loading="lazy">
<h3>Лео-Зверь</h3>
<p>Хитрый полузащитник из джунглей, как в духе Неймара. Умеет делать «шаулу» — финт, после которого соперник попадает в переплёт. Говорит мячом, как на родном языке.</p>
</article>
<article class="kt-ai-tile reveal">
<img class="star-photo" src="https://loremflickr.com/500/500/soccer,goal,shooter" alt="Месси-Воробушек" loading="lazy">
<h3>Месси-Воробушек</h3>
<p>Небольшой, но невероятно быстрый. Маленький защитник из Альпийских гор, как Криштиану Роналду, наделённый суперскоростью и меткостью удара. Никогда не отнимает мяч — только забивает.</p>
</article>
<article class="kt-ai-tile reveal">
<img class="star-photo" src="https://loremflickr.com/500/500/goalie,football,saver" alt="Ким-Пандор" loading="lazy">
<h3>Ким-Пандор</h3>
<p>Самый сильный вратарь. Панда с Севера, как Левандовски в воротах: вынослив, как марафонец, и никогда не пропускает — ни один мяч его не пройдёт!</p>
</article>
<article class="kt-ai-tile reveal">
<img class="star-photo" src="https://loremflickr.com/500/500/football,captain,kick" alt="Беккамбурро" loading="lazy">
<h3>Беккамбурро</h3>
<p>Рассудительный капитан из австралийского прерии. Как Бекхэм, он посылает мяч с любой дистанции и никогда не злится — аргументирует спокойно, как хороший капитан.</p>
</article>
</div>
</div>
</section>
<section id="benefits" 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 reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#arrowRight"></use></svg></div>
<h3>Выносливость и сила</h3>
<p>Многие движения: бег, спринт, прыжок. Укрепляется сердце, мышцы ног и пресса.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#compare"></use></svg></div>
<h3>Координация</h3>
<p>Управление мяч развивает баланс, ловкость и скорость реакции.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#users"></use></svg></div>
<h3>Командный дух</h3>
<p>Ребёнок учится слушать, работать в команде и помогать товарищам.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#trophy"></use></svg></div>
<h3>Уверенность в себе</h3>
<p>Первая победа, первый гол — и ребёнок понимает: я могу!</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#sparkles"></use></svg></div>
<h3>Стратегическое мышление</h3>
<p>Игра быстрее, чем школьный дедлайн: нужно принимать решения за секунды.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#check-circle"></use></svg></div>
<h3>Здоровое сердце</h3>
<p>Регулярные пробежки укрепляют сердечно-сосудистую систему с раннего возраста.</p>
</article>
</div>
</div>
</section>
<section id="nutrition" 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 reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#sun"></use></svg></div>
<h3>Завтрак — заряд на день</h3>
<p>Овощной или фруктовый салат, яйца, каши (овсянка, гречка), молоко. Бег — это энергия, а энергия — это еда.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#calendar"></use></svg></div>
<h3>Перекус перед тренировкой</h3>
<p>За 1,5–2 часа до тренировки: банан, yogurt или тост с сыром. Не натощак и не на полный желудок.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#moon"></use></svg></div>
<h3>Ужин — восстановление</h3>
<p>Кто есть белок (курица, рыба, творог) и овощи. Белок помогает мышцам расти после нагрузки.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#alert"></use></svg></div>
<h3>Чего избегать</h3>
<p>Большие количества сладкой газировки и чипсов — лишняя энергия без пользы. Лучше выбрать фрукты, орехи или yogurt.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#check-circle"></use></svg></div>
<h3>Вода — главный друг</h3>
<p>1,5–2 литра воды в день. На тренировке — глоток каждые 15–20 минут. Обезвоживание — враг скорости.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#check"></use></svg></div>
<h3>Правило «тарелки»</h3>
<p>Половина тарелки — овощи и фрукты, четверть — белок, четверть — гарнир (рис, гречка, картофель).</p>
</article>
</div>
</div>
</section>
<section id="schedule" class="kt-ai-section" data-divider="true">
<div class="kt-ai-wrap">
<div class="kt-ai-section-head">
<h2>Режим дня юного футболиста</h2>
<p>Советы: чтобы тренировки шли хорошо, нужен правильный режим — сон, еда, отдых и спорт.</p>
</div>
<table class="schedule-table">
<thead>
<tr><th>Время</th><th>Что делать</th><th>Зачем</th></tr>
</thead>
<tbody>
<tr><td class="time">7:00</td><td>Подъём, умывание, зарядка</td><td>Разбудить тело и голову</td></tr>
<tr><td class="time">7:30</td><td>Завтрак</td><td>Энергия на день</td></tr>
<tr><td class="time">8:30–14:00</td><td>Школа / уроки</td><td>Знания тоже часть победы</td></tr>
<tr><td class="time">15:00</td><td>Перекус</td><td>Энергия перед тренировкой</td></tr>
<tr><td class="time">16:00–17:30</td><td>Футбольная тренировка</td><td>Сила, скорость, командная игра</td></tr>
<tr><td class="time">18:00</td><td>Ужин</td><td>Восстановление мышц</td></tr>
<tr><td class="time">19:00–21:00</td><td>Уроки, книги, творчество</td><td>Отдых для мозга</td></tr>
<tr><td class="time">21:30</td><td>Уложи спать (9–10 часов сна)</td><td>В сон мышцы растут и сила накапливается</td></tr>
</tbody>
</table>
</div>
</section>
<section id="training" 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 reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#check"></use></svg></div>
<h3>Разминка — всегда</h3>
<p>10 минут: бег на месте, приседания, вращения руками и ногами. Без разминки — риска получить травму больше.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#arrowRight"></use></svg></div>
<h3>Мяч каждый день</h3>
<p>15–20 минут: вести мяч, пробивать в стену, броски сверху и снизу. Чем чаще мяч — тем лучше контроль.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#clock"></use></svg></div>
<h3>Спринты и прыжки</h3>
<p>3 раза в неделю: 8 спринтов по 20 метров, прыжки на скакалке 2 минуты. Скорость — это победа.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#sync"></use></svg></div>
<h3>Отдых важнее</h3>
<p>Между тренировками — 1 день отдыха. Мышцы растут в отдыхе, а не в работе. И никогда не тренируйся устанным.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#history"></use></svg></div>
<h3>Веди свой дневник</h3>
<p>Записывай: сколько минут бегал, сколько голов забил, какие финты выучил. Через месяц увидишь прогресс.</p>
</article>
<article class="kt-ai-tile reveal">
<div class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#users"></use></svg></div>
<h3>Играй с друзьями</h3>
<p>Мини-футбол 3–4 раза в неделю на улице или в спортзале. Это лучший способ прокачать всё сразу.</p>
</article>
</div>
</div>
</section>
<section id="instagram" class="kt-ai-section" data-divider="true">
<div class="kt-ai-wrap">
<div class="kt-ai-section-head">
<h2>Контент для Instagram на неделю</h2>
<p>Готовые посты для нашего футбольного проекта. Каждый день — свой текст, хэштеги и идея для картинки.</p>
</div>
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)">
<article class="kt-ai-card reveal" style="padding:var(--kt-ai-space-7)">
<span class="kt-ai-chip">Понедельник</span>
<h3 style="margin-top:var(--kt-ai-space-4)">Мотивационный старт</h3>
<p><strong>Текст:</strong> «Понедельник — день для побед! Сегодня первый день недели — отличный повод начать тренировку. Какие у тебя планы на эту неделю? Пиши в комментариях!»</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Хэштеги:</strong> #футбол #спорт #мотивация #команда #играть #тренировка #фитнес</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Картинка:</strong> Мультяшный герой Лео-Зверь с мячом на фоне закатного неба, надпись «Понедельник = Победа!»</p>
<img class="insta-photo" src="https://loremflickr.com/800/600/football,player,training" alt="Лео-Зверь с мячом на закате" loading="lazy">
</article>
<article class="kt-ai-card reveal" style="padding:var(--kt-ai-space-7)">
<span class="kt-ai-chip">Вторник</span>
<h3 style="margin-top:var(--kt-ai-space-4)">Техника: финт «шаула»</h3>
<p><strong>Текст:</strong> «Настало время научиться финту "шаула"! За 5 минут покажу, как его делать. Сохраняй и пробуй на тренировке!»</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Хэштеги:</strong> #футбол #техника #финт #шаула #обучение #трюки #футбольныеприёмы</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Картинка:</strong> Анимация/кадр: Месси-Воробушек выполняет финт, стрелки показывают направление движения.</p>
<img class="insta-photo" src="https://loremflickr.com/800/600/soccer,tricks,football" alt="Месси-Воробушек выполняет финт" loading="lazy">
</article>
<article class="kt-ai-card reveal" style="padding:var(--kt-ai-space-7)">
<span class="kt-ai-chip">Среда</span>
<h3 style="margin-top:var(--kt-ai-space-4)">Питание чемпиона</h3>
<p><strong>Текст:</strong> «Что едят чемпионы перед матчем? Сегодня рассказываем про правильную еду. Фото твоего завтрака в комментариях — покажешь, что ты тоже ешь как звезда!»</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Хэштеги:</strong> #питание #спорт #здоровоепитание #завтрак #футболист #энергия</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Картинка:</strong> Коллаж из здоровых продуктов: фрукты, овсянка, yogurt, рядом мультяшный Ким-Пандор держит тарелку.</p>
<img class="insta-photo" src="https://loremflickr.com/800/600/fruits,fruit,bowl" alt="Здоровое питание для футбола" loading="lazy">
</article>
<article class="kt-ai-card reveal" style="padding:var(--kt-ai-space-7)">
<span class="kt-ai-chip">Четверг</span>
<h3 style="margin-top:var(--kt-ai-space-4)">Командная работа</h3>
<p><strong>Текст:</strong> «Самый сильный игрок — это команда! Кто твой лучший друг по команде? Отмечай его в комментариях!»</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Хэштеги:</strong> #команда #дружба #вместе #командныйдух #футбол #игратьвместе</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Картинка:</strong> Все 4 мультяшных героя стоят в круге, держась за руки, на фоне футбольного поля.</p>
<img class="insta-photo" src="https://loremflickr.com/800/600/soccer,team,stadium" alt="Команда на футбольном поле" loading="lazy">
</article>
<article class="kt-ai-card reveal" style="padding:var(--kt-ai-space-7)">
<span class="kt-ai-chip">Пятница</span>
<h3 style="margin-top:var(--kt-ai-space-4)">Вопрос-ответ</h3>
<p><strong>Текст:</strong> «Пятница = время для вопросов! Что ты хотел бы узнать про футбол: про технику, питание или игры? Спрашивай в комментариях — ответим в следующих постах!»</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Хэштеги:</strong> #вопросответ #футбол #обучение #спроси #знакомство #футбольныйклуб</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Картинка:</strong> Беккамбурро в позе «слушаем!», большой знак вопроса, мультяшный стиль.</p>
<img class="insta-photo" src="https://loremflickr.com/800/600/football,coach,stadium" alt="Беккамбурро с вопросом" loading="lazy">
</article>
<article class="kt-ai-card reveal" style="padding:var(--kt-ai-space-7)">
<span class="kt-ai-chip">Суббота</span>
<h3 style="margin-top:var(--kt-ai-space-4)">Челлендж недели</h3>
<p><strong>Текст:</strong> «Челлендж: сколько дриблингов ты сделаешь без падения? Снимай видео, публикуй с нашим хэштегом — отметим самых смелых!»</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Хэштеги:</strong> #челлендж #футбольныйчеллендж #дриблинг #попробуй #футбольныетрюки</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Картинка:</strong> Лео-Зверь делает сложный финт, вокруг — огненные эффекты, надпись «Смог? Попробуй!»</p>
<img class="insta-photo" src="https://loremflickr.com/800/600/football,match,ball" alt="Лео-Зверь делает финт" loading="lazy">
</article>
<article class="kt-ai-card reveal" style="padding:var(--kt-ai-space-7)">
<span class="kt-ai-chip">Воскресенье</span>
<h3 style="margin-top:var(--kt-ai-space-4)">Итоги недели + отдых</h3>
<p><strong>Текст:</strong> «Воскресенье — день отдыха и восстановления! Растяжка 10 минут, сон 9 часов — и в понедельник снова в бой! Как прошла твоя неделя?»</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Хэштеги:</strong> #отдых #восстановление #растяжка #футболист #здоровыйсон #итогинедели</p>
<p style="color:var(--kt-ai-fg-muted);font-size:var(--kt-ai-text-sm)"><strong>Картинка:</strong> Ким-Пандор делает растяжку на фоне заката, вокруг — звёзды, спокойный вайб.</p>
<img class="insta-photo" src="https://loremflickr.com/800/600/stretching,fitness,outdoor" alt="Ким-Пандор делает растяжку" loading="lazy">
</article>
</div>
</div>
</section>
<section id="start" 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="#stars">Ещё раз посмотреть наших звёзд</a>
</div>
</section>
<footer class="kt-ai-wrap kt-ai-pagefoot">
<span>© 2026 Бумеранг на футбол — детский футбольный проект</span>
<span class="kt-ai-spacer"></span>
<span>Играй с умом, играй с друзьями</span>
</footer>
<script>
var io=new IntersectionObserver(function(entries){
entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('in'); });
},{threshold:.15});
document.querySelectorAll('.reveal').forEach(function(el){ io.observe(el); });
</script>
</body>
</html>