https://proego.com/_next/static/chunks/9898-60039468543ba31d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9898,3448],{7251:function(e,t,i){i.d(t,{D:function(){return T}});var r=i(57437),s=i(2265),n=i(99376),d=i(99379),l=i(41488);let o=d.ZP.div.withConfig({componentId:"sc-3cc48f43-0"})(["width:100%;max-width:680px;margin:0 auto;background:",";border-radius:24px;box-shadow:0 24px 64px rgba(82,61,42,0.15),0 8px 24px rgba(82,61,42,0.08);overflow:hidden;min-height:520px;border:1px solid ","15;"],l.default.bgColors.white,l.default.colors.primaryLight),c=d.ZP.div.withConfig({componentId:"sc-3cc48f43-1"})(["height:64px;background:",";border-bottom:1px solid ","25;display:flex;align-items:center;padding:0 24px;gap:12px;box-shadow:0 1px 0 rgba(255,255,255,0.8);"],l.default.bgColors.white,l.default.colors.primaryLight),a=d.ZP.span.withConfig({componentId:"sc-3cc48f43-2"})(["width:10px;height:10px;border-radius:50%;background:",";"],e=>e.$color),h=d.ZP.div.withConfig({componentId:"sc-3cc48f43-3"})(["display:flex;gap:20px;margin-left:16px;font-size:13px;color:","99;"],l.default.colors.primaryDark),p=d.ZP.div.withConfig({componentId:"sc-3cc48f43-4"})(["padding:28px 32px;min-height:456px;background:",";"],l.default.bgColors.primaryFon),x=d.ZP.h2.withConfig({componentId:"sc-3cc48f43-5"})(["font-size:20px;font-weight:700;color:",";margin:0 0 8px;"],l.default.colors.primaryDark),g=d.ZP.p.withConfig({componentId:"sc-3cc48f43-6"})(["font-size:14px;color:","99;margin:0 0 24px;"],l.default.colors.primaryDark),m=d.ZP.div.withConfig({componentId:"sc-3cc48f43-7"})(["height:48px;background:",";border:1px solid ","50;border-radius:12px;margin-bottom:16px;padding:0 16px;display:flex;align-items:center;font-size:15px;color:","99;"],l.default.bgColors.primaryFon,l.default.colors.primaryLight,l.default.colors.primaryDark),u=d.ZP.div.withConfig({componentId:"sc-3cc48f43-8"})(["height:48px;background:",";color:",";border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;margin-top:16px;"],l.default.colors.primary,l.default.bgColors.white),j=d.ZP.div.withConfig({componentId:"sc-3cc48f43-9"})(["background:",";border:1px solid ","30;border-radius:12px;padding:20px;margin-bottom:12px;"],l.default.bgColors.primaryFon,l.default.colors.primaryLight),f=d.ZP.div.withConfig({componentId:"sc-3cc48f43-10"})(["display:grid;grid-template-columns:repeat(2,1fr);gap:16px;"]),y=d.ZP.iframe.withConfig({componentId:"sc-3cc48f43-11"})(["width:100%;height:420px;border:1px solid ","30;border-radius:16px;margin-top:12px;background:",";"],l.default.colors.primaryLight,l.default.bgColors.white),v=d.ZP.p.withConfig({componentId:"sc-3cc48f43-12"})(["font-size:13px;color:",";margin:0 0 8px;font-weight:600;"],l.default.colors.primaryMedium);function b(e){var t,i,s;let{role:n,stepIndex:d}=e;return n?(0,r.jsxs)(o,{children:[(0,r.jsxs)(c,{children:[(0,r.jsx)(a,{$color:"#ff5f57"}),(0,r.jsx)(a,{$color:"#febc2e"}),(0,r.jsx)(a,{$color:"#28c840"}),(0,r.jsx)("span",{style:{marginLeft:8,fontSize:14,fontWeight:600,color:l.default.colors.primaryDark},children:"proEgo"}),(0,r.jsxs)(h,{children:[(0,r.jsx)("span",{children:"Каталог"}),(0,r.jsx)("span",{children:"Для бизнеса"}),(0,r.jsx)("span",{children:"Журнал"})]})]}),(0,r.jsxs)(p,{children:["client"===n&&(null!==(t=({0:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Регистрация"}),(0,r.jsx)(g,{children:"Введите email для создания аккаунта"}),(0,r.jsx)(m,{"data-demo-step":"reg-1",children:"[email protected]"}),(0,r.jsx)(u,{children:"Зарегистрироваться"})]}),1:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Подтвердите почту"}),(0,r.jsx)(g,{children:"Введите код из письма"}),(0,r.jsx)(m,{"data-demo-step":"reg-2",style:{maxWidth:200},children:"123456"}),(0,r.jsx)(u,{children:"Продолжить"})]}),2:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Каталог психологов"}),(0,r.jsx)(g,{children:"Так выглядит каталог специалистов на proEgo"}),(0,r.jsx)(v,{children:"Реальный интерфейс: каталог специалистов"}),(0,r.jsx)("div",{"data-demo-step":"catalog",children:(0,r.jsx)(y,{src:"/specialists-ranked",title:"Каталог специалистов proEgo"})})]}),3:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Выберите специалиста"}),(0,r.jsx)(g,{children:"Психологи с подходящей специализацией — реальная страница каталога"}),(0,r.jsx)(v,{children:"Реальный интерфейс: выбор специалиста"}),(0,r.jsx)("div",{"data-demo-step":"select-spec",children:(0,r.jsx)(y,{src:"/specialists-ranked",title:"Выбор специалиста proEgo"})})]}),4:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Карточка специалиста"}),(0,r.jsx)(g,{children:"Анна Петрова"}),(0,r.jsxs)("div",{"data-demo-step":"spec-card",children:[(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{children:"Образование: МГУ"}),(0,r.jsx)("div",{children:"КПТ, работа с тревогой"})]}),(0,r.jsx)(u,{children:"Выбрать время"})]})]}),5:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Выберите время"}),(0,r.jsx)(g,{children:"Доступные слоты"}),(0,r.jsx)("div",{"data-demo-step":"select-time",style:{display:"flex",gap:8,flexWrap:"wrap"}

