simbiot-harness/sites/landing/session/index.html

128 lines
7.5 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AI Agent Session — 60 минут с агентом студии кооператива 42 · $150</title>
<meta name="description" content="Одна 60-минутная сессия с AI-агентом студии кооператива 42: разбор вашей задачи, прототип или автоматизация за звонок. $150, one-time.">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%230b0f14'/%3E%3Cpath d='M5 18h5l2-7 4 13 3-9 2 3h6' fill='none' stroke='%235eead4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E">
<style>
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
:root{
--bg:#0b0f14; --panel:#101720; --line:#1d2836; --text:#e6edf3;
--mut:#8b98a5; --accent:#5eead4; --accent-ink:#06201b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);
font:16px/1.65 "IBM Plex Sans",system-ui,sans-serif;}
code,.mono{font-family:"IBM Plex Mono",monospace}
.container{max-width:880px;margin:0 auto;padding:0 24px}
a{color:var(--accent)}
header.site{border-bottom:1px solid var(--line);padding:18px 0}
header.site .container{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:600}
.brand svg{stroke:var(--accent)}
.btn{display:inline-block;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid transparent}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-ghost{border-color:var(--line);color:var(--text)}
section{padding:56px 0}
.hero{padding:88px 0 64px}
.eyebrow{color:var(--mut);font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}
h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:0 0 18px;font-weight:600}
.lead{color:var(--mut);font-size:19px;max-width:640px;margin:0 0 30px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.price-tag{font-family:"IBM Plex Mono",monospace;color:var(--accent)}
h2{font-size:26px;font-weight:600;margin:0 0 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}
.card h3{margin:0 0 8px;font-size:17px;font-weight:600}
.card p{margin:0;color:var(--mut);font-size:15px}
ul.check{list-style:none;padding:0;margin:0}
ul.check li{padding:9px 0 9px 30px;position:relative;border-bottom:1px dashed var(--line)}
ul.check li:last-child{border-bottom:none}
ul.check li::before{content:"✓";position:absolute;left:4px;color:var(--accent);font-family:"IBM Plex Mono",monospace}
ul.check li span{color:var(--mut)}
.cta-band{background:var(--panel);border-block:1px solid var(--line);text-align:center}
.cta-band .lead{margin-inline:auto}
footer{border-top:1px solid var(--line);color:var(--mut);font-size:14px;padding:28px 0}
.note{color:var(--mut);font-size:14px}
</style>
</head>
<body>
<header class="site">
<div class="container">
<a class="brand" href="#top">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12h4l2-5 4 10 3-7 2 2h5"/></svg>
42 · AI Agent Studio
</a>
<a class="btn btn-primary" href="https://cil.by/">Записаться на сессию</a>
</div>
</header>
<main>
<section class="hero" id="top">
<div class="container">
<p class="eyebrow">Technology cooperative · cil.by</p>
<h1>AI Agent Session — 60 минут, за которые появится результат</h1>
<p class="lead">Живая рабочая сессия с AI-агентом студии кооператива 42. Не демо и не консультация «в порядке беседы»: агент работает с вашими реальными данными и инструментами прямо в звонке.</p>
<div class="hero-cta">
<a class="btn btn-primary" href="https://cil.by/">Забронировать сессию →</a>
<span class="price-tag mono">$150 · one-time · 60 мин</span>
</div>
</div>
</section>
<section id="includes">
<div class="container">
<h2>Что входит в сессию</h2>
<div class="grid">
<div class="card">
<h3>Разбор задачи</h3>
<p>Формулируем вашу задачу так, чтобы её можно было автоматизировать: вход, выход, критерий готовности.</p>
</div>
<div class="card">
<h3>Работа агента вживую</h3>
<p>Агент со shell, файлами и поиском по базе знаний делает реальный кусок работы на ваших данных.</p>
</div>
<div class="card">
<h3>Прототип за звонок</h3>
<p>Скрипт, страница, отчёт или интеграция — минимальный работающий артефакт к концу часа.</p>
</div>
<div class="card">
<h3>Запись и саммари</h3>
<p>Звонок записывается, транскрипт и итоги приходят вам на почту автоматически.</p>
</div>
</div>
</div>
</section>
<section id="for-whom">
<div class="container">
<h2>Для кого</h2>
<ul class="check">
<li>Основателям и продакт-менеджерам — <span>быстро проверить, отдать ли задачу агенту, и что это даст в цифрах</span></li>
<li>Операционным командам — <span>рутинные ручные процессы: отчёты, перенос данных, мониторинг, воронки</span></li>
<li>Разработчикам — <span>поднять ритмичного агента (тик-так, CQRS, эскалации) на своей инфраструктуре</span></li>
<li>Всем, кому нужен один конкретный артефакт — <span>лендинг, скрипт, аудит или разбор — в течение часа, а не недели</span></li>
</ul>
</div>
</section>
<section class="cta-band">
<div class="container">
<h2>$150 · 60 минут · one-time</h2>
<p class="lead">Без подписки и обязательств. Если после сессии захотите агента «на постоянку» — расскажем, как это устроено в кооперативе.</p>
<a class="btn btn-primary" href="https://cil.by/">Забронировать сессию →</a>
<p class="note">Бронь через портал <a href="https://cil.by/">cil.by</a>: выберите слот, подтверждение и ссылку на звонок придут на почту.</p>
</div>
</section>
</main>
<footer>
<div class="container">
Кооператив 42 · <a href="https://cil.by/">cil.by</a> · AI Agent Session — продукт агентной студии, вне presale-линейки.
</div>
</footer>
</body>
</html>