hotel: add the hotel v7 mockup as the design reference
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Yuriy Panov
co-authored by
Claude Opus 5
Claude Opus 5
parent
d13feb7df8
commit
7ce8bee320
@@ -0,0 +1,482 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/>
|
||||
<title>ЭкзоОтель — пространство восстановления для гостей | Экзо Групп</title>
|
||||
<meta content="ЭкзоОтель — готовое пространство восстановления внутри отеля: 4 аппарата, формат с одним специалистом, форматы размещения, меню программ. Дополнительный сервис для выручки, LTV и привлечения гостей." name="description"/>
|
||||
<meta content="#0A2540" name="theme-color"/>
|
||||
<meta content="index,follow" name="robots"/>
|
||||
<link href="https://exodevices.ru/hotels" rel="canonical"/>
|
||||
<link href="assets/asset_3036e10217a4.png" rel="icon" type="image/png"/>
|
||||
<link href="assets/asset_3036e10217a4.png" rel="apple-touch-icon"/>
|
||||
<meta content="website" property="og:type"/>
|
||||
<meta content="ru_RU" property="og:locale"/>
|
||||
<meta content="https://exodevices.ru/hotels" property="og:url"/>
|
||||
<meta content="Экзо Групп" property="og:site_name"/>
|
||||
<meta content="ЭкзоОтель: пространство восстановления для гостей" property="og:title"/>
|
||||
<meta content="Готовое wellness-tech пространство для дополнительной выручки, роста ценности проживания, LTV и привлечения гостей." property="og:description"/>
|
||||
<meta content="assets/asset_137e83a9f909.jpg" property="og:image"/>
|
||||
<meta content="1200" property="og:image:width"/>
|
||||
<meta content="630" property="og:image:height"/>
|
||||
<meta content="Премиальное пространство ЭкзоОтель с оборудованием Экзо Групп" property="og:image:alt"/>
|
||||
<meta content="summary_large_image" name="twitter:card"/>
|
||||
<script>document.documentElement.classList.add('js')</script>
|
||||
<link rel="stylesheet" href="styles.css"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header class="header" id="siteHeader">
|
||||
<div class="container header__inner">
|
||||
<a aria-label="Экзо Групп — на первый экран" class="brand" href="#top">
|
||||
<img alt="Экзо Групп — российские технологии реабилитации" class="exo-master-logo exo-master-logo--header" height="204" src="assets/asset_161e92b250ee.png" width="420"/>
|
||||
</a>
|
||||
<nav aria-label="Основная навигация" class="header__nav">
|
||||
<a href="#hotel-economics">Экономика</a>
|
||||
<a href="#guests">Для гостя</a>
|
||||
<a href="#formats">Интерьер</a>
|
||||
<a href="#equipment">Сервис</a>
|
||||
</nav>
|
||||
<div class="header__actions"><a aria-label="Позвонить в Экзо Групп" class="btn btn--secondary btn--header btn--call" href="tel:+79277896071"><svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.86 19.86 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.86 19.86 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.35 1.78.68 2.62a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.46-1.25a2 2 0 0 1 2.11-.45c.84.33 1.72.56 2.62.68A2 2 0 0 1 22 16.92Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path></svg><span>Звонок</span></a><a class="btn btn--primary btn--header" href="#proposal">Получить предложение</a></div></div>
|
||||
</header>
|
||||
<main>
|
||||
<section aria-labelledby="hero-title" class="hero" id="top">
|
||||
<div aria-hidden="true" class="hero__glow"></div>
|
||||
<div class="container">
|
||||
<div class="hero__content">
|
||||
<div class="hero__kicker reveal"><i aria-hidden="true"></i> Готовый формат внутри отеля</div>
|
||||
<h1 class="reveal delay-1" id="hero-title">ЭкзоОтель: Пространство восстановления для гостей</h1>
|
||||
<p class="hero__subtitle reveal delay-2">Кабинет восстановления, расслабления и дополнительной выручки внутри отеля</p>
|
||||
<div class="hero__actions reveal delay-2">
|
||||
<a class="btn btn--primary" href="#proposal">
|
||||
Получить предложение
|
||||
<svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div aria-label="Ключевая экономика сценария" class="hero__facts reveal delay-3">
|
||||
<div class="hero-fact"><strong>2 500 ₽</strong><span>средний чек сеанса по данным «ЭкзоКлиник»</span></div>
|
||||
<div class="hero-fact"><strong>600 000 ₽ / мес.</strong><span>сценарий: 8 сеансов в день × 30 дней</span></div>
|
||||
<div class="hero-fact"><strong>7,2 млн ₽ / год</strong><span>тот же сценарий, до вычета расходов</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section--light" id="benefits">
|
||||
<div class="container">
|
||||
<div class="section-head section-head--split reveal">
|
||||
<div>
|
||||
<div class="eyebrow">Бизнес-логика</div>
|
||||
<h2>Почему это выгодно именно вашему отелю</h2>
|
||||
</div>
|
||||
<p class="lead">Монетизируйте усталость гостя в моменте её проявления. Зачастую гость не планирует расслабление за месяц до отпуска. Эта потребность рождается внутри отеля — после активного дня или дороги, позволяя вам собирать дополнительную выручку без сложных предварительных продаж.</p>
|
||||
</div>
|
||||
<div aria-label="Преимущества для отеля" class="benefit-grid scroll-cards">
|
||||
<article class="benefit-card reveal">
|
||||
<span class="benefit-card__num">01</span>
|
||||
<h3>Новый источник выручки на текущем потоке гостей</h3>
|
||||
<p>Дополнительная точка продаж внутри существующей инфраструктуры отеля.</p>
|
||||
</article>
|
||||
<article class="benefit-card reveal delay-1">
|
||||
<span class="benefit-card__num">02</span>
|
||||
<h3>Премиальный сервис без расширения номерного фонда</h3>
|
||||
<p>Современная зона дополняет SPA, wellness или фитнес-пространство.</p>
|
||||
</article>
|
||||
<article class="benefit-card reveal delay-2">
|
||||
<span class="benefit-card__num">03</span>
|
||||
<h3>Причина остаться в SPA / фитнес-зоне дольше</h3>
|
||||
<p>Готовое меню программ и дополнительные услуги к проживанию.</p>
|
||||
</article>
|
||||
<article class="benefit-card reveal delay-3">
|
||||
<span class="benefit-card__num">04</span>
|
||||
<h3>Стимул для LTV и привлечения новых гостей</h3>
|
||||
<p>Заметный wellness-tech сервис создаёт дополнительный повод выбрать отель, купить больше услуг во время проживания и вернуться за знакомым форматом отдыха.</p>
|
||||
</article>
|
||||
</div>
|
||||
<div aria-hidden="true" class="scroll-hint">
|
||||
<svg fill="none" viewbox="0 0 24 24"><path d="M8 7l-5 5 5 5M16 7l5 5-5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path></svg>
|
||||
Листайте карточки в сторону
|
||||
</div>
|
||||
<div aria-label="Рынок отелей 2025–2026" class="market-panel reveal">
|
||||
<div class="market-panel__top">
|
||||
<h3>Загрузка отелей снижается — ценность каждого гостя становится важнее</h3>
|
||||
<p>Гостевой поток ещё растёт, но предложение увеличивается быстрее, средняя загрузка в прогнозе 2026г. снижается с 62,0% до 59,1%, а рост RevPAR отстаёт от роста ADR. Отелю сложнее расти только за счёт номера.</p>
|
||||
</div>
|
||||
<div class="market-grid">
|
||||
<article class="metric-card">
|
||||
<div class="metric-card__label"><span>Гостевой поток, 2025</span><strong class="metric-card__value">92 млн</strong></div>
|
||||
<svg aria-label="Рост гостевого потока с 48 до 92 миллионов гостей с 2021 по 2025 год" role="img" viewbox="0 0 280 90">
|
||||
<line class="chart-gridline" x1="8" x2="272" y1="74" y2="74"></line><line class="chart-gridline" x1="8" x2="272" y1="42" y2="42"></line>
|
||||
<polyline class="chart-line" points="14,69 76,47 138,31 200,22 266,18"></polyline>
|
||||
<circle class="chart-dot" cx="14" cy="69" r="3"></circle><circle class="chart-dot" cx="76" cy="47" r="3"></circle><circle class="chart-dot" cx="138" cy="31" r="3"></circle><circle class="chart-dot" cx="200" cy="22" r="3"></circle><circle class="chart-dot" cx="266" cy="18" r="4"></circle>
|
||||
</svg>
|
||||
<div class="metric-card__foot"><span>2021 · 48</span><span>+2,2% г/г</span></div>
|
||||
</article>
|
||||
<article class="metric-card">
|
||||
<div class="metric-card__label"><span>Предложение на рынке</span><strong class="metric-card__value">+14%</strong></div>
|
||||
<svg aria-label="Рост предложения с более чем 33 до 38 тысяч объектов" role="img" viewbox="0 0 280 90">
|
||||
<line class="chart-gridline" x1="8" x2="272" y1="78" y2="78"></line>
|
||||
<rect class="chart-bar chart-bar--muted" height="51" rx="7" width="62" x="58" y="27"></rect><rect class="chart-bar" height="60" rx="7" width="62" x="165" y="18"></rect>
|
||||
<text fill="rgba(255,255,255,.58)" font-size="10" text-anchor="middle" x="89" y="23">>33</text><text fill="#39E0D2" font-size="10" text-anchor="middle" x="196" y="14">38</text>
|
||||
</svg>
|
||||
<div class="metric-card__foot"><span>2024</span><span>2025 · тыс. объектов</span></div>
|
||||
</article>
|
||||
<article class="metric-card">
|
||||
<div class="metric-card__label"><span>Средняя загрузка, 2026г.</span><strong class="metric-card__value">−2,9 п.п.</strong></div>
|
||||
<svg aria-label="Снижение средней загрузки с 62,0 до 59,1 процента" role="img" viewbox="0 0 280 90">
|
||||
<line class="chart-gridline" x1="8" x2="272" y1="78" y2="78"></line>
|
||||
<rect class="chart-bar chart-bar--muted" height="63" rx="7" width="62" x="58" y="15"></rect><rect class="chart-bar" height="58" rx="7" width="62" x="165" y="20"></rect>
|
||||
<text fill="rgba(255,255,255,.58)" font-size="10" text-anchor="middle" x="89" y="12">62,0%</text><text fill="#39E0D2" font-size="10" text-anchor="middle" x="196" y="17">59,1%</text>
|
||||
</svg>
|
||||
<div class="metric-card__foot"><span>2025г.</span><span>2026г.</span></div>
|
||||
</article>
|
||||
<article class="metric-card">
|
||||
<div class="metric-card__label"><span>Доходность номера, 2026г.</span><strong class="metric-card__value">разрыв роста</strong></div>
|
||||
<svg aria-label="Рост средней цены номера на 5,2 процента и выручки на номер на 2,5 процента" role="img" viewbox="0 0 280 90">
|
||||
<line class="chart-gridline" x1="8" x2="272" y1="78" y2="78"></line>
|
||||
<rect class="chart-bar chart-bar--muted" height="60" rx="7" width="62" x="58" y="18"></rect><rect class="chart-bar" height="29" rx="7" width="62" x="165" y="49"></rect>
|
||||
<text fill="rgba(255,255,255,.58)" font-size="10" text-anchor="middle" x="89" y="15">+5,2%</text><text fill="#39E0D2" font-size="10" text-anchor="middle" x="196" y="46">+2,5%</text>
|
||||
</svg>
|
||||
<div class="metric-card__foot"><span>ADR</span><span>RevPAR</span></div>
|
||||
</article>
|
||||
</div>
|
||||
<div aria-label="Что снижение загрузки означает для бизнеса отеля" class="market-implication">
|
||||
<div class="market-implication__item"><strong>LTV текущего гостя</strong><span>Больше поводов купить SPA / wellness-услугу, включить восстановление в пакет проживания и вернуться за повторным опытом.</span></div>
|
||||
<div class="market-implication__item"><strong>Новые гости</strong><span>Выразительное пространство восстановления усиливает предложение отеля и становится дополнительным аргументом при выборе поездки.</span></div>
|
||||
<div class="market-implication__item"><strong>Текущий поток</strong><span>Дополнительная точка выручки внутри действующей инфраструктуры — без расширения номерного фонда.</span></div>
|
||||
</div>
|
||||
<p class="source-note">Показатели и формулировки — из презентации «ЭкзоОтель», 2025–2026г.. Влияние на LTV и привлечение гостей зависит от упаковки, продвижения и операционной загрузки.</p><div aria-label="Расшифровка гостиничных показателей" class="market-glossary">
|
||||
<div><strong>RevPAR</strong><span>Revenue per Available Room — выручка на один доступный номер.</span></div>
|
||||
<div><strong>ADR</strong><span>Average Daily Rate — средняя цена проданного номера.</span></div>
|
||||
<div><strong>LTV</strong><span>Lifetime Value — совокупная ценность гостя за весь период отношений с отелем.</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section exo-econ exo-econ--hotel" id="hotel-economics">
|
||||
<div class="container">
|
||||
<header class="exo-econ__head reveal">
|
||||
<span class="exo-econ__eyebrow">Экономика текущего гостевого потока</span>
|
||||
<h2>Номер уже продан. Следующая выручка — внутри маршрута гостя</h2>
|
||||
<p>Средняя загрузка снижается с 62,0% до 59,1%, а средняя цена проданного номера растёт быстрее выручки на один доступный номер. Это означает, что повышение стоимости проживания не полностью превращается в рост доходности. ЭкзоОтель добавляет отдельный платный сервис к уже существующему гостевому потоку.</p>
|
||||
</header>
|
||||
<div aria-label="Ключевые показатели экономики отеля" class="exo-econ__metrics reveal">
|
||||
<article class="exo-econ__metric"><strong>−2,9</strong><span>процентного пункта снижения загрузки</span><small>с 62,0% до 59,1% в прогнозе на 2026 год</small></article>
|
||||
<article class="exo-econ__metric"><strong>2,7</strong><span>процентного пункта — разрыв темпов роста</span><small>цена проданного номера +5,2%; выручка на доступный номер +2,5%</small></article>
|
||||
<article class="exo-econ__metric"><strong>+14%</strong><span>рост предложения</span><small>конкуренция за гостя усиливается</small></article>
|
||||
<article class="exo-econ__metric"><strong>92 млн</strong><span>гостевой поток 2025</span><small>спрос есть — важна глубина монетизации</small></article>
|
||||
</div>
|
||||
<div class="exo-econ__compare">
|
||||
<article class="exo-econ__panel exo-econ__panel--loss reveal">
|
||||
<h3 class="exo-econ__panel-title"><i>↘</i>Где деньги остаются нереализованными</h3>
|
||||
<div class="exo-econ__list">
|
||||
<div class="exo-econ__item"><b>01</b><div><strong>Доход зависит в основном от номера</strong><span>При снижении загрузки пустой номер уже нельзя компенсировать одним повышением средней цены проданного номера.</span></div></div>
|
||||
<div class="exo-econ__item"><b>02</b><div><strong>Потребность возникает, но не продаётся</strong><span>Усталость после дороги, лыж, прогулок или тренировок появляется уже в отеле — без recovery-меню чек не возникает.</span></div></div>
|
||||
<div class="exo-econ__item"><b>03</b><div><strong>Дополнительный расход уходит наружу</strong><span>Гость покупает массаж и восстановление вне отеля либо вовсе отказывается от услуги.</span></div></div>
|
||||
</div>
|
||||
</article>
|
||||
<article class="exo-econ__panel exo-econ__panel--gain reveal">
|
||||
<h3 class="exo-econ__panel-title"><i>↗</i>На чём зарабатывает отель с Экзо</h3>
|
||||
<div class="exo-econ__list">
|
||||
<div class="exo-econ__item"><b>01</b><div><strong>Разовые программы в момент спроса</strong><span>Гость покупает понятный сценарий: после дороги, для ног, спины, SPA или активного дня.</span></div></div>
|
||||
<div class="exo-econ__item"><b>02</b><div><strong>Пакеты и upgrade к проживанию</strong><span>Recovery добавляется к SPA, фитнесу, premium-тарифу номера или программе активного отдыха.</span></div></div>
|
||||
<div class="exo-econ__item"><b>03</b><div><strong>Повторный опыт и рост LTV</strong><span>Знакомый wellness-ритуал становится причиной купить больше услуг и вернуться в отель.</span></div></div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="exo-econ__bridge reveal">
|
||||
<strong>Операционная база уже позволяет строить отдельную точку выручки</strong>
|
||||
<div class="exo-econ__ops">
|
||||
<div class="exo-econ__op"><b>4 аппарата</b><span>разные сценарии гостя</span></div>
|
||||
<div class="exo-econ__op"><b>1 оператор</b><span>основное участие — ЭкзоТекар</span></div>
|
||||
<div class="exo-econ__op"><b>12 часов</b><span>базовый режим расписания</span></div>
|
||||
<div class="exo-econ__op"><b>до 48</b><span>аппарат-часов в день до учёта буферов</span></div>
|
||||
</div>
|
||||
<p>48 аппарат-часов — технический ориентир: 4 аппарата × 12 часов. Фактическая пропускная способность зависит от меню программ, сочетания процедур, санитарных интервалов и участия специалиста.</p>
|
||||
</div>
|
||||
<div class="exo-econ__calc reveal" data-econ-calc="hotel">
|
||||
<div class="exo-econ__calc-head"><span>Калькулятор сценария</span><h3>Посчитайте дополнительную выручку на своих тарифах</h3><p>Введите фактическое число оплаченных сеансов, средний чек сеанса и рабочие дни.</p></div>
|
||||
<div class="exo-econ__calc-grid">
|
||||
<div class="exo-econ__fields">
|
||||
<div class="exo-econ__field"><label for="hotelPrograms">Сеансов в день</label><input id="hotelPrograms" inputmode="decimal" min="0" placeholder="например, 8" type="number"/></div>
|
||||
<div class="exo-econ__field"><label for="hotelCheck">Средний чек сеанса, ₽</label><input id="hotelCheck" inputmode="numeric" min="0" placeholder="например, 2500" type="number"/></div>
|
||||
<div class="exo-econ__field"><label for="hotelDays">Рабочих дней в месяц</label><input id="hotelDays" inputmode="numeric" min="1" type="number" value="30"/></div>
|
||||
</div>
|
||||
<div class="exo-econ__results">
|
||||
<div class="exo-econ__result"><span>Дополнительная выручка / месяц</span><strong data-econ-month="">—</strong><small data-econ-volume="">Введите сеансы и чек</small></div>
|
||||
<div class="exo-econ__result"><span>Дополнительная выручка / год</span><strong data-econ-year="">—</strong><small>до вычета расходов</small></div>
|
||||
</div>
|
||||
</div>
|
||||
<div aria-label="Ориентир среднего чека" class="exo-econ__benchmark">
|
||||
<span class="exo-econ__benchmark-label">Ориентир для расчёта</span>
|
||||
<p>Средний чек сеанса составляет <strong>2 500 ₽</strong>, по данным нашей клиники «ЭкзоКлиник» в городе Тольятти за период 2025г.–2026г.</p>
|
||||
<b>Средний чек сеанса может меняться в зависимости от региона и сезонных предложений.</b>
|
||||
</div><div class="exo-econ__actions">
|
||||
<a class="btn btn--primary exo-econ__consult" href="#proposal">
|
||||
Получить консультацию
|
||||
<svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>
|
||||
</a>
|
||||
</div><p class="exo-econ__disclaimer">Сценарный калькулятор, а не финансовая гарантия. CAPEX, ФОТ, налоги, расходники, тарифы и фактическая загрузка рассчитываются после аудита отеля.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section--white section--compact" id="guests">
|
||||
<div class="container">
|
||||
<div class="section-head reveal">
|
||||
<div class="eyebrow">Потребность гостя</div>
|
||||
<h2>Портрет гостя отеля</h2>
|
||||
<p class="lead">Кабинет востребован у гостей, которые хотят восстановиться, не меняя привычный маршрут отдыха или поездки.</p>
|
||||
</div>
|
||||
<div class="portrait-grid scroll-cards">
|
||||
<article class="portrait-card reveal">
|
||||
<div class="portrait-card__icon"><svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M3 12h18M5 8h4l2-4h2l2 4h4l2 4-2 4h-4l-2 4h-2l-2-4H5l-2-4 2-4Z" stroke="currentColor" stroke-linejoin="round" stroke-width="1.7"></path></svg></div>
|
||||
<h3>Гость после дороги</h3>
|
||||
<p>После перелёта или длительной поездки хочет снять усталость, напряжение в теле и быстрее включиться в отдых.</p>
|
||||
</article>
|
||||
<article class="portrait-card reveal delay-1">
|
||||
<div class="portrait-card__icon"><svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M13 5.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM10 22l1-6-3-3 2-5 4 1 2 3h4M5 22l2-6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7"></path></svg></div>
|
||||
<h3>Активный гость</h3>
|
||||
<p>Выбирает лыжи, прогулки, экскурсии, бассейн, тренировки или хайкинг и восстанавливается между активностями.</p>
|
||||
</article>
|
||||
<article class="portrait-card reveal delay-2">
|
||||
<div class="portrait-card__icon"><svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M12 21c4.5-3 7-6.2 7-10a7 7 0 0 0-14 0c0 3.8 2.5 7 7 10Z" stroke="currentColor" stroke-width="1.7"></path><path d="M9 11c1.8.1 3.2-.9 4-3 1.8 1.4 2.4 3.2 1.5 5.3-1 2.2-3.3 3.1-5.5 2" stroke="currentColor" stroke-linecap="round" stroke-width="1.7"></path></svg></div>
|
||||
<h3>Wellness-гость</h3>
|
||||
<p>Посещает SPA, массаж, бассейн или банный комплекс и воспринимает кабинет как дополнительный сервис восстановления.</p>
|
||||
</article>
|
||||
<article class="portrait-card reveal delay-3">
|
||||
<div class="portrait-card__icon"><svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 9h18v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z" stroke="currentColor" stroke-width="1.7"></path><path d="M3 13h18M10 13v2h4v-2" stroke="currentColor" stroke-width="1.7"></path></svg></div>
|
||||
<h3>Деловой гость</h3>
|
||||
<p>Ценит возможность уделить время себе, не выезжая из отеля и не перестраивая график встреч или командировки.</p>
|
||||
</article>
|
||||
</div>
|
||||
<div aria-hidden="true" class="scroll-hint">
|
||||
<svg fill="none" viewbox="0 0 24 24"><path d="M8 7l-5 5 5 5M16 7l5 5-5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path></svg>
|
||||
Листайте карточки в сторону
|
||||
</div>
|
||||
</div>
|
||||
</section><section class="section section--white section--compact" id="formats">
|
||||
<div class="container">
|
||||
<div class="section-head section-head--split reveal">
|
||||
<div>
|
||||
<div class="eyebrow">Решение для вашего бизнеса</div>
|
||||
<h2>Отель — не больница. Пространство восстановления должно продолжать интерьер</h2>
|
||||
</div>
|
||||
<p class="lead">Оборудование Экзо Групп интегрируется в SPA, wellness- или фитнес-зону и оформляется в стилистике вашего отеля. На фотографиях ниже — варианты интерьера и размещения, где аппараты становятся частью премиального сервиса, а не выглядят как медицинский кабинет.</p>
|
||||
</div>
|
||||
<div class="scenario-grid scroll-cards">
|
||||
<article class="scenario-card reveal">
|
||||
<img alt="Приватный SPA-кабинет с оборудованием Экзо Групп" height="640" loading="lazy" src="assets/asset_60f552085ea3.webp" width="960"/>
|
||||
<div class="scenario-card__content"><span class="scenario-card__index">01 · SPA</span><h3>SPA-зона</h3><p>Формат 3-в-1 или приватный кабинет, где гость проходит несколько процедур подряд по записи.</p></div>
|
||||
</article>
|
||||
<article class="scenario-card reveal delay-1">
|
||||
<img alt="ЭкзоВодород в wellness-зоне отдыха" height="640" loading="lazy" src="assets/asset_81ce9b240c75.webp" width="960"/>
|
||||
<div class="scenario-card__content"><span class="scenario-card__index">02 · Wellness</span><h3>Wellness-зона</h3><p>ЭкзоВодород или ЭкзоПресс в комнате отдыха, у бассейна, перед SPA или как персональный сервис в номер.</p></div>
|
||||
</article>
|
||||
<article class="scenario-card reveal delay-2">
|
||||
<img alt="Стеклянная recovery-зона рядом с фитнесом" height="640" loading="lazy" src="assets/asset_85faea2da9e3.webp" width="960"/>
|
||||
<div class="scenario-card__content"><span class="scenario-card__index">03 · Recovery</span><h3>Recovery-зона</h3><p>Мягкая или стеклянная капсула рядом с фитнесом и SPA: технология заметна гостю, но процедура сохраняет приватность.</p></div>
|
||||
</article>
|
||||
<article class="scenario-card reveal delay-3">
|
||||
<img alt="ЭкзоТерапия рядом с фитнес-зоной" height="640" loading="lazy" src="assets/asset_c43355207f6f.webp" width="960"/>
|
||||
<div class="scenario-card__content"><span class="scenario-card__index">04 · Active day</span><h3>После активного дня</h3><p>Готовые программы после лыж, хайкинга, прогулок, бассейна, тренировки или экскурсии.</p></div>
|
||||
</article>
|
||||
</div>
|
||||
<div aria-hidden="true" class="scroll-hint">
|
||||
<svg fill="none" viewbox="0 0 24 24"><path d="M8 7l-5 5 5 5M16 7l5 5-5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path></svg>
|
||||
Листайте сценарии в сторону
|
||||
</div>
|
||||
<div aria-label="Пример меню программ для гостей отеля" class="program-menu reveal">
|
||||
<div class="program-menu__head">
|
||||
<h3>Продавать не аппарат, а понятную программу гостю</h3>
|
||||
<p>Названия меню говорят языком сценария поездки: дорога, ноги, спина, активный день, SPA и время для себя.</p>
|
||||
</div>
|
||||
<div class="program-grid scroll-cards">
|
||||
<article class="program-card"><span class="program-card__time">40–60 минут</span><h4>Восстановление после дороги</h4><div class="program-devices"><div class="program-device"><strong>ЭкзоВодород</strong><span>40-минутная автономная пауза в wellness-зоне после перелёта или длительной поездки.</span></div><div class="program-device"><strong>ЭкзоПресс</strong><span>Пассивный этап для ног после длительного сидения, дороги и перелёта.</span></div></div></article>
|
||||
<article class="program-card"><span class="program-card__time">20–30 минут</span><h4>Лёгкость в ногах</h4><div class="program-devices"><div class="program-device"><strong>ЭкзоПресс</strong><span>Компрессионный, тепловой или холодовой формат после прогулок, экскурсий, лыж и долгого дня на ногах.</span></div><div class="program-device"><strong>ЭкзоТекар</strong><span>Помогает снять мышечное напряжение и ощущение тяжести, улучшить локальное восстановление мягких тканей после длительной ходьбы, активного дня или нагрузки на ноги.</span></div></div></article>
|
||||
<article class="program-card"><span class="program-card__time">45–70 минут</span><h4>После активного дня</h4><div class="program-devices"><div class="program-device"><strong>ЭкзоТекар</strong><span>Индивидуальная работа специалиста с локальными зонами после лыж, хайкинга, тренировки или бассейна.</span></div><div class="program-device"><strong>ЭкзоПресс</strong><span>Пассивный этап для ног после продолжительной физической нагрузки.</span></div></div></article>
|
||||
<article class="program-card"><span class="program-card__time">35–50 минут</span><h4>Спина и шея</h4><div class="program-devices"><div class="program-device"><strong>ЭкзоТекар</strong><span>Индивидуальная работа специалиста с областью спины, шеи и плеч по предварительной записи.</span></div><div class="program-device"><strong>ЭкзоТерапия</strong><span>Короткий 10-минутный этап, который можно встроить в персональную программу гостя.</span></div></div></article>
|
||||
<article class="program-card"><span class="program-card__time">60–80 минут</span><h4>Время для себя</h4><div class="program-devices"><div class="program-device"><strong>ЭкзоТерапия</strong><span>Короткий премиальный этап восстановления внутри SPA-маршрута.</span></div><div class="program-device"><strong>ЭкзоВодород</strong><span>Автономная 40-минутная wellness-пауза в кресле.</span></div><div class="program-device"><strong>ЭкзоПресс</strong><span>Пассивная процедура, которую удобно сочетать со SPA и отдыхом.</span></div></div></article>
|
||||
<article class="program-card"><span class="program-card__time">до 90 минут</span><h4>Индивидуальная программа</h4><div class="program-devices"><div class="program-device"><strong>ЭкзоТерапия</strong><span>Короткий флагманский этап программы.</span></div><div class="program-device"><strong>ЭкзоТекар</strong><span>Индивидуальная работа специалиста с выбранными зонами.</span></div><div class="program-device"><strong>ЭкзоПресс</strong><span>Потоковый пассивный формат для ног.</span></div><div class="program-device"><strong>ЭкзоВодород</strong><span>Автономная wellness-пауза; состав и последовательность выбираются под сценарий гостя и формат отеля.</span></div></div></article>
|
||||
</div>
|
||||
<div aria-hidden="true" class="scroll-hint">
|
||||
<svg fill="none" viewbox="0 0 24 24"><path d="M8 7l-5 5 5 5M16 7l5 5-5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path></svg>
|
||||
Листайте программы в сторону
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section--dark equipment-shell" id="equipment">
|
||||
<div class="container">
|
||||
<div class="section-head section-head--split reveal">
|
||||
<div>
|
||||
<div class="eyebrow">Модель работы</div>
|
||||
<h2>Как работает сервис восстановления для гостя</h2>
|
||||
</div>
|
||||
<p class="lead">Ниже показана логика работы каждой технологии: для какого сценария гостя она подходит, сколько длится сеанс и требуется ли участие специалиста. Так отель заранее понимает, как встроить сервис в SPA-меню, расписание и загрузку команды.</p>
|
||||
</div>
|
||||
<div class="equipment-grid scroll-cards">
|
||||
<article class="equipment-card reveal">
|
||||
<div class="equipment-card__media"><img alt="ЭкзоТерапия в премиальной SPA-капсуле" height="720" loading="lazy" src="assets/asset_3dfdc4cd8cad.webp" width="1080"/></div>
|
||||
<div class="equipment-card__body">
|
||||
<div class="equipment-card__top"><h3>ЭкзоТерапия</h3><div class="equipment-role">Флагман SPA</div></div>
|
||||
<span class="equipment-duration">10–15 минут</span><p class="equipment-tech">Высокоинтенсивная импульсная магнитотерапия.</p>
|
||||
<p>Короткий сеанс 10–15 минут для гостя после дороги, лыж или долгой прогулки. Подходит как флагманская процедура SPA-зоны.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="equipment-card reveal delay-1">
|
||||
<div class="equipment-card__media"><img alt="ЭкзоТекар в кабинете премиальных процедур" height="720" loading="lazy" src="assets/asset_f1caee108e8a.webp" width="1080"/></div>
|
||||
<div class="equipment-card__body">
|
||||
<div class="equipment-card__top"><h3>ЭкзоТекар</h3><div class="equipment-role">Работа специалиста</div></div>
|
||||
<span class="equipment-duration">20–30 минут</span><p class="equipment-tech">Текар-терапия + ударно-волновая терапия + ультразвуковая терапия.</p>
|
||||
<p>Индивидуальная работа специалиста после активного дня — для шеи, спины, плеч или ног. Процедура занимает отдельный слот в расписании.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="equipment-card reveal delay-2">
|
||||
<div class="equipment-card__media"><img alt="ЭкзоПресс у бассейна в SPA-зоне" height="720" loading="lazy" src="assets/asset_c34203bef747.webp" width="1080"/></div>
|
||||
<div class="equipment-card__body">
|
||||
<div class="equipment-card__top"><h3>ЭкзоПресс</h3><div class="equipment-role">Потоковый формат</div></div>
|
||||
<span class="equipment-duration">20–30 минут</span><p class="equipment-tech">Компрессионная терапия + тепловая терапия + холодовая терапия.</p>
|
||||
<p>Компрессия + тепло / холод для ног после дороги, перелёта, экскурсий и лыж. Потоковый формат, который не требует отдельного кабинета.</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="equipment-card reveal delay-3">
|
||||
<div class="equipment-card__media"><img alt="ЭкзоВодород в спокойной wellness-зоне" height="720" loading="lazy" src="assets/asset_9378703be548.webp" width="1080"/></div>
|
||||
<div class="equipment-card__body">
|
||||
<div class="equipment-card__top"><h3>ЭкзоВодород</h3><div class="equipment-role">Автономная пауза</div></div>
|
||||
<span class="equipment-duration">30–60 минут</span><p class="equipment-tech">Ингаляция молекулярным водородом</p>
|
||||
<p>Комфортная пауза 30–60 минут в кресле с минимальным участием оператора. Сочетается с SPA, бассейном и ожиданием процедур.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div aria-hidden="true" class="scroll-hint" style="color:rgba(255,255,255,.52)">
|
||||
<svg fill="none" viewbox="0 0 24 24"><path d="M8 7l-5 5 5 5M16 7l5 5-5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path></svg>
|
||||
Листайте оборудование в сторону
|
||||
</div>
|
||||
<div aria-label="Операционная модель кабинета восстановления в отеле" class="hotel-model reveal">
|
||||
<div class="hotel-model__head">
|
||||
<h3>Как работает кабинет внутри отеля</h3>
|
||||
<p>Отель получает не просто четыре аппарата, а рабочую модель: помещение, расписание, меню программ, обучение команды и измеримые показатели пилота.</p>
|
||||
</div>
|
||||
<div class="hotel-model__grid">
|
||||
<div class="hotel-model__card"><strong>12–36 м²</strong><span>Отдельная recovery-комната, SPA-кабинет или зона рядом с фитнесом и бассейном.</span></div>
|
||||
<div class="hotel-model__card"><strong>1 оператор</strong><span>Основное активное участие требуется на ЭкзоТекар; остальные процедуры после запуска работают практически автономно.</span></div>
|
||||
<div class="hotel-model__card"><strong>12 часов</strong><span>Расписание с буферами на подготовку места, сопровождение гостя и санитарную обработку.</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="equipment-note reveal">Гость покупает не название технологии, а понятный сервис: восстановление, лёгкость и премиальный опыт внутри отеля. Медицинские формулировки и протоколы применяются только при наличии лицензии, профильных специалистов и утверждённых протоколов.</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section--light" id="why-exo">
|
||||
<div class="container">
|
||||
<div class="section-head reveal">
|
||||
<div class="eyebrow">Партнёр внедрения</div>
|
||||
<h2>Почему Экзо Групп</h2>
|
||||
<p class="lead">Отель получает четыре аппарата, визуальную концепцию, меню программ, расчёт экономики, формат с одним специалистом, обучение, чек-листы запуска и сценарии для SPA и ресепшен.</p>
|
||||
</div>
|
||||
<div class="why-layout">
|
||||
<div class="why-visual reveal">
|
||||
<div class="why-visual__caption">
|
||||
<strong>Не просто оборудование — готовое направление внутри отеля</strong>
|
||||
<span>Визуальная концепция, меню программ, формат с одним специалистом, обучение, чек-листы и сценарии для SPA и ресепшен.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="why-list">
|
||||
<article class="why-item reveal">
|
||||
<div class="why-item__icon"><svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M12 3 3 7.5 12 12l9-4.5L12 3Z" stroke="currentColor" stroke-linejoin="round" stroke-width="1.7"></path><path d="M5 11v5.5L12 21l7-4.5V11" stroke="currentColor" stroke-linejoin="round" stroke-width="1.7"></path></svg></div>
|
||||
<div><strong>Российские технологии</strong><p>Технологичный формат восстановления и премиального сервиса для гостиничной инфраструктуры.</p></div>
|
||||
</article>
|
||||
<article class="why-item reveal delay-1">
|
||||
<div class="why-item__icon"><svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M3 21V9l5 3V7l5 3V3h8v18H3Z" stroke="currentColor" stroke-linejoin="round" stroke-width="1.7"></path><path d="M16 7h2M16 11h2M7 16h2M12 16h2M17 16h2" stroke="currentColor" stroke-linecap="round" stroke-width="1.7"></path></svg></div>
|
||||
<div><strong>Собственное производство в Тольятти</strong><p>Оборудование, визуальная концепция и модель внедрения собраны в единую систему Экзо Групп.</p></div>
|
||||
</article>
|
||||
<article class="why-item reveal delay-2">
|
||||
<div class="why-item__icon"><svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M4 4h16v16H4V4Z" stroke="currentColor" stroke-width="1.7"></path><path d="m8 12 2.5 2.5L16 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7"></path></svg></div>
|
||||
<div><strong>Готовая модель запуска</strong><p>Подбор формата, включение услуг в SPA-прайс и приложение, обучение операторов и ресепшен, сценарии продаж и материалы запуска.</p></div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Названия Marriott, Cosmosstay, «Адонис», «Углич», «Предгорье Кавказа» и «Красная Поляна» не выведены: подтверждение этих объектов отсутствует в приложенных презентациях. Добавлять логотипы и названия следует только после проверки кейсов и права использования брендов. -->
|
||||
</div>
|
||||
</section>
|
||||
<section class="section cta-section" id="proposal">
|
||||
<div class="container cta-grid">
|
||||
<div class="cta-copy reveal">
|
||||
<div class="eyebrow">Следующий шаг</div>
|
||||
<h2>Подберём решение под формат вашего отеля</h2>
|
||||
<p class="lead">Оставьте контакты — наш специалист свяжется с Вами, ответит на вопросы и подготовит коммерческое предложение, исходя из <strong>доступной площади, специфики инфраструктуры и ваших бизнес-задач.</strong></p>
|
||||
</div>
|
||||
<form class="lead-form reveal delay-1" data-endpoint="/api/leads/hotels" id="leadForm" novalidate="" onsubmit="return submitLead(event)">
|
||||
<div class="form-grid">
|
||||
<div class="field">
|
||||
<label for="name">Имя</label>
|
||||
<input autocomplete="name" id="name" minlength="2" name="name" placeholder="Как к вам обращаться" required="" type="text"/>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="company">Компания / отель</label>
|
||||
<input autocomplete="organization" id="company" minlength="2" name="company" placeholder="Название отеля" type="text"/>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="phone">Телефон</label>
|
||||
<input autocomplete="tel" id="phone" inputmode="tel" name="phone" placeholder="+7 900 000-00-00" required="" type="tel"/>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="email">Email</label>
|
||||
<input autocomplete="email" id="email" name="email" placeholder="name@hotel.ru" type="email"/>
|
||||
</div>
|
||||
<div class="field field--full">
|
||||
<label for="comment">Комментарий</label>
|
||||
<textarea id="comment" name="comment" placeholder="Город, категория отеля, наличие SPA / фитнес-зоны"></textarea>
|
||||
</div>
|
||||
<div aria-hidden="true" class="honeypot">
|
||||
<label for="website">Не заполнять</label>
|
||||
<input autocomplete="off" id="website" name="website" tabindex="-1" type="text"/>
|
||||
</div>
|
||||
</div>
|
||||
<p class="form-consent">Нажимая кнопку, вы подтверждаете согласие на обработку данных для подготовки предложения.</p>
|
||||
<button class="btn btn--primary form-submit" id="submitButton" type="submit">
|
||||
<span>Получить предложение</span>
|
||||
<svg aria-hidden="true" fill="none" viewbox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>
|
||||
</button>
|
||||
<div aria-live="polite" class="form-status" id="formStatus" role="status"></div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<div class="container footer__inner">
|
||||
<img alt="Экзо Групп — российские технологии реабилитации" class="exo-master-logo exo-master-logo--footer" height="204" src="assets/asset_161e92b250ee.png" width="420"/>
|
||||
<div class="footer__right"><span>ЭкзоОтель · пространство восстановления для гостей</span><span>© <span id="year"></span> ООО «Экзо Групп»</span></div>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="script.js"></script>
|
||||
|
||||
|
||||
<!-- EXO callback modal -->
|
||||
<div class="exo-callback" id="exoCallbackModal" aria-hidden="true">
|
||||
<div class="exo-callback__backdrop" data-callback-close></div>
|
||||
<section class="exo-callback__dialog" role="dialog" aria-modal="true" aria-labelledby="exoCallbackTitle">
|
||||
<button class="exo-callback__close" type="button" aria-label="Закрыть форму" data-callback-close>×</button>
|
||||
<div class="exo-callback__eyebrow">Обратный звонок</div>
|
||||
<h2 id="exoCallbackTitle">Перезвоним вам</h2>
|
||||
<p class="exo-callback__intro">Оставьте имя и телефон — наш специалист свяжется с вами и ответит на вопросы. Или позвоните сами: <a href="tel:+79277896071">+7 927 789-60-71</a>.</p>
|
||||
<form id="exoCallbackForm" data-endpoint="/api/leads/hotels" novalidate>
|
||||
<div class="exo-callback__field">
|
||||
<label for="exoCallbackName">Имя *</label>
|
||||
<input id="exoCallbackName" name="name" autocomplete="name" placeholder="Ваше имя" minlength="2" required>
|
||||
</div>
|
||||
<div class="exo-callback__field">
|
||||
<label for="exoCallbackPhone">Телефон *</label>
|
||||
<input id="exoCallbackPhone" name="phone" type="tel" inputmode="tel" autocomplete="tel" placeholder="+7 999 000-00-00" required>
|
||||
</div>
|
||||
<label class="exo-callback__consent">
|
||||
<input id="exoCallbackConsent" name="consent" type="checkbox" required>
|
||||
<span>Согласен на обработку персональных данных и получение обратного звонка.</span>
|
||||
</label>
|
||||
<button class="exo-callback__submit" id="exoCallbackSubmit" type="submit">Жду звонка →</button>
|
||||
<p class="exo-callback__status" id="exoCallbackStatus" role="status" aria-live="polite"></p>
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user