1,children:["Пн 14:00","Вт 10:00","Ср 16:00","Чт 11:00"].map(e=>(0,r.jsx)(j,{style:{flex:"1 1 80px",textAlign:"center"},children:e},e))})]}),6:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Групповые программы"}),(0,r.jsx)(g,{children:"Альтернатива индивидуальным сессиям"}),(0,r.jsxs)("div",{"data-demo-step":"groups",children:[(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Стресс и выгорание"}),(0,r.jsx)("div",{style:{fontSize:13},children:"8 занятий"})]}),(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Отношения"}),(0,r.jsx)("div",{style:{fontSize:13},children:"6 занятий"})]})]})]}),7:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Подтверждение брони"}),(0,r.jsx)(g,{children:"Индивидуальная консультация, 50 мин"}),(0,r.jsx)(u,{"data-demo-step":"booking",children:"Забронировать и оплатить"})]}),8:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Оплата"}),(0,r.jsx)(g,{children:"Безопасная оплата картой"}),(0,r.jsxs)("div",{"data-demo-step":"payment",children:[(0,r.jsx)(m,{children:"Номер карты"}),(0,r.jsx)(u,{children:"Оплатить 3500 ₽"})]})]}),9:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{style:{color:l.default.colors.primaryMedium,fontSize:22},children:"Личный кабинет"}),(0,r.jsx)(g,{children:"Ближайшие встречи и записи"}),(0,r.jsxs)("div",{"data-demo-step":"cabinet",children:[(0,r.jsxs)(j,{style:{display:"flex",alignItems:"center",gap:12},children:[(0,r.jsx)("div",{style:{width:40,height:40,borderRadius:"50%",background:l.default.colors.primaryLight+"60"}}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"15 янв, 14:00 — Анна Петрова"}),(0,r.jsx)("div",{style:{fontSize:13,color:l.default.colors.primaryDark+"99"},children:"Индивидуальная консультация, 50 мин"})]})]}),(0,r.jsxs)(j,{style:{display:"flex",alignItems:"center",gap:12},children:[(0,r.jsx)("div",{style:{width:40,height:40,borderRadius:12,background:l.default.colors.primary+"30",display:"flex",alignItems:"center",justifyContent:"center",fontSize:18},children:"\uD83D\uDC65"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Группа \xabСтресс и выгорание\xbb"}),(0,r.jsx)("div",{style:{fontSize:13,color:l.default.colors.primaryDark+"99"},children:"18 янв, 18:00 • 8 занятий"})]})]})]})]}),10:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Мои встречи"}),(0,r.jsx)(g,{children:"Запланированные сессии"}),(0,r.jsx)("div",{"data-demo-step":"appointments",children:(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Сегодня, 14:00"}),(0,r.jsx)(u,{style:{height:36,marginTop:8},children:"Подключиться"})]})})]}),11:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Чат"}),(0,r.jsx)(g,{children:"Сообщения с психологом"}),(0,r.jsxs)("div",{"data-demo-step":"chat",children:[(0,r.jsx)(j,{children:"Добрый день! Как ваше состояние?"}),(0,r.jsx)(m,{style:{marginTop:16},children:"Введите сообщение..."})]})]}),12:(0,r.jsxs)("div",{"data-demo-step":"demo-cta",style:{textAlign:"center",padding:"40px 24px"},children:[(0,r.jsx)("div",{style:{fontSize:48,marginBottom:24},children:"\uD83D\uDC64"}),(0,r.jsx)(x,{children:"Готовы попробовать?"}),(0,r.jsx)(g,{children:"Войдите в демо-кабинет клиента и изучите интерфейс вживую"}),(0,r.jsx)(u,{style:{marginTop:24,maxWidth:320,margin:"24px auto 0"},children:"Войти в демо-кабинет клиента"})]})})[d])&&void 0!==t?t:null),"specialist"===n&&(null!==(i=({0:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Регистрация специалиста"}),(0,r.jsx)(g,{children:"Укажите email для получения приглашения"}),(0,r.jsx)(m,{"data-demo-step":"spec-reg-1",children:"[email protected]"}),(0,r.jsx)(u,{children:"Продолжить"})]}),1:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Создайте пароль"}),(0,r.jsx)(g,{children:"Пароль для входа в личный кабинет"}),(0,r.jsxs)("div",{"data-demo-step":"spec-reg-2",children:[(0,r.jsx)(m,{children:"••••••••"}),(0,r.jsx)(m,{children:"••••••••"})]}),(0,r.jsx)(u,{children:"Завершить"})]}),2:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Заполните анкету"}),(0,r.jsx)(g,{children:"Шаг 3 из 9 — Образование"}),(0,r.jsxs)("div",{"data-demo-step":"spec-quiz",children:[(0,r.jsx)(m,{children:"МГУ, факультет психологии"}),(0,r.jsx)(m,{children:"Специализация"})]}),(0,r.jsx)(u,{children:"Далее"})]}),3:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{style:{color:l.default.colors.primaryMedium,fontSize:22},children:"Ближайшие встречи"}),(0,r.jsx)(g,{children:"Личный кабинет специалиста"}),(0,r.jsxs)("div",{"data-demo-step":"spec-cabinet",children:[(0,r.jsxs)(j,{style:{display:"flex",alignItems:"center",gap:12},children:[(0,r.jsx)("div",{style:{width:40,height:40,borderRadius:"50%",background:l.default.colors.primaryLight+"60"}}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Сегодня, 14:00 — Консультация"}),(0,r.jsx)("div",{style:{fontSize:13,color:l.default.colors.primaryDark+"99"},children:"Клиент Мария К."})]})]}),(0,r.jsxs)("div",{style:{display:"flex",gap:10,marginTop:16,flexWrap:"wrap"},children:[(0,r.jsx)(u,{style:{flex:1,minWidth:120,height:44},children:"Календарь"}),(0,r.jsx)(u,{style:{flex:1,minWidth:120,height:44,background:l.default.colors.primaryDarow,color:l.default.colors.primaryDark},children:"Клиенты"}),(0,r.jsx)(u,{style:{flex:1,minWidth:120,height:44,background:l.default.colors.primaryDarow,color:l.default.colors.primaryDark},children:"Группы"})]}),(0,r.jsx)("div",{style:{marginTop:16,fontSize:14,color:l.default.colors.primaryMedium,fontWeight:600},children:"Ближайшие группы"}),(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Стресс и выгорание"}),(0,r.jsx)("div",{style:{fontSize:13,color:l.default.colors.primaryDark+"99"},children:"5 участников • 18 янв"})]})]})]}),4:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Клиенты"}),(0,r.jsx)(g,{children:"Реферальная программа"}),(0,r.jsxs)("div",{"data-demo-step":"spec-clients",children:[(0,r.jsx)(j,{children:(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,r.jsx)("span",{children:"Мария К."}),(0,r.jsx)("span",{style:{fontSize:13,color:l.default.colors.primaryDark+"99"},children:"3 встречи"})]})}),(0,r.jsx)(u,{children:"Пригласить клиента"})]})]}),5:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Календарь"}),(0,r.jsx)(g,{children:"Расписание"}),(0,r.jsxs)("div",{"data-demo-step":"spec-calendar",children:[(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gap:4,marginBottom:16},children:["Пн","Вт","Ср","Чт","Пт","Сб","Вс"].map(e=>(0,r.jsx)("div",{style:{textAlign:"center",fontSize:12,color:l.default.colors.primaryDark+"99"},children:e},e))}),(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{children:"14:00 — Свободно"}),(0,r.jsx)("div",{children:"15:00 — Консультация"})]})]})]}),6:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Группы"}),(0,r.jsx)(g,{children:"Мои групповые программы"}),(0,r.jsxs)("div",{"data-demo-step":"spec-groups",children:[(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Стресс и выгорание"}),(0,r.jsx)("div",{style:{fontSize:13},children:"5 участников"})]}),(0,r.jsx)(u,{children:"Создать группу"})]})]}),7:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Запросы компаний"}),(0,r.jsx)(g,{children:"Запросы на групповые программы"}),(0,r.jsx)("div",{"data-demo-step":"spec-requests",children:(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{children:"Компания X — группа по стрессу"}),(0,r.jsx)(u,{style:{height:36,marginTop:8},children:"Предложить группу"})]})})]}),8:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Настройки профиля"}),(0,r.jsx)(g,{children:"Карточка специалиста"}),(0,r.jsxs)("div",{"data-demo-step":"spec-settings",children:[(0,r.jsx)(m,{children:"Имя, фамилия"}),(0,r.jsx)(m,{children:"О себе"}),(0,r.jsx)(u,{children:"Сохранить"})]})]}),9:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Оплата"}),(0,r.jsx)(g,{children:"История выплат"}),(0,r.jsx)("div",{"data-demo-step":"spec-payment",children:(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{children:"Январь: 12 сессий"}),(0,r.jsx)("div",{style:{fontWeight:600},children:"42 000 ₽"})]})})]}),10:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Журнал proEgo"}),(0,r.jsx)(g,{children:"Мои статьи"}),(0,r.jsx)("div",{"data-demo-step":"spec-journal",children:(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Как справиться со стрессом"}),(0,r.jsx)("div",{style:{fontSize:13},children:"Опубликовано"})]})})]}),11:(0,r.jsxs)("div",{"data-demo-step":"demo-cta",style:{textAlign:"center",padding:"40px 0"},children:[(0,r.jsx)("div",{style:{fontSize:48,marginBottom:16},children:"✨"}),(0,r.jsx)(x,{children:"Готовы попробовать?"}),(0,r.jsx)(g,{children:"Войдите в демо-кабинет специалиста — календарь, клиенты, группы, журнал"}),(0,r.jsx)(u,{style:{marginTop:24,maxWidth:300,margin:"24px auto 0"},children:"Войти в демо-кабинет специалиста"})]})})[d])&&void 0!==i?i:null),"hr"===n&&(null!==(s=({0:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Как вы хотите зарегистрироваться?"}),(0,r.jsx)(g,{children:"Выберите тип аккаунта"}),(0,r.jsxs)("div",{"data-demo-step":"hr-select",children:[(0,r.jsxs)(j,{style:{marginBottom:12,cursor:"pointer",borderWidth:2,borderColor:l.default.colors.primary},children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"HR-менеджер"}),(0,r.jsx)("div",{style:{fontSize:13,color:l.default.colors.primaryDark+"99"},children:"Корпоративный дашборд"})]}),(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Сотрудник"}),(0,r.jsx)("div",{style:{fontSize:13,color:l.default.colors.primaryDark+"99"},children:"Запись к психологу"})]})]})]}),1:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Регистрация HR"}),(0,r.jsx)(g,{children:"Email компании"}),(0,r.jsx)(m,{"data-demo-step":"hr-reg",children:"[email protected]"}),(0,r.jsx)(u,{children:"Зарегистрироваться"})]}),2:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Подтвердите почту"}),(0,r.jsx)(g,{children:"Код отправлен на [email protected]"}),(0,r.jsx)(m,{"data-demo-step":"hr-confirm",style:{maxWidth:220},children:"Код подтверждения"}),(0,r.jsx)(u,{children:"Войти"})]}),3:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{style:{color:l.default.colors.primaryDark,fontSize:24},children:"Бизнес-дашборд"}),(0,r.jsx)(g,{children:"Корпоративная программа поддержки"}),(0,r.jsxs)("div",{"data-demo-step":"hr-dashboard",children:[(0,r.jsxs)(f,{children:[(0,r.jsxs)(j,{style:{padding:24},children:[(0,r.jsx)("div",{style:{fontSize:28,fontWeight:700,color:l.default.colors.primary},children:"12"}),(0,r.jsx)("div",{style:{fontSize:14,color:l.default.colors.primaryDark+"99"},children:"Специалистов"})]}),(0,r.jsxs)(j,{style:{padding:24},children:[(0,r.jsx)("div",{style:{fontSize:28,fontWeight:700,color:l.default.colors.primary},children:"5"}),(0,r.jsx)("div",{style:{fontSize:14,color:l.default.colors.primaryDark+"99"},children:"Активных групп"})]}),(0,r.jsxs)(j,{style:{padding:24},children:[(0,r.jsx)("div",{style:{fontSize:28,fontWeight:700,color:l.default.colors.primary},children:"127"}),(0,r.jsx)("div",{style:{fontSize:14,color:l.default.colors.primaryDark+"99"},children:"Сотрудников"})]}),(0,r.jsxs)(j,{style:{padding:24},children:[(0,r.jsx)("div",{style:{fontSize:28,fontWeight:700,color:l.default.colors.primary},children:"84%"}),(0,r.jsx)("div",{style:{fontSize:14,color:l.default.colors.primaryDark+"99"},children:"Охват"})]})]}),(0,r.jsx)(j,{children:(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,r.jsx)("span",{style:{fontWeight:600},children:"Новые запросы на группы"}),(0,r.jsx)("span",{style:{fontSize:13,color:l.default.colors.primary},children:"2 запроса"})]})})]})]}),4:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Специалисты"}),(0,r.jsx)(g,{children:"Назначение на запросы"}),(0,r.jsx)("div",{"data-demo-step":"hr-specialists",children:(0,r.jsx)(j,{children:(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:8},children:[(0,r.jsx)("span",{children:"Запрос: Группа по стрессу"}),(0,r.jsx)(u,{style:{height:36,marginTop:0},children:"Назначить"})]})})})]}),5:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Группы"}),(0,r.jsx)(g,{children:"Управление программами"}),(0,r.jsxs)("div",{"data-demo-step":"hr-groups",children:[(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{style:{fontWeight:600},children:"Стресс и выгорание"}),(0,r.jsx)("div",{style:{fontSize:13},children:"8 участников"})]}),(0,r.jsx)(u,{children:"Создать запрос на группу"})]})]}),6:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Темы"}),(0,r.jsx)(g,{children:"Программы для сотрудников"}),(0,r.jsxs)("div",{"data-demo-step":"hr-topics",children:[(0,r.jsx)(j,{children:"Стресс и выгорание"}),(0,r.jsx)(j,{children:"Тревожность"})]})]}),7:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Оформление"}

