PageSourceSearch

https://dthinkagency.com/assets/operacionka-ehqN4ykE.js

js dthinkagency.com collected 2026-10-04 22:00:17 UTC 19,279 bytes, 2 lines download raw bytes

1import{c as N,k as v,r as c,j as e,C as i,L as b,l as w,m as k}from"./index-CV7F2kFE.js";const C=[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]],F=N("chevron-up",C),j=[{num:"01",emoji:"🧪",title:"Проверка на грязную версию",teamQ:"Мы готовы жить с грязной первой версией этой идеи?",reveals:"Разрыв между стратегией на слайде и реальностью в зале. Кто будет делать? Кто будет контролировать? Где сломается? Кто будет саботировать? Какие данные окажутся грязными? Что делаем, когда первые результаты слабые?",example:"Команда запускает новую программу лояльности. На слайде — уровни, бонусы, рост удержания. Через две недели: кассиры забывают предлагать карту, условия путают клиентов, в поддержку идёт шквал «почему мне не начислили». Никто не обсудил грязную версию до старта.",redFlag:"На вопрос «что начнёт ломаться через две недели?» команда отвечает «ну, продавцы могут не заполнять…» — «могут» означает «будут»."},{num:"02",emoji:"⚡",title:"Проверка на простоту",teamQ:"Сможем объяснить это сотруднику, который завтра выходит на смену, за 30 секунд?",reveals:"Если команда сама не может сформулировать, какое поведение хочет получить — инициатива не готова. Не потому что сотрудник «не дорос», а потому что задача размытая.",example:`❌ «Повышать персонализацию» — не точная формулировка, никто не знает, что делать в 14:35.
2✅ «Когда клиент задаёт вопрос — сначала уточни, для какой ситуации это нужно, и предложи 2 варианта под его сценарий» — это действие.`,redFlag:"Три минуты объяснений, в которых звучат «эмпатия», «вау-эффект» и «работа с базой», но ни одного конкретного действия."},{num:"03",emoji:"👀",title:"Проверка на поведение",teamQ:"Что клиент реально увидит каждый день — не в стандарте, а в жизни?",reveals:"Разрыв между декларацией и реальностью. Не что компания говорит про клиентоцентричность — а что происходит в зале, в CRM, в переписке, после покупки.",example:"Клиент со средним чеком 300к получает ту же рассылку, что новичок с чеком 5 тысяч. Ту же серию «мы скучаем». Премиальный клиент, который приносит основную выручку, получает коммуникацию уровня масс.",redFlag:"NPS 82, CSI отличный, клиенты «нас любят» — но не возвращаются, не покупают повторно и не отвечают на сообщения. Это не лояльность. Это вежливость."},{num:"04",emoji:"⏱️",title:"Проверка на ценность времени",teamQ:"Это помогает продавцу лучше узнать клиента, довести до покупки, вернуть, удержать — или просто кормит отчёт?",reveals:"Перегруз сотрудников задачами, которые обслуживают систему, а не клиента. Поля в системах, чек-листы, отчёты и «обязательные касания», которые никто не читает.",example:"В тикете поддержки — 14 обязательных полей на каждое обращение. Оператор тратит 15 минут после каждого диалога на заполнение. Данные не использует никто — ни руководитель, ни продукт, ни аналитика. Сотрудник чувствует, что обслуживает таблицу вместо клиента.",redFlag:"На вопрос «кто читает эти данные и что с ними делает?» — тишина."},{num:"05",emoji:"🤍",title:"Проверка на честность коммуникации",teamQ:"Если бы клиент увидел внутреннюю механику — ему было бы приятно или мерзко?",reveals:"Имитацию личного отношения. Автоматизация — нормально, если помогает человеку быть точнее. Она плохая, когда маскирует массовую выгрузку под личную память.",example:"Сообщение в WhatsApp выглядит как «Мария, мы специально подумали о вас». Внутри — массовая выгрузка по сегменту «не покупал 60 дней». Проблема не в автоматизации. Проблема в том, что бренд врёт — имитирует отношение, которого нет.",redFlag:"Команда не может ответить на вопрос. И молчание — это ответ."}],A=[{title:"Диагностика",time:"20–30 минут",body:"Перед стартом проекта вместе с командой прогоняем инициативу через 5 вопросов и сразу видим, где она сломается в реальной работе."},{title:"Воркшоп",time:"60–90 минут",body:"Берёте одну инициативу, делите команду на группы, каждая проходит 5 проверок. Потом сводите ответы и смотрите, где факты, а где красивое «вроде понятно»."},{title:"Чек перед запуском",time:"15 минут",body:"Команда сама проходит карточку. Если на 3 вопроса нет внятного ответа — запускать рано."}],E=["Клаинтелинг","Персональная коммуникация","Запуск / пересборка CRM","Новый стандарт сервиса","Программа лояльности","Обучение продавцов","VIP-стратегия","Работа с сегментами","Любая CX-инициатива"],p={clear:{label:"Чётко",bg:"#3FB68B",ink:"#0B3A2A"},vague:{label:"Размыто",bg:"#F5A524",ink:"#3A2703"}
2,empty:{label:"Нет",bg:"#E5484D",ink:"#3A0A0B"}};function Q(){const r=v(),[d,f]=c.useState(()=>Array(j.length).fill(null)),u=c.useCallback((t,a)=>{f(o=>{const h=[...o];return h[t]=o[t]===a?null:a,h})},[]),s=c.useMemo(()=>{const t=d.filter(n=>n!==null).length,a=d.filter(n=>n==="clear").length,o=d.filter(n=>n==="vague").length,h=d.filter(n=>n==="empty").length,y=a*2+o*1;return{answered:t,clear:a,vague:o,empty:h,score:y}},[d]),g=c.useMemo(()=>s.answered===0?{title:"Отметьте ответы на карточках выше",body:"Результат появится по мере ответов."}:s.score===10?{title:"✅ Готово к запуску",body:"Все ответы чёткие — можно стартовать в понедельник."}:s.empty>=2?{title:"🚦 Запуск преждевременный",body:"Слишком много пустот — это не идея, это намерение."}:s.score>=7?{title:"⚠️ Почти готово — закройте размытые места",body:"Превратите «размыто» в конкретные действия до запуска."}:{title:"Нужно углубить ответы",body:"Размытые формулировки в полях превратятся в саботаж."},[s]),l=s.score/10*100,x=l<40?p.empty.bg:l<75?p.vague.bg:p.clear.bg,m=c.useCallback(()=>{const t=document.getElementById("framework");t&&t.scrollIntoView({behavior:r?"auto":"smooth",block:"start"})},[r]);return e.jsxs("div",{className:"bg-background text-foreground",children:[e.jsx("section",{className:"border-b border-border py-20 md:py-28",children:e.jsx(i,{children:e.jsxs("div",{className:"mx-auto max-w-3xl",children:[e.jsx("div",{className:"dt-eyebrow text-muted-foreground",children:"🔍 Инструмент dthink · карточка-фреймворк"}),e.jsxs("h1",{className:"mt-4 font-display text-4xl leading-[1.05] text-foreground md:text-6xl",children:["5 проверок"," ",e.jsx("span",{className:"bg-primary px-2 py-0.5 leading-tight",children:"CX-операционки"})]}),e.jsx("p",{className:"mt-6 text-lg text-muted-foreground md:text-xl",children:"Любая CX-инициатива красиво выглядит на слайде. Потом начинается понедельник: смена не поняла, CRM не помогает, продавцы делают по-своему, а клиент видит не стратегию, а хаос."}),e.jsx("p",{className:"mt-4 text-lg text-muted-foreground md:text-xl",children:"Эти 5 вопросов за 20 минут показывают, готова ли идея к внедрению — или она пока живёт только в презентации."}),e.jsxs("div",{className:"mt-8 flex flex-wrap items-center gap-3",children:[e.jsx("button",{type:"button",onClick:m,className:"btn-hero-primary px-8 py-4",children:"Пройти 5 проверок"}),e.jsx(b,{to:"/contact",search:{topic:"cx-diagnostic"},className:"inline-flex items-center rounded-full border border-border bg-background px-6 py-4 font-medium text-foreground transition-colors hover:border-foreground",children:"Обсудить проект"})]}),e.jsx("p",{className:"mt-4 text-sm text-muted-foreground",children:"20 минут · работает на любой CX-инициативе · бесплатно"})]})})}),e.jsx("section",{className:"border-b border-border bg-muted py-20 md:py-28",children:e.jsxs(i,{children:[e.jsxs("div",{className:"max-w-2xl",children:[e.jsx("div",{className:"dt-eyebrow text-muted-foreground",children:"Как использовать"}),e.jsx("h2",{className:"mt-3 font-display text-3xl text-foreground md:text-4xl",children:"Три рабочих формата"})]}),e.jsx("div",{className:"mt-10 grid gap-4 md:grid-cols-3",children:A.map(t=>e.jsxs("div",{className:"dt-card flex h-full flex-col rounded-2xl bg-background p-6",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h3",{className:"font-display text-xl text-foreground",children:t.title}),e.jsx("span",{className:"rounded-full bg-secondary/40 px-3 py-1 dt-eyebrow text-foreground",children:t.time})]}),e.jsx("p",{className:"mt-3 text-[0.975rem] leading-relaxed text-muted-foreground",children:t.body})]},t.title))})]})}),e.jsx("section",{id:"framework",className:"scroll-mt-24 py-20 md:py-28",children:e.jsxs(i,{children:[e.jsxs("div",{className:"max-w-2xl",children:[e.jsx("div",{className:"dt-eyebrow text-muted-foreground",children:"5 проверок"}),e.jsx("h2",{className:"mt-3 font-display text-3xl text-foreground md:text-4xl",children:"Прогоните инициативу через 5 вопросов"}),e.jsx("p",{className:"mt-4 text-lg text-muted-foreground",children:"На каждый вопрос нужен не красивый ответ, а рабочий. Если команда отвечает «ну, вроде понятно» — это уже красный флаг."})]}),e.jsx("div",{className:"mt-10 grid gap-5 lg:grid-cols-2",children:j.map((t,a)=>e.jsx(B,{check:t,verdict:d[a],onVerdict:o=>u(a,o),reduce:!!r},t.num))}),e.jsxs("div",{className:"mt-10 rounded-3xl bg-muted shadow-[var(--shadow-card)] p-6 md:p-8",children:[e.jsxs("div",{className:"flex flex-col gap-6 md:flex-row md:items-center md:justify-between",children:[e.jsxs("div",{children:[e.jsx("div",{className:"dt-eyebrow text-muted-foreground",children:"Готовность"}),e.jsxs("div",{className:"mt-1 font-display text-5xl text-foreground md:text-6xl",children:[s.score,e.jsx("span",{className:"text-muted-foreground",children:"/10"})]})]}),e.jsxs("div",{className:"flex-1 md:max-w-md",children:[e.jsx("div",{className:"h-3 w-full overflow-hidden rounded-full bg-background",role:"progressbar","aria-valuemin":0,"aria-valuemax":10,"aria-valuenow":s.score,children:e.jsx("div",{className:"h-full rounded-full transition-[width,background-color] duration-500 motion-reduce:transition-none",style:{width:`${l}%`,backgroundColor:x}})}),e.jsxs("div",{className:"mt-3 text-sm text-muted-foreground",children:["отвечено ",s.answered,"/5 · ясных ",s.clear," · размытых"," ",s.vague," · пусто ",s.empty]})]})]}),e.jsxs("div",{className:"mt-6 rounded-2xl bg-background shadow-[var(--shadow-card)] p-5",children:[e.jsx("div",{className:"font-display text-xl text-foreground",children:g.title}),e.jsx("p",{className:"mt-1.5 text-muted-foreground",children:g.body})]})]})]})}),e.jsx("section",{className:"py-20 md:py-28",children:e.jsx(i,{children:e.jsx("div",{className:"rounded-3xl px-6 py-14 md:px-14 md:py-20",style:{backgroundColor:"#202020"},children:e.jsxs("div",{className:"mx-auto max-w-3xl",children:[e.jsx("span",{className:"inline-flex items-center rounded-full border border-primary/60 bg-primary px-3 py-1 dt-eyebrow text-foreground",children:"🚦 Правило запуска"}),e.jsxs("p",{className:"mt-6 font-display text-3xl leading-tight text-white md:text-5xl",children:["Если на 3 из 5 вопросов нет внятного ответа —"," ",e.jsx("span",{className:"px-1",style:{backgroundColor:"#F8EF54",color:"#202020"},children:"инициатива не готова к запуску."})]}),e.jsx("p",{className:"mt-6 text-lg text-white/70",children:"Не потому что идея плохая. Просто команда готова к презентации, но не к понедельнику."})]})})})}),e.jsx("section",{className:"border-y border-border bg-muted py-20 md:py-28",children:e.jsxs(i,{children:[e.jsxs("div",{className:"max-w-2xl",children:[e.jsx("div",{className:"dt-eyebrow text-muted-foreground",children:"Где применять"}),e.jsx("h2",{className:"mt-3 font-display text-3xl text-foreground md:text-4xl",children:"Работает на любой инициативе, где меняется поведение команды"})]}),e.jsx("div",{className:"mt-8 flex flex-wrap gap-2.5",children:E.map(t=>e.jsx("span",{className:"inline-flex items-center rounded-full border border-border bg-background px-4 py-2 text-sm text-foreground",children:t},t))})]})}),e.jsx("section",{className:"py-20 md:py-28",children:e.jsx(i,{children:e.jsxs("div",{className:"mx-auto flex max-w-2xl flex-col items-center text-center",children:[e.jsx("h2",{className:"font-display text-3xl text-foreground md:text-4xl",children:"Пройдём 5 проверок по вашей инициативе вместе"}),e.jsx("p",{className:"mt-4 text-lg text-muted-foreground",children:"За 30 минут увидим, готова ли идея к понедельнику и где она сломается в поле."}),e.jsx("div",{className:"mt-8",children:e.jsx(b,{to:"/contact",search:{topic:"cx-diagnostic"},className:"btn-hero-primary px-10 py-5 text-lg",children:"Записаться на диагностику"})})]})})})]})}function B({check:r,verdict:d,onVerdict:f,reduce:u}){const[s,g]=c.useState(!1);return e.jsxs("article",{className:"dt-card flex h-full flex-col rounded-3xl bg-background p-6 md:p-7",children:[e.jsxs("div",{className:"flex items-baseline gap-3",children:[e.jsx("span",{className:"font-display text-3xl text-muted-foreground",children:r.num}),e.jsx("span",{className:"text-2xl leading-none","aria-hidden":!0,
2children:r.emoji})]}),e.jsx("h3",{className:"mt-3 font-display text-xl text-foreground md:text-2xl",children:r.title}),e.jsxs("div",{className:"mt-5 rounded-2xl p-4",style:{backgroundColor:"#BCB7FE"},children:[e.jsx("div",{className:"dt-eyebrow text-foreground/70",children:"Вопрос команде"}),e.jsx("p",{className:"mt-1.5 text-[1.05rem] font-medium leading-snug text-foreground",children:r.teamQ})]}),e.jsxs("button",{type:"button",onClick:()=>g(l=>!l),className:"mt-4 inline-flex items-center gap-1.5 self-start text-sm font-medium text-foreground underline-offset-4 hover:underline","aria-expanded":s,children:[s?"Свернуть детали":"Показать детали",s?e.jsx(F,{className:"h-4 w-4"}):e.jsx(w,{className:"h-4 w-4"})]}),s&&e.jsxs(k.div,{initial:u?void 0:{opacity:0,height:0},animate:u?void 0:{opacity:1,height:"auto"},transition:{duration:.25},className:"mt-4 space-y-4 overflow-hidden",children:[e.jsxs("div",{children:[e.jsx("div",{className:"dt-eyebrow text-muted-foreground",children:"Что вскрывает"}),e.jsx("p",{className:"mt-1.5 text-[0.975rem] leading-relaxed text-foreground/85",children:r.reveals})]}),e.jsxs("div",{children:[e.jsx("div",{className:"dt-eyebrow text-muted-foreground",children:"Пример из полей"}),e.jsx("p",{className:"mt-1.5 whitespace-pre-line text-[0.975rem] leading-relaxed text-foreground/85",children:r.example})]}),e.jsxs("div",{className:"rounded-xl p-4",style:{backgroundColor:"#FCE8E9",color:"#7A1216"},children:[e.jsx("div",{className:"dt-eyebrow",style:{color:"#7A1216"},children:"🚩 Красный флаг"}),e.jsx("p",{className:"mt-1.5 text-[0.975rem] leading-relaxed",children:r.redFlag})]})]}),e.jsxs("div",{className:"mt-6 border-t border-border pt-5",children:[e.jsx("div",{className:"dt-eyebrow text-muted-foreground",children:"Насколько чёткий ответ?"}),e.jsx("div",{role:"radiogroup","aria-label":"Оценка ответа",className:"mt-3 grid grid-cols-3 gap-2",children:["clear","vague","empty"].map(l=>{const x=d===l,m=p[l];return e.jsx("button",{type:"button",role:"radio","aria-checked":x,onClick:()=>f(l),className:["rounded-xl px-3 py-2.5 text-sm font-medium transition-all","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-foreground/60",x?"shadow-sm":"border border-border bg-background text-foreground hover:border-foreground"].join(" "),style:x?{backgroundColor:m.bg,color:m.ink}:void 0,children:m.label},l)})})]})]})}export{Q as component};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.