Как сделать сайт для школы танцев
Школа танцев, студия хореографии, танцевальный клуб — покажем, как за час собрать неоновый лендинг, от которого захочется встать и попробовать. Со скриншотами, рецептом и живым демо.
Зачем школе танцев свой сайт
Танцы продаются не словами, а ощущением: вот человек двигается, вот зал, вот музыка, вот люди, которым уже не страшно. Соцсети это ощущение передают кусками — лента листается, сторис исчезают через сутки, а расписание и цены вообще живут в закрепах и «напишите в директ».
Сайт решает главную задачу: собирает всё в одном месте и снимает главный страх — «а вдруг я не умею, а вдруг все вокруг профи». Направления с ценами, расписание на неделю, преподаватели с лицами и именами, фото с занятий и форма записи, в которую не страшно оставить телефон. Всё это собирается через чат с AI — без дизайнера и студии.
Что должно быть на сайте школы танцев
Яркий первый экран
Фото танцора в движении, крупный заголовок и кнопка записи. Сайт должен «звучать» как ваша школа: энергично, смело, без скуки.
Направления с ценами
Хип-хоп, контемпорари, брейкинг, латина. Название, пара слов о стиле, цена за месяц. Клиент сразу понимает порядок цифр.
Расписание на неделю
Сетка по дням и времени. Человек прикидывает свой график и видит: вторник, 19:30 — подходит. Это половина решения.
Преподаватели
Имена, направления, опыт. К танцам приходят не в школу, а к людям — покажите, у кого будете учиться.
Галерея с занятий
Фотографии открываются в полный экран с перелистыванием. Живые кадры с джемов продают лучше любого текста.
Форма записи на пробное
Имя, телефон, направление, удобное время. Минимум полей — максимум заявок.
Демо-лендинг: школа «ПУЛЬС»
Мы собрали демо-лендинг для школы танцев, чтобы показать, как может выглядеть ваш сайт. Тёмная неоновая тема с лаймовыми и розовыми акцентами, конденсированный дисплейный шрифт, рукописные вставки, эквалайзер на первом экране, бегущая строка направлений, расписание, преподаватели и галерея с лайтбоксом.
Рецепт: как повторить
Скопируйте рецепт ниже, вставьте в чат с Smart-AI24 и получите свой сайт. Меняйте детали под свою школу: название, город, направления, цены.
Создай лендинг для школы танцев. Название: [ваше название] Город: [ваш город] Адрес: [ваш адрес] Стиль: тёмный, неоновый, энергичный. Шрифты: конденсированный дисплейный для заголовков (Oswald), рукописный для акцентов (Pacifico), чистый гротеск для текста (Onest). Палитра: почти чёрный фон (#0B0B12), неоновый лайм (#D7FF3E), розовый (#FF4D8D), тёплый белый (#F2F1EC). Обязательные секции: 1. Первый экран с фото танцора в движении, крупный заголовок и кнопка «Записаться на пробное» 2. Бегущая строка с направлениями: хип-хоп, контемпорари, брейкинг, латина, стрип-пластика, вог, дэнсхолл, бачата 3. О школе — философия, цифры (лет опыта, учеников, залов) 4. Направления с ценами за месяц 5. Расписание на неделю в виде сетки 6. Преподаватели с именами, стилями и опытом 7. Галерея с занятий с открытием в полный экран 8. Как начать: 4 шага (заявка, подбор группы, пробное, свой ритм) 9. Отзывы учеников 10. Форма записи: имя, телефон, направление, удобное время 11. Контакты с адресом, телефоном, почтой, Telegram 12. Финальный CTA Анимации: появление при скролле, счётчики цифр, бегущая строка, эквалайзер на первом экране, неоновое мерцание заголовка, hover-эффекты на карточках. Цены: - Хип-хоп — от 3 500 руб./мес - Контемпорари — от 4 000 руб./мес - Брейкинг — от 3 800 руб./мес - Латина — от 3 200 руб./мес - Стрип-пластика — от 4 200 руб./мес - Вог — от 3 900 руб./мес Контакты: [телефон], [email], [telegram], [адрес]
Замените текст в квадратных скобках на свои данные. Рецепт можно сокращать или дополнять — AI поймёт.
Хотите такой же сайт для себя? Вот подробный рецепт для повторения
Эта инструкция воспроизводит демо «ПУЛЬС» почти один в один: шрифты, цвета, анимации, структуру секций и даже поведение галереи. Скопируйте целиком, подставьте свои данные — и ассистент соберёт такой же живой лендинг. Рецепт подробный, чтобы результат был предсказуемым: можно менять любые детали, остальное ассистент доделает сам.
Создай креативный одностраничный лендинг для школы танцев.
Это демо-сайт: наполни его убедительным вымышленным контентом
(название, услуги, цены, отзывы), без реальных персональных данных.
Название: [ваше название]
Город: [ваш город]
Адрес: [ваш адрес]
ДИЗАЙН:
- Тёмная тема: фон почти чёрный (#0B0B12), подложки #10101B
и панели #151523, линии rgba(255,255,255,0.08).
- Акценты: неоновый лайм (#D7FF3E) и розовый (#FF4D8D),
тёплый белый текст (#F2F1EC), приглушённый #A6A4B4.
- Шрифты: Oswald (заголовки, кнопки, логотип — конденсированный
дисплейный гротеск, uppercase), Pacifico (рукописные акценты
в заголовках), Onest (основной текст), JetBrains Mono (метки,
цены, цифры).
- Зернистая плёнка поверх всего сайта (SVG noise, opacity 0.05).
- Курсорный свет: на десктопе за мышью плавно следует круглое
свечение (radial-gradient лайм/розовый, lerp 0.09, только
для устройств с hover и pointer:fine).
СТРУКТУРА:
1. Hero на всю высоту экрана: фоновое фото танцора в прыжке
на тёмной сцене с неоновой подсветкой, тёмный оверлей
(linear-gradient 104deg, плотный слева), медленный зум фото
(18s alternate, scale 1 -> 1.09). Крупный заголовок «ПУЛЬС»
лаймовым Oswald с неоновым свечением и периодическим фликером
(opacity-фликер каждые ~7s), вторая строка «танцуй, пока
сердце стучит» с рукописным розовым словом. Пульсирующая
лаймовая точка у надзаголовка. Эквалайзер из 7 вертикальных
полос (CSS-анимация scaleY с разными длительностями) в правом
нижнем углу. Плавающий бейдж «Пробное занятие — 500 ₽»
с покачиванием. Две CTA-кнопки. Вертикальный scroll-индикатор
с бегущей чертой. Два размытых цветных пятна (лайм, розовый),
медленно дрейфующих по фону (blur 70px, opacity 0.32).
2. Marquee-полоса с наклоном (-1.4deg, scale 1.02), лаймовый фон,
чёрный текст: «Хип-хоп · Контемпорари · Брейкинг · Латина ·
Стрип-пластика · Вог · Дэнсхолл · Бачата», infinite 26s,
контент продублирован дважды для бесшовного цикла. У body
и html обязательно overflow-x: hidden.
3. О школе: слева фото зала с зеркалами и неоновой подсветкой,
смещённая лаймовая рамка-контур за фото, круглый розовый
бейдж «10 лет на танцполе» с покачиванием; справа текст
о подходе (танцевать может каждый) и 4 счётчика с count-up:
лет опыта, учеников в год, преподавателей, залов.
4. Направления: 6 карточек (хип-хоп, контемпорари, брейкинг,
латина, стрип-пластика, вог) с контурным номером 01-06
в углу, тегом уровня (все уровни / старт·база / 16+),
описанием и ценой «от ... ₽ / мес» моноширинным шрифтом.
Hover: подъём -8px, лаймовая рамка, свечение-пятно в углу,
номер поворачивается на 8 градусов, стрелка ссылки уезжает
вправо.
5. Расписание: сетка «время × 7 дней недели» (Пн–Вс) с чипами
занятий двух цветов (лайм, розовый), контейнер со
горизонтальным скроллом на мобильных (min-width 980px),
приписка про сбор группы под график.
6. Преподаватели: 4 карточки с круглыми градиентными аватарами
с инициалами (без фото), именем, стилем и парой фраз об опыте.
Hover: подъём, аватар увеличивается и наклоняется.
7. Галерея: 4 фото (одно широкое на 2 колонки, три обычных),
подписи появляются на градиентной подложке при наведении.
Клик открывает лайтбокс: затемнение, крупное фото, подпись,
счётчик «n / 4», кнопки «←» и «→», закрытие по крестику,
Esc, клику мимо и стрелкам клавиатуры. Карточки галереи
кликабельны и с клавиатуры (Enter/Space), у всех фото alt.
8. Как начать: 4 карточки-шага с номерами на цветных плашках
(чередование лайм/розовый) и анимированной полосой-подчёркиванием
при наведении: заявка, подбор группы, пробное занятие, свой ритм.
9. Отзывы: 3 карточки от лица учеников, звёзды SVG, подпись
«Имя · направление». Живые детали: про первый выход на сцену
в 34 года, про тренера, про бачату с мужем.
10. Форма записи: имя, телефон, select «Направление»,
select «Удобное время». Форма декоративная: при отправке
preventDefault, проверка заполнения, показ success-панели
«Заявка принята», поля скрываются. Под кнопкой приписка
«Это демо-форма: заявка никуда не отправляется».
11. Контакты: слева карта-заглушка (тёмная сетка, пульсирующий
розовый пин с тенью, плашка с адресом), справа список:
адрес, телефон, почта, Telegram, часы работы.
12. Финальный CTA: крупный заголовок «Танцуй, пока сердце
стучит» с рукописным розовым словом, лаймовая кнопка,
вращающиеся контурные ноты по углам.
13. Футер с пометкой «Демо-сайт создан на Smart-AI24» и ссылкой
на платформу.
АНИМАЦИИ (обязательно):
- scroll reveal: fade-up / fade-left / fade-right через
IntersectionObserver, задержка по data-delay. ВАЖНО: на
мобильных (max-width 1024px) fade-left и fade-right заменяются
на translateY(30px) — горизонтальные сдвиги на всю ширину
ломают вёрстку.
- count-up счётчики с easing;
- marquee на 26s;
- эквалайзер и неоновый фликер в hero;
- плавающие пятна и пульсирующие точки;
- prefers-reduced-motion: отключить всё.
- QA-режим: если в адресе есть параметр __smart_ai_visual_review_cache_bust,
добавить класс qa на html, и в CSS правило html.qa, которое
показывает все скрытые reveal-элементы (opacity 1, transform none) —
это нужно для полноэкранных скриншотов.
ТЕХНИЧЕСКИЕ ДЕТАЛИ:
- У body и html обязательно overflow-x: hidden.
- Галерея кликабельна: lightbox с предыдущим/следующим
переходом и закрытием.
- Эмодзи не использовать: только типографика (·, →, ♪) и SVG.
- Адаптивность: бургер-меню до 768px, сетки в одну-две
колонки на мобильных, кнопки на всю ширину на узких экранах.
- Каждое изображение с описательным alt.
Перед финальным ответом проверь страницу: все якоря работают,
форма видна, галерея открывается, анимации не ломают вёрстку,
горизонтального скролла нет.
Подставьте свои название, город и контакты. Рецепт можно смело сокращать: ассистент додумает детали в том же стиле. Главное оставить блок про анимации, про мобильную замену горизонтальных сдвигов и про QA-режим — это убережёт вёрстку.
Что вы получите
- Готовый лендинг с адаптивной вёрсткой, анимациями, галереей и формой записи. Выглядит как работа дизайнера, но сделан через чат.
- SEO-оптимизированную страницу с мета-тегами, структурой и быстрой загрузкой. Google и Яндекс найдут вашу школу по запросу «школа танцев рядом».
- Форму заявок — посетитель оставляет имя и телефон, заявка приходит вам в Telegram. Никаких CRM и настроек.
- Публикацию на вашем домене — сайт сразу доступен по ссылке, можно делиться с учениками.
Сколько стоит
Создание сайта через Smart-AI24 — это не «заказать у фрилансера» и не «самому в конструкторе». Вы общаетесь с AI в чате, как с дизайнером. Говорите, что хотите, получаете результат. Правки — тоже через чат.
Первая версия обычно готова примерно за час. Если что-то не так — скажите, и AI переделает. Без доплат за правки.
Хотите сайт для своей школы танцев?
Расскажите о своей школе, направлениях и преподавателях — мы покажем это миру. Первый вариант обычно готов примерно за час.
Обсудить мой сайтДругие ниши
Мы уже делали сайты для тату-студий, груминг-салонов, пекарен, массажных кабинетов, барбершопов, флористов, фотографов, керамических студий, кофеен, кожевенных мастерских, логопедов и свечных мастерских. Если вашей ниши нет в списке — не страшно. AI умеет создавать сайты для любого микробизнеса.