[{"data":1,"prerenderedAt":481},["ShallowReactive",2],{"docs-article-\u002Fdocs\u002Fsite-builder\u002Fhero-block":3,"docs-all":302},{"id":4,"title":5,"body":6,"category":290,"categoryLabel":291,"description":292,"extension":293,"meta":294,"navigation":295,"order":296,"path":297,"pro":295,"seo":298,"stem":299,"updated":300,"__hash__":301},"docs\u002Fdocs\u002Fsite-builder\u002Fhero-block.md","Блок Hero — баннер первого экрана",{"type":7,"value":8,"toc":279},"minimark",[9,13,17,22,69,73,80,124,131,134,137,169,176,180,185,196,201,212,215,221,225,228,239,242,253,257,260,263,267],[10,11,5],"h1",{"id":12},"блок-hero-баннер-первого-экрана",[14,15,16],"p",{},"Hero — это первый блок, который видит гость. Должен за 3 секунды ответить: «что это за заведение» и «что здесь можно сделать». Если hero слабый, пользователь закроет вкладку.",[18,19,21],"h2",{"id":20},"что-настраивается","Что настраивается",[23,24,25,33,39,45,51,57,63],"ul",{},[26,27,28,32],"li",{},[29,30,31],"strong",{},"Заголовок"," — 3–7 слов. Самое важное.",[26,34,35,38],{},[29,36,37],{},"Подзаголовок"," — уточнение: кухня, часы, ключевое преимущество.",[26,40,41,44],{},[29,42,43],{},"CTA-кнопка"," — одна главная. «Открыть меню», «Забронировать», «Заказать с доставкой».",[26,46,47,50],{},[29,48,49],{},"Вторичная кнопка"," (опционально) — ссылка на меньшее действие.",[26,52,53,56],{},[29,54,55],{},"Фон"," — одноцветный, градиент, картинка или анимация.",[26,58,59,62],{},[29,60,61],{},"Выравнивание"," — по центру \u002F слева \u002F справа.",[26,64,65,68],{},[29,66,67],{},"Высота"," — 50 \u002F 70 \u002F 100 vh.",[18,70,72],{"id":71},"куда-ведёт-кнопка","Куда ведёт кнопка",[14,74,75,76,79],{},"В редакторе справа → поле ",[29,77,78],{},"Ссылка",". Варианты:",[23,81,82,88,103,109,118],{},[26,83,84,87],{},[29,85,86],{},"Страница сайта"," — выбираете из списка ваших страниц (например, «Меню», «Контакты»).",[26,89,90,93,94,98,99,102],{},[29,91,92],{},"Якорь на текущей странице"," — ",[95,96,97],"code",{},"#menu",", ",[95,100,101],{},"#about",".",[26,104,105,108],{},[29,106,107],{},"Каталог блюд"," — переход на дефолтный вид меню.",[26,110,111,114,115,102],{},[29,112,113],{},"Внешний URL"," — пишете полный ",[95,116,117],{},"https:\u002F\u002F...",[26,119,120,123],{},[29,121,122],{},"Корзина"," — если акция рассчитана на быстрый заказ.",[14,125,126,127,130],{},"Обычно самый эффективный вариант — «Открыть меню» (",[95,128,129],{},"?page=menu","). Гость сразу попадает куда нужно.",[18,132,55],{"id":133},"фон",[14,135,136],{},"Четыре варианта:",[138,139,140,146,152,158],"ol",{},[26,141,142,145],{},[29,143,144],{},"Сплошной цвет"," — тихий, элегантный. Бренд-цвет из палитры.",[26,147,148,151],{},[29,149,150],{},"Градиент"," — двухцветный. Бренд + акцент.",[26,153,154,157],{},[29,155,156],{},"Картинка"," — из медиа-библиотеки. Лучше 16:9, минимум 1920×1080 px, JPG \u003C 500 KB.",[26,159,160,163,164,102],{},[29,161,162],{},"Анимированный фон"," (Pro) — 60+ вариантов, см. ",[165,166,168],"a",{"href":167},"\u002Fdocs\u002Fsite-builder\u002Fanimated-backgrounds","Анимированные фоны",[14,170,171,172,175],{},"Поверх фона обычно кладётся ",[29,173,174],{},"затемнение"," (overlay 20–60 %) — текст становится читаемым.",[18,177,179],{"id":178},"рекомендации-по-тексту","Рекомендации по тексту",[14,181,182],{},[29,183,184],{},"Хорошо:",[23,186,187,190,193],{},[26,188,189],{},"«Кофе и тосты на Кузнецком»",[26,191,192],{},"«Мы доставляем горячую пиццу за 30 минут»",[26,194,195],{},"«Лавка с итальянскими сырами с 2018 года»",[14,197,198],{},[29,199,200],{},"Плохо:",[23,202,203,206,209],{},[26,204,205],{},"«Добро пожаловать в наше заведение!» — банально, ни о чём.",[26,207,208],{},"«У нас вкусно, приходите» — слабое обещание.",[26,210,211],{},"«ЛУЧШИЙ РЕСТОРАН В ГОРОДЕ!!!» — агрессивно, отпугивает.",[14,213,214],{},"Подзаголовок — одно предложение, усиливающее заголовок. Пример:",[216,217,218],"blockquote",{},[14,219,220],{},"Заголовок: «Пельменная на Покровке»\nПодзаголовок: «12 сортов пельменей, лепим сами, варим на заказ. Открыто с 11:00.»",[18,222,224],{"id":223},"картинка-в-hero","Картинка в hero",[14,226,227],{},"Что работает:",[23,229,230,233,236],{},[26,231,232],{},"Крупный план блюда (пельмени, бургер, кофе).",[26,234,235],{},"Интерьер заведения.",[26,237,238],{},"Атмосферный кадр (барная стойка вечером, витрина утром).",[14,240,241],{},"Что не работает:",[23,243,244,247,250],{},[26,245,246],{},"Стоковые фотографии еды из интернета — гость их узнаёт.",[26,248,249],{},"Групповые портреты персонала — в hero не место, вынесите в отдельный блок.",[26,251,252],{},"Ширина меньше 1200 px — будет пикселить на ноутбуке.",[18,254,256],{"id":255},"вариант-без-hero","Вариант без hero",[14,258,259],{},"Иногда hero не нужен: если сайт — это просто меню-лендинг с быстрым заказом, можно сразу начинать с блока «Каталог» без обложки. Экономит скролл гостю.",[14,261,262],{},"Для этого удалите Hero → сохраните → опубликуйте.",[18,264,266],{"id":265},"следующие-шаги","Следующие шаги",[23,268,269,275],{},[26,270,271,102],{},[165,272,274],{"href":273},"\u002Fdocs\u002Fsite-builder\u002Fmenu-block","Блок Меню (каталог товаров)",[26,276,277,102],{},[165,278,168],{"href":167},{"title":280,"searchDepth":281,"depth":281,"links":282},"",2,[283,284,285,286,287,288,289],{"id":20,"depth":281,"text":21},{"id":71,"depth":281,"text":72},{"id":133,"depth":281,"text":55},{"id":178,"depth":281,"text":179},{"id":223,"depth":281,"text":224},{"id":255,"depth":281,"text":256},{"id":265,"depth":281,"text":266},"site-builder",null,"Заголовок, подзаголовок, фон-картинка, CTA-кнопка. Как сделать сильный первый экран, куда вести кнопку.","md",{},true,5,"\u002Fdocs\u002Fsite-builder\u002Fhero-block",{"title":5,"description":292},"docs\u002Fsite-builder\u002Fhero-block","2026-04-23","dp6l9AL8U52i6wykrFBE1yIUoTAlDdFlUaLQgaYra4w",[303,310,315,320,325,330,335,339,343,347,352,356,360,364,368,373,377,381,385,389,393,394,397,402,407,412,417,422,426,431,436,441,446,451,456,461,466,469,472,475,478],{"path":304,"title":305,"description":306,"category":307,"order":308,"pro":309},"\u002Fdocs\u002Fcatalog\u002Fadd-dish","Как добавить блюдо в меню","Пошагово — фото, цена, категория, модификаторы и опции. Что важно, а что можно пропустить.","catalog",1,false,{"path":311,"title":312,"description":313,"category":314,"order":308,"pro":309},"\u002Fdocs\u002Ffaq\u002Ftroubleshooting","Чеклист — частые проблемы и как их решить","Не приходят заказы, не открывается QR-меню, гость не видит блюдо — 10 типичных ситуаций с решениями.","faq",{"path":316,"title":317,"description":318,"category":319,"order":308,"pro":309},"\u002Fdocs\u002Fgetting-started\u002Ffirst-login","Первый вход и создание заведения","Как зарегистрироваться в admin.misea.ru, добавить юрлицо и создать первую локацию за 5 минут.","getting-started",{"path":321,"title":322,"description":323,"category":324,"order":308,"pro":309},"\u002Fdocs\u002Forders\u002Forders-feed","Как читать ленту заказов","Статусы, фильтры, звуковые уведомления, чтобы ничего не пропустить.","orders",{"path":326,"title":327,"description":328,"category":329,"order":308,"pro":309},"\u002Fdocs\u002Fqr-tables\u002Ftables-and-locations","Столы и локации","Разница между локацией и столом, как добавить новую точку или новый QR-стол, что меняется при нескольких филиалах.","qr-tables",{"path":331,"title":332,"description":333,"category":334,"order":281,"pro":309},"\u002Fdocs\u002Fbilling\u002Fhow-to-pay-pro","Как оплатить Pro","Шаги оплаты через YooKassa, промокоды (−10%\u002F−20%), ежемесячная vs годовая подписка, чек.","billing",{"path":336,"title":337,"description":338,"category":307,"order":281,"pro":309},"\u002Fdocs\u002Fcatalog\u002Fcategories","Категории и подкатегории меню","Как сгруппировать блюда, задать порядок, скрыть категорию или сделать её пустой-заглушкой.",{"path":340,"title":341,"description":342,"category":324,"order":281,"pro":309},"\u002Fdocs\u002Forders\u002Fcancel-refund","Отмена и возврат заказа","Когда отменять, а когда делать возврат в YooKassa. Полный vs частичный возврат, шаги, типовые кейсы.",{"path":344,"title":345,"description":346,"category":329,"order":281,"pro":309},"\u002Fdocs\u002Fqr-tables\u002Fqr-codes","Как сгенерировать и распечатать QR-коды","Где взять QR-код для стола, какой размер распечатать, куда клеить и что увидит гость после сканирования.",{"path":348,"title":349,"description":350,"category":334,"order":351,"pro":309},"\u002Fdocs\u002Fbilling\u002Fpro-expiration","Что происходит после окончания оплаты Pro","Grace-period 3 дня, что отключается сразу, что сохраняется навсегда, как восстановить Pro.",3,{"path":353,"title":354,"description":355,"category":307,"order":351,"pro":309},"\u002Fdocs\u002Fcatalog\u002Fmodifiers","Модификаторы — размеры, молоко, добавки","Как настроить варианты блюда с доплатой (S\u002FM\u002FL, растительное молоко, двойная порция) через шаблоны модификаторов.",{"path":357,"title":358,"description":359,"category":319,"order":351,"pro":309},"\u002Fdocs\u002Fgetting-started\u002Fadmin-overview","Обзор админ-панели за 3 минуты","Карта всех разделов админки Misea — что где лежит, с чего начинать, куда смотреть ежедневно.",{"path":361,"title":362,"description":363,"category":324,"order":351,"pro":309},"\u002Fdocs\u002Forders\u002Ftelegram-notifications","Уведомления о заказах в Telegram","Как подключить бота к чату персонала, кому приходят уведомления, что настраивается.",{"path":365,"title":366,"description":367,"category":290,"order":351,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fdraft-vs-published","Черновик vs публикация","Что сохраняется локально, что на сервере, что видят гости. Как работает автосохранение и кнопка «Опубликовать».",{"path":369,"title":370,"description":371,"category":334,"order":372,"pro":309},"\u002Fdocs\u002Fbilling\u002Frefunds-plan-change","Возврат средств и смена тарифа","Политика возвратов, как перейти с месяца на год (или наоборот), когда возврат невозможен.",4,{"path":374,"title":375,"description":376,"category":307,"order":372,"pro":309},"\u002Fdocs\u002Fcatalog\u002Foptions","Опции блюда — острота, прожарка, без чего","Когда нужна опция, а когда модификатор. Как настроить варианты без доплаты.",{"path":378,"title":379,"description":380,"category":319,"order":372,"pro":309},"\u002Fdocs\u002Fgetting-started\u002Finvite-colleague","Как пригласить коллегу в админку","Роли admin, manager, waiter, kitchen, courier — что каждый видит и может, как добавить нового сотрудника.",{"path":382,"title":383,"description":384,"category":290,"order":372,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fhistory-undo","История изменений (Undo\u002FRedo)","12 снапшотов на страницу, Ctrl+Z и Ctrl+Shift+Z. Как откатить удалённый блок или неудачное редактирование.",{"path":386,"title":387,"description":388,"category":307,"order":296,"pro":309},"\u002Fdocs\u002Fcatalog\u002Fbulk-import","Массовый импорт меню из Excel","Формат файла, обязательные и опциональные поля, типичные ошибки при импорте 50+ позиций.",{"path":390,"title":391,"description":392,"category":319,"order":296,"pro":309},"\u002Fdocs\u002Fgetting-started\u002Fbrand-setup","Бренд — логотип, цвета, контакты","Где настроить название заведения, логотип, контактные данные и первичные цвета, которые подтянутся в QR-меню и на сайт.",{"path":297,"title":5,"description":292,"category":290,"order":296,"pro":295},{"path":273,"title":274,"description":395,"category":290,"order":396,"pro":295},"Макеты сетка\u002Fсписок\u002Fкарточки, карточек в ряд, slider категорий, что прятать-показывать. Главный блок любой витрины.",6,{"path":398,"title":399,"description":400,"category":290,"order":401,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Ftext-image-gallery","Блоки Текст, Изображение, Галерея","Markdown-редактор с жирным\u002Fкурсивом\u002Fпереносами, спецварианты (часы работы, скидки), галерея-список.",7,{"path":403,"title":404,"description":405,"category":290,"order":406,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fcontacts-block","Блок Контакты","Телефон, адрес, карта, соцсети. Как переопределить данные глобальных настроек для конкретной страницы или локации.",8,{"path":408,"title":409,"description":410,"category":290,"order":411,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fmap-block","Блок Карта","Автодополнение адреса через Яндекс-Nominatim, встройка карты, метки, масштаб.",9,{"path":413,"title":414,"description":415,"category":290,"order":416,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fservice-blocks","Карточка товара, Кнопка заказа и служебные блоки","Product Card, Order Button, Categories, Cart, Checkout, Search — когда и зачем ставить.",10,{"path":418,"title":419,"description":420,"category":290,"order":421,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Ffonts-buttons","Шрифты и стиль кнопок","10 шрифтовых семейств, размер 12–24 px, скруглённые vs прямые кнопки, тени и rpadding.",12,{"path":167,"title":423,"description":424,"category":290,"order":425,"pro":295},"Анимированные фоны (Pro)","60+ эффектов — кастомные, Vanta-ported, ReactBits-ported. Переопределение цветов, reduce motion, производительность.",13,{"path":427,"title":428,"description":429,"category":290,"order":430,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Flayout-variant-padding","Подложки блоков и отступы","layout_variant — section \u002F block \u002F empty. Как сделать блок на всю ширину или в виде карточки. Padding, border-radius, max-width.",14,{"path":432,"title":433,"description":434,"category":290,"order":435,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fseo-meta","SEO — глобальные и страничные мета-теги","Site-SEO vs Page-SEO. Title, description, keywords. OG-превью для соцсетей. Рекомендуемая длина.",15,{"path":437,"title":438,"description":439,"category":290,"order":440,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Flogo-favicon-nav","Логотип, фавикон, название сайта и навигация","Загрузка логотипа (до 10 МБ), фавикон, site_name, nav_links (catalog \u002F page \u002F category \u002F url).",16,{"path":442,"title":443,"description":444,"category":290,"order":445,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fmedia-library","Медиа-библиотека","Папки и файлы (JPG \u002F PNG \u002F WebP \u002F GIF \u002F SVG до 10 МБ), загрузка, вставка в любой блок, public URL.",17,{"path":447,"title":448,"description":449,"category":290,"order":450,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fmulti-location","Конструктор для сети ресторанов (per-location)","Глобальные vs per-location настройки, переключатель в toolbar, подтверждение при несохранённых изменениях.",18,{"path":452,"title":453,"description":454,"category":290,"order":455,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fresponsive-preview","Responsive preview (Desktop \u002F Mobile)","Live-iframe с postMessage, переключение 1200px ↔ 390px, почему важно проверять оба режима.",19,{"path":457,"title":458,"description":459,"category":290,"order":460,"pro":295},"\u002Fdocs\u002Fsite-builder\u002Fcustom-domain","Собственный домен и поддомен","Настройка custom domain, subdomain fallback, TLS-сертификат. DNS-записи, проверка.",20,{"path":462,"title":463,"description":464,"category":291,"order":465,"pro":309},"\u002Fdocs\u002Fbilling\u002Ffree-vs-pro","Free vs Pro — что входит в каждый тариф","[object Object]",100,{"path":467,"title":468,"description":464,"category":291,"order":465,"pro":309},"\u002Fdocs\u002Fgetting-started\u002Ftrial-period","Что такое trial и что будет через 7 дней",{"path":470,"title":471,"description":464,"category":291,"order":465,"pro":309},"\u002Fdocs\u002Fqr-tables\u002Fguest-experience","Что видит гость после сканирования QR",{"path":473,"title":474,"description":464,"category":291,"order":465,"pro":309},"\u002Fdocs\u002Fsite-builder\u002Fcolor-palette","Цветовая палитра — 7 слотов, primary и secondary",{"path":476,"title":477,"description":464,"category":291,"order":465,"pro":309},"\u002Fdocs\u002Fsite-builder\u002Finterface","Интерфейс конструктора — 3 панели и toolbar",{"path":479,"title":480,"description":464,"category":291,"order":465,"pro":309},"\u002Fdocs\u002Fsite-builder\u002Fintroduction","Что такое конструктор витрины и зачем он нужен",1776913971893]