From 8db0851e564f1dde4ceeba5d5fabc0654c2652b0 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Tue, 10 Feb 2026 17:49:14 +0700
Subject: [PATCH] Clarify monetization mechanics

---
 app/app.vue | 45 ++++++++++++++++++++++++++++++---------------
 1 file changed, 30 insertions(+), 15 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index a1bde03..841ae2c 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -160,7 +160,7 @@
                 </p>
               </div>
               <div class="slide-main flow-main">
-                <div class="flow-wrapper glass-panel rounded-3xl border border-base-300 p-4">
+                <div class="flow-wrapper flow-panel rounded-3xl p-4">
                   <ClientOnly>
                     <VueFlow
                       :id="flowId"
@@ -168,6 +168,8 @@
                       :nodes="flowNodes"
                       :edges="flowEdges"
                       :fit-view-on-init="true"
+                      :min-zoom="0.35"
+                      :max-zoom="1"
                       :nodes-draggable="true"
                       :nodes-connectable="false"
                       :elements-selectable="true"
@@ -258,8 +260,8 @@
               <div class="slide-head">
                 <h2 class="slide-title">Прозрачные источники выручки</h2>
                 <p class="slide-preamble">
-                  Мы фиксируем этапы, сроки и материалы — значит, точно знаем, где создается ценность. Это
-                  делает монетизацию понятной для обеих сторон и логично вытекающей из процесса.
+                  Мы фиксируем этапы, сроки и материалы — поэтому источники выручки понятны и завязаны на
+                  реальный процесс: эскроу, независимая приемка и закупка ресурсов в один клик.
                 </p>
               </div>
               <div class="slide-main">
@@ -271,7 +273,10 @@
                       </svg>
                     </div>
                     <h3 class="font-display text-2xl">Комиссия эскроу</h3>
-                    <p class="mt-3 text-sm text-neutral/70">Процент от подтвержденного этапа, удерживается сервисом.</p>
+                    <p class="mt-3 text-sm text-neutral/70">
+                      Заказчик пополняет эскроу-счет при создании заказа. Деньги хранятся у сервиса и после приемки
+                      этапа переводятся бригаде за вычетом сервисного сбора.
+                    </p>
                   </div>
                   <div class="glass-card rounded-3xl p-6 shadow-soft">
                     <div class="mb-4 inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/15 text-primary">
@@ -280,7 +285,10 @@
                       </svg>
                     </div>
                     <h3 class="font-display text-2xl">Инспекция</h3>
-                    <p class="mt-3 text-sm text-neutral/70">Плата за выезд и экспертизу, инициирует заказчик.</p>
+                    <p class="mt-3 text-sm text-neutral/70">
+                      Платный сервис независимой приемки: инспектор подтверждает качество, снижает споры и фиксирует
+                      результаты по регламенту.
+                    </p>
                   </div>
                   <div class="glass-card rounded-3xl p-6 shadow-soft">
                     <div class="mb-4 inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/15 text-primary">
@@ -290,7 +298,10 @@
                       </svg>
                     </div>
                     <h3 class="font-display text-2xl">Материалы</h3>
-                    <p class="mt-3 text-sm text-neutral/70">За материалы платит заказчик, сервис получает маржу.</p>
+                    <p class="mt-3 text-sm text-neutral/70">
+                      Агентские за закупку материалов: интеграция с поставщиками, один клик на заказ и логистика —
+                      мы знаем что, сколько и когда нужно.
+                    </p>
                   </div>
                 </div>
               </div>
@@ -435,7 +446,7 @@ const flowNodes = ref([
   {
     id: '2',
     type: 'step',
-    position: { x: 180, y: 40 },
+    position: { x: 200, y: 40 },
     data: {
       step: '02',
       title: 'Смета и этапы',
@@ -445,7 +456,7 @@ const flowNodes = ref([
   {
     id: '3',
     type: 'step',
-    position: { x: 360, y: 40 },
+    position: { x: 400, y: 40 },
     data: {
       step: '03',
       title: 'Создание заявки',
@@ -455,7 +466,7 @@ const flowNodes = ref([
   {
     id: '4',
     type: 'step',
-    position: { x: 540, y: 40 },
+    position: { x: 600, y: 40 },
     data: {
       step: '04',
       title: 'Выбор исполнителя',
@@ -465,7 +476,7 @@ const flowNodes = ref([
   {
     id: '5',
     type: 'step',
-    position: { x: 720, y: 40 },
+    position: { x: 800, y: 40 },
     data: {
       step: '05',
       title: 'Эскроу и запуск',
@@ -475,7 +486,7 @@ const flowNodes = ref([
   {
     id: '6',
     type: 'step',
-    position: { x: 900, y: 40 },
+    position: { x: 1000, y: 40 },
     data: {
       step: '06',
       title: 'Фиксация прогресса',
@@ -485,7 +496,7 @@ const flowNodes = ref([
   {
     id: '7',
     type: 'step',
-    position: { x: 1080, y: 40 },
+    position: { x: 1200, y: 40 },
     data: {
       step: '07',
       title: 'Приемка и расчет',
@@ -562,13 +573,17 @@ html {
 
 .flow-wrapper {
   width: 100%;
-  height: 320px;
+  height: 420px;
   overflow-x: auto;
   overflow-y: hidden;
   scrollbar-width: thin;
   position: relative;
 }
 
+.flow-panel {
+  border: none;
+}
+
 .flow-wrapper::-webkit-scrollbar {
   height: 8px;
 }
@@ -590,8 +605,8 @@ html {
 
 
 .flow-card {
-  min-width: 160px;
-  max-width: 160px;
+  min-width: 180px;
+  max-width: 180px;
   background: rgba(255, 255, 255, 0.78);
   border: 1px solid rgba(20, 20, 20, 0.12);
   box-shadow: 0 14px 30px rgba(20, 20, 20, 0.14);