wasrusgen/wasrusgen1-crm
1
0
Fork 0
mirror of https://github.com/wasrusgen/wasrusgen1-crm.git synced 2026-06-03 23:04:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

landing: Model A offer rewrite (SMB) + scroll animations

Browse Source 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
wasrusgen 2026-06-03 19:47:21 +03:00
parent 9edac11850
commit 6ad0441ddd
2 changed files with 266 additions and 186 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

226
docs/consult_landing.html
View File

@ -181,6 +181,34 @@
.footer-links { justify-content: center; }
.footer-bottom { justify-content: center; }
}
/* ── Анимации ── */
@keyframes riseIn { from { opacity:0; transform: translateY(22px); } to { opacity:1; transform: none; } }
.hero-content > * { animation: riseIn .75s cubic-bezier(.2,.7,.3,1) both; }
.hero-badge { animation-delay: .05s; }
.hero h1 { animation-delay: .15s; }
.hero p { animation-delay: .28s; }
.hero-btns { animation-delay: .40s; }
.hero-stat { animation-delay: .54s; }
.reveal { opacity:0; transform: translateY(26px); transition: opacity .6s ease, transform .65s cubic-bezier(.2,.7,.3,1); }
.reveal.in { opacity:1; transform: none; }
.reveal-d1{transition-delay:.08s} .reveal-d2{transition-delay:.16s} .reveal-d3{transition-delay:.24s} .reveal-d4{transition-delay:.32s} .reveal-d5{transition-delay:.40s}
/* Пульс-знак логотипа — «живой» */
@keyframes pulseBeat { 0%,70%,100%{ transform:scale(1);} 12%{ transform:scale(1.14);} 24%{ transform:scale(.98);} 36%{ transform:scale(1.06);} 48%{ transform:scale(1);} }
@keyframes pulseGlow { 0%,100%{ box-shadow:0 0 0 0 rgba(16,185,129,.35);} 50%{ box-shadow:0 0 0 6px rgba(16,185,129,0);} }
.pulse-chip { animation: pulseBeat 3s ease-in-out infinite, pulseGlow 3s ease-in-out infinite; }
@keyframes drawPulse { to { stroke-dashoffset: 0; } }
.pulse-chip svg polyline { stroke-dasharray: 70; stroke-dashoffset: 70; animation: drawPulse 1.4s ease-out .3s forwards; }
/* Hover-lift карточек */
.problem-card, .funnel-step, .demo-card { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.problem-card:hover, .funnel-step:hover, .demo-card:hover { transform: translateY(-3px); border-color: rgba(16,185,129,.4); box-shadow: 0 12px 30px rgba(0,0,0,.25); }
@media (prefers-reduced-motion: reduce) {
.hero-content > *, .reveal, .pulse-chip, .pulse-chip svg polyline { animation: none !important; transition: none !important; opacity:1 !important; transform:none !important; stroke-dashoffset:0 !important; }
}
</style>
</head>
<body>
@ -188,40 +216,40 @@
<!-- NAV -->
<nav>
<div class="nav-logo" style="display:flex;align-items:center;gap:10px;font-size:18px">
<span style="width:30px;height:30px;background:#047857;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></span>
<span style="line-height:1"><span style="color:#9CA3AF;font-weight:700;letter-spacing:-.3px">@wasrusgen1</span> <span style="color:#0F0F1A;font-weight:800;letter-spacing:-.5px">КОНСАЛТИНГ</span></span>
<span class="pulse-chip" style="width:30px;height:30px;background:#047857;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></span>
<span style="line-height:1"><span style="color:#9CA3AF;font-weight:700;letter-spacing:-.3px">@wasrusgen1</span> <span style="color:#F1F5F9;font-weight:800;letter-spacing:-.5px">КОНСАЛТИНГ</span></span>
</div>
<div class="nav-links">
<a href="#problem">Проблема</a>
<a href="#features">Возможности</a>
<a href="#funnel">Воронка</a>
<a href="#demo">Демо</a>
<a href="#problem">Проблемы</a>
<a href="#features">Что получите</a>
<a href="#funnel">Как работаем</a>
<a href="#demo">Кейс</a>
</div>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="nav-cta">Открыть систему</a>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="nav-cta">Бесплатная диагностика</a>
</nav>
<!-- HERO -->
<section class="hero">
<div class="hero-content">
<div class="hero-badge">AI КОНСАЛТИНГ ПЛАТФОРМА</div>
<h1>AI-Ассистент для<br><em>консалтингового</em> бизнеса</h1>
<p>Структурирует сбор информации о клиенте. Ведёт через все этапы проекта. Готовит документы.</p>
<div class="hero-badge">Консалтинг для малого и среднего бизнеса</div>
<h1>Разберём ваш бизнес<br><em>по полочкам</em></h1>
<p>За несколько дней находим, где вы теряете деньги и время: процессы, люди, учёт. Даём целевую модель, регламенты и план внедрения — понятным языком, без слайдов на 100 страниц.</p>
<div class="hero-btns">
<a href="#demo" class="btn-primary">Посмотреть демо</a>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="btn-outline">Открыть систему</a>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="btn-primary">Получить бесплатную диагностику</a>
<a href="#funnel" class="btn-outline">Как это работает</a>
</div>
<div class="hero-stat">
<div class="stat-item">
<div class="stat-num">5</div>
<div class="stat-label">фаз проекта</div>
<div class="stat-num">0 ₽</div>
<div class="stat-label">первичная диагностика</div>
</div>
<div class="stat-item">
<div class="stat-num">AI</div>
<div class="stat-label">ассистент Елена</div>
<div class="stat-num">3–5 дней</div>
<div class="stat-label">до первого результата</div>
</div>
<div class="stat-item">
<div class="stat-num">0</div>
<div class="stat-label">ручных документов</div>
<div class="stat-num">100%</div>
<div class="stat-label">прозрачная смета</div>
</div>
</div>
</div>
@ -230,24 +258,24 @@
<!-- PROBLEM -->
<section class="problem" id="problem">
<div class="container">
<div class="section-tag">Проблема</div>
<h2 class="section-title">Почему консалтинг теряет деньги</h2>
<p class="section-sub">Три системных проблемы, которые съедают время и снижают качество работы с клиентами</p>
<div class="section-tag reveal">Проблема</div>
<h2 class="section-title reveal">Почему бизнес теряет прибыль незаметно</h2>
<p class="section-sub reveal">Три дыры, которые есть почти в каждом малом и среднем бизнесе — и которые не видно изнутри</p>
<div class="problem-grid">
<div class="problem-card">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></div>
<h3>Клиент рассказывает обо всём, кроме сути</h3>
<p>Первичная встреча превращается в монолог без структуры. Консультант получает 80% нерелевантной информации и 20% нужной.</p>
<div class="problem-card reveal">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
<h3>Всё держится на людях, а не на системе</h3>
<p>Ключевой сотрудник ушёл — и работа встала. Процессы в головах, регламентов нет. Бизнес не масштабируется и не продаётся как актив.</p>
</div>
<div class="problem-card">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect x="8" y="2" width="8" height="4" rx="1" ry="1"/></svg></div>
<h3>Нет структуры сбора информации</h3>
<p>Каждый проект начинается с нуля. Нет единого шаблона брифа, нет контрольного списка вопросов, нет истории диалога.</p>
<div class="problem-card reveal reveal-d1">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg></div>
<h3>Деньги утекают — и непонятно, где</h3>
<p>Списания, брак, простои, серые зоны учёта. Прибыль есть «на бумаге», а на счёте её меньше, чем должно быть. Дыры не видно без разбора.</p>
</div>
<div class="problem-card">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg></div>
<h3>Документы готовятся вручную</h3>
<p>ТЗ, договоры, отчёты — каждый раз копипаст из предыдущих проектов. Занимает часы, в которые можно работать с клиентами.</p>
<div class="problem-card reveal reveal-d2">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg></div>
<h3>Нет цельной картины бизнеса</h3>
<p>Вы в операционке 24/7, но единой модели «как всё устроено и где слабые места» нет. Решения принимаются наугад, рост — на ощупь.</p>
</div>
</div>
</div>
@ -256,34 +284,39 @@
<!-- FEATURES -->
<section class="features" id="features">
<div class="container">
<div class="section-tag">Решение</div>
<h2 class="section-title">Возможности платформы</h2>
<p class="section-sub">Всё что нужно для системной работы с клиентами — в одном месте</p>
<div class="section-tag reveal">Что на выходе</div>
<h2 class="section-title reveal">Вы получаете не презентацию, а рабочие документы</h2>
<p class="section-sub reveal">То, по чему бизнес реально живёт и растёт — а не папку, которую закрыли и забыли</p>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg></div>
<h3>Первичный бриф с голосом</h3>
<p>5 структурированных блоков с поддержкой голосового ввода. Клиент говорит — система записывает и структурирует.</p>
</div>
<div class="feature-card">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></div>
<h3>AI-ассистент с ограничениями</h3>
<p>Ассистент Елена ведёт диалог строго в рамках задачи. Не уходит в сторону, фокусирует клиента на главном.</p>
</div>
<div class="feature-card">
<div class="feature-card reveal">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></div>
<h3>Структурированное интервью</h3>
<p>Система вопросов с прогрессом прохождения. Все ответы сохраняются, можно продолжить в любой момент.</p>
<h3>Диагностика «как есть»</h3>
<p>Карта вашего бизнеса: где утекают деньги, время и качество. На старте — бесплатно.</p>
</div>
<div class="feature-card">
<div class="feature-card reveal reveal-d1">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14M4.93 19.07a10 10 0 0 1 0-14.14"/></svg></div>
<h3>Целевая модель процессов</h3>
<p>Как должно быть устроено: процессы выстроены, узкие места убраны, потери закрыты.</p>
</div>
<div class="feature-card reveal reveal-d2">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
<h3>Оргструктура и должностные</h3>
<p>Кто за что отвечает, с понятными KPI. Бизнес перестаёт держаться на одном человеке.</p>
</div>
<div class="feature-card reveal reveal-d3">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" 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"/></svg></div>
<h3>Генерация ТЗ и договоров</h3>
<p>Документы автоматически формируются из данных карточки клиента. Редактирование и экспорт одним кликом.</p>
<h3>Регламенты и ТЗ на автоматизацию</h3>
<p>Готовые документы к внедрению — и техзадание на софт, если бизнесу нужна своя система.</p>
</div>
<div class="feature-card">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg></div>
<h3>CRM с воронкой проекта</h3>
<p>Каждый клиент проходит 5 фаз: от первичного анализа до сопровождения. Статус всегда виден в кабинете.</p>
<div class="feature-card reveal reveal-d4">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg></div>
<h3>План внедрения с сопровождением</h3>
<p>Пошагово: что делать и в каком порядке. Не бросаем с документами — ведём до результата.</p>
</div>
<div class="feature-card reveal reveal-d5">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"/><line x1="1" y1="10" x2="23" y2="10"/></svg></div>
<h3>Прозрачная смета — платите помодульно</h3>
<p>Видно, за что и сколько. Вход — 0 ₽, дальше по этапам. Никаких «пакетов» вслепую.</p>
</div>
</div>
</div>
@ -292,38 +325,32 @@
<!-- FUNNEL -->
<section class="funnel" id="funnel">
<div class="container">
<div class="section-tag">Воронка проекта</div>
<h2 class="section-title">5 фаз работы с клиентом</h2>
<p class="section-sub">Стандартизированный процесс от первого контакта до долгосрочного сопровождения</p>
<div class="section-tag reveal">Как работаем</div>
<h2 class="section-title reveal">Путь от хаоса к системе — 4 шага</h2>
<p class="section-sub reveal">Понятно и прозрачно: вы платите только за то, что реально нужно вашему бизнесу</p>
<div class="funnel-flow">
<div class="funnel-step">
<div class="funnel-step reveal active">
<div class="funnel-num">1</div>
<h4>AS-IS</h4>
<p>Анализ текущего состояния бизнеса клиента</p>
<h4>Бесплатная диагностика</h4>
<p>Расскажете о бизнесе — голосом или текстом, из Telegram. Покажем первые точки потерь и роста.</p>
</div>
<div class="funnel-arrow">›</div>
<div class="funnel-step">
<div class="funnel-step reveal reveal-d1">
<div class="funnel-num">2</div>
<h4>Аудит</h4>
<p>Детальный разбор процессов, выявление узких мест</p>
<h4>Разбор «как есть»</h4>
<p>Раскладываем бизнес на процессы и находим, где утекают деньги, время и качество.</p>
</div>
<div class="funnel-arrow">›</div>
<div class="funnel-step active">
<div class="funnel-step reveal reveal-d2">
<div class="funnel-num">3</div>
<h4>TO-BE</h4>
<p>Проектирование целевого состояния</p>
<h4>Целевая модель + смета</h4>
<p>Проектируем «как должно быть». Прозрачная цена — платите помодульно, без сюрпризов.</p>
</div>
<div class="funnel-arrow">›</div>
<div class="funnel-step">
<div class="funnel-step reveal reveal-d3">
<div class="funnel-num">4</div>
<h4>Внедрение</h4>
<p>Реализация изменений, обучение команды</p>
</div>
<div class="funnel-arrow">›</div>
<div class="funnel-step">
<div class="funnel-num">5</div>
<h4>Сопровождение</h4>
<p>Поддержка, контроль результатов, доработки</p>
<h4>Внедрение и сопровождение</h4>
<p>Регламенты, оргструктура, обучение команды. Ведём до результата, а не бросаем с папкой.</p>
</div>
</div>
</div>
@ -332,15 +359,14 @@
<!-- DEMO -->
<section class="demo" id="demo">
<div class="container">
<div class="section-tag">Демо</div>
<h2 class="section-title">Посмотрите систему в работе</h2>
<p class="section-sub">Откройте кабинет и начните бесплатную диагностику — прямо сейчас</p>
<div class="section-tag reveal">Кейс</div>
<h2 class="section-title reveal">Швейный цех: нашли утечку за один разбор</h2>
<p class="section-sub reveal">Кладовщица совмещала склад и пошив и была жене бригадира — учёт ткани «плавал», списания росли. Разложили процессы, развели роли по ответственности, дали регламент. Потери по материалу стали видимыми и управляемыми.</p>
<div class="demo-grid">
<div class="demo-card">
<div class="demo-num">01</div>
<h3>Кабинет клиента</h3>
<p>Workspace с чатом AI-ассистента Елены, брифом и интервью</p>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="demo-link">Открыть</a>
<div class="demo-card reveal" style="grid-column:1/-1;text-align:center;padding:40px 28px">
<h3 style="font-size:22px;margin-bottom:8px">15 минут — и вы увидите, где теряете деньги</h3>
<p style="margin-bottom:22px">Бесплатная диагностика без обязательств. Расскажете о бизнесе — Елена структурирует и покажет первые точки.</p>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="btn-primary" style="display:inline-block">Начать бесплатную диагностику →</a>
</div>
</div>
</div>
@ -350,24 +376,38 @@
<footer>
<div class="footer-inner">
<div class="footer-brand">
<div class="logo">@wasrusgen1</div>
<p>AI-консалтинг для производственного бизнеса</p>
<div class="logo">@wasrusgen1 · Консалтинг</div>
<p>Разбор и систематизация бизнеса для малого и среднего бизнеса</p>
</div>
<div class="footer-links">
<a href="#problem">Проблема</a>
<a href="#features">Возможности</a>
<a href="#funnel">Воронка</a>
<a href="#demo">Демо</a>
<a href="#problem">Проблемы</a>
<a href="#features">Что получите</a>
<a href="#funnel">Как работаем</a>
<a href="#demo">Кейс</a>
</div>
<div class="footer-contact">
ИП Васильев Р.Г. &nbsp;|&nbsp; <a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank">wasrusgen1.ru</a>
ИП Васильев Р.Г. &nbsp;|&nbsp; <a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank">Начать диагностику</a>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 @wasrusgen1 — AI КОНСАЛТИНГ CRM</p>
<p>© 2026 @wasrusgen1 · Консалтинг</p>
<p>Все права защищены</p>
</div>
</footer>
<script>
(function(){
if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){
document.querySelectorAll('.reveal').forEach(function(el){el.classList.add('in');});
return;
}
var io = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }
});
}, {threshold:0.12, rootMargin:'0px 0px -8% 0px'});
document.querySelectorAll('.reveal').forEach(function(el){io.observe(el);});
})();
</script>
</body>
</html>

