Анализ сайта vyzov-prinyat.ru
Основное Готовность: 45%
Домен
vyzov-prinyat.ru
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Длина домена велика. Но если вы продвигаете запрос, входящий в название домена, то это хорошо.
Домен второго уровня идеален для продвижения.
Регистратор домена - REGRU-RU
Дата регистрации домена 24.04.2022 (более 3 лет назад)
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Безопасность
Сайт небезопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте не найден защищенный протокол ssl и сайт не открывается по https!
Не настроен HSTS (Strict-Transport-Security) — рекомендуется включить.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
UTF-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице UTF-8.
Язык
ru
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Указан язык документа ru.
Скорость загрузки
~0,28сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 0,28сек оптимальна.
Объем документа
121Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 121Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 5
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 5 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Unbounded:wght@400;500;600;700;800;900&display=swap | |
| stylesheet | index.css | |
| stylesheet | header-mobile.css | |
| js | header.js | |
| js | https://api-maps.yandex.ru/2.1/?apikey=0cf6f02b-d70a-4bca-8c7f-0112c1ef56e3&lang=ru_RU |
Серверные заголовки
Кол-во: 4
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 4шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Server | nginx/1.28.1 |
| Date | Thu, 20 Aug 2026 21:54:12 GMT |
| Transfer-Encoding | chunked |
| Connection | keep-alive |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере nginx.
Мета-теги Готовность: 32%
Title
Вызов Принят — партнёрская экосистема: бизнес без вложений и рисков
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо уменьшить число символов в title (текущее значение: 67, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
Запусти свой бизнес без вложений в составе экосистемы «Вызов Принят». ✔ Готовая система, обучение и поддержка ✔ Доход уже во время старта ✔ 28 брендов-партнёров.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо уменьшить число символов в description (текущее значение: 161, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Рекомендуем прописать канонический Url.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1.0
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Не найдено
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph не задана. Страница не оптимизирована под социальные сети. Мета-теги с разметкой Og помогают социальным роботам лучше структурировать Ваш сайт.
Все мета-теги
Кол-во: 2
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 2шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1.0 |
| name | description | Запусти свой бизнес без вложений в составе экосистемы «Вызов Принят». ✔ Готовая система, обучение и поддержка ✔ Доход уже во время старта ✔ 28 брендов-партнёров. |
Оптимизация Готовность: 75%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в одном экземпляре).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Абзацев с текстом 8 слишком мало. Добавьте больше абзацев с текстом (тег <p>)!
Слова из title 4 встречаются в тексте достаточно.
Среднее число слов в абзаце 10 достаточно.
Кол-во знаков контента 6910 на странице оптимально.
Кол-во слов 961 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h2> 6. Это хорошо.
Тошнота
3,74
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
4,27%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота не дотягивает до нормы 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| аренда | 14 | 1,46% |
| оборудования | 9 | 0,94% |
| заявку | 8 | 0,83% |
| продажам | 7 | 0,73% |
| партнер | 6 | 0,62% |
| казино | 6 | 0,62% |
| выездного | 6 | 0,62% |
| единиц | 6 | 0,62% |
| аренду | 6 | 0,62% |
| оставить | 5 | 0,52% |
| фан-казино | 5 | 0,52% |
| конструкций | 5 | 0,52% |
| подробнее | 5 | 0,52% |
| препятствий | 4 | 0,42% |
| форматов | 4 | 0,42% |
| игровых | 4 | 0,42% |
| мебели | 4 | 0,42% |
| посуды | 4 | 0,42% |
| выездной | 4 | 0,42% |
| партнёров | 4 | 0,42% |
Индексация Готовность: 30%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 21 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 124483 байт. Загружен за: 98мсек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Показать содержимое robots.txt
<!DOCTYPE html>
<html lang="ru">
<head>
<script>if(location.pathname==='/index.html')location.replace('/'+location.search+location.hash);</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Вызов Принят — партнёрская экосистема: бизнес без вложений и рисков</title>
<meta name="description" content="Запусти свой бизнес без вложений в составе экосистемы «Вызов Принят». ✔ Готовая система, обучение и поддержка ✔ Доход уже во время старта ✔ 28 брендов-партнёров.">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Unbounded:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css">
<style>
:root {
--yellow: #FFD600;
--yellow-soft: #FFE770;
--dark: #1a1a1a;
--dark-2: #2a2a2a;
--gray-1: #f5f5f5;
--gray-2: #e8e8e8;
--text-muted: #555;
--radius-lg: 24px;
--radius-md: 16px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
/* clip вместо hidden: hidden ломает position:sticky у потомков */
html, body { width: 100%; max-width: 100%; overflow-x: clip; }
body {
font-family: 'Inter', sans-serif;
background: #fff;
color: var(--dark);
overflow-x: clip;
display: flex;
flex-direction: column;
align-items: center;
gap: 100px;
padding: 0 20px 100px;
min-height: auto;
}
/* ===== УТИЛИТЫ ===== */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
section {
width: 100%;
max-width: 1340px;
margin: 0 auto;
}
/* --- reveal --- */
.reveal {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
/* ============================================
ШАПКА — HEADER
============================================ */
.header {
position: fixed;
top: 12px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 40px);
max-width: 1340px;
z-index: 1000;
background: rgba(255,255,255,0.95);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid var(--gray-2);
border-radius: 18px;
will-change: max-width;
transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),
max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.header.scrolled {
box-shadow: 0 4px 24px rgba(0,0,0,0.10);
max-width: 700px;
}
.header__inner {
/* Grid: лого | центр (nav/dropdown) | право (right/compact)
1fr в середине => равные отступы от лого до центра и от центра до правого */
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
padding: 0 24px;
height: 60px;
}
.header__logo { grid-column: 1; grid-row: 1; justify-self: start; }
.header__nav { grid-column: 2; grid-row: 1; justify-self: center; }
.header__dropdown-wrap { grid-column: 2; grid-row: 1; justify-self: center; }
.header__right { grid-column: 3; grid-row: 1; justify-self: end; }
.header__contact-compact { grid-column: 3; grid-row: 1; justify-self: end; }
.header__logo {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.header__logo img {
height: 23px;
width: auto;
}
/* Навигация — 3 кнопки */
.header__nav {
display: flex;
gap: 6px;
align-items: center;
justify-content: center; /* кнопки прибиты к центру — не едут при сжатии */
max-width: 800px;
opacity: 1;
overflow: hidden;
transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.35s ease 0.1s;
}
.header.scrolled .header__nav {
max-width: 0;
opacity: 0;
pointer-events: none;
transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.25s ease;
}
.header__nav-btn {
background: var(--dark-2);
border: none;
border-radius: 10px;
padding: 8px 18px;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 500;
color: #fff;
cursor: pointer;
transition: background 0.2s, color 0.2s;
white-space: nowrap;
flex-shrink: 0;
}
.header__nav-btn:hover {
background: var(--yellow);
color: var(--dark);
}
/* Выпадашка "Кто ты, воин?" — появляется при скролле */
.header__dropdown-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center; /* кнопка прибита к центру wrap, не едет при росте */
max-width: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.25s ease;
}
.header__dropdown-wrap.visible {
max-width: 220px;
opacity: 1;
pointer-events: auto;
transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.35s ease 0.15s;
}
/* Когда меню открыто — снимаем overflow, чтобы выпадашка не обрезалась */
.header__dropdown-wrap.open {
overflow: visible;
}
.header__dropdown-toggle {
background: var(--dark-2);
border: none;
border-radius: 12px;
padding: 12px 24px;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 600;
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
transition: background 0.2s;
white-space: nowrap;
flex-shrink: 0;
}
.header__dropdown-toggle:hover {
background: var(--dark);
}
.header__dropdown-toggle svg {
width: 14px;
height: 14px;
transition: transform 0.3s;
}
.header__dropdown-wrap.open .header__dropdown-toggle svg {
transform: rotate(180deg);
}
.header__dropdown-menu {
position: absolute;
top: calc(100% + 8px);
left: 0;
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
padding: 8px;
min-width: 210px;
width: max-content;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity 0.25s, transform 0.25s, visibility 0.25s;
}
.header__dropdown-wrap.open .header__dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header__dropdown-menu a {
display: block;
padding: 10px 16px;
font-size: 14px;
font-weight: 500;
color: var(--dark);
text-decoration: none;
border-radius: 8px;
white-space: nowrap;
transition: background 0.15s;
}
.header__dropdown-menu a:hover {
background: var(--gray-1);
}
/* Правая часть — телефон + кнопка */
.header__right {
display: flex;
align-items: center;
justify-content: flex-end; /* контент к правому краю — не едет при сжатии */
gap: 16px;
max-width: 500px;
opacity: 1;
overflow: hidden;
transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.35s ease 0.1s;
}
.header.scrolled .header__right {
max-width: 0;
opacity: 0;
pointer-events: none;
transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.25s ease;
}
.header__right > * {
flex-shrink: 0; /* содержимое не сжимается, только клиппится */
}
/* Когда меню "Связаться" открыто внутри .header__right — overflow убираем */
.header__right:has(.header__contact-wrap.open) {
overflow: visible;
}
.header__phone {
font-size: 15px;
font-weight: 600;
color: var(--dark);
text-decoration: none;
white-space: nowrap;
transition: color 0.2s;
}
.header__phone:hover {
color: var(--dark-2);
}
.header__cta {
background: var(--yellow);
border: none;
border-radius: 12px;
padding: 12px 24px;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 700;
color: var(--dark);
cursor: pointer;
white-space: nowrap;
transition: background 0.2s, transform 0.15s;
}
.header__cta:hover {
background: var(--yellow-soft);
transform: translateY(-1px);
}
/* Компактная "Связаться" — появляется при скролле */
.header__contact-compact {
display: flex;
align-items: center;
justify-content: flex-end; /* прибито к правому краю — не едет при росте */
max-width: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.25s ease;
}
.header.scrolled .header__contact-compact {
max-width: 260px;
opacity: 1;
pointer-events: auto;
transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.35s ease 0.15s;
}
.header__contact-compact > .header__contact-wrap {
flex-shrink: 0;
}
.header__contact-compact .header__contact-toggle {
flex-shrink: 0;
white-space: nowrap;
}
.header__contact-compact:has(.header__contact-wrap.open) {
overflow: visible;
}
/* Выпадашка "Связаться с нами" */
.header__contact-wrap {
position: relative;
}
.header__contact-toggle {
display: flex;
align-items: center;
}
.header__contact-menu {
display: none;
position: absolute;
top: calc(100% + 8px);
right: 0;
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0,0,0,0.12);
padding: 8px 0;
min-width: 260px;
z-index: 1000;
flex-direction: column;
}
.header__contact-wrap.open .header__contact-menu {
display: flex;
}
.header__contact-item {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 20px;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 500;
color: var(--dark);
text-decoration: none;
border: none;
background: none;
cursor: pointer;
text-align: left;
white-space: nowrap;
transition: background 0.15s;
width: 100%;
}
.header__contact-item:hover {
background: #f5f5f5;
}
/* Сдвиг body чтобы контент не прятался под fixed-шапкой */
body {
padding-top: 84px;
}
/* ============================================
ПОПАП — ФОРМА ЗАЯВКИ
============================================ */
.popup-overlay {
position: fixed;
inset: 0;
z-index: 2000;
background: rgba(0,0,0,0.55);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
padding: 20px;
}
.popup-overlay.active {
opacity: 1;
visibility: visible;
}
.popup {
background: #25292d;
border-radius: 20px;
padding: 60px 48px;
max-width: 520px;
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transform: translateY(30px) scale(0.95);
transition: transform 0.35s ease;
}
.popup-overlay.active .popup {
transform: translateY(0) scale(1);
}
.popup__close {
position: absolute;
top: 18px;
right: 18px;
width: 36px;
height: 36px;
background: rgba(255,255,255,0.1);
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
}
.popup__close:hover {
background: rgba(255,255,255,0.2);
}
.popup__close svg {
width: 16px;
height: 16px;
}
.popup__title {
font-family: 'Unbounded', sans-serif;
font-weight: 900;
font-size: 28px;
line-height: 1.2;
text-transform: uppercase;
background: linear-gradient(to right, #fdd300, #ffe770);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
margin: 0 0 12px;
}
.popup__subtitle {
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 400;
color: rgba(255,255,255,0.7);
margin: 0 0 32px;
}
.popup__form {
display: flex;
flex-direction: column;
gap: 14px;
width: 100%;
}
.popup__input {
width: 100%;
height: 58px;
padding: 0 24px;
border: 2px solid transparent;
border-radius: 16px;
background: #fff;
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 400;
color: #25292d;
outline: none;
transition: border-color 0.3s;
}
.popup__input::placeholder {
color: #999;
}
.popup__input:focus {
border-color: #fdd300;
}
.popup__input--error {
border-color: #e74c3c !important;
animation: popup-shake 0.4s ease;
}
@keyframes popup-shake {
0%, 100% { transform: translateX(0); }
20% { transform: translateX(-8px); }
40% { transform: translateX(8px); }
60% { transform: translateX(-6px); }
80% { transform: translateX(6px); }
}
.popup__btn {
width: 100%;
height: 58px;
background: #fdd300;
border: none;
border-radius: 16px;
font-family: 'Unbounded', sans-serif;
font-weight: 700;
font-size: 16px;
color: #25292d;
text-transform: uppercase;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
}
.popup__btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(253,211,0,0.35);
}
/* ============================================
БЛОК 1 — HERO
============================================ */
.hero-wrap {
display: flex;
flex-direction: column;
width: 100%;
max-width: 1340px;
}
.hero {
background: var(--yellow);
border-radius: 32px;
margin-top: 20px;
padding: 26px 0 26px;
display: block;
grid-template-columns: none;
position: relative;
}
.hero__inner {
max-width: 1340px;
width: 100%;
margin: 0 auto;
padding: 0 24px;
}
.hero__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: end;
}
/* Фото-блок */
.hero__photo-wrap {
position: relative;
animation: fadeUp 0.6s ease both 0.1s;
}
.hero__photo {
width: 100%;
height: 370px;
border-radius: 20px 40px 20px 20px;
overflow: hidden;
position: relative;
}
.hero__photo::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 45%;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
pointer-events: none;
}
.hero__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
}
.sp-hero__play-wrap {
position: absolute;
top: 0;
right: 0;
width: 115px;
height: 115px;
z-index: 5;
}
.sp-hero__play-corner-svg {
position: absolute;
top: 0;
right: 0px;
transform: rotate(90deg);
}
.sp-hero__play {
position: absolute;
top: 0;
right: 0px;
width: 60px;
height: 60px;
background: var(--dark);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.2s;
z-index: 1;
text-decoration: none;
}
.sp-hero__play:hover { transform: scale(1.05); }
.sp-hero__play svg { width: 25px; height: 25px; margin-left: 4px; }
.sp-hero__play-hint {
position: absolute;
top: -4px;
left: calc(100% + 6px);
display: flex;
align-items: flex-end;
gap: 2px;
z-index: 6;
text-decoration: none;
}
.sp-hero__play-hint-label {
background: #fff;
color: var(--dark);
padding: 6px 12px;
border-radius: 18px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 700;
white-space: nowrap;
box-shadow: 0 6px 16px rgba(0,0,0,0.18);
letter-spacing: 0.01em;
transform-origin: bottom center;
animation: playHintShake 2.8s linear infinite;
}
.sp-hero__play-hint-arrow {
flex-shrink: 0;
transform: scaleX(-1) rotate(31deg) translateY(-2px);
}
@keyframes playHintShake {
0%, 78%, 100% { transform: translate(0, 0) rotate(-8deg); }
80% { transform: translate(-1px, 0) rotate(-9.5deg); }
82% { transform: translate(1px, -1px) rotate(-6.5deg); }
84% { transform: translate(-1px, 1px) rotate(-9.5deg); }
86% { transform: translate(1px, 0) rotate(-6.5deg); }
88% { transform: translate(-1px, -1px) rotate(-9deg); }
90% { transform: translate(1px, 1px) rotate(-7deg); }
92% { transform: translate(-1px, 0) rotate(-8.8deg); }
94% { transform: translate(1px, -1px) rotate(-7.2deg); }
96% { transform: translate(0, 0) rotate(-8deg); }
}
.hero__person {
position: absolute;
bottom: 20px;
left: 20px;
color: #fff;
}
.hero__person-name {
font-family: 'Unbounded', sans-serif;
font-size: 18px;
font-weight: 700;
margin-bottom: 4px;
}
.hero__person-role {
font-size: 13px;
opacity: 0.8;
}
/* Заголовок */
.hero__text {
animation: fadeUp 0.6s ease both 0.25s;
padding-bottom: 48px;
}
.hero__title {
font-family: 'Unbounded', sans-serif;
font-size: 52px;
font-weight: 900;
line-height: 1.1;
color: var(--dark);
letter-spacing: normal;
margin-bottom: 0;
}
.hero__title span {
color: inherit;
font-style: normal;
font-size: inherit;
display: inline;
position: static;
padding: 0;
background: none;
border-radius: 0;
margin-top: 0;
transform: none;
}
.hero__slogan {
display: inline-block;
margin-top: 20px;
padding: 10px 24px;
background: var(--dark);
color: #fff;
font-family: 'Unbounded', sans-serif;
font-size: 24px;
font-weight: 700;
transform: rotate(-2deg);
}
/* Бегущая строка */
.hero__ticker {
overflow: hidden;
background: var(--dark-2);
border-radius: 16px;
padding: 14px 0;
margin-top: 30px;
max-width: 1340px;
width: 100%;
align-self: center;
}
.hero__ticker-track {
display: flex;
gap: 40px;
align-items: center;
width: max-content;
animation: ticker 180s linear infinite;
}
.hero__ticker-item {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 600;
color: #fff;
white-space: nowrap;
display: flex;
align-items: center;
gap: 8px;
}
.hero__ticker-item span {
color: var(--yellow);
font-weight: 800;
}
.hero__ticker-dot {
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
opacity: 0.3;
}
@keyframes ticker {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* Большой текст под хиро */
.hero__statement {
margin-top: 40px;
padding: 0 24px;
width: 100%;
max-width: 1340px;
margin-left: auto;
margin-right: auto;
}
.hero__statement-text {
font-family: 'Unbounded', sans-serif;
font-size: 48px;
font-weight: 900;
line-height: 1.35;
text-transform: uppercase;
width: fit-content;
max-width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.hero__statement-text .hl-dark {
background: var(--dark);
color: #fff;
padding: 4px 14px;
display: inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.hero__statement-text .hl-yellow {
color: var(--yellow);
}
.hero__statement-text .hl-yellow-bg {
background: var(--yellow);
color: var(--dark);
padding: 4px 14px;
display: inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
/* ============================================
ЧТО МЫ ДЕЛАЕМ — СОБИРАЕМ ПОД КЛЮЧ
============================================ */
.services {
max-width: 1340px;
width: 100%;
margin: 0 auto;
}
/* Тёмная карточка-контейнер — инверсия жёлтого hero */
.services__box {
background: var(--dark);
border-radius: 32px;
padding: 40px 40px 36px;
overflow: hidden;
}
.services__eyebrow {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--yellow);
}
.services__title {
font-family: 'Unbounded', sans-serif;
font-size: 32px;
font-weight: 900;
line-height: 1.2;
color: #fff;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
}
.services__title-key {
color: var(--yellow);
}
.services__subtitle {
font-size: 15px;
color: rgba(255,255,255,0.65);
margin-top: 10px;
text-align: center;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
/* Bento-сетка «стикеров» — плитки услуг с наклоном и вотермарками */
.services__bento {
margin-top: 26px;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 14px;
}
.services__tile {
position: relative;
overflow: hidden;
border-radius: 20px;
padding: 22px;
min-height: 230px;
display: flex;
flex-direction: column;
opacity: 0;
transform: rotate(var(--r, 0deg));
transition: opacity 0.7s ease var(--d, 0s), transform 0.3s ease;
}
.services.is-visible .services__tile {
opacity: 1;
}
.services__tile:hover {
transform: rotate(0deg) translateY(-6px);
}
.services__tile--yellow {
grid-column: span 3;
background: linear-gradient(135deg, var(--yellow) 0%, var(--yellow-soft) 100%);
color: var(--dark);
}
.services__tile--dark {
grid-column: span 3;
background: var(--dark-2);
color: #fff;
}
.services__tile--white {
grid-column: span 3;
background: #fff;
color: var(--dark);
}
.services__tile-title {
font-family: 'Unbounded', sans-serif;
font-size: 15px;
font-weight: 800;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.services__tile-text {
font-size: 13px;
line-height: 1.45;
opacity: 0.72;
margin-top: 8px;
max-width: 400px;
position: relative;
z-index: 1;
}
.services__tile-num {
margin-top: auto;
padding-top: 16px;
position: relative;
z-index: 1;
}
.services__tile-num-value {
font-family: 'Unbounded', sans-serif;
font-size: 26px;
font-weight: 900;
line-height: 1;
white-space: nowrap;
}
.services__tile--dark .services__tile-num-value {
color: var(--yellow);
}
.services__tile-num-caption {
font-family: 'Inter', sans-serif;
font-size: 11.5px;
font-weight: 600;
opacity: 0.6;
margin-top: 4px;
}
/* Гигантская иконка-вотермарка в углу плитки */
.services__tile-bg {
position: absolute;
right: -20px;
bottom: -24px;
width: 120px;
height: 120px;
opacity: 0.1;
transform: rotate(-10deg);
pointer-events: none;
transition: transform 0.35s ease, opacity 0.35s ease;
}
.services__tile:hover .services__tile-bg {
transform: rotate(-4deg) scale(1.06);
opacity: 0.16;
}
/* Финал: счётчик +40 и пилюли направлений */
.services__finale {
margin-top: 22px;
padding-top: 22px;
border-top: 1px dashed rgba(255,255,255,0.18);
display: grid;
grid-template-columns: auto 1fr;
gap: 8px 32px;
align-items: center;
opacity: 0;
transform: translateY(24px);
transition: opacity 0.7s ease 0.55s, transform 0.7s ease 0.55s;
}
.services.is-visible .services__finale {
opacity: 1;
transform: none;
}
.services__finale-num {
grid-row: 1 / 3;
font-family: 'Unbounded', sans-serif;
font-size: 44px;
font-weight: 900;
line-height: 0.9;
color: var(--yellow);
white-space: nowrap;
}
.services__finale-label {
font-family: 'Unbounded', sans-serif;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
line-height: 1.35;
color: #fff;
align-self: end;
}
.services__finale-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-self: start;
margin-top: 4px;
}
.services__tag {
font-family: 'Inter', sans-serif;
font-size: 12.5px;
font-weight: 600;
color: rgba(255,255,255,0.85);
border: 1px solid rgba(255,255,255,0.25);
border-radius: 999px;
padding: 7px 13px;
white-space: nowrap;
transition: transform 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.services__tag:nth-child(3n+1) { transform: rotate(-1.5deg); }
.services__tag:nth-child(3n) { transform: rotate(1.5deg); }
.services__tag:hover {
transform: rotate(0deg) translateY(-2px);
border-color: var(--yellow);
color: var(--yellow);
}
.services__tag--yellow {
background: var(--yellow);
border-color: var(--yellow);
color: var(--dark);
font-weight: 700;
}
.services__tag--yellow:hover {
color: var(--dark);
}
@media (max-width: 900px) {
.services__box { padding: 40px 24px 32px; }
.services__title { font-size: 32px; }
.services__tile { grid-column: span 12 !important; min-height: 200px; padding: 24px; }
.services__tile-num-value { font-size: 34px; }
.services__finale { grid-template-columns: 1fr; gap: 16px; }
.services__finale-num { grid-row: auto; font-size: 64px; }
}
@media (max-width: 600px) {
.services__title { font-size: 24px; }
.services__subtitle { font-size: 15px; }
.services__tile { min-height: 170px; }
.services__tile-title { font-size: 17px; }
.services__tile-text { font-size: 14px; }
.services__finale-num { font-size: 48px; }
.services__finale-label { font-size: 16px; }
.services__tag { font-size: 13px; padding: 8px 13px; }
}
/* ============================================
КТО НАМ ПОДОЙДЕТ
============================================ */
.audience {
max-width: 1340px;
margin: 0 auto;
}
.audience__title {
font-family: 'Unbounded', sans-serif;
font-size: 42px;
font-weight: 900;
line-height: 1.1;
color: var(--dark);
text-transform: uppercase;
text-align: center;
}
.text-reveal--yellow {
color: var(--yellow);
}
.audience__subtitle {
font-size: 18px;
color: var(--text-muted);
margin-top: 8px;
text-align: center;
}
.audience__cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 40px;
}
.audience__card {
position: relative;
padding-top: 100px;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
}
/* Кнопка "Это я!" */
.audience__card-btn {
position: absolute;
right: -10px;
bottom: 83px;
transform: rotate(6deg);
z-index: 5;
display: inline-block;
font-family: 'Unbounded', sans-serif;
font-weight: 700;
font-size: 14px;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.audience__card-btn:hover {
transform: rotate(6deg) translateY(-4px) scale(1.05);
}
.audience__card-btn {
background: var(--yellow);
color: var(--dark);
padding: 12px 20px;
border-radius: 14px;
border: none;
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
display: inline-flex;
align-items: center;
gap: 8px;
}
.audience__card-btn .btn-arrow {
color: var(--dark);
font-size: 18px;
transition: transform 0.25s ease;
}
.audience__card-btn:hover .btn-arrow {
transform: translateX(4px);
}
.audience__card-btn:hover {
background: var(--yellow-soft);
box-shadow: 0 6px 24px rgba(0,0,0,0.15);
}
.audience__card-bg {
background: #f1f1f1;
border-radius: var(--radius-lg);
padding-top: 140px;
padding-bottom: 24px;
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
}
.audience__card-img {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 260px;
height: auto;
object-fit: contain;
z-index: 2;
}
.audience__card-label {
width: 260px;
background: #fff;
border-radius: 12px;
padding: 14px 20px;
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: 600;
color: var(--dark);
text-align: center;
position: relative;
z-index: 3;
}
/* ============================================
БЛОК 2 — КАК РАБОТАЕТ СИСТЕМА
============================================ */
.how__wrap {
background: var(--gray-1);
border-radius: 24px;
padding: 80px 60px;
}
.how__header {
text-align: center;
margin-bottom: 56px;
}
.how__title {
font-family: 'Unbounded', sans-serif;
font-size: clamp(28px, 3.5vw, 42px);
font-weight: 800;
text-transform: uppercase;
margin-bottom: 12px;
}
.how__lead {
font-size: 18px;
color: var(--text-muted);
max-width: 560px;
margin: 0 auto;
}
.how__flow {
display: flex;
align-items: center;
justify-content: center;
gap: 0;
flex-wrap: wrap;
}
.how__node {
text-align: center;
padding: 32px 28px;
border-radius: 20px;
min-width: 200px;
transition: transform 0.25s;
}
.how__node:hover { transform: translateY(-4px); }
.how__node--clients {
background: #fff;
border: 2px solid var(--gray-2);
}
.how__node--eco {
background: var(--dark);
color: #fff;
min-width: 280px;
}
.how__node--partners {
background: var(--yellow);
min-width: 280px;
}
.how__node-icon {
font-size: 32px;
margin-bottom: 12px;
}
.how__node-label {
font-family: 'Unbounded', sans-serif;
font-size: 15px;
font-weight: 800;
margin-bottom: 6px;
}
.how__node-text {
font-size: 13px;
opacity: 0.65;
line-height: 1.5;
}
.how__node--eco .how__node-label { color: var(--yellow); }
.how__arrow {
font-size: 28px;
color: var(--dark);
padding: 0 12px;
font-weight: 900;
flex-shrink: 0;
}
.how__explain {
text-align: center;
margin-top: 48px;
font-size: 17px;
color: var(--text-muted);
max-width: 520px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
/* ============================================
БЛОК 3 — ДЛЯ КОГО ЭКОСИСТЕМА
============================================ */
.whom__header {
text-align: center;
margin-bottom: 56px;
}
.whom__title {
font-family: 'Unbounded', sans-serif;
font-size: clamp(28px, 3.5vw, 42px);
font-weight: 800;
text-transform: uppercase;
margin-bottom: 12px;
}
.whom__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.whom__card {
border-radius: 24px;
padding: 44px 36px;
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s;
text-decoration: none;
color: inherit;
display: block;
}
.whom__card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 48px rgba(0,0,0,0.1);
}
.whom__card--1 { background: var(--dark); color: #fff; }
.whom__card--2 { background: var(--yellow); }
.whom__card--3 { background: var(--gray-1); }
.whom__card-icon {
width: 52px; height: 52px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
font-size: 24px;
}
.whom__card--1 .whom__card-icon { background: var(--yellow); }
.whom__card--2 .whom__card-icon { background: var(--dark); color: var(--yellow); font-size: 22px; }
.whom__card--3 .whom__card-icon { background: var(--yellow); }
.whom__card-name {
font-family: 'Unbounded', sans-serif;
font-size: 18px;
font-weight: 800;
margin-bottom: 10px;
}
.whom__card-desc {
font-size: 15px;
line-height: 1.6;
opacity: 0.7;
}
.whom__card--1 .whom__card-desc { color: rgba(255,255,255,0.65); }
.whom__card--2 .whom__card-desc { color: rgba(0,0,0,0.55); }
/* ============================================
БЛОК 4 — КАКУЮ ПРОБЛЕМУ РЕШАЕТ
============================================ */
.problem2__wrap {
background: var(--dark);
color: #fff;
border-radius: 24px;
padding: 80px 60px;
}
.problem2__header {
text-align: center;
margin-bottom: 56px;
}
.problem2__title {
font-family: 'Unbounded', sans-serif;
font-size: clamp(28px, 3.5vw, 42px);
font-weight: 800;
text-transform: uppercase;
margin-bottom: 12px;
}
.problem2__title span { color: var(--yellow); }
.problem2__grid {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: 40px;
align-items: start;
max-width: 960px;
margin: 0 auto;
}
.problem2__col-title {
font-family: 'Unbounded', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 24px;
}
.problem2__col--problem .problem2__col-title { color: #e53935; }
.problem2__col--solution .problem2__col-title { color: var(--yellow); }
.problem2__list {
display: flex;
flex-direction: column;
gap: 14px;
}
.problem2__item {
background: rgba(255,255,255,0.06);
border-radius: 14px;
padding: 18px 22px 18px 52px;
font-size: 15px;
line-height: 1.5;
border: 1px solid rgba(255,255,255,0.06);
position: relative;
}
.problem2__item-icon {
position: absolute;
left: 18px;
top: 18px;
width: 24px;
height: 24px;
flex-shrink: 0;
}
.problem2__divider {
width: 2px;
background: rgba(255,255,255,0.08);
align-self: stretch;
border-radius: 1px;
}
/* ============================================
БЛОК 5 — ПРЕИМУЩЕСТВА
============================================ */
.adv__header {
text-align: center;
margin-bottom: 56px;
}
.adv__title {
font-family: 'Unbounded', sans-serif;
font-size: clamp(28px, 3.5vw, 42px);
font-weight: 800;
text-transform: uppercase;
}
.adv__grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
}
.adv__item {
background: var(--gray-1);
border-radius: 20px;
padding: 32px 24px;
text-align: center;
transition: transform 0.25s, background 0.25s;
}
.adv__item:hover {
transform: translateY(-4px);
background: var(--yellow);
}
.adv__item-icon {
font-size: 32px;
margin-bottom: 14px;
}
.adv__item-text {
font-family: 'Unbounded', sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
/* ============================================
БЛОК 6 — КАК ПРОИСХОДИТ ЗАПУСК
============================================ */
.launch__wrap {
background: var(--gray-1);
border-radius: 24px;
padding: 80px 60px;
}
.launch__header {
text-align: center;
margin-bottom: 56px;
}
.launch__title {
font-family: 'Unbounded', sans-serif;
font-size: clamp(28px, 3.5vw, 42px);
font-weight: 800;
text-transform: uppercase;
}
.launch__steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
max-width: 1000px;
margin: 0 auto;
}
.launch__step {
position: relative;
background: #fff;
border-radius: 20px;
padding: 36px 28px 28px;
transition: transform 0.25s;
}
.launch__step:hover { transform: translateY(-4px); }
.launch__step-num {
font-family: 'Unbounded', sans-serif;
font-size: 48px;
font-weight: 900;
color: rgba(0,0,0,0.06);
line-height: 1;
margin-bottom: 14px;
}
.launch__step-text {
font-family: 'Unbounded', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
}
.launch__step:last-child {
background: var(--yellow);
}
/* ============================================
БЛОК 7 — МАСШТАБ ЭКОСИСТЕМЫ
============================================ */
.scale2 {
text-align: center;
}
.scale2__title {
font-family: 'Unbounded', sans-serif;
font-size: clamp(28px, 3.5vw, 42px);
font-weight: 800;
text-transform: uppercase;
margin-bottom: 48px;
}
.scale2__stats {
display: flex;
justify-content: center;
gap: 48px;
flex-wrap: wrap;
}
.scale2__stat {
text-align: center;
}
.scale2__stat-icon {
font-size: 36px;
margin-bottom: 12px;
}
.scale2__stat-label {
font-family: 'Unbounded', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
max-width: 180px;
}
/* ============================================
БЛОК 8 — ФИЛОСОФИЯ
============================================ */
.philosophy__wrap {
background: var(--dark);
color: #fff;
text-align: center;
border-radius: 24px;
padding: 80px 60px;
}
.philosophy__title {
font-family: 'Unbounded', sans-serif;
font-size: clamp(24px, 3vw, 36px);
font-weight: 800;
max-width: 700px;
margin: 0 auto 16px;
line-height: 1.3;
}
.philosophy__title span { color: var(--yellow); }
.philosophy__sub {
font-size: 18px;
color: #fff;
max-width: 500px;
margin: 0 auto;
}
/* ============================================
БЛОК 9 — ВЫБОР СЦЕНАРИЯ
============================================ */
.choose__header {
text-align: center;
margin-bottom: 56px;
}
.choose__title {
font-family: 'Unbounded', sans-serif;
font-size: clamp(28px, 3.5vw, 42px);
font-weight: 800;
text-transform: uppercase;
}
.choose__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.choose__card {
border-radius: 24px;
padding: 48px 36px 40px;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s;
}
.choose__card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 60px rgba(0,0,0,0.1);
}
.choose__card--1 { background: var(--gray-1); }
.choose__card--2 { background: var(--dark); color: #fff; }
.choose__card--3 { background: var(--gray-1); }
.choose__card-icon {
width: 56px; height: 56px;
background: var(--yellow);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
margin-bottom: 24px;
transition: transform 0.3s;
}
.choose__card:hover .choose__card-icon {
transform: scale(1.1) rotate(-3deg);
}
.choose__card-name {
font-family: 'Unbounded', sans-serif;
font-size: 20px;
font-weight: 800;
margin-bottom: 12px;
line-height: 1.3;
}
.choose__card-desc {
font-size: 15px;
line-height: 1.6;
opacity: 0.6;
margin-bottom: 28px;
flex: 1;
}
.choose__card-cta {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: 'Unbounded', sans-serif;
font-size: 13px;
font-weight: 700;
color: var(--dark);
transition: gap 0.25s;
}
.choose__card:hover .choose__card-cta { gap: 16px; }
.choose__card--2 .choose__card-cta { color: var(--yellow); }
.choose__card--3 .choose__card-cta { opacity: 0.4; }
.choose__card-cta-arrow {
width: 32px; height: 32px;
background: var(--yellow);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.25s;
}
.choose__card:hover .choose__card-cta-arrow { transform: translateX(4px); }
/* ============================================
БЛОК 10 — ФИНАЛ
============================================ */
.final2__wrap {
background: var(--yellow);
text-align: center;
border-radius: 24px;
padding: 80px 60px;
}
.final2__title {
font-family: 'Unbounded', sans-serif;
font-size: clamp(28px, 4vw, 48px);
font-weight: 900;
text-transform: uppercase;
margin-bottom: 12px;
line-height: 1.15;
}
.final2__sub {
font-size: 20px;
color: rgba(0,0,0,0.5);
margin-bottom: 40px;
}
.final2__btn {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: 'Unbounded', sans-serif;
font-size: 16px;
font-weight: 700;
padding: 22px 44px;
border-radius: 60px;
background: var(--dark);
color: var(--yellow);
text-decoration: none;
transition: transform 0.25s, box-shadow 0.25s;
}
.final2__btn:hover {
transform: translateY(-3px);
box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}
/* ===== ANIMATIONS ===== */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* мобильная кнопка "перейти на сайт" — по умолчанию скрыта */
.brands__featured-btn--mobile { display: none; }
/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
body { gap: 48px; padding: 60px 10px 30px; }
.how__wrap, .problem2__wrap, .launch__wrap, .philosophy__wrap, .final2__wrap { padding: 48px 28px; }
.whom__cards,
.choose__cards { grid-template-columns: 1fr; max-width: 480px; margin-left: auto; margin-right: auto; }
.adv__grid { grid-template-columns: repeat(2, 1fr); }
.launch__steps { grid-template-columns: 1fr 1fr; }
.how__flow { flex-direction: column; }
.how__arrow { transform: rotate(90deg); padding: 8px 0; }
.problem2__grid { grid-template-columns: 1fr; }
.problem2__divider { width: 100%; height: 2px; }
.scale2__stats { gap: 32px; }
/* Планшет: в хиро фото сверху, заголовок снизу; подсказка "смотреть видео" скрыта */
.hero__row { grid-template-columns: 1fr; }
.sp-hero__play-hint { display: none; }
.sp-hero__play-corner-svg { top: -1px; right: -1px; }
.hero__statement-text { font-size: 40px; }
/* brands: card слева, body справа, кнопка "перейти на сайт" видима в карточке */
.brands__featured {
grid-template-columns: 260px 1fr;
gap: 32px;
align-items: start;
min-height: auto;
}
.brands__featured-card { width: 100%; align-items: center; text-align: center; }
.brands__featured-body { max-width: 100%; height: auto; padding-top: 0; text-align: left; }
.brands__featured-btn--mobile { display: inline-flex; margin-bottom: 16px; }
.brands__featured-action { display: none; }
.brands__featured-btn:hover {
background: #fff;
color: #1a1a1a;
transform: none;
box-shadow: inset 0 0 0 2px #1a1a1a;
}
.brands__featured-btn:hover .brands__featured-btn-arrow { transform: none; }
/* audience → слайдер на планшете тоже */
.audience__cards {
display: flex;
grid-template-columns: none;
gap: 20px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
margin: 32px -10px 0;
padding: 10px 10px 24px;
}
.audience__cards::-webkit-scrollbar { display: none; }
.audience__card {
flex: 0 0 46%;
max-width: 400px;
min-width: 280px;
scroll-snap-align: center;
display: flex;
flex-direction: column;
}
.audience__card-bg { flex: 1; }
}
@media (max-width: 600px) {
.hero__row { grid-template-columns: 1fr; }
.hero__title { font-size: 32px; }
.hero__statement-text { font-size: 26px; }
.adv__grid { grid-template-columns: 1fr; }
.launch__steps { grid-template-columns: 1fr; }
/* audience cards → горизонтальный слайдер */
.audience__cards {
display: flex;
grid-template-columns: none;
gap: 14px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
margin: 24px -10px 0;
padding: 10px 10px 18px;
}
.audience__cards::-webkit-scrollbar { display: none; }
.audience__card {
flex: 0 0 80%;
max-width: 320px;
min-width: 240px;
scroll-snap-align: center;
padding-top: 83px;
display: flex;
flex-direction: column;
}
.audience__card-bg { flex: 1; }
.audience__card-img { width: 220px; }
.audience__card-label { width: 220px; font-size: 16px; padding: 12px 16px; }
.audience__card-bg { padding-top: 120px; padding-bottom: 20px; }
.audience__card-btn { right: 0; bottom: 77px; font-size: 13px; padding: 10px 16px; }
/* brands: кнопка "перейти на сайт" под именем партнёра на мобилке */
.brands__featured { grid-template-columns: 1fr; gap: 16px; }
.brands__featured-btn--mobile { display: flex; margin: 0 auto 16px; width: fit-content; }
.brands__featured-action { display: none; }
.brands__featured-btn:hover {
background: #fff;
color: #1a1a1a;
transform: none;
box-shadow: inset 0 0 0 2px #1a1a1a;
}
.brands__featured-btn:hover .brands__featured-btn-arrow { transform: none; }
.sp-hero__play-hint { display: none; }
.hero { padding: 16px 0; border-radius: 20px; }
.hero__inner { padding: 0 14px; }
.hero__row { gap: 20px; }
.hero__photo { height: 280px; border-radius: 16px 22px 16px 16px; }
.hero__slogan { font-size: 19px; }
.hero__text { padding-bottom: 18px; }
.audience__title { font-size: 24px; }
}
</style>
<link rel="stylesheet" href="header-mobile.css">
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(106539337, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/106539337" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</head>
<body>
<style>
/* Дропдаун «Кто ты, воин?» — шире, каждый пункт в одну строку */
.header__dropdown-menu { min-width: 280px; }
.header__dropdown-menu a { white-space: nowrap; }
</style>
<!-- ====== ШАПКА ====== -->
<header class="header" id="header">
<div class="header__inner">
<div class="header__logo">
<img src="images/logo3.svg" alt="Вызов Принят" class="header__logo-img header__logo-img--desktop">
<img src="images/logo-mobile.svg" alt="Вызов Принят" class="header__logo-img header__logo-img--mobile">
</div>
<nav class="header__nav" id="headerNav">
<button class="header__nav-btn" onclick="location.href='business/'">Управляющий партнер</button>
<button class="header__nav-btn" onclick="location.href='partner/'">Партнер по продажам</button>
<button class="header__nav-btn" onclick="location.href='produkt/'">Партнер по направлению</button>
<button class="header__nav-btn" onclick="location.href='traffic/'">Агент по продажам</button>
</nav>
<div class="header__dropdown-wrap" id="headerDropdown">
<button class="header__dropdown-toggle" id="dropdownToggle">
Кто ты, воин?
<svg viewBox="0 0 14 14" fill="none"><path d="M3 5.5L7 9.5L11 5.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div class="header__dropdown-menu">
<a href="business/">Предприниматель</a>
<a href="partner/">Руководитель отдела продаж</a>
<a href="produkt/">Владелец оборудования</a>
<a href="traffic/">Менеджер по продажам</a>
</div>
</div>
<div class="header__contact-compact">
<div class="header__contact-wrap">
<button class="header__cta header__contact-toggle">
Связаться с нами
<svg viewBox="0 0 14 14" width="12" height="12" fill="none" style="margin-left:6px"><path d="M3 5.5L7 9.5L11 5.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div class="header__contact-menu">
<a href="tel:+74952555095" class="header__contact-item">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
<span class="header__contact-text"><span class="header__contact-label">Телефон</span><span class="header__contact-value">+7 (495) 255-50-95</span></span>
</a>
<a href="https://t.me/+79778052702" class="header__contact-item" target="_blank">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
<span class="header__contact-text"><span class="header__contact-label">Телеграм</span><span class="header__contact-value">+7 (977) 805-27-02</span></span>
</a>
<a href="https://max.ru/u/f9LHodD0cOLe17IUzYU3ti8Iy3flw5b5v4prBj6_dZrYwF7owi-r7HHJbCY" class="header__contact-item" target="_blank">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
MAX
</a>
<button class="header__contact-item header__cta-form" onclick="document.getElementById('popupOverlay').classList.add('active')">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
Оставить заявку
</button>
</div>
</div>
</div>
<div class="header__right">
<div class="header__contact-wrap">
<button class="header__cta header__contact-toggle">
Связаться с нами
<svg viewBox="0 0 14 14" width="12" height="12" fill="none" style="margin-left:6px"><path d="M3 5.5L7 9.5L11 5.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div class="header__contact-menu">
<a href="tel:+74952555095" class="header__contact-item">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
<span class="header__contact-text"><span class="header__contact-label">Телефон</span><span class="header__contact-value">+7 (495) 255-50-95</span></span>
</a>
<a href="https://t.me/+79778052702" class="header__contact-item" target="_blank">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
<span class="header__contact-text"><span class="header__contact-label">Телеграм</span><span class="header__contact-value">+7 (977) 805-27-02</span></span>
</a>
<a href="https://max.ru/u/f9LHodD0cOLe17IUzYU3ti8Iy3flw5b5v4prBj6_dZrYwF7owi-r7HHJbCY" class="header__contact-item" target="_blank">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
MAX
</a>
<button class="header__contact-item header__cta-form" onclick="document.getElementById('popupOverlay').classList.add('active')">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
Оставить заявку
</button>
</div>
</div>
</div>
<!-- Мобильные иконки -->
<div class="header__mobile-right">
<div class="header__contact-wrap">
<button class="header__contact-toggle header__contacts-icon" aria-label="Контакты">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
</button>
<div class="header__contact-menu">
<a href="tel:+74952555095" class="header__contact-item">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
<span class="header__contact-text"><span class="header__contact-label">Телефон</span><span class="header__contact-value">+7 (495) 255-50-95</span></span>
</a>
<a href="https://t.me/+79778052702" class="header__contact-item" target="_blank">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
<span class="header__contact-text"><span class="header__contact-label">Телеграм</span><span class="header__contact-value">+7 (977) 805-27-02</span></span>
</a>
<a href="https://max.ru/u/f9LHodD0cOLe17IUzYU3ti8Iy3flw5b5v4prBj6_dZrYwF7owi-r7HHJbCY" class="header__contact-item" target="_blank">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
MAX
</a>
<button class="header__contact-item header__cta-form" onclick="document.getElementById('popupOverlay').classList.add('active')">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
Оставить заявку
</button>
</div>
</div>
</div>
</div>
</header>
<script src="header.js" defer></script>
<!-- ====== БЛОК 1 — HERO ====== -->
<div class="hero-wrap">
<section class="hero">
<div class="hero__inner">
<div class="hero__row">
<!-- Фото -->
<div class="hero__photo-wrap">
<div class="hero__photo">
<img id="heroPhotoImg" src="images/hero-photo.jpg" data-default="images/hero-photo.jpg" data-hover="images/hero-photo-play-hover.jpg" alt="Артём Абашин">
</div>
<div class="sp-hero__play-wrap">
<svg class="sp-hero__play-corner-svg" width="100" height="100" viewBox="0 0 115 115" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 114.935C0 101.68 10.7452 90.9347 24 90.9347H43C68.9574 90.9347 90 69.8921 90 43.9347V24C90 10.7451 100.745 0 114 0H24C10.7452 0 0 10.7452 0 24V114.935Z"
fill="var(--yellow)"/>
</svg>
<a class="sp-hero__play" href="partner/" aria-label="Смотреть видео">
<svg width="17" height="19" viewBox="0 0 17 19" fill="none">
<path d="M15.75 7.63221C17.0833 8.40201 17.0833 10.3265 15.75 11.0963L3 18.4575C1.66667 19.2273 9.71889e-07 18.2651 1.03919e-06 16.7255L1.68273e-06 2.00304C1.75002e-06 0.463441 1.66667 -0.49881 3 0.270991L15.75 7.63221Z" fill="white"/>
</svg>
</a>
</div>
<a class="sp-hero__play-hint" href="partner/" aria-label="Смотреть видео">
<svg class="sp-hero__play-hint-arrow" width="42" height="42" viewBox="0 0 42 42" fill="none" aria-hidden="true">
<path d="M3 40 C 10 22, 22 10, 38 6" stroke="var(--dark)" stroke-width="2.6" stroke-linecap="round" fill="none"/>
<path d="M30 3 L 38.5 5 L 35 14" stroke="var(--dark)" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
</svg>
<span class="sp-hero__play-hint-label">смотреть видео</span>
</a>
<div class="hero__person">
<div class="hero__person-name">Артём Абашин</div>
<div class="hero__person-role">Основатель • 20+ лет в событийной индустрии</div>
</div>
</div>
<!-- Заголовок -->
<div class="hero__text">
<h1 class="hero__title">Построй свою карьеру без поиска клиентов</h1>
<div class="hero__slogan">СДЕЛАЙ СВОЙ ПЕРВЫЙ МИЛЛИОН!</div>
</div>
</div>
</div>
</section>
<!-- Бегущая строка -->
<div class="hero__ticker">
<div class="hero__ticker-track">
<span class="hero__ticker-item"><span>1</span> собственная площадка PRO-Платформа</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>6</span> мобильных фудтраков</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>18</span> уникальных препятствий «Супер Ниндзя»</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>19</span> форматов интеллектуального казино</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>22</span> автономные полевые кухни</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>25</span> музыкальных интерактивов</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>35</span> сценариев кулинарного казино</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>40</span> вариаций выездного бара</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>85</span> видов оборудования для презентаций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>105</span> форматов выездного тира</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>120</span> игровых столов фан-казино</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>155</span> решений теплового оборудования</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>160</span> видов мировой кухни и гастрономических станций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>225</span> phygital-активаций и VR-активностей</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>260</span> творческих и кулинарных мастер-классов</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>335</span> игровых автоматов и настольных развлечений</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>420</span> надувных аттракционов и пневмоконструкций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>1001 м</span> самая длинная полоса препятствий в мире</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>3000 м</span> сценических конструкций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>5 000</span> мест выездного гардероба</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>9 500</span> единиц классической и дизайнерской мебели</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>12 000</span> позиций посуды и сервировки</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>25 000 м²</span> шатровых и тентовых конструкций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>165 000+</span> единиц оборудования в каталоге</span>
<span class="hero__ticker-dot"></span>
<!-- дубль для бесшовности -->
<span class="hero__ticker-item"><span>1</span> собственная площадка PRO-Платформа</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>6</span> мобильных фудтраков</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>18</span> уникальных препятствий «Супер Ниндзя»</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>19</span> форматов интеллектуального казино</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>22</span> автономные полевые кухни</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>25</span> музыкальных интерактивов</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>35</span> сценариев кулинарного казино</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>40</span> вариаций выездного бара</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>85</span> видов оборудования для презентаций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>105</span> форматов выездного тира</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>120</span> игровых столов фан-казино</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>155</span> решений теплового оборудования</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>160</span> видов мировой кухни и гастрономических станций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>225</span> phygital-активаций и VR-активностей</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>260</span> творческих и кулинарных мастер-классов</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>335</span> игровых автоматов и настольных развлечений</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>420</span> надувных аттракционов и пневмоконструкций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>1001 м</span> самая длинная полоса препятствий в мире</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>3000 м</span> сценических конструкций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>5 000</span> мест выездного гардероба</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>9 500</span> единиц классической и дизайнерской мебели</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>12 000</span> позиций посуды и сервировки</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>25 000 м²</span> шатровых и тентовых конструкций</span>
<span class="hero__ticker-dot"></span>
<span class="hero__ticker-item"><span>165 000+</span> единиц оборудования в каталоге</span>
<span class="hero__ticker-dot"></span>
</div>
</div>
<!-- Большой текст-стейтмент -->
<div class="hero__statement">
<p class="hero__statement-text">
<span class="hl-dark">Вызов принят</span> <span class="hl-yellow">— это</span><br>
<span class="hl-dark">партнёрская</span> <span class="hl-yellow">экосистема</span><br>
<span class="hl-yellow-bg">которая уже работает</span>
</p>
</div>
</div>
<!-- ====== ЧТО МЫ ДЕЛАЕМ ====== -->
<section class="services reveal">
<div class="services__box">
<div class="services__eyebrow">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4L12 2Z" fill="var(--yellow)"/>
<path d="M19.5 2.5l.9 2.4 2.4.9-2.4.9-.9 2.4-.9-2.4-2.4-.9 2.4-.9.9-2.4Z" fill="var(--yellow)"/>
</svg>
Что мы делаем
</div>
<h2 class="services__title">Собираем мероприятие <span class="services__title-key">под ключ</span></h2>
<p class="services__subtitle">От первого звонка до последнего гостя. Клиент получает готовое событие — а не список подрядчиков, которых нужно собирать самому.</p>
<div class="services__bento">
<div class="services__tile services__tile--yellow" style="--r: -1deg; --d: 0.05s">
<div class="services__tile-title">Аренда мебели</div>
<div class="services__tile-text">Столы, стулья, лаунж-зоны, текстиль и посуда — под формат и стиль события.</div>
<div class="services__tile-num">
<div class="services__tile-num-value" data-count="9500">0</div>
<div class="services__tile-num-caption">единиц мебели в парке</div>
</div>
<svg class="services__tile-bg" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 11V8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v3" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/><path d="M3 14a2 2 0 1 1 4 0v1h10v-1a2 2 0 1 1 4 0v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/></svg>
</div>
<div class="services__tile services__tile--dark" style="--r: 1.2deg; --d: 0.18s">
<div class="services__tile-title">Организация банкета</div>
<div class="services__tile-text">Кейтеринг, меню, обслуживание и бар — еда и сервис под количество гостей.</div>
<div class="services__tile-num">
<div class="services__tile-num-value" data-count="160">0</div>
<div class="services__tile-num-caption">видов мировой кухни</div>
</div>
<svg class="services__tile-bg" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M7 3v5a2 2 0 0 0 2 2v11M5 3v4M9 3v4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/><path d="M17 3c-1.6 2.2-2.2 4.3-2.2 6.3 0 1.4.7 2.2 2.2 2.2V21" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="services__tile services__tile--dark" style="--r: -0.8deg; --d: 0.32s">
<div class="services__tile-title">Шатровые конструкции</div>
<div class="services__tile-text">Шатры, тенты и павильоны любого размера — событие в любом месте и в любую погоду.</div>
<div class="services__tile-num">
<div class="services__tile-num-value" data-count="25000" data-suffix=" м²">0</div>
<div class="services__tile-num-caption">шатров и тентов</div>
</div>
<svg class="services__tile-bg" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3 2.5 20h6.2l3.3-6.5 3.3 6.5h6.2L12 3Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/></svg>
</div>
<div class="services__tile services__tile--white" style="--r: 0.8deg; --d: 0.45s">
<div class="services__tile-title">Декор, свет и координация</div>
<div class="services__tile-text">Оформление, техника и команда в день события — берём всю организацию на себя.</div>
<div class="services__tile-num">
<div class="services__tile-num-value" data-count="3000" data-suffix=" м">0</div>
<div class="services__tile-num-caption">сценических конструкций</div>
</div>
<svg class="services__tile-bg" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3 21 8l-9 5-9-5 9-5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="m4 12.5 8 4.5 8-4.5M4 17l8 4.5L20 17" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
</div>
<!-- Финал: +40 направлений -->
<div class="services__finale">
<div class="services__finale-num" data-count="40" data-prefix="+">+0</div>
<div class="services__finale-label">основных направлений<br>в одной экосистеме</div>
<div class="services__finale-tags">
<span class="services__tag">Фудтраки</span>
<span class="services__tag">Полевые кухни</span>
<span class="services__tag">Выездной бар</span>
<span class="services__tag">Фан-казино</span>
<span class="services__tag">Мастер-классы</span>
<span class="services__tag">Выездной тир</span>
<span class="services__tag">Надувные аттракционы</span>
<span class="services__tag services__tag--yellow">и это не всё ✦</span>
</div>
</div>
</div>
</section>
<script>
(function () {
// Счётчики цифр в блоке «Что мы делаем» — запуск при появлении в зоне видимости
var section = document.querySelector('.services');
if (!section) return;
var done = false;
function formatNum(n) {
return n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '\u00A0');
}
function runCounters() {
if (done) return;
done = true;
section.querySelectorAll('[data-count]').forEach(function (el) {
var target = parseInt(el.getAttribute('data-count'), 10);
var suffix = el.getAttribute('data-suffix') || '';
var prefix = el.getAttribute('data-prefix') || '';
var start = null, dur = 1600;
function step(ts) {
if (!start) start = ts;
var p = Math.min((ts - start) / dur, 1);
var eased = 1 - Math.pow(1 - p, 3);
el.textContent = prefix + formatNum(Math.round(target * eased)) + suffix;
if (p < 1) requestAnimationFrame(step);
}
requestAnimationFrame(step);
});
}
if ('IntersectionObserver' in window) {
new IntersectionObserver(function (entries, obs) {
entries.forEach(function (e) {
if (e.isIntersecting) { runCounters(); obs.disconnect(); }
});
}, { threshold: 0.25 }).observe(section);
} else {
runCounters();
}
})();
</script>
<!-- ====== КТО НАМ ПОДОЙДЕТ ====== -->
<section class="audience reveal">
<h2 class="audience__title"><span class="text-reveal text-reveal--yellow">Кого мы ищем</span></h2>
<p class="audience__subtitle">Предпринимателей без тормозов</p>
<div class="audience__cards">
<div class="audience__card">
<img src="images/entrepreneur.png" alt="Управляющий партнер" class="audience__card-img">
<div class="audience__card-bg">
<div class="audience__card-label">Управляющий партнер</div>
</div>
<a href="business/" class="audience__card-btn">Подробнее <span class="btn-arrow">→</span></a>
</div>
<div class="audience__card">
<img src="images/manager.png" alt="Партнер по продажам" class="audience__card-img">
<div class="audience__card-bg">
<div class="audience__card-label">Партнер по продажам</div>
</div>
<a href="partner/" class="audience__card-btn">Подробнее <span class="btn-arrow">→</span></a>
</div>
<div class="audience__card">
<img src="images/competitor.png" alt="Партнер по направлению" class="audience__card-img">
<div class="audience__card-bg">
<div class="audience__card-label">Партнер по направлению</div>
</div>
<a href="produkt/" class="audience__card-btn">Подробнее <span class="btn-arrow">→</span></a>
</div>
<div class="audience__card">
<img src="images/Frame 93.png" alt="Агент по продажам" class="audience__card-img">
<div class="audience__card-bg">
<div class="audience__card-label">Агент по продажам</div>
</div>
<a href="traffic/" class="audience__card-btn">Подробнее <span class="btn-arrow">→</span></a>
</div>
</div>
</section>
<!-- ====== ПАРТНЁРЫ ====== -->
<section class="brands">
<div class="brands__inner">
<h2 class="brands__title">НАШИ <span class="text-reveal">ПАРТНЁРЫ</span><sup class="brands__count">28</sup></h2>
<p class="brands__subtitle">Компании и эксперты, которые уже в системе</p>
<div class="brands__featured" id="brandsFeatured">
<div class="brands__featured-card">
<div class="brands__featured-photo">
<img id="brandsFeaturedImg" src="images/people/ilya-kochetygov.png" alt="">
</div>
<div class="brands__featured-person" id="brandsFeaturedPerson">Илья Кочетыгов</div>
</div>
<div class="brands__featured-body">
<a class="brands__featured-btn brands__featured-btn--mobile" id="brandsFeaturedLinkMobile" href="https://rent-beri.ru/about/" target="_blank" rel="noopener">
перейти на сайт
<svg class="brands__featured-btn-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<p class="brands__featured-desc" id="brandsFeaturedDesc">Аренда мобильных баров и аттракционов</p>
<div class="brands__featured-results-title" id="brandsFeaturedResultsTitle">Результат за 6 месяцев:</div>
<ul class="brands__featured-results-list" id="brandsFeaturedResults">
<li>доля участия в бюджете выросла с 10–15% до 30–40%</li>
<li>средний чек увеличился в 1,8–2 раза</li>
<li>без расширения ассортимента и операционных затрат</li>
</ul>
</div>
<div class="brands__nav">
<button class="brands__nav-btn" id="brandsPrev" title="Предыдущий партнёр">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 6l-6 6 6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<button class="brands__nav-btn" id="brandsNext" title="Следующий партнёр">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div class="brands__featured-action">
<a class="brands__featured-btn" id="brandsFeaturedLink" href="https://rent-beri.ru/about/" target="_blank" rel="noopener">
перейти на сайт
<svg class="brands__featured-btn-arrow" width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</div>
<div class="brands__hint">
<span class="brands__hint-arrow">↓</span>
<span class="brands__hint-text">наведи на любого партнёра, чтобы узнать о нём подробнее</span>
<span class="brands__hint-arrow">↓</span>
</div>
<!-- Мобильная пагинация -->
<div class="brands__mobile-pag">
<div class="brands__mobile-pag-thumb"></div>
</div>
<div class="brands__marquee">
<div class="brands__marquee-track">
<span class="brands__chip">Rent-Beri</span>
<span class="brands__chip">Печать баннеров</span>
<span class="brands__chip">PRO-Интерактив</span>
<span class="brands__chip">Каталист</span>
<span class="brands__chip">ABA-CATERING</span>
<span class="brands__chip">РЕНТ4ЭКСПО</span>
<span class="brands__chip">Мистер Во</span>
<span class="brands__chip">Арт-Актив</span>
<span class="brands__chip">Супер-ниндзя</span>
<span class="brands__chip">Bar Street</span>
<span class="brands__chip">Шатры в аренду</span>
<span class="brands__chip">Pro Platforma</span>
<span class="brands__chip">Аренда плюс</span>
<span class="brands__chip">Корпоративные-игры.рф</span>
<span class="brands__chip">Rent-Beri</span>
<span class="brands__chip">Печать баннеров</span>
<span class="brands__chip">PRO-Интерактив</span>
<span class="brands__chip">Каталист</span>
<span class="brands__chip">ABA-CATERING</span>
<span class="brands__chip">РЕНТ4ЭКСПО</span>
<span class="brands__chip">Мистер Во</span>
<span class="brands__chip">Арт-Актив</span>
<span class="brands__chip">Супер-ниндзя</span>
<span class="brands__chip">Bar Street</span>
<span class="brands__chip">Шатры в аренду</span>
<span class="brands__chip">Pro Platforma</span>
<span class="brands__chip">Аренда плюс</span>
<span class="brands__chip">Корпоративные-игры.рф</span>
</div>
</div>
<div class="brands__marquee">
<div class="brands__marquee-track brands__marquee-track--reverse">
<span class="brands__chip brands__chip--yellow">Фудтраки в аренду</span>
<span class="brands__chip brands__chip--yellow">Present Rent</span>
<span class="brands__chip brands__chip--yellow">Аренда сцен</span>
<span class="brands__chip brands__chip--yellow">Аренда батутов</span>
<span class="brands__chip brands__chip--yellow">Аренда пуфов</span>
<span class="brands__chip brands__chip--yellow">Фан-казино</span>
<span class="brands__chip brands__chip--yellow">Аренда посуды</span>
<span class="brands__chip brands__chip--yellow">Go-Food</span>
<span class="brands__chip brands__chip--yellow">Полевая кухня</span>
<span class="brands__chip brands__chip--yellow">Покер-аренда</span>
<span class="brands__chip brands__chip--yellow">Выездной лёд</span>
<span class="brands__chip brands__chip--yellow">Фотобудка в аренду</span>
<span class="brands__chip brands__chip--yellow">Аренда казино</span>
<span class="brands__chip brands__chip--yellow">SelfieBoom</span>
<span class="brands__chip brands__chip--yellow">Фудтраки в аренду</span>
<span class="brands__chip brands__chip--yellow">Present Rent</span>
<span class="brands__chip brands__chip--yellow">Аренда сцен</span>
<span class="brands__chip brands__chip--yellow">Аренда батутов</span>
<span class="brands__chip brands__chip--yellow">Аренда пуфов</span>
<span class="brands__chip brands__chip--yellow">Фан-казино</span>
<span class="brands__chip brands__chip--yellow">Аренда посуды</span>
<span class="brands__chip brands__chip--yellow">Go-Food</span>
<span class="brands__chip brands__chip--yellow">Полевая кухня</span>
<span class="brands__chip brands__chip--yellow">Покер-аренда</span>
<span class="brands__chip brands__chip--yellow">Выездной лёд</span>
<span class="brands__chip brands__chip--yellow">Фотобудка в аренду</span>
<span class="brands__chip brands__chip--yellow">Аренда казино</span>
<span class="brands__chip brands__chip--yellow">SelfieBoom</span>
</div>
</div>
</div>
</section>
<script>
(function() {
const DEFAULT_RESULTS_TITLE = 'После подключения к экосистеме:';
const PARTNERS = {
'Rent-Beri': {
person: 'Илья Кочетыгов',
photo: 'images/people/ilya-kochetygov.png',
desc: 'Аренда мобильных баров и аттракционов',
results: ['доля участия в бюджете выросла с 10–15% до 30–40%','средний чек увеличился в 1,8–2 раза','без расширения ассортимента и операционных затрат'],
resultsTitle: 'Результат за 6 месяцев:',
url: 'https://rent-beri.ru/about/'
},
'Печать баннеров': {
person: 'Михаил Щербаков',
photo: 'images/people/mikhail-scherbakov.png',
desc: 'Цех по печати и фрезеровке на ЧПУ',
results: ['заход в ивент через декораторов и брендинг','«закрывают» мероприятия под ключ в одном окне','клиенты «из портфеля» возвращаются'],
resultsTitle: 'Результат:',
url: 'https://pechat-bannerov.ru/'
},
'PRO-Интерактив': {
person: 'Василий Ухловский',
photo: 'images/people/vasiliy-uhlovskiy.png',
desc: 'Интерактивные решения для мероприятий',
results: ['средний чек вырос в 2,5 раза','доля участия в бюджете — до 45%','повторные клиенты +30%'],
resultsTitle: 'Результат за 6 месяцев:',
url: 'https://pro-interactive.ru/o-kompanii/'
},
'Каталист': {
person: 'Ирек Мансуров',
photo: 'images/people/irek-mansurov.png',
desc: 'Узкая специализация на тимбилдинг-сценариях',
results: ['вход в проекты на этапе выбора концепции корпоратива','расширили ассортимент на площадки, кейтеринг и транспорт','доля в бюджете выросла до 40–45%, чек — в 2–2,5 раза'],
resultsTitle: 'Результат:',
url: 'https://catalystrussia.ru/about'
},
'ABA-CATERING': {
person: 'Сергей Пузырёв',
photo: 'images/people/sergey-puzyrev.png',
desc: 'Кейтеринг → комплексные сделки',
results: ['было: 25 млн ₽','стало: 35 млн ₽','рост за счёт шатров и сцены без увеличения штата'],
resultsTitle: 'Финансовый эффект за месяц:',
url: 'https://aba-catering.ru/about/'
},
'РЕНТ4ЭКСПО': {
person: 'Николай Шихолин',
photo: 'images/people/nikolay-shiholin.png',
desc: 'Аренда мебели',
results: ['выручка по мебели: 60 млн ₽','общий оборот с питанием: 78,5 млн ₽','сделки стали глубже без роста затрат'],
resultsTitle: 'За 6 месяцев:',
url: 'https://www.rent4expo.com/'
},
'Мистер Во': {
person: 'Александр Маслаков',
photo: 'images/people/aleksandr-maslakov.png',
desc: 'Техническое обеспечение',
results: ['всё тех.оснащение + декор + мебель в одном КП','сокращение цикла сделки, меньше отказов','маржинальность выросла на 25–30%'],
resultsTitle: 'Результат:',
url: 'https://www.mistervo.ru/'
},
'Арт-Актив': {
person: 'Даниэль Попов',
photo: 'images/people/daniel-popov.png',
desc: 'Аттракционы и игровые зоны',
results: ['средний чек вырос с 100 тыс ₽ до 180 тыс ₽','конверсия +15%','пробит потолок 200 млн ₽ в год'],
resultsTitle: 'Факты:',
url: 'https://www.art-active24.ru/o-nas/'
},
'Супер-ниндзя': {
person: 'Артём Павлов',
photo: 'images/people/artem-pavlov.png',
desc: 'Надувные и модульные полосы препятствий',
results: ['вход в проекты через разработку сценария','комплексные КП: полосы + шатры + кейтеринг + ведущие','средний чек вырос в 1,8–2 раза'],
resultsTitle: 'Результат:',
url: 'https://www.super-nindzya.ru/'
},
'Bar Street': {
person: 'Артём Горбачёв',
photo: 'images/people/artem-gorbachev.png',
desc: 'Барный продакшен для корпоративных и частных мероприятий',
results: ['доля участия в бюджете выросла с 15–20% до 35–45%','средний чек вырос примерно в 2 раза','маржинальность увеличилась за счёт комплексных сделок'],
resultsTitle: 'Результат за 6 месяцев:',
url: 'https://bar-street.ru/team/'
},
'Шатры в аренду': {
person: 'Денис Гришин',
photo: 'images/people/denis-grishin.png',
desc: 'Узкий сегмент аренды шатров',
results: ['исчезли «провисания» в холодные даты','комплексные КП: шатры + мебель + отопление + свет','средний чек вырос в 1,5–2 раза'],
resultsTitle: 'Результат:',
url: 'https://www.arenda-shatrov77.ru/'
},
'Pro Platforma': {
person: 'Сергей Ларин',
photo: 'images/people/sergey-larin.png',
desc: 'Банкетная площадка',
results: ['закрыли кейтеринг и бар','мебель и тех.оснащение внутри площадки','новые форматы: конференции, корпоративы, дефиле'],
resultsTitle: 'Результат:',
url: 'https://pro-platforma.ru/'
},
'Аренда плюс': {
person: 'Евгений Авдеев',
photo: 'images/people/evgeniy-avdeev.png',
desc: 'От батутов к комплексным форматам',
results: ['средний чек вырос с 70 тыс ₽ до 150 тыс ₽','конверсия выросла на 10%','появились сделки на 5–7 млн ₽'],
resultsTitle: 'Результат:',
url: 'https://arenda-attrakcionov.ru/o-nas/'
},
'Корпоративные-игры.рф': {
person: 'Роман Горбань',
photo: 'images/people/roman-gorban.png',
desc: 'Игровые сценарии и форматы',
results: ['участие в бюджете выросло до ~40%','доход с клиента вырос почти в 2 раза','меньше отказов на этапе согласований'],
resultsTitle: 'Результат:',
url: 'https://корпоративные-игры.рф'
},
'Фудтраки в аренду': {
person: 'Александр Рудавин',
photo: 'images/people/aleksandr-rudavin.png',
desc: 'Аренда фудтраков',
results: ['расширили до 40+ кулинарных станций и мастер-классов','продают «гастрозону», а не «фудтрак»','загрузка выросла на 40%'],
resultsTitle: 'Результат:',
url: 'https://fud-trak77.ru/'
},
'Present Rent': {
person: 'Артём Квази',
photo: 'images/people/artem-kvazi.png',
desc: 'Аренда интерактивов по демократическим ценам',
results: ['ассортимент расширен до ~400 позиций','средний чек +30%','оборот вырос с 0,5 до ≈0,7 млн ₽ / мес'],
resultsTitle: 'Результат за 3 месяца:',
url: 'https://present.rent/'
},
'Аренда сцен': {
person: 'Александр Петрук',
photo: 'images/people/aleksandr-petruk.png',
desc: 'Сцена как инфраструктура',
results: ['модульные решения от 80 тыс ₽','мелкие клиенты дорастают до крупных через экосистему','календарь заполнен без простоев'],
resultsTitle: 'Результат:',
url: 'https://arenda-scen.ru/about'
},
'Аренда батутов': {
person: 'Давид Кравцов',
photo: 'images/people/david-kravtsov.png',
desc: 'Детские дни рождения как основа',
results: ['вышли на корпоративы с семейным форматом','чек вырос с 15–25 до 80–120 тыс ₽','контрактный бизнес с HR-отделами'],
resultsTitle: 'Результат:',
url: 'https://arenda-batuta24.ru/'
},
'Аренда пуфов': {
person: 'Данила Сергеев',
photo: 'images/people/danila-sergeev.png',
desc: 'Мягкая мебель для мероприятий',
results: ['работа с декораторами на этапе концепции','клиенты перестали экономить на мебели','заказы «под ключ»: зонирование + мебель + декор'],
resultsTitle: 'Результат:',
url: 'https://arenda-pufov.ru/'
},
'Фан-казино': {
person: 'Кирилл Сальманов',
photo: 'images/people/kirill-salmanov.png',
desc: 'Игровые столы как развлечение',
results: ['кулинарные форматы: сырное, винное, лимонадное казино','фан-казино стало центральной механикой вечера','загрузка оборудования выросла в 2 раза'],
resultsTitle: 'Результат:',
url: 'https://fan-kazino.ru/'
},
'Аренда посуды': {
person: 'Владислав Карпенко',
photo: 'images/people/vladislav-karpenko.png',
desc: 'Доступная посуда',
results: ['посуда стала частью сервировки мероприятия','средний чек вырос с 8 до 35 тыс ₽','маржинальность выросла до 40%'],
resultsTitle: 'Результат:',
url: 'https://arenda-posudy.ru/'
},
'Go-Food': {
person: 'Евгений Деряга',
photo: 'images/people/evgeniy-deryaga.png',
desc: 'Кейтеринг',
results: ['участие в бюджете — 40–50%','средний чек вырос более чем в 2 раза','конверсия запрос → контракт выросла на 15–20%'],
resultsTitle: 'Результат за 6 месяцев:',
url: 'https://go-food.ru/about/'
},
'Полевая кухня': {
person: 'Михаил Сальников',
photo: 'images/people/mikhail-salnikov.png',
desc: 'Станции полевой кухни',
results: ['формат уличного питания на корпоративах','шатры и мебель → любое уличное мероприятие','загрузка 8–9 месяцев, выручка за год выросла в 3 раза'],
resultsTitle: 'Результат:',
url: 'https://polevaya-kuhnya77.ru/'
},
'Покер-аренда': {
person: 'Дмитрий Казарлыга',
photo: 'images/people/dmitriy-kazarlyga.png',
desc: 'Покер и фан-казино',
results: ['покерный турнир — стержень корпоратива','полное оформление вечера через экосистему','средний чек вырос с 70 до 280 тыс ₽'],
resultsTitle: 'Результат:',
url: 'https://poker-arenda.ru/'
},
'Выездной лёд': {
person: 'Вячеслав Федулов',
photo: 'images/people/vyacheslav-fedulov.png',
desc: 'Аренда искусственного льда',
results: ['каток — центр зимнего корпоратива','«зимний праздник под ключ» за 1,2–1,8 млн ₽','абсолютная выручка выросла в 4 раза'],
resultsTitle: 'Результат:',
url: 'https://rentice.ru/'
},
'Фотобудка в аренду': {
person: 'Анна Вырупаева',
photo: 'images/people/anna-vyrupaeva.png',
desc: 'Фотобудки и фотозоны',
results: ['«контент-маршрут» по всему мероприятию','брендирование и упаковка контента для соцсетей','средний чек вырос с 30 до 180 тыс ₽'],
resultsTitle: 'Результат:',
url: 'https://fotobudka-v-arendu.ru/'
},
'Аренда казино': {
person: 'Илья Ибришим',
photo: 'images/people/ilya-ibrishim.png',
desc: 'Выездное фан-казино',
results: ['60+ столов без владения через экосистему','свои активы зарабатывают даже в простое','12–15 мероприятий в выходные, выручка ×2,8'],
resultsTitle: 'Результат:',
url: 'https://arenda-kazino.ru/'
},
'SelfieBoom': {
person: 'Виталий Анохин',
photo: 'images/people/vitaliy-anohin.png',
desc: 'Фотоинтерактив',
results: ['конверсия: 35%','средний чек: 135 тыс ₽','рост повторных клиентов'],
resultsTitle: 'Показатели:',
url: 'https://selfieboom.ru/about/'
}
};
const featured = document.getElementById('brandsFeatured');
if (!featured) return;
const imgEl = document.getElementById('brandsFeaturedImg');
const personEl = document.getElementById('brandsFeaturedPerson');
const descEl = document.getElementById('brandsFeaturedDesc');
const resultsEl = document.getElementById('brandsFeaturedResults');
const resultsTitleEl= document.getElementById('brandsFeaturedResultsTitle');
const linkEl = document.getElementById('brandsFeaturedLink');
const linkElMobile = document.getElementById('brandsFeaturedLinkMobile');
let currentName = 'Rent-Beri';
let fadeTimer = null;
function setFeatured(name) {
const data = PARTNERS[name];
if (!data || name === currentName) return;
currentName = name;
document.querySelectorAll('.brands__chip').forEach(c => {
c.classList.toggle('is-active', c.textContent.trim() === name);
});
clearTimeout(fadeTimer);
featured.classList.add('is-fading');
fadeTimer = setTimeout(() => {
imgEl.src = data.photo;
imgEl.alt = data.person || name;
personEl.textContent = data.person || name;
descEl.textContent = data.desc;
if (resultsTitleEl) resultsTitleEl.textContent = data.resultsTitle || DEFAULT_RESULTS_TITLE;
const results = data.results || [];
resultsEl.innerHTML = results.map(r => '<li>' + r + '</li>').join('');
linkEl.href = data.url;
if (linkElMobile) linkElMobile.href = data.url;
requestAnimationFrame(() => featured.classList.remove('is-fading'));
}, 120);
}
const tracks = [...document.querySelectorAll('.brands__marquee-track')];
const marquees = [...document.querySelectorAll('.brands__marquee')];
const trackState = tracks.map(t => {
const reverse = t.classList.contains('brands__marquee-track--reverse');
return { el: t, reverse, speed: reverse ? 35 : 40, offset: 0, halfWidth: 0 };
});
function measure() { trackState.forEach(s => { s.halfWidth = s.el.scrollWidth / 2; }); }
measure();
window.addEventListener('resize', measure);
function tickMarquee(ts) {
if (!tickMarquee.last) tickMarquee.last = ts;
const dt = (ts - tickMarquee.last) / 1000;
tickMarquee.last = ts;
trackState.forEach(s => {
if (s.paused || !s.halfWidth) return;
if (s.reverse) { s.offset += s.speed * dt; if (s.offset >= 0) s.offset -= s.halfWidth; }
else { s.offset -= s.speed * dt; if (s.offset <= -s.halfWidth) s.offset += s.halfWidth; }
s.el.style.transform = 'translate3d(' + s.offset.toFixed(2) + 'px, 0, 0)';
});
requestAnimationFrame(tickMarquee);
}
trackState.forEach(s => { if (s.reverse) s.offset = -1; });
requestAnimationFrame(tickMarquee);
marquees.forEach((m, mi) => {
let dragging = false;
let startX = 0;
let startOffset = 0;
const s = trackState[mi];
m.addEventListener('mouseenter', () => { s.paused = true; });
m.addEventListener('mouseleave', () => { if (!dragging) s.paused = false; });
m.addEventListener('mousedown', (e) => {
if (e.button !== 0) return;
dragging = true;
s.paused = true;
startX = e.clientX;
startOffset = s.offset;
e.preventDefault();
});
document.addEventListener('mousemove', (e) => {
if (!dragging) return;
const dx = e.clientX - startX;
s.offset = startOffset + dx;
if (s.halfWidth) {
while (s.offset > 0) s.offset -= s.halfWidth;
while (s.offset < -s.halfWidth) s.offset += s.halfWidth;
}
s.el.style.transform = 'translate3d(' + s.offset.toFixed(2) + 'px, 0, 0)';
});
document.addEventListener('mouseup', () => {
if (!dragging) return;
dragging = false;
s.paused = false;
});
});
let hoverTimer = null;
document.querySelectorAll('.brands__chip').forEach(chip => {
chip.addEventListener('mouseenter', () => {
clearTimeout(hoverTimer);
hoverTimer = setTimeout(() => setFeatured(chip.textContent.trim()), 80);
});
chip.addEventListener('mouseleave', () => clearTimeout(hoverTimer));
chip.addEventListener('click', () => { clearTimeout(hoverTimer); setFeatured(chip.textContent.trim()); });
});
document.querySelectorAll('.brands__chip').forEach(c => {
if (c.textContent.trim() === 'Rent-Beri') c.classList.add('is-active');
});
currentName = '';
setFeatured('Rent-Beri');
const partnerNames = Object.keys(PARTNERS);
document.getElementById('brandsNext')?.addEventListener('click', () => {
let idx = partnerNames.indexOf(currentName);
idx = (idx + 1) % partnerNames.length;
setFeatured(partnerNames[idx]);
});
document.getElementById('brandsPrev')?.addEventListener('click', () => {
let idx = partnerNames.indexOf(currentName);
idx = (idx - 1 + partnerNames.length) % partnerNames.length;
setFeatured(partnerNames[idx]);
});
// Мобильный свайп + пагинация
var pagThumb = document.querySelector('.brands__mobile-pag-thumb');
function updatePag() {
if (!pagThumb) return;
var idx = partnerNames.indexOf(currentName);
if (idx < 0) idx = 0;
var pct = idx / (partnerNames.length - 1) * (100 / 0.15 - 100);
pagThumb.style.transform = 'translateX(' + pct + '%)';
}
var origSet = setFeatured;
setFeatured = function(name) { origSet(name); updatePag(); };
updatePag();
var swipeStartX = 0;
featured.addEventListener('touchstart', function(e) {
swipeStartX = e.touches[0].clientX;
}, { passive: true });
featured.addEventListener('touchend', function(e) {
var dx = e.changedTouches[0].clientX - swipeStartX;
if (Math.abs(dx) < 40) return;
var idx = partnerNames.indexOf(currentName);
if (dx < 0) idx = (idx + 1) % partnerNames.length;
else idx = (idx - 1 + partnerNames.length) % partnerNames.length;
setFeatured(partnerNames[idx]);
}, { passive: true });
})();
</script>
<!-- ====== ЛОКАЦИЯ ====== -->
<section class="location">
<div class="location__inner">
<h2 class="location__title">ЛОКАЦИЯ И СКЛАДСКИЕ <span class="text-reveal">МОЩНОСТИ</span></h2>
<p class="location__subtitle">Собственный офис, коворкинг и склады в Москве</p>
<div class="location__stats">
<div class="location__stat">
<div class="location__stat-num">10 000+ м²</div>
<div class="location__stat-text">общая площадь складов</div>
</div>
<div class="location__stat">
<div class="location__stat-num">165 000+</div>
<div class="location__stat-text">единиц оборудования</div>
</div>
<div class="location__stat">
<div class="location__stat-num">24/7</div>
<div class="location__stat-text">отгрузка и приёмка</div>
</div>
</div>
<div class="location__grid">
<div class="location__map-full" id="mapCombined"></div>
</div>
<script src="https://api-maps.yandex.ru/2.1/?apikey=0cf6f02b-d70a-4bca-8c7f-0112c1ef56e3&lang=ru_RU"></script>
<script>
ymaps.ready(initV2);
var ZONES = [
{ name: 'Вызов принят', color: '#FF6B35', coords: [[55.67364,37.73476],[55.67364,37.73473],[55.67402,37.73474],[55.67402,37.73482],[55.67405,37.73482],[55.67405,37.73512],[55.67401,37.73512],[55.67401,37.73529],[55.67395,37.73529],[55.67395,37.73524],[55.6736,37.73524],[55.6736,37.73476]] },
{ name: 'Рем.цех', color: '#546E7A', coords: [[55.67327,37.73477],[55.67354,37.73483],[55.67352,37.7351],[55.67346,37.73508],[55.67345,37.73514],[55.67324,37.7351]] },
{ name: 'Аттракционы/интерактивы, тиры', color: '#FFC107', coords: [[55.67276,37.7347],[55.67282,37.73472],[55.67282,37.73469],[55.67327,37.73477],[55.67324,37.73509],[55.67273,37.73497]] },
{ name: 'Фан-казино', color: '#D32F2F', coords: [[55.67257,37.73444],[55.6728,37.73458],[55.67279,37.73462],[55.6727,37.73458],[55.67269,37.7347],[55.67276,37.73471],[55.67273,37.73497],[55.6726,37.73495],[55.67246,37.73489]] },
{ name: 'Декор + МК', color: '#2DC653', coords: [[55.67357,37.7338],[55.67349,37.73417],[55.67329,37.73403],[55.67337,37.73366]] },
{ name: 'Мойка оборудования', color: '#26A69A', coords: [[55.67349,37.73417],[55.67341,37.73454],[55.67321,37.7344],[55.67329,37.73403]] },
{ name: 'Фиджитал', color: '#FFB300', coords: [[55.67337,37.73366],[55.67329,37.73403],[55.67321,37.7344],[55.673,37.73426],[55.67316,37.73352]] },
{ name: 'Типография', color: '#E91E63', coords: [[55.67332,37.7352],[55.67332,37.73525],[55.67351,37.73525],[55.67351,37.73541],[55.67355,37.73541],[55.67355,37.73564],[55.67316,37.73565],[55.67316,37.73519]] },
{ name: 'Фуд-траки', color: '#FF9800', coords: [[55.67333,37.73456],[55.67342,37.73461],[55.67341,37.73472],[55.67318,37.73467],[55.6732,37.73447]] },
{ name: 'Оборудование для кейтеринга и баров', color: '#3F51B5', coords: [[55.67311,37.73347],[55.67299,37.73402],[55.67272,37.73385],[55.67284,37.73329]] },
{ name: 'Текстиль', color: '#AB47BC', coords: [[55.67284,37.73329],[55.67272,37.73385],[55.67259,37.73376],[55.6727,37.7332]] },
{ name: 'Интерактивный склад', color: '#5C4033', coords: [[55.67343,37.7326],[55.67339,37.73298],[55.67307,37.73289],[55.67309,37.73263],[55.67314,37.73265],[55.67315,37.73253]] },
{ name: 'Мебель', color: '#1565C0', coords: [[55.67339,37.73299],[55.67335,37.73341],[55.67309,37.73333],[55.67313,37.73291]] },
{ name: 'Деревянные конструкции', color: '#8D6E63', coords: [[55.67278,37.73261],[55.67275,37.73293],[55.67268,37.73291],[55.67272,37.73258]] },
{ name: 'Посуда', color: '#EF5350', coords: [[55.67261,37.73415],[55.67246,37.73477],[55.67235,37.73469],[55.67251,37.73406]] },
{ name: 'Полевые кухни', color: '#78909C', coords: [[55.67302,37.73437],[55.67302,37.73439],[55.67288,37.73435],[55.67265,37.73424],[55.67267,37.73416]] },
{ name: 'Батуты', color: '#795548', coords: [[55.67377,37.73327],[55.67374,37.73359],[55.67361,37.73355],[55.67362,37.73347],[55.67335,37.73338],[55.67338,37.73315]] },
{ name: 'Сцены, Подиумы', color: '#9C27B0', coords: [[55.67402,37.73363],[55.67403,37.73415],[55.67379,37.73415],[55.67379,37.73362]] },
{ name: 'Шатры', color: '#4CAF50', coords: [[55.67379,37.73362],[55.67379,37.73415],[55.6736,37.73415],[55.67362,37.7336]] },
{ name: 'Тепловое оборудование', color: '#FF5722', coords: [[55.67403,37.73422],[55.67404,37.73459],[55.67389,37.73459],[55.67389,37.73422]] },
{ name: 'Напольное покрытие', color: '#607D8B', coords: [[55.67388,37.73422],[55.67388,37.73438],[55.67366,37.73438],[55.67366,37.73422]] },
{ name: 'Пуфы', color: '#00BCD4', coords: [[55.67389,37.73443],[55.67389,37.73459],[55.67367,37.73459],[55.67367,37.73443]] },
];
function getCenterLatLon(coords) {
var lat = 0, lon = 0;
coords.forEach(function(c) { lat += c[0]; lon += c[1]; });
return [lat / coords.length, lon / coords.length];
}
function initV2() {
var map = new ymaps.Map('mapCombined', {
center: [55.67330, 37.73400], zoom: 18, type: 'yandex#map',
controls: ['zoomControl']
});
ZONES.forEach(function(z) {
var polygon = new ymaps.Polygon([z.coords], {
hintContent: z.name,
balloonContentHeader: '<strong>' + z.name + '</strong>'
}, {
fillColor: z.color + '44',
strokeColor: z.color,
strokeWidth: 3
});
map.geoObjects.add(polygon);
var c = getCenterLatLon(z.coords);
var layout = ymaps.templateLayoutFactory.createClass(
'<div style="display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-100%)">' +
'<div style="background:' + z.color + ';color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:600;' +
'padding:4px 10px;border-radius:8px;max-width:120px;text-align:center;line-height:1.3;box-shadow:0 2px 8px rgba(0,0,0,.25)">' + z.name + '</div>' +
'<div style="width:2px;height:8px;background:' + z.color + '"></div>' +
'<div style="width:8px;height:8px;border-radius:50%;background:' + z.color + ';border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3)"></div>' +
'</div>'
);
map.geoObjects.add(new ymaps.Placemark(c, {
hintContent: z.name
}, {
iconLayout: layout,
iconShape: { type: 'Rectangle', coordinates: [[-60, -40], [60, 0]] }
}));
});
}
</script>
</div>
</section>
<!-- ====== FAQ ====== -->
<style>
/* ============================================
FAQ
============================================ */
.faq {
max-width: 1340px;
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: 420px 1fr;
gap: 60px;
align-items: start;
}
.faq__head {
position: sticky;
top: 120px;
}
.faq__eyebrow {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--dark);
}
.faq__title {
font-family: 'Unbounded', sans-serif;
font-size: 42px;
font-weight: 900;
line-height: 1.25;
color: var(--dark);
text-transform: uppercase;
margin-top: 16px;
}
.faq__title-plate {
display: inline-block;
background: var(--yellow);
padding: 2px 16px 5px;
transform: rotate(-2deg);
}
.faq__text {
font-size: 16px;
color: var(--text-muted);
margin-top: 16px;
max-width: 360px;
}
/* Карточка-стикер «Не нашли ответ?» */
.faq__cta {
margin-top: 36px;
background: var(--dark);
border-radius: 24px;
padding: 28px;
transform: rotate(-1.5deg);
transition: transform 0.3s ease;
max-width: 360px;
position: relative;
overflow: hidden;
}
.faq__cta:hover {
transform: rotate(0deg);
}
.faq__cta-title {
font-family: 'Unbounded', sans-serif;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
}
.faq__cta-text {
font-size: 14px;
color: rgba(255,255,255,0.65);
margin-top: 8px;
}
.faq__cta-btn {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 18px;
background: var(--yellow);
color: var(--dark);
border: none;
border-radius: 14px;
padding: 13px 22px;
font-family: 'Unbounded', sans-serif;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.faq__cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(253,211,0,0.35);
}
.faq__cta-bg {
position: absolute;
right: -22px;
bottom: -26px;
width: 120px;
height: 120px;
color: #fff;
opacity: 0.08;
transform: rotate(-10deg);
pointer-events: none;
}
/* Аккордеон */
.faq__item {
border-bottom: 1px solid var(--gray-2);
opacity: 0;
transform: translateY(18px);
transition: opacity 0.55s ease var(--d, 0s), transform 0.55s ease var(--d, 0s);
}
.faq.is-visible .faq__item {
opacity: 1;
transform: none;
}
.faq__q {
width: 100%;
display: grid;
grid-template-columns: 44px 1fr 34px;
gap: 18px;
align-items: center;
padding: 21px 0;
background: none;
border: none;
text-align: left;
cursor: pointer;
}
.faq__num {
font-family: 'Unbounded', sans-serif;
font-size: 14px;
font-weight: 800;
color: #c9c9c9;
transition: color 0.25s ease;
}
.faq__item.open .faq__num {
color: var(--yellow);
}
.faq__q-text {
font-family: 'Unbounded', sans-serif;
font-size: 16px;
font-weight: 700;
color: var(--dark);
line-height: 1.4;
}
.faq__toggle {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
background: var(--gray-1);
border-radius: 12px;
color: var(--dark);
transition: transform 0.3s ease, background 0.3s ease;
}
.faq__toggle svg {
width: 14px;
height: 14px;
}
.faq__item.open .faq__toggle {
background: var(--yellow);
transform: rotate(45deg);
}
.faq__q:hover .faq__toggle {
background: var(--yellow-soft);
}
.faq__a {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
}
.faq__a-in {
padding: 0 0 24px 62px;
font-size: 15px;
line-height: 1.6;
color: var(--text-muted);
max-width: 640px;
}
@media (max-width: 900px) {
.faq {
grid-template-columns: 1fr;
gap: 36px;
}
/* Распускаем шапку: интро, список и карточка становятся элементами грида,
карточка через order уезжает под все ответы */
.faq__head {
display: contents;
}
.faq__cta {
order: 1;
margin-top: 0;
}
.faq__title {
font-size: 30px;
}
.faq__q {
grid-template-columns: 34px 1fr 34px;
gap: 12px;
}
.faq__a-in {
padding-left: 46px;
}
}
@media (max-width: 600px) {
.faq__title { font-size: 24px; }
.faq__q-text { font-size: 14px; }
.faq__q { padding: 17px 0; }
}
</style>
<section class="faq reveal" id="faq">
<div class="faq__head">
<div class="faq__intro">
<div class="faq__eyebrow">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4L12 2Z" fill="var(--yellow)"/>
<path d="M19.5 2.5l.9 2.4 2.4.9-2.4.9-.9 2.4-.9-2.4-2.4-.9 2.4-.9.9-2.4Z" fill="var(--yellow)"/>
</svg>
FAQ
</div>
<h2 class="faq__title">Вопросы?<br><span class="faq__title-plate">Отвечаем</span></h2>
<p class="faq__text">Коротко о том, как устроена экосистема и с чего начать.</p>
</div>
<div class="faq__cta">
<div class="faq__cta-title">Не нашли ответ?</div>
<div class="faq__cta-text">Оставьте заявку — расскажем лично и подберём формат сотрудничества.</div>
<button class="faq__cta-btn header__cta-form" type="button">Оставить заявку
<svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M5 12h14m0 0-6-6m6 6-6 6" stroke="#1a1a1a" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<svg class="faq__cta-bg" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
<div class="faq__list">
<div class="faq__item" style="--d: 0.09s">
<button class="faq__q" type="button">
<span class="faq__num">1</span>
<span class="faq__q-text">Что такое «Вызов Принят»?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">«Вызов Принят» — экосистема, объединяющая партнёров, продукты, современные решения и организацию мероприятий в событийной индустрии.</div></div>
</div>
<div class="faq__item" style="--d: 0.13s">
<button class="faq__q" type="button">
<span class="faq__num">2</span>
<span class="faq__q-text">Чем занимается компания?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Мы — управляющая компания крупнейшего в России поставщика развлекательного, технического и вспомогательного оборудования в сфере организации мероприятий.</div></div>
</div>
<div class="faq__item" style="--d: 0.17s">
<button class="faq__q" type="button">
<span class="faq__num">3</span>
<span class="faq__q-text">Кого мы ищем?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Предпринимателей, партнёров, организаторов мероприятий, партнёров по продажам и людей, которые хотят развивать собственные направления внутри большой системы.</div></div>
</div>
<div class="faq__item" style="--d: 0.21s">
<button class="faq__q" type="button">
<span class="faq__num">4</span>
<span class="faq__q-text">Это работа или партнёрство?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Основной концепт платформы «Вызов Принят» — партнёрская модель развития.</div></div>
</div>
<div class="faq__item" style="--d: 0.25s">
<button class="faq__q" type="button">
<span class="faq__num">5</span>
<span class="faq__q-text">В каких городах работает компания?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Мы развиваем проекты по всей России и заинтересованы в масштабировании новых направлений в разных регионах.</div></div>
</div>
<div class="faq__item" style="--d: 0.29s">
<button class="faq__q" type="button">
<span class="faq__num">6</span>
<span class="faq__q-text">Какие направления сейчас развиваются?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Тимбилдинг, мастер-классы, детские программы, интерактивные активации, digital- и phygital-продукты, корпоративный мерч.</div></div>
</div>
<div class="faq__item" style="--d: 0.33s">
<button class="faq__q" type="button">
<span class="faq__num">7</span>
<span class="faq__q-text">Можно ли прийти со своим продуктом?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Да. Мы активно ищем новые продукты, активности, шоу, механики и сервисы для интеграции в экосистему.</div></div>
</div>
<div class="faq__item" style="--d: 0.37s">
<button class="faq__q" type="button">
<span class="faq__num">8</span>
<span class="faq__q-text">Что получает партнёр?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Доступ к клиентскому потоку, маркетингу, продажам, CRM, инфраструктуре и возможностям масштабирования.</div></div>
</div>
<div class="faq__item" style="--d: 0.41s">
<button class="faq__q" type="button">
<span class="faq__num">9</span>
<span class="faq__q-text">Откуда приходят клиенты?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Через собственные сайты, SEO-продвижение, маркетинг, рекламу и систему продаж.</div></div>
</div>
<div class="faq__item" style="--d: 0.45s">
<button class="faq__q" type="button">
<span class="faq__num">10</span>
<span class="faq__q-text">Есть ли обучение?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Да. Мы помогаем быстро погрузиться в процессы и разобраться в структуре работы.</div></div>
</div>
<div class="faq__item" style="--d: 0.49s">
<button class="faq__q" type="button">
<span class="faq__num">11</span>
<span class="faq__q-text">Можно ли развивать своё направление?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Да. Мы заинтересованы в сильных людях, которые готовы строить и усиливать собственные направления внутри системы.</div></div>
</div>
<div class="faq__item" style="--d: 0.53s">
<button class="faq__q" type="button">
<span class="faq__num">12</span>
<span class="faq__q-text">Есть ли ограничения по доходу?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Нет. Доход напрямую зависит от результатов и масштаба развиваемого направления.</div></div>
</div>
<div class="faq__item" style="--d: 0.57s">
<button class="faq__q" type="button">
<span class="faq__num">13</span>
<span class="faq__q-text">Что отличает вас от обычного агентства?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Мы не просто оказываем услуги, а строим масштабируемую систему с множеством продуктов, партнёров и направлений.</div></div>
</div>
<div class="faq__item" style="--d: 0.61s">
<button class="faq__q" type="button">
<span class="faq__num">14</span>
<span class="faq__q-text">Как начать сотрудничество?</span>
<span class="faq__toggle" aria-hidden="true">
<svg viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
</span>
</button>
<div class="faq__a"><div class="faq__a-in">Оставьте заявку через сайт и расскажите о себе, своём опыте или продукте. После этого мы свяжемся для обсуждения дальнейших шагов.</div></div>
</div>
</div>
</section>
<script>
// FAQ-аккордеон: один открытый вопрос за раз
(function () {
var items = document.querySelectorAll('.faq__item');
items.forEach(function (item) {
var btn = item.querySelector('.faq__q');
var panel = item.querySelector('.faq__a');
btn.addEventListener('click', function () {
var isOpen = item.classList.contains('open');
items.forEach(function (other) {
other.classList.remove('open');
other.querySelector('.faq__a').style.maxHeight = null;
});
if (!isOpen) {
item.classList.add('open');
panel.style.maxHeight = panel.scrollHeight + 'px';
}
});
});
// Первый вопрос открыт по умолчанию
if (items.length) {
items[0].classList.add('open');
var first = items[0].querySelector('.faq__a');
first.style.maxHeight = first.scrollHeight + 'px';
}
})();
</script>
<!-- ====== ПОПАП ЗАЯВКИ ====== -->
<div class="popup-overlay" id="popupOverlay">
<div class="popup">
<button class="popup__close" id="popupClose">
<svg viewBox="0 0 16 16" fill="none"><path d="M12 4L4 12M4 4l8 8" stroke="#fff" stroke-width="2" stroke-linecap="round"/></svg>
</button>
<h2 class="popup__title">Оставить заявку</h2>
<p class="popup__subtitle">Заполните форму и мы свяжемся с вами</p>
<form class="popup__form" id="popupForm" novalidate>
<input class="popup__input" type="text" name="name" placeholder="Имя" required>
<input class="popup__input popup__input--phone" type="tel" id="popupPhone" name="phone" placeholder="+7 (___) ___ - __ - __" required>
<button class="popup__btn" type="submit">Отправить заявку</button>
</form>
<div class="popup__success" id="popupSuccess">
<div class="popup__success-icon">
<svg viewBox="0 0 32 32" fill="none"><path d="M8 17l5 5 11-13" stroke="#fdd300" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="popup__success-title">Спасибо!</div>
<div class="popup__success-text">Мы свяжемся с вами</div>
</div>
</div>
</div>
<script>
// Popup form
(function(){
var overlay = document.getElementById('popupOverlay');
var closeBtn = document.getElementById('popupClose');
var phone = document.getElementById('popupPhone');
var form = document.getElementById('popupForm');
// Открытие по кнопке "Оставить заявку"
document.querySelectorAll('.header__cta-form').forEach(function(btn){
btn.addEventListener('click', function(){ overlay.classList.add('active'); });
});
// «Связаться с нами» и dropdown «Кто ты, воин?» обрабатываются в header.js
// (подключается из header.php). Инлайн-дубль убран — иначе два обработчика
// на одну кнопку давали двойной toggle и меню мгновенно схлопывалось.
// Закрытие
function closePopup(){ overlay.classList.remove('active'); }
closeBtn.addEventListener('click', closePopup);
overlay.addEventListener('click', function(e){ if(e.target === overlay) closePopup(); });
document.addEventListener('keydown', function(e){ if(e.key === 'Escape') closePopup(); });
// Маска телефона
phone.addEventListener('input', function(e){
if(e && e.inputType && e.inputType.indexOf('delete') !== -1) return;
var val = phone.value.replace(/\D/g, '');
if(val.length === 0){ phone.value = ''; return; }
if(val[0] === '7') val = val.substring(1);
if(val[0] === '8') val = val.substring(1);
var result = '+7';
if(val.length > 0) result += ' (' + val.substring(0,3);
if(val.length >= 3) result += ') ' + val.substring(3,6);
if(val.length >= 6) result += ' - ' + val.substring(6,8);
if(val.length >= 8) result += ' - ' + val.substring(8,10);
phone.value = result;
});
phone.addEventListener('focus', function(){ if(!phone.value) phone.value = '+7'; });
// Отправка
function showPopupSuccess(){
var title = document.querySelector('.popup__title');
var sub = document.querySelector('.popup__subtitle');
var success = document.getElementById('popupSuccess');
if (title) title.style.display = 'none';
if (sub) sub.style.display = 'none';
form.style.display = 'none';
if (success) success.style.display = 'flex';
setTimeout(function(){
closePopup();
setTimeout(function(){
form.reset();
if (title) title.style.display = '';
if (sub) sub.style.display = '';
form.style.display = '';
if (success) success.style.display = 'none';
}, 400);
}, 2000);
}
form.addEventListener('submit', function(e){
e.preventDefault();
var digits = phone.value.replace(/\D/g, '');
if(digits.length < 11){
phone.classList.add('popup__input--error');
phone.focus();
phone.addEventListener('input', function rem(){ phone.classList.remove('popup__input--error'); phone.removeEventListener('input', rem); });
return;
}
var params = new URLSearchParams(window.location.search);
var data = {
form_title: 'Форма попап - Главная',
fio: (form.elements['name'].value || '').trim(),
phone: "'" + phone.value.trim()
};
['utm_source','utm_medium','utm_campaign','utm_content','utm_term'].forEach(function(k){
data[k] = params.get(k) || '';
});
var submitBtn = form.querySelector('.popup__btn');
if(submitBtn) submitBtn.disabled = true;
fetch('/save-anketa.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(Object.assign({}, data, { secret: 'LHFGSFYOSFOSFUIHLFLSBFLSDBLVUPSFOJEFFINDLBVSD' })),
keepalive: true
}).catch(function(){});
fetch('https://little-mode-14cb.effectik.workers.dev/', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(data),
keepalive: true
}).catch(function(){});
if(submitBtn) submitBtn.disabled = false;
showPopupSuccess();
});
})();
</script>
<script>
// Scroll reveal
(function(){
var els = document.querySelectorAll('.reveal');
var io = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){
e.target.classList.add('is-visible');
io.unobserve(e.target);
}
});
}, {threshold: 0.15});
els.forEach(function(el){ io.observe(el); });
})();
</script>
<script>
// Анимация text-reveal при скролле
(function() {
const els = document.querySelectorAll('.text-reveal');
if (!els.length) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) {
e.target.classList.add('is-revealed');
obs.unobserve(e.target);
}
});
}, { threshold: 0.3 });
els.forEach(el => obs.observe(el));
})();
</script>
<!-- Модалка с видео -->
<style>
.sp-video-modal { position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,0.85); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; padding: 40px; }
.sp-video-modal.active { opacity: 1; visibility: visible; }
.sp-video-modal__inner { width: 100%; max-width: 900px; aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; position: relative; background: #000; }
.sp-video-modal__inner video { width: 100%; height: 100%; display: block; background: #000; }
.sp-video-modal__close { position: absolute; top: -50px; right: 0; width: 40px; height: 40px; background: rgba(255,255,255,0.15); border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
.sp-video-modal__close:hover { background: rgba(255,255,255,0.3); }
.sp-video-modal__close svg { width: 20px; height: 20px; }
@media (max-width: 768px) { .sp-video-modal { padding: 16px; } .sp-video-modal__close { top: -44px; } }
</style>
<div class="sp-video-modal" id="videoModal">
<div class="sp-video-modal__inner">
<button class="sp-video-modal__close" id="videoModalClose" aria-label="Закрыть">
<svg viewBox="0 0 16 16" fill="none"><path d="M12 4L4 12M4 4l8 8" stroke="#fff" stroke-width="2" stroke-linecap="round"/></svg>
</button>
<video id="videoModalVideo" controls playsinline preload="none"></video>
</div>
</div>
<script>
// Hero play hover — смена фото + модалка с видео
(function() {
var play = document.querySelector('.sp-hero__play');
var img = document.getElementById('heroPhotoImg');
var modal = document.getElementById('videoModal');
var video = document.getElementById('videoModalVideo');
var closeBtn = document.getElementById('videoModalClose');
if (!play || !img) return;
var videoSrc = 'abashin.mp4';
play.addEventListener('click', function(e){
e.preventDefault();
if (!modal || !video) return;
video.src = videoSrc;
modal.classList.add('active');
video.play().catch(function(){});
});
if (closeBtn && modal && video) {
var close = function(){
modal.classList.remove('active');
video.pause();
video.currentTime = 0;
video.removeAttribute('src');
video.load();
};
closeBtn.addEventListener('click', close);
modal.addEventListener('click', function(e){ if (e.target === modal) close(); });
document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && modal.classList.contains('active')) close(); });
}
})();
</script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 13
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 13 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
Показать внутренние ссылки
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /business/ |
Предприниматель
|
|
Анализировать url |
| /partner/ |
Руководитель отдела продаж
|
|
Анализировать url |
| /produkt/ |
Владелец оборудования
|
|
Анализировать url |
| /traffic/ |
Менеджер по продажам
|
|
Анализировать url |
| /tel:+74952555095 |
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
<span class="header__contact-text"><span class="header__contact-label">Телефон</span><span class="header__contact-value">+7 (495) 255-50-95</span></span>
|
|
|
| /tel:+74952555095 |
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
<span class="header__contact-text"><span class="header__contact-label">Телефон</span><span class="header__contact-value">+7 (495) 255-50-95</span></span>
|
|
|
| /tel:+74952555095 |
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
<span class="header__contact-text"><span class="header__contact-label">Телефон</span><span class="header__contact-value">+7 (495) 255-50-95</span></span>
|
|
|
| /partner/ |
<svg width="17" height="19" viewbox="0 0 17 19" fill="none">
<path d="M15.75 7.63221C17.0833 8.40201 17.0833 10.3265 15.75 11.0963L3 18.4575C1.66667 19.2273 9.71889e-07 18.2651 1.03919e-06 16.7255L1.68273e-06 2.00304C1.75002e-06 0.463441 1.66667 -0.49881 3 0.270991L15.75 7.63221Z" fill="white"></path>
</svg>
|
|
Анализировать url |
| /partner/ |
<svg class="sp-hero__play-hint-arrow" width="42" height="42" viewbox="0 0 42 42" fill="none" aria-hidden="true">
<path d="M3 40 C 10 22, 22 10, 38 6" stroke="var(--dark)" stroke-width="2.6" stroke-linecap="round" fill="none"></path>
<path d="M30 3 L 38.5 5 L 35 14" stroke="var(--dark)" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
</svg>
<span class="sp-hero__play-hint-label">смотреть видео</span>
|
|
Анализировать url |
| /business/ |
Подробнее <span class="btn-arrow">→</span>
|
|
Анализировать url |
| /partner/ |
Подробнее <span class="btn-arrow">→</span>
|
|
Анализировать url |
| /produkt/ |
Подробнее <span class="btn-arrow">→</span>
|
|
Анализировать url |
| /traffic/ |
Подробнее <span class="btn-arrow">→</span>
|
|
Анализировать url |
Внешние ссылки
Кол-во: 8
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 8 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| t.me |
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
<span class="header__contact-text"><span class="header__contact-label">Телеграм</span><span class="header__contact-value">+7 (977) 805-27-02</span></span>
|
|
| max.ru |
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
MAX
|
Анализировать url |
| t.me |
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
<span class="header__contact-text"><span class="header__contact-label">Телеграм</span><span class="header__contact-value">+7 (977) 805-27-02</span></span>
|
|
| max.ru |
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
MAX
|
Анализировать url |
| t.me |
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
<span class="header__contact-text"><span class="header__contact-label">Телеграм</span><span class="header__contact-value">+7 (977) 805-27-02</span></span>
|
|
| max.ru |
<svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
MAX
|
Анализировать url |
| rent-beri.ru |
перейти на сайт
<svg class="brands__featured-btn-arrow" width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
|
Анализировать url |
| rent-beri.ru |
перейти на сайт
<svg class="brands__featured-btn-arrow" width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ФЗ-152: ПД Готовность: 30%
РКН
ОК
Сайт не заблокирован
Контакты
https://vyzov-prinyat.ru/contacts/
Страница с контактами найдена
Политика ПД
https://vyzov-prinyat.ru/policy/
Страница политики обработки ПД найдена
Согласие
https://vyzov-prinyat.ru/personal/
Страница согласия на обработку ПД найдена
Чекбокс согласия
Не найден
Чекбокс согласия на обработку ПД в формах сайта не найден
Счётчики до согласия
Нарушение
Счётчики аналитики (Яндекс.Метрика и сторонние счётчики) загружаются до согласия на обработку cookie. Собираются IP-адрес и поведение — это персональные данные, требующие предварительного согласия (152-ФЗ)
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 0%
Возрастная маркировка
Нарушение
Знак возрастной категории (0+, 6+, 12+, 16+ или 18+)
?
Ст. 11–12 ФЗ-436: информационная продукция (новости, видео, книги, игры, курсы) должна сопровождаться знаком возрастной категории. Разместите знак на видном месте — обычно в шапке или подвале сайта.
Информационная продукция без возрастной маркировки (ст. 11 ФЗ-436)
Вердикт
Выполнен подробный анализ сайта vyzov-prinyat.ru: готовность на 46%. Чтобы выполнить все условия и попасть на первую страницу выдачи поисковых систем требуется:
Постарайтесь исправить общие ошибки.
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: