Главная Демо Блог Создать сайт
Готовый рецепт

Как сделать сайт для школы танцев

Школа танцев, студия хореографии, танцевальный клуб — покажем, как за час собрать неоновый лендинг, от которого захочется встать и попробовать. Со скриншотами, рецептом и живым демо.

Зачем школе танцев свой сайт

Танцы продаются не словами, а ощущением: вот человек двигается, вот зал, вот музыка, вот люди, которым уже не страшно. Соцсети это ощущение передают кусками — лента листается, сторис исчезают через сутки, а расписание и цены вообще живут в закрепах и «напишите в директ».

Сайт решает главную задачу: собирает всё в одном месте и снимает главный страх — «а вдруг я не умею, а вдруг все вокруг профи». Направления с ценами, расписание на неделю, преподаватели с лицами и именами, фото с занятий и форма записи, в которую не страшно оставить телефон. Всё это собирается через чат с 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-режим — это убережёт вёрстку.

Что вы получите

  1. Готовый лендинг с адаптивной вёрсткой, анимациями, галереей и формой записи. Выглядит как работа дизайнера, но сделан через чат.
  2. SEO-оптимизированную страницу с мета-тегами, структурой и быстрой загрузкой. Google и Яндекс найдут вашу школу по запросу «школа танцев рядом».
  3. Форму заявок — посетитель оставляет имя и телефон, заявка приходит вам в Telegram. Никаких CRM и настроек.
  4. Публикацию на вашем домене — сайт сразу доступен по ссылке, можно делиться с учениками.

Сколько стоит

Создание сайта через Smart-AI24 — это не «заказать у фрилансера» и не «самому в конструкторе». Вы общаетесь с AI в чате, как с дизайнером. Говорите, что хотите, получаете результат. Правки — тоже через чат.

Первая версия обычно готова примерно за час. Если что-то не так — скажите, и AI переделает. Без доплат за правки.

Хотите сайт для своей школы танцев?

Расскажите о своей школе, направлениях и преподавателях — мы покажем это миру. Первый вариант обычно готов примерно за час.

Обсудить мой сайт

Другие ниши

Мы уже делали сайты для тату-студий, груминг-салонов, пекарен, массажных кабинетов, барбершопов, флористов, фотографов, керамических студий, кофеен, кожевенных мастерских, логопедов и свечных мастерских. Если вашей ниши нет в списке — не страшно. AI умеет создавать сайты для любого микробизнеса.