226
docs/main.html
View File

@ -181,6 +181,34 @@
.footer-links { justify-content: center; }
.footer-bottom { justify-content: center; }
}
/* ── Анимации ── */
@keyframes riseIn { from { opacity:0; transform: translateY(22px); } to { opacity:1; transform: none; } }
.hero-content > * { animation: riseIn .75s cubic-bezier(.2,.7,.3,1) both; }
.hero-badge { animation-delay: .05s; }
.hero h1 { animation-delay: .15s; }
.hero p { animation-delay: .28s; }
.hero-btns { animation-delay: .40s; }
.hero-stat { animation-delay: .54s; }
.reveal { opacity:0; transform: translateY(26px); transition: opacity .6s ease, transform .65s cubic-bezier(.2,.7,.3,1); }
.reveal.in { opacity:1; transform: none; }
.reveal-d1{transition-delay:.08s} .reveal-d2{transition-delay:.16s} .reveal-d3{transition-delay:.24s} .reveal-d4{transition-delay:.32s} .reveal-d5{transition-delay:.40s}
/* Пульс-знак логотипа — «живой» */
@keyframes pulseBeat { 0%,70%,100%{ transform:scale(1);} 12%{ transform:scale(1.14);} 24%{ transform:scale(.98);} 36%{ transform:scale(1.06);} 48%{ transform:scale(1);} }
@keyframes pulseGlow { 0%,100%{ box-shadow:0 0 0 0 rgba(16,185,129,.35);} 50%{ box-shadow:0 0 0 6px rgba(16,185,129,0);} }
.pulse-chip { animation: pulseBeat 3s ease-in-out infinite, pulseGlow 3s ease-in-out infinite; }
@keyframes drawPulse { to { stroke-dashoffset: 0; } }
.pulse-chip svg polyline { stroke-dasharray: 70; stroke-dashoffset: 70; animation: drawPulse 1.4s ease-out .3s forwards; }
/* Hover-lift карточек */
.problem-card, .funnel-step, .demo-card { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.problem-card:hover, .funnel-step:hover, .demo-card:hover { transform: translateY(-3px); border-color: rgba(16,185,129,.4); box-shadow: 0 12px 30px rgba(0,0,0,.25); }
@media (prefers-reduced-motion: reduce) {
.hero-content > *, .reveal, .pulse-chip, .pulse-chip svg polyline { animation: none !important; transition: none !important; opacity:1 !important; transform:none !important; stroke-dashoffset:0 !important; }
}
</style>
</head>
<body>
@ -188,40 +216,40 @@
<!-- NAV -->
<nav>
<div class="nav-logo" style="display:flex;align-items:center;gap:10px;font-size:18px">
<span style="width:30px;height:30px;background:#047857;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></span>
<span style="line-height:1"><span style="color:#9CA3AF;font-weight:700;letter-spacing:-.3px">@wasrusgen1</span> <span style="color:#0F0F1A;font-weight:800;letter-spacing:-.5px">КОНСАЛТИНГ</span></span>
<span class="pulse-chip" style="width:30px;height:30px;background:#047857;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></span>
<span style="line-height:1"><span style="color:#9CA3AF;font-weight:700;letter-spacing:-.3px">@wasrusgen1</span> <span style="color:#F1F5F9;font-weight:800;letter-spacing:-.5px">КОНСАЛТИНГ</span></span>
</div>
<div class="nav-links">
<a href="#problem">Проблема</a>
<a href="#features">Возможности</a>
<a href="#funnel">Воронка</a>
<a href="#demo">Демо</a>
<a href="#problem">Проблемы</a>
<a href="#features">Что получите</a>
<a href="#funnel">Как работаем</a>
<a href="#demo">Кейс</a>
</div>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="nav-cta">Открыть систему</a>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="nav-cta">Бесплатная диагностика</a>
</nav>
<!-- HERO -->
<section class="hero">
<div class="hero-content">
<div class="hero-badge">AI КОНСАЛТИНГ ПЛАТФОРМА</div>
<h1>AI-Ассистент для<br><em>консалтингового</em> бизнеса</h1>
<p>Структурирует сбор информации о клиенте. Ведёт через все этапы проекта. Готовит документы.</p>
<div class="hero-badge">Консалтинг для малого и среднего бизнеса</div>
<h1>Разберём ваш бизнес<br><em>по полочкам</em></h1>
<p>За несколько дней находим, где вы теряете деньги и время: процессы, люди, учёт. Даём целевую модель, регламенты и план внедрения — понятным языком, без слайдов на 100 страниц.</p>
<div class="hero-btns">
<a href="#demo" class="btn-primary">Посмотреть демо</a>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="btn-outline">Открыть систему</a>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="btn-primary">Получить бесплатную диагностику</a>
<a href="#funnel" class="btn-outline">Как это работает</a>
</div>
<div class="hero-stat">
<div class="stat-item">
<div class="stat-num">5</div>
<div class="stat-label">фаз проекта</div>
<div class="stat-num">0 ₽</div>
<div class="stat-label">первичная диагностика</div>
</div>
<div class="stat-item">
<div class="stat-num">AI</div>
<div class="stat-label">ассистент Елена</div>
<div class="stat-num">3–5 дней</div>
<div class="stat-label">до первого результата</div>
</div>
<div class="stat-item">
<div class="stat-num">0</div>
<div class="stat-label">ручных документов</div>
<div class="stat-num">100%</div>
<div class="stat-label">прозрачная смета</div>
</div>
</div>
</div>
@ -230,24 +258,24 @@
<!-- PROBLEM -->
<section class="problem" id="problem">
<div class="container">
<div class="section-tag">Проблема</div>
<h2 class="section-title">Почему консалтинг теряет деньги</h2>
<p class="section-sub">Три системных проблемы, которые съедают время и снижают качество работы с клиентами</p>
<div class="section-tag reveal">Проблема</div>
<h2 class="section-title reveal">Почему бизнес теряет прибыль незаметно</h2>
<p class="section-sub reveal">Три дыры, которые есть почти в каждом малом и среднем бизнесе — и которые не видно изнутри</p>
<div class="problem-grid">
<div class="problem-card">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></div>
<h3>Клиент рассказывает обо всём, кроме сути</h3>
<p>Первичная встреча превращается в монолог без структуры. Консультант получает 80% нерелевантной информации и 20% нужной.</p>
<div class="problem-card reveal">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
<h3>Всё держится на людях, а не на системе</h3>
<p>Ключевой сотрудник ушёл — и работа встала. Процессы в головах, регламентов нет. Бизнес не масштабируется и не продаётся как актив.</p>
</div>
<div class="problem-card">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect x="8" y="2" width="8" height="4" rx="1" ry="1"/></svg></div>
<h3>Нет структуры сбора информации</h3>
<p>Каждый проект начинается с нуля. Нет единого шаблона брифа, нет контрольного списка вопросов, нет истории диалога.</p>
<div class="problem-card reveal reveal-d1">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="6" width="20" height="12" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg></div>
<h3>Деньги утекают — и непонятно, где</h3>
<p>Списания, брак, простои, серые зоны учёта. Прибыль есть «на бумаге», а на счёте её меньше, чем должно быть. Дыры не видно без разбора.</p>
</div>
<div class="problem-card">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg></div>
<h3>Документы готовятся вручную</h3>
<p>ТЗ, договоры, отчёты — каждый раз копипаст из предыдущих проектов. Занимает часы, в которые можно работать с клиентами.</p>
<div class="problem-card reveal reveal-d2">
<div class="problem-icon"><svg width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg></div>
<h3>Нет цельной картины бизнеса</h3>
<p>Вы в операционке 24/7, но единой модели «как всё устроено и где слабые места» нет. Решения принимаются наугад, рост — на ощупь.</p>
</div>
</div>
</div>
@ -256,34 +284,39 @@
<!-- FEATURES -->
<section class="features" id="features">
<div class="container">
<div class="section-tag">Решение</div>
<h2 class="section-title">Возможности платформы</h2>
<p class="section-sub">Всё что нужно для системной работы с клиентами — в одном месте</p>
<div class="section-tag reveal">Что на выходе</div>
<h2 class="section-title reveal">Вы получаете не презентацию, а рабочие документы</h2>
<p class="section-sub reveal">То, по чему бизнес реально живёт и растёт — а не папку, которую закрыли и забыли</p>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg></div>
<h3>Первичный бриф с голосом</h3>
<p>5 структурированных блоков с поддержкой голосового ввода. Клиент говорит — система записывает и структурирует.</p>
</div>
<div class="feature-card">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></div>
<h3>AI-ассистент с ограничениями</h3>
<p>Ассистент Елена ведёт диалог строго в рамках задачи. Не уходит в сторону, фокусирует клиента на главном.</p>
</div>
<div class="feature-card">
<div class="feature-card reveal">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></div>
<h3>Структурированное интервью</h3>
<p>Система вопросов с прогрессом прохождения. Все ответы сохраняются, можно продолжить в любой момент.</p>
<h3>Диагностика «как есть»</h3>
<p>Карта вашего бизнеса: где утекают деньги, время и качество. На старте — бесплатно.</p>
</div>
<div class="feature-card">
<div class="feature-card reveal reveal-d1">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14M4.93 19.07a10 10 0 0 1 0-14.14"/></svg></div>
<h3>Целевая модель процессов</h3>
<p>Как должно быть устроено: процессы выстроены, узкие места убраны, потери закрыты.</p>
</div>
<div class="feature-card reveal reveal-d2">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
<h3>Оргструктура и должностные</h3>
<p>Кто за что отвечает, с понятными KPI. Бизнес перестаёт держаться на одном человеке.</p>
</div>
<div class="feature-card reveal reveal-d3">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" 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"/></svg></div>
<h3>Генерация ТЗ и договоров</h3>
<p>Документы автоматически формируются из данных карточки клиента. Редактирование и экспорт одним кликом.</p>
<h3>Регламенты и ТЗ на автоматизацию</h3>
<p>Готовые документы к внедрению — и техзадание на софт, если бизнесу нужна своя система.</p>
</div>
<div class="feature-card">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg></div>
<h3>CRM с воронкой проекта</h3>
<p>Каждый клиент проходит 5 фаз: от первичного анализа до сопровождения. Статус всегда виден в кабинете.</p>
<div class="feature-card reveal reveal-d4">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg></div>
<h3>План внедрения с сопровождением</h3>
<p>Пошагово: что делать и в каком порядке. Не бросаем с документами — ведём до результата.</p>
</div>
<div class="feature-card reveal reveal-d5">
<div class="feature-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#10B981" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"/><line x1="1" y1="10" x2="23" y2="10"/></svg></div>
<h3>Прозрачная смета — платите помодульно</h3>
<p>Видно, за что и сколько. Вход — 0 ₽, дальше по этапам. Никаких «пакетов» вслепую.</p>
</div>
</div>
</div>
@ -292,38 +325,32 @@
<!-- FUNNEL -->
<section class="funnel" id="funnel">
<div class="container">
<div class="section-tag">Воронка проекта</div>
<h2 class="section-title">5 фаз работы с клиентом</h2>
<p class="section-sub">Стандартизированный процесс от первого контакта до долгосрочного сопровождения</p>
<div class="section-tag reveal">Как работаем</div>
<h2 class="section-title reveal">Путь от хаоса к системе — 4 шага</h2>
<p class="section-sub reveal">Понятно и прозрачно: вы платите только за то, что реально нужно вашему бизнесу</p>
<div class="funnel-flow">
<div class="funnel-step">
<div class="funnel-step reveal active">
<div class="funnel-num">1</div>
<h4>AS-IS</h4>
<p>Анализ текущего состояния бизнеса клиента</p>
<h4>Бесплатная диагностика</h4>
<p>Расскажете о бизнесе — голосом или текстом, из Telegram. Покажем первые точки потерь и роста.</p>
</div>
<div class="funnel-arrow">›</div>
<div class="funnel-step">
<div class="funnel-step reveal reveal-d1">
<div class="funnel-num">2</div>
<h4>Аудит</h4>
<p>Детальный разбор процессов, выявление узких мест</p>
<h4>Разбор «как есть»</h4>
<p>Раскладываем бизнес на процессы и находим, где утекают деньги, время и качество.</p>
</div>
<div class="funnel-arrow">›</div>
<div class="funnel-step active">
<div class="funnel-step reveal reveal-d2">
<div class="funnel-num">3</div>
<h4>TO-BE</h4>
<p>Проектирование целевого состояния</p>
<h4>Целевая модель + смета</h4>
<p>Проектируем «как должно быть». Прозрачная цена — платите помодульно, без сюрпризов.</p>
</div>
<div class="funnel-arrow">›</div>
<div class="funnel-step">
<div class="funnel-step reveal reveal-d3">
<div class="funnel-num">4</div>
<h4>Внедрение</h4>
<p>Реализация изменений, обучение команды</p>
</div>
<div class="funnel-arrow">›</div>
<div class="funnel-step">
<div class="funnel-num">5</div>
<h4>Сопровождение</h4>
<p>Поддержка, контроль результатов, доработки</p>
<h4>Внедрение и сопровождение</h4>
<p>Регламенты, оргструктура, обучение команды. Ведём до результата, а не бросаем с папкой.</p>
</div>
</div>
</div>
@ -332,15 +359,14 @@
<!-- DEMO -->
<section class="demo" id="demo">
<div class="container">
<div class="section-tag">Демо</div>
<h2 class="section-title">Посмотрите систему в работе</h2>
<p class="section-sub">Откройте кабинет и начните бесплатную диагностику — прямо сейчас</p>
<div class="section-tag reveal">Кейс</div>
<h2 class="section-title reveal">Швейный цех: нашли утечку за один разбор</h2>
<p class="section-sub reveal">Кладовщица совмещала склад и пошив и была жене бригадира — учёт ткани «плавал», списания росли. Разложили процессы, развели роли по ответственности, дали регламент. Потери по материалу стали видимыми и управляемыми.</p>
<div class="demo-grid">
<div class="demo-card">
<div class="demo-num">01</div>
<h3>Кабинет клиента</h3>
<p>Workspace с чатом AI-ассистента Елены, брифом и интервью</p>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="demo-link">Открыть</a>
<div class="demo-card reveal" style="grid-column:1/-1;text-align:center;padding:40px 28px">
<h3 style="font-size:22px;margin-bottom:8px">15 минут — и вы увидите, где теряете деньги</h3>
<p style="margin-bottom:22px">Бесплатная диагностика без обязательств. Расскажете о бизнесе — Елена структурирует и покажет первые точки.</p>
<a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank" class="btn-primary" style="display:inline-block">Начать бесплатную диагностику →</a>
</div>
</div>
</div>
@ -350,24 +376,38 @@
<footer>
<div class="footer-inner">
<div class="footer-brand">
<div class="logo">@wasrusgen1</div>
<p>AI-консалтинг для производственного бизнеса</p>
<div class="logo">@wasrusgen1 · Консалтинг</div>
<p>Разбор и систематизация бизнеса для малого и среднего бизнеса</p>
</div>
<div class="footer-links">
<a href="#problem">Проблема</a>
<a href="#features">Возможности</a>
<a href="#funnel">Воронка</a>
<a href="#demo">Демо</a>
<a href="#problem">Проблемы</a>
<a href="#features">Что получите</a>
<a href="#funnel">Как работаем</a>
<a href="#demo">Кейс</a>
</div>
<div class="footer-contact">
ИП Васильев Р.Г. &nbsp;|&nbsp; <a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank">wasrusgen1.ru</a>
ИП Васильев Р.Г. &nbsp;|&nbsp; <a href="https://wasrusgen1.ru/consulting/cabinet.html?src=landing" target="_blank">Начать диагностику</a>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 @wasrusgen1 — AI КОНСАЛТИНГ CRM</p>
<p>© 2026 @wasrusgen1 · Консалтинг</p>
<p>Все права защищены</p>
</div>
</footer>
<script>
(function(){
if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){
document.querySelectorAll('.reveal').forEach(function(el){el.classList.add('in');});
return;
}
var io = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }
});
}, {threshold:0.12, rootMargin:'0px 0px -8% 0px'});
document.querySelectorAll('.reveal').forEach(function(el){io.observe(el);});
})();
</script>
</body>
</html>