1),(0,r.jsx)(g,{children:"Логотип и название компании"}),(0,r.jsxs)("div",{"data-demo-step":"hr-customization",children:[(0,r.jsx)(m,{children:"Название компании"}),(0,r.jsx)(u,{children:"Загрузить логотип"})]})]}),8:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Бюджет"}),(0,r.jsx)(g,{children:"Отчётность по программе"}),(0,r.jsx)("div",{"data-demo-step":"hr-budget",children:(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{children:"Лимит: 500 000 ₽"}),(0,r.jsx)("div",{children:"Использовано: 120 000 ₽"})]})})]}),9:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x,{children:"Сотрудники"}),(0,r.jsx)(g,{children:"Участники программы"}),(0,r.jsxs)("div",{"data-demo-step":"hr-employees",children:[(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{children:"Иванов И."}),(0,r.jsx)("div",{style:{fontSize:13},children:"3 сессии"})]}),(0,r.jsxs)(j,{children:[(0,r.jsx)("div",{children:"Петрова М."}),(0,r.jsx)("div",{style:{fontSize:13},children:"1 сессия"})]})]})]}),10:(0,r.jsxs)("div",{"data-demo-step":"demo-cta",style:{textAlign:"center",padding:"40px 0"},children:[(0,r.jsx)("div",{style:{fontSize:48,marginBottom:16},children:"✨"}),(0,r.jsx)(x,{children:"Готовы попробовать?"}),(0,r.jsx)(g,{children:"Войдите в демо-кабинет HR — дашборд, специалисты, группы, отчётность"}),(0,r.jsx)(u,{style:{marginTop:24,maxWidth:280,margin:"24px auto 0"},children:"Войти в демо-кабинет HR"})]})})[d])&&void 0!==s?s:null)]})]}):null}var w=i(70171),S=i(67094);let k=d.ZP.div.withConfig({componentId:"sc-1c4b8d34-0"})(["position:fixed;inset:0;z-index:9999;pointer-events:none;"]),C=d.ZP.div.withConfig({componentId:"sc-1c4b8d34-1"})(["position:fixed;top:","px;left:","px;width:","px;height:","px;border:3px solid ",";border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,0.75);pointer-events:none;transition:all 0.3s ease;"],e=>e.$rect.top,e=>e.$rect.left,e=>e.$rect.width,e=>e.$rect.height,l.default.colors.primary),z=d.ZP.div.withConfig({componentId:"sc-1c4b8d34-2"})(["position:fixed;inset:0;background:transparent;pointer-events:auto;cursor:default;"]),I=d.ZP.div.withConfig({componentId:"sc-1c4b8d34-3"})(["position:fixed;bottom:0;left:0;right:0;background:linear-gradient(0deg,"," 0%,"," 100%);padding:32px 48px 48px;border-top:1px solid ","40;box-shadow:0 -8px 32px rgba(82,61,42,0.12);z-index:10001;pointer-events:auto;@media (min-width:769px){top:0;bottom:0;right:auto;width:380px;max-width:95vw;border-top:none;border-right:1px solid ","40;box-shadow:8px 0 32px rgba(82,61,42,0.12);}@media (max-width:768px){padding:24px 24px 40px;}"],l.default.bgColors.white,l.default.bgColors.primaryFon,l.default.colors.primaryLight,l.default.colors.primaryLight),D=d.ZP.div.withConfig({componentId:"sc-1c4b8d34-4"})(["font-size:12px;font-weight:600;color:",";text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;"],l.default.colors.primaryMedium),P=d.ZP.h3.withConfig({componentId:"sc-1c4b8d34-5"})(["font-size:20px;font-weight:700;color:",";margin:0 0 12px;font-family:'Arimo',sans-serif;"],l.default.colors.primaryDark),F=d.ZP.p.withConfig({componentId:"sc-1c4b8d34-6"})(["font-size:15px;color:","cc;line-height:1.6;margin:0 0 24px;"],l.default.colors.primaryDark),R=d.ZP.div.withConfig({componentId:"sc-1c4b8d34-7"})(["display:flex;gap:12px;align-items:center;"]),W=d.ZP.button.withConfig({componentId:"sc-1c4b8d34-8"})(["position:fixed;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.95);border:1px solid ","40;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10002;pointer-events:auto;transition:all 0.2s;color:",";&:hover{background:",";box-shadow:0 4px 16px rgba(0,0,0,0.15);}"],l.default.colors.primaryLight,l.default.colors.primaryDark,l.default.bgColors.white);function Z(e){var t;let{steps:i,role:n,onClose:d,containerRef:o,currentStep:c,onNext:a,onEnterDemo:h}

