Law/app/web/landing.html
2026-03-04 19:41:34 +03:00

301 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Аудиторы корпоративной безопасности</title>
<meta name="description" content="Юридический консалтинг и судебное сопровождение для сложных бизнес-ситуаций.">
<link rel="icon" type="image/svg+xml" href="/favicon.svg?v=20260302-01">
<link rel="stylesheet" href="/landing.css">
</head>
<body>
<header class="topbar">
<div class="wrap topbar-inner">
<div class="brand">
<img class="brand-mark" src="/brand-mark.svg" alt="" width="28" height="28">
<span>Аудиторы корпоративной безопасности</span>
</div>
<button
class="nav-toggle"
type="button"
aria-label="Открыть навигацию"
aria-expanded="false"
data-nav-toggle
>
<span></span>
<span></span>
<span></span>
</button>
<nav class="nav">
<a href="#practices">Компетенции</a>
<a href="#approach">Подход</a>
<a href="#expert">Эксперт</a>
<a href="#team">Команда</a>
<button class="btn btn-ghost" type="button" data-open-access>Мои заявки</button>
<button class="btn btn-ghost" type="button" data-open-modal>Оставить заявку</button>
</nav>
</div>
</header>
<main class="wrap">
<section class="hero">
<div>
<h1>Решаем сложные юридические задачи в интересах вашего бизнеса.</h1>
<p>
Консалтинговая компания «Аудиторы корпоративной безопасности» освобождает ваше время для развития компании.
Мы разбираем любой бизнес-процесс и предлагаем решение, выгодное клиенту в текущем и стратегическом горизонте.
</p>
<div class="hero-actions">
<button class="btn btn-primary" type="button" data-open-modal>Записаться на консультацию</button>
<button class="btn btn-ghost" type="button" data-open-access>Работа с заявкой</button>
<a class="btn btn-ghost" href="#practices">Смотреть практики</a>
</div>
</div>
<aside class="panel">
<small>Первая консультация</small>
<strong>Анализ вашей ситуации проводит онлайн лично директор компании.</strong>
<p class="subtitle">После отправки заявки вы получите предложение по дате и времени онлайн-встречи.</p>
<div class="stats">
<div class="stat">
<b>28 лет</b>
<span>практики в профессии</span>
</div>
<div class="stat">
<b>10+ лет</b>
<span>стаж экспертов направлений</span>
</div>
<div class="stat">
<b>29 млрд ₽</b>
<span>объем восстановленных прав</span>
</div>
</div>
<div class="consultation-quote" aria-live="polite">
<p id="quote-text">Загрузка данных...</p>
<div class="quote-meta" id="quote-meta"></div>
</div>
</aside>
</section>
<section id="practices">
<div class="section-head">
<div>
<h2>Ключевые практики</h2>
<p class="subtitle">Работаем в конфигурациях, где задача находится на стыке права, финансов, кадров и корпоративной безопасности.</p>
</div>
</div>
<div class="grid practices">
<article class="card">
<h3>Судебное сопровождение и арбитраж</h3>
<p>Налоговые и бюджетные споры, защита собственности и корпоративных прав, оспаривание сделок, сложные каскадные процессы.</p>
</article>
<article class="card">
<h3>Банкротство и антикризис</h3>
<p>Представление интересов должника, кредитора и иных участников в делах о банкротстве юридических и физических лиц.</p>
</article>
<article class="card">
<h3>Сделки и защита активов</h3>
<p>Сопровождение покупки и продажи активов, снижение правовых рисков, выстраивание безопасной структуры сделки.</p>
</article>
<article class="card">
<h3>Кадры и корпоративная устойчивость</h3>
<p>Подбор и адаптация персонала, мотивация, командная динамика, выявление конфликтов интересов и конкурентных рисков.</p>
</article>
<article class="card">
<h3>Финансовая и экспертная аналитика</h3>
<p>Оценка активов, экспертиза управленческих решений, формирование аргументированной позиции для переговоров и суда.</p>
</article>
<article class="card">
<h3>PR и GR сопровождение</h3>
<p>Поддержка чувствительных кейсов в публичном и регуляторном контуре с учетом репутационных и правовых факторов.</p>
</article>
</div>
</section>
<section id="approach">
<div class="section-head">
<div>
<h2>Как мы работаем</h2>
<p class="subtitle">К нам обращаются, когда ситуация сложная, решение нужно быстро, а цена ошибки для бизнеса высока.</p>
</div>
</div>
<div class="approach">
<article class="timeline">
<div class="step" data-step="01">
<h3>Диагностика ситуации</h3>
<p>Декомпозируем кейс на правовые, финансовые и управленческие блоки и определяем критические риски.</p>
</div>
<div class="step" data-step="02">
<h3>Стратегия защиты</h3>
<p>Формируем архитектуру действий: досудебное урегулирование, переговоры, процессуальная и судебная траектория.</p>
</div>
<div class="step" data-step="03">
<h3>Реализация и контроль</h3>
<p>Сопровождаем исполнение решения, фиксируем сроки и контрольные точки, отчитываемся в понятном бизнес-формате.</p>
</div>
</article>
<article class="approach-note">
<small>Принцип работы</small>
<p>Каждую заявку ведем как проект: фиксируем цель, измеряем прогресс и заранее обозначаем ограничения по срокам и рискам.</p>
</article>
</div>
</section>
<section id="expert">
<div class="section-head">
<div>
<h2>Экспертный контур</h2>
<p class="subtitle">Генеральный директор ООО «Аудиторы корпоративной безопасности» — кандидат юридических наук, эксперт в сфере M&amp;A, медиатор и третейский судья.</p>
</div>
</div>
<article class="expert">
<strong>Направления деятельности: юридический консалтинг и судебное сопровождение</strong>
<p>
Защита права собственности и корпоративных прав, налоговые и бюджетные споры, сложные переговорные процессы,
оценка бизнес-рисков и активов, медиация и досудебное урегулирование конфликтов.
Преподавательская практика: ВШЭ, РАНХиГС, ЯрГУ им. Демидова и профильные программы МВА.
</p>
<div class="tags">
<span class="tag">Слияния и поглощения</span>
<span class="tag">Судебная стратегия</span>
<span class="tag">Корпоративная безопасность</span>
<span class="tag">Медиация</span>
</div>
</article>
</section>
<section id="team" class="featured-team-section" hidden>
<div class="section-head">
<div>
<h2>Выдающиеся юристы</h2>
<p class="subtitle">Команда специалистов, которых администратор рекомендует для знакомства с нашим подходом и практикой.</p>
</div>
</div>
<div class="featured-team-shell">
<button class="carousel-nav prev" type="button" id="featured-team-prev" aria-label="Прокрутить влево"></button>
<div class="featured-team-track" id="featured-team-track" aria-live="polite"></div>
<button class="carousel-nav next" type="button" id="featured-team-next" aria-label="Прокрутить вправо"></button>
</div>
<div class="carousel-dots" id="featured-team-dots" aria-label="Навигация по карточкам"></div>
</section>
<section class="cta-band">
<p>Создайте заявку и получите номер обращения. По нему вы сможете отслеживать статус, чат и документы в отдельной странице клиента.</p>
<button class="btn btn-primary" type="button" data-open-modal>Создать заявку</button>
</section>
</main>
<footer>
ООО «Аудиторы корпоративной безопасности» • Юридический консалтинг и судебное сопровождение
</footer>
<div class="modal-backdrop" id="request-modal" aria-hidden="true">
<div class="modal" role="dialog" aria-modal="true" aria-labelledby="modal-title">
<div class="modal-head">
<div>
<h3 id="modal-title">Создание заявки</h3>
<p>Опишите задачу, и мы предложим дату и время первой онлайн-консультации.</p>
</div>
<button class="close" type="button" data-close-modal aria-label="Закрыть">×</button>
</div>
<form id="request-form" class="form">
<div class="hp-field-wrap" aria-hidden="true">
<label for="request-hp-field">Сайт компании</label>
<input id="request-hp-field" name="request-company-website" type="text" autocomplete="off" tabindex="-1">
</div>
<div class="field">
<label for="name">Имя</label>
<input id="name" name="name" type="text" required placeholder="Иван Иванов">
</div>
<div class="field">
<label for="phone">Телефон</label>
<input id="phone" name="phone" type="tel" required placeholder="+7 (900) 000-00-00">
</div>
<div class="field">
<label for="email">Email (для входа без SMS)</label>
<input id="email" name="email" type="email" placeholder="name@example.com">
</div>
<div class="field full">
<label for="topic">Тема обращения</label>
<select id="topic" name="topic" required>
<option value="">Выберите тему</option>
</select>
</div>
<div class="field full">
<label for="description">Описание задачи</label>
<textarea id="description" name="description" placeholder="Кратко опишите ситуацию"></textarea>
</div>
<div class="field full consent-field">
<label class="consent-check">
<input id="pdn-consent" name="pdn-consent" type="checkbox" required>
<span>Согласен(а) на обработку персональных данных согласно <a href="/privacy.html" target="_blank" rel="noopener">политике ПДн</a>.</span>
</label>
</div>
<div class="form-foot field full">
<button class="btn btn-primary" type="submit">Отправить заявку</button>
<p class="status" id="form-status"></p>
</div>
</form>
</div>
</div>
<div class="modal-backdrop" id="access-modal" aria-hidden="true">
<div class="modal" role="dialog" aria-modal="true" aria-labelledby="access-title">
<div class="modal-head">
<div>
<h3 id="access-title">Вход в страницу заявок</h3>
<p>Введите телефон или email (в зависимости от режима), получите OTP и перейдите к своим заявкам.</p>
</div>
<button class="close" type="button" data-close-access aria-label="Закрыть">×</button>
</div>
<form id="access-form" class="form">
<div class="hp-field-wrap" aria-hidden="true">
<label for="access-hp-field">Сайт компании</label>
<input id="access-hp-field" name="access-company-website" type="text" autocomplete="off" tabindex="-1">
</div>
<div class="field">
<label for="access-phone">Телефон</label>
<input id="access-phone" name="access-phone" type="tel" required placeholder="+7 (900) 000-00-00">
</div>
<div class="field">
<label for="access-email">Email</label>
<input id="access-email" name="access-email" type="email" placeholder="name@example.com">
</div>
<div class="field full">
<label for="access-code">Одноразовый пароль (OTP)</label>
<input id="access-code" name="access-code" type="text" inputmode="numeric" pattern="[0-9]{4,8}" placeholder="Введите код из SMS">
</div>
<div class="form-foot field full">
<button class="btn btn-ghost" type="button" id="access-send-otp">Получить одноразовый пароль</button>
<button class="btn btn-primary" type="submit">Перейти</button>
<p class="status" id="access-status"></p>
</div>
</form>
</div>
</div>
<div class="modal-backdrop" id="otp-modal" aria-hidden="true">
<div class="modal" role="dialog" aria-modal="true" aria-labelledby="otp-title">
<div class="modal-head">
<div>
<h3 id="otp-title">Подтверждение телефона</h3>
<p id="otp-modal-hint">Введите OTP-код из SMS.</p>
</div>
<button class="close" type="button" data-close-otp aria-label="Закрыть">×</button>
</div>
<form id="otp-modal-form" class="form">
<div class="field full">
<label for="otp-modal-code">OTP-код</label>
<input id="otp-modal-code" name="otp-modal-code" type="text" inputmode="numeric" pattern="[0-9]{4,8}" placeholder="Введите код из SMS">
</div>
<div class="form-foot field full">
<button class="btn btn-ghost" type="button" id="otp-modal-cancel">Отмена</button>
<button class="btn btn-primary" type="submit" id="otp-modal-submit">Подтвердить</button>
<p class="status" id="otp-modal-status"></p>
</div>
</form>
</div>
</div>
<script src="/landing.js?v=20260303-01"></script>
</body>
</html>