dsrptlab/test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clarify monetization mechanics

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-10 17:49:14 +07:00
parent 092f42d019
commit 8db0851e56
1 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
app/app.vue
View File

@@ -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);