Сайт тату-студии
Сайт тату-студии: неоновая вывеска на первом экране, работы с фильтром по стилю и лайтбоксом, мастера-полароиды, как проходит сеанс, цифры, калькулятор цены, отзывы спустя годы, о студии и стерильности, вопросы, запись в три шага, контакты и подвал. Всегда тёмная тема: фуксия, фиолет и циан.
Сайт, который снимает сомнения перед первым сеансом: работы по стилям, мастера, как проходит сеанс, сколько это стоит, как устроена стерильность и что говорят клиенты спустя годы. Завершает страницу запись в три шага. Студия в демо вымышленная.
Из чего собрано
13 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Неоновая рейка навигации слева с доком на телефонеnavbar-024
Неоновый логотип, лазерные подчёркивания, статус «есть окна».
2. Первый экран
Неоновая вывеска с фото и свечением за курсоромhero-024
Вывеска зажигается по буквам, фото с зерном, свечение за курсором.
3. Работы
Работы с фильтром, проявлением в цвет и лайтбоксомportfolio-007
Фильтр по стилю, ч/б → цвет по наведению, лайтбокс с историей.
4. Мастера
Мастера-полароиды с неоновой обводкой и переворотомpeople-009
Полароиды с неоновой обводкой, переворачиваются к работам.
5. Как проходит
Шаги вдоль неоновой линии с бегущим импульсомprocess-001
Пять шагов вдоль линии с бегущим импульсом.
6. В цифрах
Цифры неоновыми кольцами со счётчикамиstats-001
Неоновые кольца и счётчики.
7. Стоимость
Калькулятор цены по размеру и зоне с пакетамиpricing-022
Калькулятор по размеру и зоне, три пакета.
8. Отзывы
Отзывы каруселью coverflow с фото заживших работtestimonials-019
Карусель coverflow с фото заживших работ.
9. О студии
О студии с неоновой фразой и параллаксом фотоabout-010
Манифест, стерильность, документы, фото с параллаксом.
10. Вопросы
Вопросы с неоновой линией у открытогоfaq-019
Аккордеон с неоновой линией у открытого.
11. Запись
Запись в три шага с неоновым степперомcontact-017
Три шага: мастер и зона, дата, идея; сводка справа.
12. Контакты
Неоновая табличка OPEN с телефоном и мессенджерамиcta-020
Табличка OPEN, телефон, мессенджеры.
13. Подвал
Подвал с неоновой линией, 18+ и лицензиейfooter-023
Адрес, часы, соцсети, 18+ и лицензия.
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PROЧастые вопросы
- Из чего собрана страница «Сайт тату-студии»?
- Из 13 секций каталога по порядку: Неоновая рейка навигации слева с доком на телефоне, Неоновая вывеска с фото и свечением за курсором, Работы с фильтром, проявлением в цвет и лайтбоксом, Мастера-полароиды с неоновой обводкой и переворотом, Шаги вдоль неоновой линии с бегущим импульсом, Цифры неоновыми кольцами со счётчиками, Калькулятор цены по размеру и зоне с пакетами, Отзывы каруселью coverflow с фото заживших работ, О студии с неоновой фразой и параллаксом фото, Вопросы с неоновой линией у открытого, Запись в три шага с неоновым степпером, Неоновая табличка OPEN с телефоном и мессенджерами, Подвал с неоновой линией, 18+ и лицензией. Каждая — отдельный item VibeUI.
- Как собрать такую страницу через ИИ-агента?
- Нажмите «Копировать сценарий для ИИ» и вставьте в Cursor или Claude Code: агент получит исходник страницы, общие правила темы и промпты картинок и поставит каждую секцию из реестра через shadcn CLI.
- Сценарий бесплатный?
- Живое демо и список секций открыты всем. Исходник страницы и инструкция для агента — в подписке PRO.