Smart-AI24 · Готовый рецепт
Как сделать сайт для барбершопа: готовый рецепт
Стрижки, бритьё, борода, портфолио, прайс и онлайн-запись — всё в одном лендинге. Сайт создаётся через чат с AI примерно за час. Вот как это работает.
Стрижки, бритьё, борода, портфолио, прайс и онлайн-запись — всё в одном лендинге. Сайт создаётся через чат с AI примерно за час. Вот как это работает.
Барбершоп — это про атмосферу и стиль. Клиент выбирает не просто стрижку, а место. Сайт — ваша витрина, которая работает 24/7.
Клиент гуглит «барбершоп рядом» и видит десятки вариантов. Тёмный стильный лендинг с фото работ выделяет вас среди однообразных страниц.
Форма записи на сайте избавляет от хаоса в WhatsApp. Клиент выбирает услугу и время — вы получаете заявку.
Фото «до и после» — лучший аргумент. Fade, undercut, борода — покажите, что вы умеете, и клиент придёт к вам.
Демо-лендинг для барбершопа «Gentleman» — тёмная тема, золотые акценты, анимации, портфолио, прайс и форма записи.
Три шага. Без конструкторов, без дизайнеров, без кода.
Расскажите в чате: барбершоп, какие услуги, какой стиль нравится. Можно голосом.
Через час получаете готовый лендинг с фото, текстами, анимациями и формой записи.
Нравится — публикуете. Хотите правки — просто напишите. Ссылка работает сразу.
Скопируйте этот рецепт в чат Smart-AI24 — и получите сайт для барбершопа. Можете поменять название, услуги и контакты на свои.
Создай лендинг для барбершопа. Название — «Gentleman». Стиль: тёмный, мужской, премиальный. Шрифты — Playfair Display для заголовков, Inter для текста. Цвета: тёмный фон #1A1714, золотые акценты #C9A96E, кремовый текст #F5EDE0. Структура: 1. Hero — атмосферное фото интерьера, заголовок «Место, где мужчина чувствует себя мужчиной», кнопки «Записаться» и «Смотреть услуги». 2. Бегущая строка с услугами. 3. О студии — история, три цифры (опыт, клиенты, барбера), фото инструментов. 4. Услуги — карточки с фото: мужская стрижка (1500₽), классическое бритьё (1200₽), уход за бородой (1000₽). 5. Портфолио — три фото работ с подписями. 6. Прайс — список всех услуг с ценами. 7. Четыре шага: запись, консультация, процесс, результат. 8. Отзывы — слайдер с тремя отзывами. 9. Форма записи — имя, телефон, выбор услуги. 10. Контакты — адрес, телефон, режим работы. 11. CTA — скидка 15% на первый визит. Анимации: плавное появление блоков при скролле, увеличение фото при наведении, параллакс hero, счётчики цифр. Генерируй изображения: hero (интерьер барбершопа), три услуги (стрижка, бритьё, борода), три фото портфолио, инструменты.
Скопируйте текст выше и вставьте в чат с Smart-AI24. AI сам сгенерирует изображения, напишет тексты и соберёт сайт. Поменяйте название, цены и контакты на свои.
Готовый сайт, который можно опубликовать сразу. Без шаблонов, без конструкторов.
Не шаблон из конструктора. AI генерирует изображения, подбирает шрифты и цвета под вашу нишу и стиль.
Плавное появление блоков, параллакс, счётчики, слайдер отзывов. Сайт выглядит живым и современным.
Сайт одинаково хорошо выглядит на телефоне и на компьютере. Адаптивная вёрстка из коробки.
Правильные заголовки, meta-описания, структура. Сайт индексируется поисковиками с первого дня.
Клиент выбирает услугу, оставляет имя и телефон. Вы получаете заявку в Telegram.
Поменять цену, добавить услугу, обновить фото — просто напишите в чат. Без программистов.
Сайт для барбершопа — от ~300 руб. в месяц. Первый вариант бесплатно.
Лендинг-визитка: hero, услуги, портфолио, контакты, форма записи.
Попробовать бесплатноПолный лендинг: всё из «Старт» + блог, отзывы, анимации, SEO-страницы.
Попробовать бесплатноПервый вариант сайта создаётся бесплатно. Платите только когда публикуете на своём домене.
Создай лендинг для барбершопа «Gentleman» в Москве. СТИЛЬ И ВИЗУАЛ: - Тёмная тема, мужской премиальный стиль - Шрифты: Playfair Display (заголовки, serif), Inter (текст, sans-serif), Cormorant Garamond (акценты) - Палитра: фон #1A1714, карточки #221F1B, золото #C9A96E, крем #F5EDE0, текст-приглушённый #9A9088 - Текстура: лёгкий grain-шум поверх всей страницы (SVG-фильтр, opacity 4%) - Рамки и скругления: 12px для кнопок, 20px для карточек СТРУКТУРА СТРАНИЦЫ: 1. HEADER: фиксированный, прозрачный, при скролле — blur-фон. Лого «Gentleman» (SVG-иконка ромб + текст), навигация, кнопка «Записаться». Бургер-меню на мобильном. 2. HERO (100vh): фоновое фото интерьера барбершопа (сгенерировать), overlay-градиент, slow zoom-анимация фона. Eyebrow «Москва · С 2019 года» с золотой линией. Заголовок: «Место, где / мужчина чувствует себя мужчиной» (вторая строка — золотая курсивом). Подзаголовок про ритуал. Две кнопки: «Записаться онлайн» (золотая) и «Смотреть услуги» (ghost). Анимация «Листайте» внизу. 3. MARQUEE: бегущая строка «Стрижки · Бритьё · Борода · Уход · Камуфаж · Отец + сын» на тёмном фоне с золотыми точками. 4. О СТУДИИ (2 колонки): слева — текст «Барбершоп — это не про волосы. Это про время для себя.» + описание + три счётчика (6 лет, 4200 клиентов, 3 барбера). Справа — фото инструментов (сгенерировать) + бейдж «Премиум инструменты». 5. УСЛУГИ (3 карточки): каждая — фото (сгенерировать), название, описание, время, цена. Стрижка 1500₽, бритьё 1200₽, борода 1000₽. Hover: подъём + увеличение фото. 6. ПОРТФОЛИО (grid 2 колонки): три фото работ (сгенерировать), первое — tall на 2 ряда. Hover: overlay с названием стрижки. 7. ПРАЙС: список с dotted-линиями. 7 позиций: стрижка 1500₽, стрижка+борода 2200₽, бритьё 1200₽, борода 1000₽, камуфаж 1800₽, отец+сын 2500₽, детская 800₽. 8. ПРОЦЕСС (4 шага): запись, консультация, процесс, результат. Карточки с номерами 01-04. 9. ОТЗЫВЫ: слайдер с тремя отзывами, навигация (стрелки + точки), touch-swipe. 10. ЗАПИСЬ: форма — имя, телефон, выбор услуги (select), кнопка «Записаться». Текст про скидку 15%. 11. КОНТАКТЫ (2 колонки): адрес, телефон, режим работы. Карта-заглушка. 12. CTA: «Готовы к переменам?» + кнопка. 13. FOOTER: лого, ссылки, копирайт, «Создано на Smart-AI24». АНИМАЦИИ: - [data-anim] элементы: fade-up, fade-right, fade-left. IntersectionObserver, threshold 0.15, задержка по data-delay (0-4) * 120ms. - Счётчики: анимация от 0 до значения за 2 секунды, easeOutCubic. - Hero background: CSS keyframes zoom 20s alternate infinite. - Marquee: CSS translateX infinite. - Scroll indicator: pulse-анимация линии. - Отзывы: слайдер с touch-swipe. ИЗОБРАЖЕНИЯ (сгенерировать все): - hero.png: интерьер барбершопа, тёплый свет, кожаные кресла, кирпич (16:9) - service-haircut.png: мужская стрижка fade (4:3) - service-shave.png: бритьё опасной бритвой (4:3) - service-beard.png: уход за бородой (4:3) - portfolio-1.png: мужчина с fade и бородой (3:4) - portfolio-2.png: slick back причёска (3:4) - portfolio-3.png: текстурный кроп (3:4) - about-tools.png: инструменты барбера flat lay (16:9) АДАПТИВ: - 1024px: 2 колонки услуг, 2 колонки шагов, 1 колонка «О нас» - 768px: скрыть навигацию (бургер), 1 колонка услуг, 1 колонка портфолио - 480px: кнопки hero в столбец, счётчики в столбец
Этот рецепт можно использовать как основу и менять под свой барбершоп: название, адрес, цены, фото. Вставьте в чат Smart-AI24 и получите готовый сайт.