Founding Partner: секция после тарифов с 4 карточками преимуществ и CTA
This commit is contained in:
neo committed
1 parent
44310fffc4
commit
6ce58406c6
1 file changed
+271
+271
@@ -664,6 +664,186 @@ h1 {
|
||||
.price-card.founding:hover { border-color: var(--accent); box-shadow: 0 8px 40px rgba(34,197,94,0.12), 0 0 1px var(--accent); }
|
||||
.price-badge { display: inline-block; background: var(--accent-dim); color: var(--accent); font-size: 0.75rem; font-weight: 600; padding: 4px 12px; border-radius: 20px; margin-bottom: 16px; letter-spacing: 0.02em; }
|
||||
.price-card.founding .price-amount { color: var(--accent); }
|
||||
|
||||
/* ── FOUNDING PARTNER SECTION ── */
|
||||
.founding-section {
|
||||
padding: 100px 0 120px;
|
||||
background: linear-gradient(180deg, var(--bg) 0%, var(--surface) 50%, var(--bg) 100%);
|
||||
border-top: 1px solid var(--border);
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.founding-inner {
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
.founding-badge-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.founding-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
background: var(--accent-dim);
|
||||
border: 1px solid rgba(34,197,94,0.2);
|
||||
color: var(--accent);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
padding: 8px 16px;
|
||||
border-radius: 24px;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
font-family: 'IBM Plex Mono', 'SF Mono', monospace;
|
||||
}
|
||||
.founding-badge .badge-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: var(--accent);
|
||||
border-radius: 50%;
|
||||
animation: pulse 2s infinite;
|
||||
}
|
||||
.founding-spots {
|
||||
font-size: 0.8125rem;
|
||||
color: var(--text-dim);
|
||||
font-family: 'IBM Plex Mono', 'SF Mono', monospace;
|
||||
}
|
||||
.founding-spots strong {
|
||||
color: var(--accent);
|
||||
}
|
||||
.founding-title {
|
||||
font-size: clamp(1.75rem, 3.5vw, 2.75rem);
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.03em;
|
||||
line-height: 1.15;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.founding-accent {
|
||||
color: var(--accent);
|
||||
}
|
||||
.founding-sub {
|
||||
font-size: 1.0625rem;
|
||||
color: var(--text-sec);
|
||||
max-width: 560px;
|
||||
margin: 0 auto 64px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
/* 4 cards grid */
|
||||
.founding-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 24px;
|
||||
margin-bottom: 64px;
|
||||
}
|
||||
.founding-card {
|
||||
background: var(--card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
padding: 32px 24px;
|
||||
text-align: left;
|
||||
transition: all 0.4s var(--ease-out);
|
||||
}
|
||||
.founding-card:hover {
|
||||
border-color: var(--accent);
|
||||
box-shadow: 0 8px 32px rgba(34,197,94,0.06);
|
||||
transform: translateY(-4px);
|
||||
}
|
||||
.founding-icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 10px;
|
||||
background: var(--accent-dim);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 20px;
|
||||
color: var(--accent);
|
||||
}
|
||||
.founding-icon svg {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.founding-card h3 {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
.founding-card p {
|
||||
font-size: 0.875rem;
|
||||
color: var(--text-sec);
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
/* Highlight row */
|
||||
.founding-highlight {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 40px;
|
||||
padding: 32px;
|
||||
background: var(--card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
.highlight-item {
|
||||
text-align: center;
|
||||
}
|
||||
.highlight-value {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
font-family: 'IBM Plex Mono', 'SF Mono', monospace;
|
||||
color: var(--accent);
|
||||
letter-spacing: -0.02em;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.highlight-label {
|
||||
font-size: 0.8125rem;
|
||||
color: var(--text-dim);
|
||||
line-height: 1.4;
|
||||
}
|
||||
.highlight-divider {
|
||||
width: 1px;
|
||||
height: 40px;
|
||||
background: var(--border);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* CTA */
|
||||
.founding-cta {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
}
|
||||
.founding-cta-note {
|
||||
font-size: 0.8125rem;
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 768px) {
|
||||
.founding-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.founding-highlight {
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
}
|
||||
.highlight-divider {
|
||||
width: 40px;
|
||||
height: 1px;
|
||||
}
|
||||
.founding-spots {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.price-name {
|
||||
font-size: 0.75rem; text-transform: uppercase;
|
||||
letter-spacing: 0.15em; color: var(--text-dim);
|
||||
@@ -1512,6 +1692,97 @@ h1 {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── FOUNDING PARTNER ── -->
|
||||
<section class="founding-section">
|
||||
<div class="wrap">
|
||||
<div class="founding-inner">
|
||||
<div class="founding-badge-row">
|
||||
<div class="founding-badge">
|
||||
<span class="badge-dot"></span>
|
||||
Founding Partner
|
||||
</div>
|
||||
<div class="founding-spots">Осталось <strong>3 из 5</strong> мест</div>
|
||||
</div>
|
||||
|
||||
<h2 class="founding-title reveal">
|
||||
Строим ROI24 v2<br>
|
||||
<span class="founding-accent">вместе с вами</span>
|
||||
</h2>
|
||||
|
||||
<p class="founding-sub">
|
||||
Мы не просто продаём продукт — мы создаём его для вас.<br>
|
||||
Первые 5 компаний получают v2 по цене базовой версии, навсегда.
|
||||
</p>
|
||||
|
||||
<div class="founding-grid">
|
||||
<div class="founding-card reveal reveal-delay-1">
|
||||
<div class="founding-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Rule Engine из коробки</h3>
|
||||
<p>Авто-алерты по 50+ бизнес-правилам: CAC вырос, звонков мало, касса просела. Работает сразу после подключения.</p>
|
||||
</div>
|
||||
|
||||
<div class="founding-card reveal reveal-delay-2">
|
||||
<div class="founding-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>
|
||||
<path d="M12 6v6l4 2"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>ML-анализ звонков</h3>
|
||||
<p>Скрипты, возражения, скоринг менеджеров. Система слушает все звонки и подсказывает, где теряете деньги.</p>
|
||||
</div>
|
||||
|
||||
<div class="founding-card reveal reveal-delay-3">
|
||||
<div class="founding-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M12 20V10M18 20V4M6 20v-4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Авто-оптимизация рекламы</h3>
|
||||
<p>Через API рекламных кабинетов: снижает ставки, переключает бюджеты, останавливает неэффективные креативы.</p>
|
||||
</div>
|
||||
|
||||
<div class="founding-card reveal reveal-delay-4">
|
||||
<div class="founding-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<circle cx="12" cy="12" r="3"/>
|
||||
<path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Персональный AI-ассистент</h3>
|
||||
<p>LLM-инсайты на естественном языке. Спросите «почему упала прибыль?» — получите ответ с рекомендациями.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="founding-highlight reveal">
|
||||
<div class="highlight-item">
|
||||
<div class="highlight-value">50 000 ₽</div>
|
||||
<div class="highlight-label">вместо 150 000 ₽</div>
|
||||
</div>
|
||||
<div class="highlight-divider"></div>
|
||||
<div class="highlight-item">
|
||||
<div class="highlight-value">навсегда</div>
|
||||
<div class="highlight-label">цена заморозится — даже после ML и API</div>
|
||||
</div>
|
||||
<div class="highlight-divider"></div>
|
||||
<div class="highlight-item">
|
||||
<div class="highlight-value">ваш голос</div>
|
||||
<div class="highlight-label">влияете на roadmap — строим то, что нужно вам</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="founding-cta reveal">
|
||||
<a href="https://t.me/neo24h" target="_blank" class="btn btn-accent btn-lg">Стать Founding Partner</a>
|
||||
<span class="founding-cta-note">Только 5 компаний. Заявка через Telegram — ответим за 2 часа.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── FAQ ── -->
|
||||
<section id="faq">
|
||||
<div class="wrap">
|
||||
|
||||
Reference in new issue
Block a user