Баннер calls24: партнёр-решение с мини-презентацией
This commit is contained in:
neo committed
1 parent
09f741b873
commit
140dcb90a0
1 file changed
+183
+183
@@ -808,6 +808,127 @@ h1 {
|
|||||||
.dash-tab { font-size: 0.625rem; padding: 10px 8px; }
|
.dash-tab { font-size: 0.625rem; padding: 10px 8px; }
|
||||||
.dash-tab svg { display: none; }
|
.dash-tab svg { display: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ── CALLS24 BANNER ── */
|
||||||
|
.calls24-banner {
|
||||||
|
width: 100%;
|
||||||
|
padding: 80px 0;
|
||||||
|
background: linear-gradient(180deg, var(--bg) 0%, var(--surface) 50%, var(--bg) 100%);
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
.calls24-inner {
|
||||||
|
max-width: 1280px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 32px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 48px;
|
||||||
|
}
|
||||||
|
.calls24-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
font-size: 0.6875rem;
|
||||||
|
font-weight: 600;
|
||||||
|
font-family: 'IBM Plex Mono', 'SF Mono', monospace;
|
||||||
|
letter-spacing: 0.15em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
.calls24-head {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 16px;
|
||||||
|
max-width: 720px;
|
||||||
|
}
|
||||||
|
.calls24-title {
|
||||||
|
font-size: clamp(2rem, 4vw, 3rem);
|
||||||
|
font-weight: 800;
|
||||||
|
letter-spacing: -0.03em;
|
||||||
|
line-height: 1.1;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
.calls24-title-accent {
|
||||||
|
color: var(--text-sec);
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.calls24-desc {
|
||||||
|
font-size: 1.0625rem;
|
||||||
|
color: var(--text-sec);
|
||||||
|
line-height: 1.65;
|
||||||
|
max-width: 600px;
|
||||||
|
}
|
||||||
|
.calls24-cta {
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
.calls24-features {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
.calls24-f {
|
||||||
|
background: var(--card);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 28px 24px;
|
||||||
|
transition: border-color 0.3s, transform 0.3s var(--ease-out), box-shadow 0.3s;
|
||||||
|
}
|
||||||
|
.calls24-f:hover {
|
||||||
|
border-color: var(--accent);
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 8px 32px var(--accent-dim);
|
||||||
|
}
|
||||||
|
.calls24-f-icon {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: var(--accent-dim);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.calls24-f-title {
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
letter-spacing: -0.01em;
|
||||||
|
}
|
||||||
|
.calls24-f-desc {
|
||||||
|
font-size: 0.8125rem;
|
||||||
|
color: var(--text-sec);
|
||||||
|
line-height: 1.55;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light theme overrides */
|
||||||
|
[data-theme="light"] .calls24-banner {
|
||||||
|
background: linear-gradient(180deg, var(--bg) 0%, #f8f8f8 50%, var(--bg) 100%);
|
||||||
|
}
|
||||||
|
[data-theme="light"] .calls24-f {
|
||||||
|
background: #fff;
|
||||||
|
border-color: rgba(0,0,0,0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.calls24-banner {
|
||||||
|
padding: 48px 0;
|
||||||
|
}
|
||||||
|
.calls24-inner {
|
||||||
|
padding: 0 20px;
|
||||||
|
gap: 32px;
|
||||||
|
}
|
||||||
|
.calls24-features {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
.calls24-f {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -1097,6 +1218,68 @@ h1 {
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<!-- ── CALLS24 BANNER ── -->
|
||||||
|
<section class="calls24-banner">
|
||||||
|
<div class="calls24-inner">
|
||||||
|
<div class="calls24-badge">
|
||||||
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="1" width="6" height="6" rx="1.5" fill="#22c55e"/>
|
||||||
|
<rect x="9" y="1" width="6" height="6" rx="1.5" fill="#22c55e" opacity="0.4"/>
|
||||||
|
<rect x="1" y="9" width="6" height="6" rx="1.5" fill="#22c55e" opacity="0.4"/>
|
||||||
|
<rect x="9" y="9" width="6" height="6" rx="1.5" fill="#22c55e"/>
|
||||||
|
</svg>
|
||||||
|
<span>ПАРТНЁР-РЕШЕНИЕ</span>
|
||||||
|
</div>
|
||||||
|
<div class="calls24-head">
|
||||||
|
<h2 class="calls24-title">
|
||||||
|
<span>Calls24</span>
|
||||||
|
<span class="calls24-title-accent"> — анализ звонков для вашего бизнеса</span>
|
||||||
|
</h2>
|
||||||
|
<p class="calls24-desc">
|
||||||
|
Узнайте, сколько денег теряет ваш бизнес. AI-анализ каждого звонка, скрипты продаж, слабые места операторов — всё в одном дашборде за 24 часа.
|
||||||
|
</p>
|
||||||
|
<div class="calls24-cta">
|
||||||
|
<a href="https://calls24.ru" class="btn btn-accent btn-lg">Попробовать бесплатно</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="calls24-features">
|
||||||
|
<div class="calls24-f">
|
||||||
|
<div class="calls24-f-icon">
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="1.5">
|
||||||
|
<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
|
||||||
|
<path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
|
||||||
|
<line x1="12" y1="19" x2="12" y2="23"/>
|
||||||
|
<line x1="8" y1="23" x2="16" y2="23"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="calls24-f-title">Каждый звонок</h3>
|
||||||
|
<p class="calls24-f-desc">AI-транскрипция и анализ всех разговоров с клиентами в реальном времени</p>
|
||||||
|
</div>
|
||||||
|
<div class="calls24-f">
|
||||||
|
<div class="calls24-f-icon">
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="1.5">
|
||||||
|
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="calls24-f-title">Скрипты продаж</h3>
|
||||||
|
<p class="calls24-f-desc">Контроль соблюдения скриптов и выявление точек оттока клиентов</p>
|
||||||
|
</div>
|
||||||
|
<div class="calls24-f">
|
||||||
|
<div class="calls24-f-icon">
|
||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="1.5">
|
||||||
|
<rect x="3" y="3" width="7" height="7"/>
|
||||||
|
<rect x="14" y="3" width="7" height="7"/>
|
||||||
|
<rect x="14" y="14" width="7" height="7"/>
|
||||||
|
<rect x="3" y="14" width="7" height="7"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3 class="calls24-f-title">Дашборд сотрудников</h3>
|
||||||
|
<p class="calls24-f-desc">Рейтинг операторов, баллы, слабые места — визуальная аналитика</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- ── MANIFESTO ── -->
|
<!-- ── MANIFESTO ── -->
|
||||||
<section class="manifesto">
|
<section class="manifesto">
|
||||||
<div class="manifesto-inner">
|
<div class="manifesto-inner">
|
||||||
|
|||||||
Reference in new issue
Block a user