1=e,[p,x]=(0,s.useState)({top:100,left:100,width:200,height:80}),g=i[c],m=(0,s.useCallback)(()=>{var e;if(o.current&&g){if(g.highlightSelector&&o.current){let e=o.current.querySelector(g.highlightSelector);if(e){let t=e.getBoundingClientRect();x({top:t.top,left:t.left,width:t.width,height:t.height});return}}g.highlightRect?x(g.highlightRect):!g.highlightSelector||(null===(e=o.current)||void 0===e?void 0:e.querySelector(g.highlightSelector))||x({top:120,left:80,width:300,height:100})}},[g,o]);(0,s.useEffect)(()=>{m();let e=setTimeout(m,100);return()=>clearTimeout(e)},[m,c]),(0,s.useEffect)(()=>{let e=()=>m();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[m]);let u=(null===(t=i[c])||void 0===t?void 0:t.id)==="demo-cta",j=()=>{c<i.length-1?a():u&&h?h():d()},f=()=>{d()};return g?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(W,{type:"button",onClick:e=>{e.stopPropagation(),d()},"aria-label":"Закрыть",children:(0,r.jsx)(S.Z.Close,{color:l.default.colors.primaryDark,size:22})}),(0,r.jsxs)(k,{children:[(0,r.jsx)(z,{onClick:d}),(0,r.jsx)(C,{$rect:p})]}),(0,r.jsxs)(I,{onClick:e=>e.stopPropagation(),children:[(0,r.jsxs)(D,{children:["Шаг ",c+1," из ",i.length]}),(0,r.jsx)(P,{children:g.title}),(0,r.jsx)(F,{children:g.description}),(0,r.jsxs)(R,{children:[(0,r.jsx)(w.Z,{type:"button",bgColors:"primaryDarow",colors:"primaryDark",onClick:e=>{e.stopPropagation(),j()},children:c<i.length-1?"Далее":u&&h?"Войти в демо-кабинет":"Завершить"}),(0,r.jsx)(w.Z,{type:"button",bgColors:"transparent",colors:"primaryMedium",onClick:e=>{e.stopPropagation(),f()},style:{border:"1px solid ".concat(l.default.colors.primaryLight)},children:"Пропустить"})]})]})]}):null}let E={client:"/partners/demo/client/home",specialist:"/partners/demo/specialist/home",hr:"/business/dashboard?demo=true",agent:"/b2b-agent/dashboard?demo=true"},L=d.ZP.div.withConfig({componentId:"sc-38b9ba18-0"})(["position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:9990;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;"]),M=d.ZP.div.withConfig({componentId:"sc-38b9ba18-1"})(["width:100%;max-width:680px;margin:auto;padding:24px 0 200px;"]);function T(e){let{role:t,steps:i,onClose:d}

1=e,[l,o]=(0,s.useState)(0),c=(0,s.useRef)(null),a=(0,n.useRouter)(),h=(0,s.useCallback)(()=>{if(!(null!==t&&"psychiatrist"!==t&&"clinic"!==t&&t in E))return;let e=E[t];localStorage.setItem("isDemo","true"),localStorage.setItem("demoRole",t),"agent"===t&&localStorage.setItem("b2bAgentDemo","true"),a.push(e),d()},[t,a,d]);return(0,r.jsxs)(L,{onClick:d,children:[(0,r.jsx)(M,{ref:c,onClick:e=>e.stopPropagation(),children:(0,r.jsx)(b,{role:t,stepIndex:l})}),(0,r.jsx)(Z,{steps:i,role:t,onClose:d,containerRef:c,currentStep:l,onNext:()=>{o(e=>Math.min(e+1,i.length-1))},onEnterDemo:h})]})}},56237:function(e,t,i){i.d(t,{rM:function(){return r},tY:function(){return s},wp:function(){return n}});let r=[{id:"reg-1",title:"Регистрация",description:"Клиент вводит email для создания аккаунта. Простая форма — один шаг до начала работы с платформой.",highlightSelector:'[data-demo-step="reg-1"]'},{id:"reg-2",title:"Подтверждение почты",description:"На email приходит код подтверждения. Ввод кода завершает регистрацию и активирует аккаунт.",highlightSelector:'[data-demo-step="reg-2"]'},{id:"catalog",title:"Каталог специалистов",description:"Клиент просматривает психологов: фото, специализации, методы работы, отзывы.",highlightSelector:'[data-demo-step="catalog"]'},{id:"select-spec",title:"Выбор специалиста",description:"Клиент выбирает психолога из каталога: фильтры по специализации, рейтингу и формату работы.",highlightSelector:'[data-demo-step="select-spec"]'},{id:"spec-card",title:"Карточка специалиста",description:"Подробная информация: образование, методы, цены, расписание для записи.",highlightSelector:'[data-demo-step="spec-card"]'},{id:"select-time",title:"Выбор времени",description:"Удобный календарь с доступными слотами. Можно выбрать индивидуальную или групповую консультацию.",highlightSelector:'[data-demo-step="select-time"]'},{id:"groups",title:"Групповые программы",description:"Альтернатива индивидуальным сессиям — групповые программы по темам.",highlightSelector:'[data-demo-step="groups"]'},{id:"booking",title:"Бронирование",description:"Подтверждение записи и оплата. Клиент получает напоминание и ссылку на сессию.",highlightSelector:'[data-demo-step="booking"]'},{id:"payment",title:"Оплата",description:"Безопасная оплата картой. После оплаты — доступ в личный кабинет.",highlightSelector:'[data-demo-step="payment"]'},{id:"cabinet",title:"Личный кабинет",description:"Ближайшие встречи, история занятий, управление подписками. Всё в одном месте.",highlightSelector:'[data-demo-step="cabinet"]'},{id:"appointments",title:"Мои встречи",description:"Список запланированных сессий с кнопкой подключения по видеосвязи.",highlightSelector:'[data-demo-step="appointments"]'},{id:"chat",title:"Чат со специалистом",description:"Связь с психологом между сессиями, обмен сообщениями.",highlightSelector:'[data-demo-step="chat"]'},{id:"demo-cta",title:"Попробуйте сами",description:"Войдите в демо-кабинет клиента и изучите интерфейс вживую. Данные демонстрационные.",highlightSelector:'[data-demo-step="demo-cta"]'}],s=[{id:"spec-reg-1",title:"Регистрация специалиста",description:"Специалист указ

1ывает email. После подтверждения от Konsol Pro получает ссылку для завершения регистрации.",highlightSelector:'[data-demo-step="spec-reg-1"]'},{id:"spec-reg-2",title:"Установка пароля",description:"По ссылке из письма специалист создаёт пароль и завершает первичную настройку аккаунта.",highlightSelector:'[data-demo-step="spec-reg-2"]'},{id:"spec-quiz",title:"Заполнение анкеты",description:"Пошаговый квиз: образование, специализации, методы работы, опыт. Данные отображаются в карточке.",highlightSelector:'[data-demo-step="spec-quiz"]'},{id:"spec-cabinet",title:"Личный кабинет",description:"Главная страница: ближайшие встречи, группы, быстрые действия. Всё необходимое под рукой.",highlightSelector:'[data-demo-step="spec-cabinet"]'},{id:"spec-clients",title:"Клиенты",description:"База клиентов с поиском и сортировкой. Реферальная программа и приглашение новых клиентов.",highlightSelector:'[data-demo-step="spec-clients"]'},{id:"spec-calendar",title:"Календарь",description:"Управление слотами, группами и встречами. Настройка доступности и повторяющихся занятий.",highlightSelector:'[data-demo-step="spec-calendar"]'},{id:"spec-groups",title:"Группы",description:"Создание и ведение групповых программ, управление участниками.",highlightSelector:'[data-demo-step="spec-groups"]'},{id:"spec-requests",title:"Запросы компаний",description:"Запросы от HR на групповые программы, предложение подходящих групп.",highlightSelector:'[data-demo-step="spec-requests"]'},{id:"spec-settings",title:"Настройки профиля",description:"Редактирование карточки, фото, цен, методов работы для публичной страницы.",highlightSelector:'[data-demo-step="spec-settings"]'},{id:"spec-payment",title:"Оплата и отчёты",description:"История выплат, статистика сессий, выгрузка отчётов.",highlightSelector:'[data-demo-step="spec-payment"]'},{id:"spec-journal",title:"Журнал и публикации",description:"Статьи в журнале proEgo, экспертность и продвижение.",highlightSelector:'[data-demo-step="spec-journal"]'},{id:"demo-cta",title:"Попробуйте сами",description:"Войдите в демо-кабинет специалиста и изучите интерфейс вживую. Данные демонстрационные.",highlightSelector:'[data-demo-step="demo-cta"]'}],n=[{id:"hr-select",title:"Выбор типа регистрации",description:"HR выбирает \xabРегистрация HR\xbb для доступа к корпоративному дашборду. Сотрудники — отдельный путь.",highlightSelector:'[data-demo-step="hr-select"]'},{id:"hr-reg",title:"Регистрация HR",description:"Email компании для создания корпоративного аккаунта. После подтверждения — доступ по ссылке.",highlightSelector:'[data-demo-step="hr-reg"]'},{id:"hr-confirm",title:"Подтверждение",description:"Код из письма активирует аккаунт. HR получает доступ к дашборду после проверки администратором.",highlightSelector:'[data-demo-step="hr-confirm"]'},{id:"hr-dashboard",title:"Бизнес-дашборд",description:"Обзор: специалисты, группы, запросы, бюджеты. Ключевые метрики и быстрый доступ ко всем разделам.",highlightSelector:'[data-demo-step="hr-dashboard"]'}

1,{id:"hr-specialists",title:"Специалисты и назначения",description:"Назначение специалистов на запросы компаний. Формирование групп под задачи сотрудников.",highlightSelector:'[data-demo-step="hr-specialists"]'},{id:"hr-groups",title:"Управление группами",description:"Создание запросов на групповые программы, отслеживание участия сотрудников.",highlightSelector:'[data-demo-step="hr-groups"]'},{id:"hr-topics",title:"Темы и программы",description:"Настройка тем для сотрудников: стресс, выгорание, отношения, тревожность и др.",highlightSelector:'[data-demo-step="hr-topics"]'},{id:"hr-customization",title:"Оформление",description:"Логотип и название компании для отображения в интерфейсе для сотрудников.",highlightSelector:'[data-demo-step="hr-customization"]'},{id:"hr-budget",title:"Бюджет и отчётность",description:"Установка лимитов, просмотр расходов, выгрузка отчётов по программе.",highlightSelector:'[data-demo-step="hr-budget"]'},{id:"hr-employees",title:"Сотрудники",description:"Список участников программы, статусы, даты последних сессий.",highlightSelector:'[data-demo-step="hr-employees"]'},{id:"demo-cta",title:"Попробуйте сами",description:"Войдите в демо-кабинет HR и изучите интерфейс вживую. Данные демонстрационные.",highlightSelector:'[data-demo-step="demo-cta"]'}]},86032:function(e,t,i){i.d(t,{D:function(){return o}});var r=i(57437),s=i(2265),n=i(28819);let d=new Map,l=new Map,o=(0,s.forwardRef)(function(e,t){let{src:i,priority:o=!1,skipOnMobile:c=!1,poster:a,className:h,rootMargin:p="80px",...x}=e,g=(0,s.useRef)(null),m=(0,s.useRef)(null),[u,j]=(0,s.useState)(!1),[f,y]=(0,s.useState)(()=>{var e;return null!==(e=d.get(i))&&void 0!==e?e:null}),[v,b]=(0,s.useState)(!1);(0,s.useEffect)(()=>{j(!0);let e=window.matchMedia("(max-width: 900px)"),t=()=>b(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]);let w=(0,s.useMemo)(()=>{if("undefined"==typeof navigator)return!1;let e=navigator.connection;return!!(null==e?void 0:e.saveData)},[]),S=(0,s.useMemo)(()=>window.matchMedia("(prefers-reduced-motion: reduce)").matches,[]),k=w||S||c&&v,{ref:C,inView:z}=(0,n.YD)({rootMargin:o?"0px":p,triggerOnce:!0,initialInView:o}),I=u&&!k&&(o||z);return((0,s.useEffect)(()=>{if(!I)return;let e=!1;if(v){y(i);return}return(function(e){let t=d.get(e);if(t)return Promise.resolve(t);let i=l.get(e);if(i)return i;let r=fetch(e.startsWith("/")?"".concat(window.location.origin).concat(e):e,{credentials:"same-origin",cache:"force-cache"}).then(e=>{if(!e.ok)throw Error("video fetch failed: ".concat(e.status));return e.blob()}).then(t=>{let i=URL.createObjectURL(t);return d.set(e,i),l.delete(e),i}).catch(t=>{throw l.delete(e),t});return l.set(e,r),r})(i).then(t=>{e||y(t)}

1).catch(()=>{e||y(i)}),()=>{e=!0}},[I,i,v]),(0,s.useEffect)(()=>{if(!f)return;let e=g.current;e&&m.current!==f&&(m.current=f,e.paused&&e.play().catch(()=>void 0))},[f]),k)?a?(0,r.jsx)("img",{src:a,alt:"",className:h,"aria-hidden":x["aria-hidden"]}):null:(0,r.jsx)("video",{ref:function(){for(var e=arguments.length,t=Array(e),i=0;i<e;i++)t[i]=arguments[i];return e=>{for(let i of t)i&&("function"==typeof i?i(e):i.current=e)}}(g,t,C),className:h,...x,src:null!=f?f:void 0,muted:!0,loop:!0,playsInline:!0,autoPlay:!!f,preload:"none",poster:a})})},27648:function(e,t,i){i.d(t,{default:function(){return s.a}});var r=i(72972),s=i.n(r)},99376:function(e,t,i){var r=i(35475);i.o(r,"useParams")&&i.d(t,{useParams:function(){return r.useParams}}),i.o(r,"usePathname")&&i.d(t,{usePathname:function(){return r.usePathname}}),i.o(r,"useRouter")&&i.d(t,{useRouter:function(){return r.useRouter}}),i.o(r,"useSearchParams")&&i.d(t,{useSearchParams:function(){return r.useSearchParams}}),i.o(r,"useServerInsertedHTML")&&i.d(t,{useServerInsertedHTML:function(){return r.useServerInsertedHTML}})},28819:function(e,t,i){i.d(t,{YD:function(){return c}});var r=i(2265),s=Object.defineProperty,n=new Map,d=new WeakMap,l=0,o=void 0;function c(){var e;let{threshold:t,delay:i,trackVisibility:s,rootMargin:c,root:a,triggerOnce:h,skip:p,initialInView:x,fallbackInView:g,onChange:m}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[u,j]=r.useState(null),f=r.useRef(),[y,v]=r.useState({inView:!!x,entry:void 0});f.current=m,r.useEffect(()=>{let e;if(!p&&u)return e=function(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:o;if(void 0===window.IntersectionObserver&&void 0!==r){let s=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:"number"==typeof i.threshold?i.threshold:0,time:0,boundingClientRect:s,intersectionRect:s,rootBounds:s}),()=>{}}let{id:s,observer:c,elements:a}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var i;return"".concat(t,"_").concat("root"===t?(i=e.root)?(d.has(i)||(l+=1,d.set(i,l.toString())),d.get(i)):"0":e[t])}).toString(),i=n.get(t);if(!i){let r;let s=new Map,d=new IntersectionObserver(t=>{t.forEach(t=>{var i;let n=t.isIntersecting&&r.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=n),null==(i=s.get(t.target))||i.forEach(e=>{e(n,t)})})},e);r=d.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),i={id:t,observer:d,elements:s},n.set(t,i)}return i}(i),h=a.get(e)||[];return a.has(e)||a.set(e,h),h.push(t),c.observe(e),function(){h.splice(h.indexOf(t),1),0===h.length&&(a.delete(e),c.unobserve(e)),0===a.size&&(c.disconnect(),n.delete(s))}}(u,(t,i)=>{v({inView:t,entry:i}),f.current&&f.current(t,i),i.isIntersecting&&h&&e&&(e(),e=void 0)},{root:a,rootMargin:c,threshold:t,trackVisibility:s,delay:i},g),()=>{e&&e()}},[Array.isArray(t)?t.toString():t,u,a,c,h,p,s,g,i]);let b=null==(e=y.entry)?void 0:e.target,w=r.useRef();u||!b||h||p||w.current===b||(w.current=b,v({inView:!!x,entry:void 0}));let S=[j,y.inView,y.entry];return S.ref=S[0],S.inView=S[1],S.entry=S[2],S}r.Component}}]);