134 lines
9.6 KiB
HTML
134 lines
9.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<style>
|
||
@page { size: A4; margin: 18mm 16mm 16mm 16mm; }
|
||
* { box-sizing: border-box; }
|
||
body {
|
||
font-family: -apple-system, "Helvetica Neue", "Segoe UI", Roboto, sans-serif;
|
||
color: #2f3a44; font-size: 10.7pt; line-height: 1.62; margin: 0;
|
||
-webkit-print-color-adjust: exact; print-color-adjust: exact;
|
||
}
|
||
.doc-tag { font-size: 8.5pt; letter-spacing: .22em; text-transform: uppercase; color: #b08d57; font-weight: 600; }
|
||
h1 { font-size: 21pt; color: #243039; margin: 4px 0 2px; line-height: 1.18; font-weight: 700; letter-spacing: -.2px; }
|
||
.sub { color: #6a7681; font-size: 10.5pt; margin: 0 0 14px; }
|
||
.rule { height: 2px; background: linear-gradient(90deg, #b08d57 0%, #d8c39a 60%, #ffffff 100%); border: 0; margin: 12px 0 18px; }
|
||
h2 { font-size: 13.5pt; color: #243039; margin: 22px 0 8px; font-weight: 700; }
|
||
h2 .num { display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center;
|
||
background: #243039; color: #fff; border-radius: 50%; font-size: 12pt; margin-right: 9px; vertical-align: -3px; }
|
||
p { margin: 7px 0; }
|
||
.lead { color: #3a464f; }
|
||
.nets { margin: 10px 0; padding: 0; list-style: none; }
|
||
.nets li { padding: 7px 0 7px 16px; border-left: 3px solid #b08d57; margin-bottom: 7px; background: #faf8f4; }
|
||
.nets b { color: #243039; }
|
||
.benefits { margin: 8px 0; padding: 0; list-style: none; }
|
||
.benefits li { margin: 6px 0; padding-left: 2px; }
|
||
.emo { font-size: 12pt; margin-right: 6px; }
|
||
.card { background: #f7f5f1; border: 1px solid #e7e0d3; border-radius: 8px; padding: 14px 18px; margin: 12px 0; }
|
||
.card h3 { margin: 2px 0 6px; font-size: 11.6pt; color: #243039; }
|
||
.muted { color: #6a7681; }
|
||
.price-box { border: 1.5px solid #b08d57; border-radius: 8px; padding: 4px 18px 10px; margin: 14px 0; background: #fffdf9; }
|
||
.price-box .ph { color: #b08d57; font-size: 9pt; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; margin: 10px 0 2px; }
|
||
.price-row { display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0; border-bottom: 1px dashed #e2d8c4; }
|
||
.price-row:last-child { border-bottom: 0; }
|
||
.price-row .name { font-weight: 600; color: #2f3a44; }
|
||
.price-row .name small { display:block; font-weight: 400; color: #828d96; font-size: 8.8pt; }
|
||
.price-row .val { font-weight: 700; color: #243039; white-space: nowrap; font-size: 11.4pt; }
|
||
.start { background: #eef3f0; border-left: 3px solid #4b8b6e; padding: 10px 14px; border-radius: 4px; margin: 14px 0; }
|
||
.cta { margin-top: 16px; padding-top: 12px; border-top: 1px solid #e7e0d3; }
|
||
.sign { margin-top: 14px; color: #2f3a44; }
|
||
.sign b { color: #243039; }
|
||
strong { color: #243039; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="doc-tag">Коммерческое предложение</div>
|
||
<h1>Безопасный Wi-Fi и «Умный домашний сервер»</h1>
|
||
<p class="sub">Подготовлено персонально для Александра</p>
|
||
<hr class="rule">
|
||
|
||
<p class="lead"><strong>Уважаемый Александр!</strong></p>
|
||
<p class="lead">Подготовил для вас предложение из двух частей: сначала — как сделать ваш Wi-Fi
|
||
безопаснее и удобнее, а затем коротко расскажу про умного помощника, который у вас уже начал работать.</p>
|
||
|
||
<h2><span class="num">1</span>Три отдельных Wi-Fi вместо одного</h2>
|
||
<p>Сейчас вы, ваши гости и персонал заходите в <strong>один</strong> Wi-Fi с одним паролем.
|
||
Это значит, что любой, кому вы дали пароль, попадает в ту же сеть, где ваши камеры,
|
||
умный дом, компьютеры и охрана — технически он их «видит».</p>
|
||
|
||
<p>Предлагаю аккуратно разделить на <strong>три отдельных Wi-Fi:</strong></p>
|
||
<ul class="nets">
|
||
<li><b>Ваш (хозяйский)</b> — полный доступ ко всему, как сейчас.</li>
|
||
<li><b>Для персонала</b> — только интернет, без доступа к вашим устройствам и дому.</li>
|
||
<li><b>Для гостей</b> — только интернет, со своим паролем, который меняется за секунду.</li>
|
||
</ul>
|
||
|
||
<p><strong>Что это даёт:</strong></p>
|
||
<ul class="benefits">
|
||
<li><span class="emo">🔒</span><strong>Безопасность.</strong> Чужой или заражённый телефон больше не дотянется до ваших камер, умного дома и личных компьютеров.</li>
|
||
<li><span class="emo">😌</span><strong>Удобство.</strong> Гостям — отдельный простой пароль, не нужно давать ваш главный.</li>
|
||
<li><span class="emo">🎛</span><strong>Контроль.</strong> Сменили пароль гостям, когда захотели — ваш и персонала не трогая.</li>
|
||
</ul>
|
||
<p class="muted">Ваш дом, умный дом и охрана продолжат работать как прежде — ничего не ломаем,
|
||
всё делается без отключения дома.</p>
|
||
|
||
<h2><span class="num">2</span>«Умный домашний сервер» — консьерж и личное облако в одной коробке</h2>
|
||
<p>Отдельно хочу показать то, что у вас <strong>уже начало работать</strong>. Это небольшое устройство
|
||
у вас дома, которое объединяет двух помощников:</p>
|
||
|
||
<div class="card">
|
||
<h3>🧠 Консьерж «Алекс»</h3>
|
||
<p style="margin:4px 0">Умный ассистент прямо в Telegram. Вы пишете обычными словами — он понимает и делает:</p>
|
||
<ul class="benefits" style="margin:4px 0">
|
||
<li>«Какой Wi-Fi в гостиной?», «Кто сейчас в гостевой сети?» — ответит понятным языком.</li>
|
||
<li>«Смени пароль для гостей», «Перезапусти интернет» — сделает <strong>только после вашего подтверждения</strong>, нажатием кнопки.</li>
|
||
<li>«Распечатай документ», «Всё ли в порядке с сетью?» — поможет и присмотрит за безопасностью, предупредит, если что-то не так.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h3>☁️ Личное облако</h3>
|
||
<p style="margin:4px 0">Ваше собственное хранилище для документов, фотографий и важных файлов:</p>
|
||
<ul class="benefits" style="margin:4px 0">
|
||
<li>Всё хранится <strong>у вас дома</strong>, а не в чужом облаке за границей.</li>
|
||
<li>«Найди договор», «Сколько места осталось?» — Алекс найдёт и подскажет.</li>
|
||
<li>Доступ можно открыть семье.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<p><strong>Чем хорош формат «в коробке»:</strong> всё своё, дома, приватно, и один понятный
|
||
помощник ко всему — без приложений, настроек и техники. Просто пишете в Telegram.</p>
|
||
|
||
<div class="start">
|
||
<strong>Это только начало.</strong> Сейчас «Алекс» работает у вас в тестовом режиме — это самый старт
|
||
проекта, можно попробовать вживую. Если понравится, развиваем дальше: подключение камер и умного дома
|
||
к голосу, семейные сценарии, напоминания — по вашим пожеланиям.
|
||
</div>
|
||
|
||
<div class="price-box">
|
||
<div class="ph">При желании — сервер можно приобрести в собственность</div>
|
||
<div class="price-row">
|
||
<div class="name">Сервер «под ключ»<small>разово, зависит от объёма хранилища</small></div>
|
||
<div class="val">от 35 000 ₽</div>
|
||
</div>
|
||
<div class="price-row">
|
||
<div class="name">Обслуживание и безопасность<small>присмотр за безопасностью, обновления, резервные копии, приоритетная поддержка</small></div>
|
||
<div class="val">2 900 ₽/мес</div>
|
||
</div>
|
||
<div class="price-row">
|
||
<div class="name">Либо — без ежемесячной платы<small>поддержка по отдельным обращениям, когда понадобится</small></div>
|
||
<div class="val">по запросу</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cta">
|
||
<p><strong>Предлагаю созвониться или встретиться</strong> — покажу «Алекса» вживую и подберём
|
||
удобное время для настройки Wi-Fi. Всё займёт недолго.</p>
|
||
<div class="sign">С уважением,<br><b>Олег</b></div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|