https://www.pandoraburo.ru/umnyy-banner-konsultant
Умный баннер-консультант
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Смарт-баннер «Продавец» · Проект 5 · 10 000 ₽</title>
<meta name="description" content="Самонастраивающийся смарт-баннер, который информирует, продаёт и консультирует 24/7. Заменяет менеджера по продажам. 10 000 ₽ разово.">
</head>
<body style="margin:0;background:#070A0F;">
<div id="p5-root">
<header class="p5-head">
<div class="p5-wrap p5-head-in">
<span class="p5-logo">СМАРТ<em>◆</em>БАННЕР</span>
<nav class="p5-nav">
<a data-to="#p5-demo">Демо</a>
<a data-to="#p5-included">Что входит</a>
<a data-to="#p5-price">Цены</a>
<a data-to="#p5-faq">FAQ</a>
</nav>
<button class="p5-btn p5-btn-acc p5-btn-sm" data-to="#p5-cta">Заказать · 10 000 ₽</button>
</div>
</header>
<section class="p5-hero p5-wrap">
<p class="p5-mono p5-eyebrow p5-rev">ПРОЕКТ 5 · ПРОДУКТ БЮРО СДЕЛОК</p>
<h1 class="p5-rev" data-d=".06">СМАРТ-БАННЕР<br /><span class="p5-mark">«ПРОДАВЕЦ»</span></h1>
<p class="p5-lead p5-rev" data-d=".12">Самонастраивающийся баннер, который демонстрирует ваши продукты, отвечает на вопросы клиентов и собирает заявки — <b>24/7, без менеджера по продажам</b>.</p>
<div class="p5-hero-price p5-rev" data-d=".18"><b>10 000 ₽</b><span>разовая настройка и установка на ваш сайт</span></div>
<div class="p5-hero-cta p5-rev" data-d=".24">
<button class="p5-btn p5-btn-acc" data-to="#p5-cta">Заказать баннер</button>
<button class="p5-btn" data-to="#p5-demo">Посмотреть живое демо ↓</button>
</div>
<div class="p5-trust p5-rev" data-d=".3">
<span>Работает без бэкенда</span><span>Самонастройка под размер</span><span>Заявки на вашу почту / MAX</span><span>30 дней поддержки</span>
</div>
</section>
<section class="p5-section p5-wrap">
<div class="p5-sec-head p5-rev"><span>01</span><h2>Почему это нужно</h2><em>клиенты уходят молча</em></div>
<div class="p5-ps">
<div class="p5-ps-card p5-problem p5-rev"><h3>Без баннера</h3><ul><li>Менеджер не успевает отвечать всем</li><li>Ночью и в выходные лиды теряются</li><li>Посетитель не понимает, что вы продаёте, и уходит</li><li>Каждый менеджер — зарплата и человеческий фактор</li></ul></div>
<div class="p5-ps-card p5-solution p5-rev" data-d=".1"><h3>Со смарт-баннером</h3><ul><li>Баннер отвечает мгновенно, в любое время</li><li>Показывает продукты и собирает заявки сам</li><li>Консультирует по вашим продуктам без обучения</li><li>10 000 ₽ разово вместо оклада менеджера</li></ul></div>
</div>
</section>
<section class="p5-section p5-wrap">
<div class="p5-sec-head p5-rev"><span>02</span><h2>Что умеет баннер</h2><em>шесть функций</em></div>
<div class="p5-feats">
<div class="p5-feat p5-rev"><span class="p5-feat-ico" style="--a:#FF2E88">▤</span><h4>Демонстрирует продукты</h4><p>Сменяющиеся карточки ваших товаров и услуг, каждая — суть одной фразой.</p></div>
<div class="p5-feat p5-rev" data-d=".06"><span class="p5-feat-ico" style="--a:#2DD4BF">✦</span><h4>Консультирует</h4><p>Встроенный чат с базой знаний о ваших продуктах. Без обучения и без API.</p></div>
<div class="p5-feat p5-rev" data-d=".12"><span class="p5-feat-ico" style="--a:#F5B301">✉</span><h4>Собирает заявки</h4><p>Мини-форма в чате: имя, контакт, задача. Лиды идут на вашу почту / MAX.</p></div>
<div class="p5-feat p5-rev" data-d=".18"><span class="p5-feat-ico" style="--a:#3DDC84">⛶</span><h4>Самонастраивается</h4><p>Подстраивается под любое место на сайте — от узкой шапки до всей ширины.</p></div>
<div class="p5-feat p5-rev" data-d=".24"><span class="p5-feat-ico" style="--a:#8B5CF6">▣</span><h4>Рекламный слот</h4><p>Отдельное место под рекламу: сдавайте его или используйте для саморекламы.</p></div>
<div class="p5-feat p5-rev" data-d=".3"><span class="p5-feat-ico" style="--a:#22D3EE">⚙</span><h4>Просто вставить</h4><p>Один блок кода. Без бэкенда, без регистрации, без настройки сервера.</p></div>
</div>
</section>
<section class="p5-section p5-wrap" id="p5-demo">
<div class="p5-sec-head p5-rev"><span>03</span><h2>Живое демо</h2><em>это рабочий пример, не картинка</em></div>
<p class="p5-note p5-rev">Ниже — настоящий смарт-баннер. Здесь он рассказывает о нашей экосистеме. <b>Для вас мы наполним его вашими продуктами и контактами.</b> Нажмите «Есть вопросы? Задавайте», попробуйте чат и форму заявки.</p>
<div class="p5-demo-wrap p5-rev">
<div id="sb-root" class="sb">
<div class="sb-stage">
<div class="sb-slides">
<button class="sb-slide active" data-key="слияние" style="--sb-ac:#FF2E88"><span class="sb-ico">◆</span><span class="sb-body"><span class="sb-tag">СЛИЯНИЕ</span><b>Клуб знакомств для предпринимателей</b><small>Верификация по бизнесу · white-label для клубов</small></span><span class="sb-cta">подробнее →</span></button>
<button class="sb-slide" data-key="штаб" style="--sb-ac:#FF6A00"><span class="sb-ico">⚑</span><span class="sb-body"><span class="sb-tag">ШТАБ</span><b>Биржа талантов: ответ за 48 часов</b><small>Вилки обязательны · white-label для HR</small></span><span class="sb-cta">подробнее →</span></button>
<button class="sb-slide" data-key="пандора" style="--sb-ac:#F5B301"><span class="sb-ico">▤</span><span class="sb-body"><span class="sb-tag">ПАНДОРА</span><b>Финансы и налоги на автопилоте</b><small>20+ калькуляторов · интеграция с 1С</small></span><span class="sb-cta">подробнее →</span></button>
<button class="sb-slide" data-key="pando" style="--sb-ac:#3DDC84"><span class="sb-ico">◈</span><span class="sb-body"><span class="sb-tag">PANDO</span><b>Сетевой протокол для доверия</b><small>Нотариат · supply chain · RWA</small></span><span class="sb-cta">подробнее →</span></button>
<button class="sb-slide" data-key="бюро" style="--sb-ac:#2DD4BF"><span class="sb-ico">◎</span><span class="sb-body"><span class="sb-tag">БЮРО СДЕЛОК</span><b>Аналитика и Due Diligence</b><small>Диагностика 5 000 ₽ · запрос по частям</small></span><span class="sb-cta">подробнее →</span></button>
<button class="sb-slide sb-service" data-key="white" style="--sb-ac:#2DD4BF"><span class="sb-ico">❖</span><span class="sb-body"><span class="sb-tag">УСЛУГА · WHITE-LABEL</span><b>Под вашим брендом за 14 дней</b><small>Любой проект экосистемы</small></span><span class="sb-cta">подробнее →</span></button>
<button class="sb-slide sb-ad" data-key="реклама" style="--sb-ac:#8D99AC"><span class="sb-ico">▣</span><span class="sb-body"><span class="sb-tag">РЕКЛАМНЫЙ СЛОТ</span><b>Здесь может быть ваша реклама</b><small>Аудитория: предприниматели · от 5 000 ₽/мес</small></span><span class="sb-cta">занять →</span></button>
</div>
<button class="sb-ask" id="sbAsk"><span>✦</span> <span class="sb-ask-txt">Есть вопросы? Задавайте</span></button>
</div>
<div class="sb-ctrl" id="sbCtrl"><div class="sb-dots" id="sbDots"></div><div class="sb-progress"><i id="sbProg"></i></div></div>
<div class="sb-chat" id="sbChat" hidden="hidden">
<div class="sb-chat-head"><span>Консультант</span><button class="sb-chat-close" id="sbChatClose">✕</button></div>
<div class="sb-chat-log" id="sbLog"></div>
<div id="sbChatMode">
<div class="sb-quick" id="sbQuick">
<button data-q="Что такое смарт-баннер?">Что такое смарт-баннер?</button>
<button data-q="Сколько стоит?">Сколько стоит?</button>
<button data-q="Как заказать?">Как заказать?</button>
</div>
<div class="sb-chat-input"><input type="text" id="sbInput" placeholder="Ваш вопрос…" autocomplete="off" /><button id="sbSend">→</button></div>
</div>
<div class="sb-form" id="sbForm" hidden="hidden">
<div class="sb-form-title">Оставить заявку</div>
<input type="text" id="sbFName" placeholder="Ваше имя *" autocomplete="off" />
<input type="text" id="sbFContact" placeholder="Email или телефон *" autocomplete="off" />
<textarea id="sbFTask" rows="2" placeholder="Расскажите о вашем сайте"></textarea>
<div class="sb-form-note">Ответим в течение рабочего дня.</div>
</div>
<button class="sb-mode-toggle" id="sbModeToggle">✉ Оставить заявку</button>
</div>
</div>
</div>
</section>
<section class="p5-section p5-wrap" id="p5-included">
<div class="p5-sec-head p5-rev"><span>04</span><h2>Что входит за 10 000 ₽</h2><em>пакет «старт»</em></div>
<div class="p5-included p5-rev">
<div class="p5-inc-item"><i>✓</i><span>Готовый смарт-баннер, настроенный под ваш сайт</span></div>
<div class="p5-inc-item"><i>✓</i><span>До 6 слайдов ваших продуктов и услуг</span></div>
<div class="p5-inc-item"><i>✓</i><span>Чат-консультант с базой знаний о ваших продуктах (до 15 ответов)</span></div>
<div class="p5-inc-item"><i>✓</i><span>Форма заявки: лиды на вашу почту / MAX / телефон</span></div>
<div class="p5-inc-item"><i>✓</i><span>Рекламный слот для саморекламы или продажи</span></div>
<div class="p5-inc-item"><i>✓</i><span>Самонастройка под любое место на сайте</span></div>
<div class="p5-inc-item"><i>✓</i><span>Установка на ваш сайт (один блок кода)</span></div>
<div class="p5-inc-item"><i>✓</i><span>30 дней поддержки после установки</span></div>
</div>
</section>
<section class="p5-section p5-wrap" id="p5-price">
<div class="p5-sec-head p5-rev"><span>05</span><h2>Цены</h2><em>прозрачно</em></div>
<div class="p5-price-table p5-rev">
<div class="p5-price-row p5-price-head"><span>Что</span><span>Условия</span></div>
<div class="p5-price-row"><span>Пакет «Старт» — баннер под ключ</span><span class="p5-p-val">10 000 ₽ разово</span></div>
<div class="p5-price-row"><span>Поддержка и обновление базы знаний</span><span class="p5-p-val">2 500 ₽/мес</span></div>
<div class="p5-price-row"><span>Больше 6 слайдов / 15 ответов</span><span class="p5-p-val">от 3 000 ₽</span></div>
<div class="p5-price-row"><span>Подключить настоящий ИИ-агент</span><span class="p5-p-val">от 15 000 ₽</span></div>
<div class="p5-price-row"><span>Настройка продажи рекламного слота</span><span class="p5-p-val">по договорённости</span></div>
</div>
</section>
<section class="p5-section p5-wrap">
<div class="p5-sec-head p5-rev"><span>06</span><h2>Как происходит установка</h2><em>4 шага</em></div>
<div class="p5-steps p5-rev">
<div class="p5-step"><b>1</b><div><h4>Оставляете заявку</h4><p>Через форму ниже или по контактам.</p></div></div>
<div class="p5-step"><b>2</b><div><h4>Присылаете материалы</h4><p>Ваши продукты, услуги, цены и контакты для заявок.</p></div></div>
<div class="p5-step"><b>3</b><div><h4>Собираем баннер</h4><p>За 2–3 дня наполняем его вашими данными и базой знаний.</p></div></div>
<div class="p5-step"><b>4</b><div><h4>Вставляете на сайт</h4><p>Один блок кода — и баннер продаёт. Готово.</p></div></div>
</div>
</section>
<section class="p5-section p5-wrap" id="p5-faq">
<div class="p5-sec-head p5-rev"><span>07</span><h2>Частые вопросы</h2><em>честно</em></div>
<div class="p5-faq p5-rev">
<details class="p5-faq-item" open="open"><summary>Нужен ли бэкенд или сервер?</summary><div>Нет. Баннер — один блок кода, работает без бэкенда. Заявки уходят через бесплатный сервис отправки на вашу почту, а при недоступности — копируются для отправки в MAX.</div></details>
<details class="p5-faq-item"><summary>Консультант — это настоящий ИИ?</summary><div>В пакете «Старт» — встроенная база знаний о ваших продуктах (без обучения и без API). Этого достаточно для типовых вопросов. Настоящий ИИ-агент подключаем отдельно, от 15 000 ₽.</div></details>
<details class="p5-faq-item"><summary>Куда приходят заявки?</summary><div>На вашу почту (через сервис отправки) и/или в MAX / по телефону — как настроим. По умолчанию используем почту и подсказку с вашим контактом.</div></details>
<details class="p5-faq-item"><summary>Смогу ли я сам менять тексты?</summary><div>Да, все тексты слайдов и ответов — в одном месте кода, подписаны. Можете править сами или заказать обновление у нас (2 500 ₽/мес).</div></details>
<details class="p5-faq-item"><summary>Подойдёт ли под мой сайт?</summary><div>Баннер самонастраивается под ширину места, куда вы его вставите: от узкой шапки до всей ширины страницы.</div></details>
</div>
</section>
<section class="p5-section p5-wrap" id="p5-cta">
<div class="p5-cta p5-rev">
<div class="p5-cta-l">
<h2>Заказать смарт-баннер</h2>
<p>Оставьте заявку — пришлём бриф и смету в течение рабочего дня. После оплаты соберём баннер с вашими продуктами за 2–3 дня.</p>
<span class="p5-mono p5-dim">Пакет «Старт» · 10 000 ₽ разово · 30 дней поддержки</span>
</div>
<div class="p5-cta-r">
<form id="p5Form" novalidate="novalidate">
<label class="p5-lbl">Ваше имя *<input class="p5-in" name="name" type="text" placeholder="Как к вам обращаться" required="required" /></label>
<label class="p5-lbl">Контакт * (email или телефон)<input class="p5-in" name="contact" type="text" placeholder="почта или +7..." required="required" /></label>
<label class="p5-lbl">Адрес вашего сайта<input class="p5-in" name="site" type="text" placeholder="https://..." /></label>
<label class="p5-lbl">Что хотите продавать через баннер<textarea class="p5-in" name="task" rows="3" placeholder="Например: товары, услуги, запись на консультацию…"></textarea></label>
<label class="p5-chk"><input type="checkbox" name="agree" required="required" /><i>✓</i><span>Согласен на обработку персональных данных</span></label>
<button class="p5-btn p5-btn-acc p5-btn-w" type="submit" id="p5Send">Заказать баннер · 10 000 ₽</button>
<p class="p5-fine">Если отправка не сработает — текст заявки скопируется, продублируйте его в MAX 8 (902) 873-36-90 или на setipandorra@internet.ru</p>
</form>
</div>
</div>
</section>
<footer class="p5-foot">
<div class="p5-wrap p5-foot-in">
<span class="p5-logo small">СМАРТ<em>◆</em>БАННЕР</span>
<span class="p5-foot-note">Проект 5 · продукт Бюро Сделок · setipandorra@internet.ru · 8 (902) 873-36-90 (MAX)</span>
</div>
</footer>
<div class="p5-toasts" id="p5Toasts"></div>
</div>
<style>
#p5-root{--ink:#0C1118;--panel:#121A26;--panel2:#0e1520;--txt:#E7EDF5;--dim:#8D99AC;--line:rgba(150,180,220,.16);--teal:#2DD4BF;--gold:#F5B301;--pink:#FF2E88;--green:#3DDC84;--fd:'Unbounded','Arial Black',sans-serif;--fb:'Manrope','Segoe UI',sans-serif;--fm:'JetBrains Mono','Consolas',monospace;position:relative;color:var(--txt);font-family:var(--fb);line-height:1.55;background:radial-gradient(900px 500px at 85% -6%,rgba(45,212,191,.08),transparent 60%),radial-gradient(700px 500px at -8% 40%,rgba(245,179,1,.06),transparent 60%),var(--ink)}
#p5-root *,#p5-root *::before,#p5-root *::after{box-sizing:border-box;margin:0;padding:0}
#p5-root a{color:inherit;text-decoration:none}
#p5-root button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
#p5-root .p5-wrap{max-width:1000px;margin:0 auto;padding:0 24px}
#p5-root .p5-mono{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
#p5-root .p5-dim{color:var(--dim)}
#p5-root .p5-head{position:sticky;top:0;z-index:40;background:rgba(12,17,24,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
#p5-root .p5-head-in{display:flex;align-items:center;gap:24px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
#p5-root .p5-logo{font-family:var(--fd);font-weight:800;font-size:16px;letter-spacing:.06em}
#p5-root .p5-logo em{font-style:normal;color:var(--teal);margin:0 6px}
#p5-root .p5-logo.small{font-size:13px}
#p5-root .p5-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}
#p5-root .p5-nav a{font-family:var(--fm);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);cursor:pointer;transition:color .2s}
#p5-root .p5-nav a:hover{color:var(--teal)}
#p5-root .p5-btn{display:inline-block;font-family:var(--fd);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--teal);color:var(--teal);padding:13px 22px;transition:.2s;background:transparent}
#p5-root .p5-btn:hover{background:rgba(45,212,191,.1);box-shadow:0 0 22px rgba(45,212,191,.3)}
#p5-root .p5-btn-acc{background:var(--gold);border-color:var(--gold);color:#1a1200;box-shadow:0 0 22px rgba(245,179,1,.35)}
#p5-root .p5-btn-acc:hover{background:#ffc61a;box-shadow:0 0 32px rgba(245,179,1,.55)}
#p5-root .p5-btn-sm{padding:10px 16px;font-size:11px}
#p5-root .p5-btn-w{width:100%}
#p5-root .p5-hero{padding:64px 24px 48px}
#p5-root .p5-eyebrow{color:var(--teal);margin-bottom:16px}
#p5-root .p5-hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(30px,5vw,56px);line-height:1.05;margin-bottom:18px}
#p5-root .p5-mark{background:linear-gradient(transparent 55%,rgba(45,212,191,.35) 55%);padding:0 4px}
#p5-root .p5-lead{color:var(--dim);font-size:16px;max-width:680px;margin-bottom:24px}
#p5-root .p5-lead b{color:var(--txt)}
#p5-root .p5-hero-price{display:flex;align-items:baseline;gap:14px;margin-bottom:24px;flex-wrap:wrap}
#p5-root .p5-hero-price b{font-family:var(--fd);font-size:clamp(34px,4.5vw,52px);font-weight:800;color:var(--gold)}
#p5-root .p5-hero-price span{color:var(--dim);font-size:13px}
#p5-root .p5-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
#p5-root .p5-trust{display:flex;gap:10px;flex-wrap:wrap}
#p5-root .p5-trust span{font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);border:1px solid rgba(45,212,191,.4);padding:6px 12px}
#p5-root .p5-section{padding-top:64px}
#p5-root .p5-sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:24px;flex-wrap:wrap}
#p5-root .p5-sec-head span{font-family:var(--fm);color:var(--gold);font-size:13px;letter-spacing:.2em}
#p5-root .p5-sec-head h2{font-family:var(--fd);font-weight:800;font-size:clamp(22px,3.2vw,36px);text-transform:uppercase}
#p5-root .p5-sec-head em{font-style:normal;margin-left:auto;font-family:var(--fm);font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
#p5-root .p5-ps{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#p5-root .p5-ps-card{border:1px solid var(--line);border-radius:12px;padding:22px}
#p5-root .p5-problem{border-left:3px solid var(--pink)}
#p5-root .p5-solution{border-left:3px solid var(--green)}
#p5-root .p5-ps-card h3{font-family:var(--fd);font-size:15px;font-weight:700;text-transform:uppercase;margin-bottom:12px}
#p5-root .p5-ps-card ul{list-style:none;display:flex;flex-direction:column;gap:9px}
#p5-root .p5-ps-card li{padding-left:20px;position:relative;color:var(--dim);font-size:13.5px}
#p5-root .p5-problem li::before{content:"✕";position:absolute;left:0;color:var(--pink)}
#p5-root .p5-solution li::before{content:"✓";position:absolute;left:0;color:var(--green)}
#p5-root .p5-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
#p5-root .p5-feat{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--a,var(--teal));padding:20px;transition:transform .25s,box-shadow .25s}
#p5-root .p5-feat:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.4)}
#p5-root .p5-feat-ico{display:grid;place-items:center;width:38px;height:38px;font-size:18px;color:var(--a);border:1px solid var(--a);border-radius:8px;margin-bottom:12px}
#p5-root .p5-feat h4{font-family:var(--fd);font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:8px}
#p5-root .p5-feat p{color:var(--dim);font-size:13px}
#p5-root .p5-note{color:var(--dim);font-size:14px;max-width:720px;margin-bottom:20px}
#p5-root .p5-note b{color:var(--txt)}
#p5-root .p5-demo-wrap{position:relative;z-index:1}
#p5-root .p5-included{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
#p5-root .p5-inc-item{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);padding:14px 16px}
#p5-root .p5-inc-item i{font-style:normal;flex:0 0 22px;height:22px;display:grid;place-items:center;border:1px solid var(--green);color:var(--green);font-size:12px;border-radius:4px}
#p5-root .p5-inc-item span{color:var(--txt);font-size:13.5px}
#p5-root .p5-price-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}
#p5-root .p5-price-row{display:flex;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:14px}
#p5-root .p5-price-row:last-child{border-bottom:none}
#p5-root .p5-price-head{background:var(--panel2);font-family:var(--fm);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
#p5-root .p5-p-val{font-family:var(--fd);font-weight:600;color:var(--gold);white-space:nowrap}
#p5-root .p5-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
#p5-root .p5-step{background:var(--panel);border:1px solid var(--line);padding:20px}
#p5-root .p5-step b{font-family:var(--fd);font-weight:800;font-size:26px;color:var(--teal);display:block;margin-bottom:10px}
#p5-root .p5-step h4{font-family:var(--fd);font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
#p5-root .p5-step p{color:var(--dim);font-size:13px}
#p5-root .p5-faq{display:flex;flex-direction:column;gap:10px}
#p5-root .p5-faq-item{background:var(--panel);border:1px solid var(--line);transition:border-color .2s}
#p5-root .p5-faq-item[open]{border-color:var(--teal)}
#p5-root .p5-faq-item summary{padding:18px 22px;font-family:var(--fd);font-size:14px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
#p5-root .p5-faq-item summary::-webkit-details-marker{display:none}
#p5-root .p5-faq-item summary::after{content:"+";color:var(--teal);font-size:22px;font-weight:700}
#p5-root .p5-faq-item[open] summary::after{content:"−"}
#p5-root .p5-faq-item div{padding:0 22px 18px;color:var(--dim);font-size:14px;line-height:1.6;border-top:1px solid var(--line);padding-top:14px}
#p5-root .p5-cta{display:grid;grid-template-columns:1fr 1fr;gap:36px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--gold);padding:32px}
#p5-root .p5-cta-l h2{font-family:var(--fd);font-weight:800;font-size:clamp(20px,2.4vw,28px);text-transform:uppercase;margin-bottom:12px}
#p5-root .p5-cta-l p{color:var(--dim);font-size:14px;margin-bottom:14px}
#p5-root .p5-cta-l .p5-mono{display:block;margin-top:14px}
#p5-root .p5-cta-r{display:flex;flex-direction:column;gap:12px}
#p5-root .p5-lbl{display:flex;flex-direction:column;gap:6px;font-family:var(--fm);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
#p5-root .p5-in{width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--txt);padding:12px 14px;font:500 14px var(--fb);resize:vertical;outline:none;transition:.2s}
#p5-root .p5-in:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(45,212,191,.15)}
#p5-root .p5-chk{flex-direction:row!important;align-items:flex-start;gap:10px;cursor:pointer;font:400 12px var(--fb)!important;letter-spacing:0!important;text-transform:none!important;color:var(--dim)}
#p5-root .p5-chk input{position:absolute;opacity:0}
#p5-root .p5-chk i{font-style:normal;flex:0 0 18px;height:18px;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;color:transparent;transition:.15s;margin-top:1px}
#p5-root .p5-chk input:checked+i{background:var(--teal);border-color:var(--teal);color:#04211d}
#p5-root .p5-fine{font-size:11px;color:var(--dim);margin-top:6px}
#p5-root form.shake{animation:p5-shake .4s}
@keyframes p5-shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
#p5-root .p5-foot{border-top:1px solid var(--line);margin-top:64px;background:var(--panel)}
#p5-root .p5-foot-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
#p5-root .p5-foot-note{font-family:var(--fm);font-size:10px;letter-spacing:.08em;color:var(--dim);margin-left:auto;text-transform:uppercase}
#p5-root .p5-toasts{position:fixed;bottom:22px;right:22px;z-index:2147483000;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
#p5-root .p5-toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--teal);padding:12px 18px;font:500 13px var(--fb);max-width:340px;box-shadow:0 12px 34px rgba(0,0,0,.5);animation:p5-toast .35s cubic-bezier(.2,1.4,.4,1)}
#p5-root .p5-toast.out{opacity:0;transform:translateX(30px);transition:.3s}
@keyframes p5-toast{from{opacity:0;transform:translateX(40px)}}
#p5-root .p5-rev{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
#p5-root .p5-rev.in{opacity:1;transform:none}
@media(max-width:860px){#p5-root .p5-ps,#p5-root .p5-cta{grid-template-columns:1fr}#p5-root .p5-nav{display:none}}
@media(prefers-reduced-motion:reduce){#p5-root *,#p5-root *::before,#p5-root *::after{animation:none!important;transition:none!important}#p5-root .p5-rev{opacity:1;transform:none}}
</style>
<style>
.sb{--sb-panel:#121A26;--sb-panel2:#0e1520;--sb-txt:#E7EDF5;--sb-dim:#8D99AC;--sb-line:rgba(150,180,220,.16);--sb-teal:#2DD4BF;--sb-gold:#F5B301;--sb-fb:'Manrope','Segoe UI',sans-serif;--sb-fm:'JetBrains Mono','Consolas',monospace;--sb-fd:'Unbounded','Arial Black',sans-serif;position:relative;width:100%;font-family:var(--sb-fb);color:var(--sb-txt);background:var(--sb-panel);border:1px solid var(--sb-line);border-radius:12px;overflow:visible;z-index:5}
.sb *,.sb *::before,.sb *::after{box-sizing:border-box;margin:0;padding:0}
.sb button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
.sb-stage{display:flex;align-items:center;gap:10px;padding:10px 12px}
.sb-slides{flex:1;display:grid;min-width:0}
.sb-slide{grid-area:1/1;display:flex;align-items:center;gap:12px;min-width:0;padding:6px 8px;border-radius:8px;text-align:left;width:100%;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.sb-slide.active{opacity:1;pointer-events:auto;transform:none}
.sb-slide:hover .sb-cta{color:var(--sb-ac);transform:translateX(3px)}
.sb-ico{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;font-size:18px;color:var(--sb-ac);border:1px solid var(--sb-ac);border-radius:8px}
.sb-body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.sb-tag{font-family:var(--sb-fm);font-size:9px;letter-spacing:.18em;color:var(--sb-ac);text-transform:uppercase}
.sb-body b{font-size:13.5px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-body small{font-size:10.5px;color:var(--sb-dim);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-cta{flex:0 0 auto;font-family:var(--sb-fm);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--sb-dim);transition:.2s;white-space:nowrap}
.sb-service{border:1px dashed rgba(141,153,172,.35)}
.sb-ad{border:1px dashed var(--sb-line);background:rgba(141,153,172,.05)}
.sb-ad .sb-body b{color:var(--sb-dim)}
.sb-ask{flex:0 0 auto;display:flex;align-items:center;gap:8px;font-family:var(--sb-fm);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#1a1200;background:var(--sb-gold);padding:10px 14px;border-radius:8px;transition:.2s;white-space:nowrap}
.sb-ask:hover{background:#ffc61a}
.sb-ctrl{display:flex;align-items:center;gap:10px;padding:0 12px 10px;position:relative}
.sb-dots{display:flex;gap:5px;flex-wrap:wrap}
.sb-dot{width:7px;height:7px;border-radius:50%;background:var(--sb-line);transition:.2s;padding:0}
.sb-dot.active{transform:scale(1.3)}
.sb-ctrl.sb-ad-on .sb-dot{opacity:.3}
.sb-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(150,180,220,.1)}
.sb-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sb-teal),var(--sb-gold))}
@keyframes sb-fill{from{width:0}to{width:100%}}
.sb-chat{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:80;background:var(--sb-panel);border:1px solid var(--sb-teal);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.55);display:flex;flex-direction:column;max-height:420px;animation:sb-drop .25s ease}
@keyframes sb-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.sb-chat-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--sb-line);font-family:var(--sb-fd);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--sb-teal)}
.sb-chat-close{font-size:14px;color:var(--sb-dim);width:24px;height:24px;display:grid;place-items:center;border-radius:6px}
.sb-chat-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:110px}
.sb-msg{max-width:85%;padding:9px 12px;border-radius:10px;font-size:13px;line-height:1.5;word-break:break-word}
.sb-bot{align-self:flex-start;background:var(--sb-panel2);border:1px solid var(--sb-line);border-left:3px solid var(--sb-teal)}
.sb-user{align-self:flex-end;background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.4)}
.sb-quick{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 10px}
.sb-quick button{font-size:11px;color:var(--sb-teal);border:1px solid rgba(45,212,191,.4);padding:6px 10px;border-radius:999px}
.sb-chat-input{display:flex;gap:8px;padding:0 14px}
.sb-chat-input input{flex:1;background:var(--sb-panel2);border:1px solid var(--sb-line);color:var(--sb-txt);padding:10px 12px;border-radius:8px;font:500 13px var(--sb-fb);outline:none}
.sb-chat-input button{width:40px;background:var(--sb-teal);color:#04211d;border-radius:8px;font-size:16px}
.sb-form{display:flex;flex-direction:column;gap:8px;padding:0 14px}
.sb-form-title{font-family:var(--sb-fd);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--sb-gold);margin-bottom:2px}
.sb-form input,.sb-form textarea{background:var(--sb-panel2);border:1px solid var(--sb-line);color:var(--sb-txt);padding:10px 12px;border-radius:8px;font:500 13px var(--sb-fb);outline:none;resize:vertical}
.sb-form-note{font-size:10.5px;color:var(--sb-dim)}
.sb-form.shake{animation:sb-shake .4s}
@keyframes sb-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.sb-form-submit{margin-top:4px;padding:10px;border-radius:8px;background:#F5B301;color:#1a1200;font-family:var(--sb-fm);font-size:11px;letter-spacing:.04em;text-transform:uppercase;transition:.2s}
.sb-form-submit:disabled{opacity:.6;cursor:wait}
.sb-mode-toggle{margin:12px 14px 14px;padding:10px;border-radius:8px;font-family:var(--sb-fm);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#1a1200;background:var(--sb-gold);transition:.2s}
.sb-mode-toggle:hover{background:#ffc61a}
.sb.sb-compact .sb-cta{display:none}
.sb.sb-compact .sb-body small{display:none}
.sb.sb-compact .sb-ask .sb-ask-txt{display:none}
@media(prefers-reduced-motion:reduce){.sb-slide,.sb-chat,.sb-progress i{transition:none;animation:none!important}}
</style>
<script>
(function(){
"use strict";
window.LEAD_ENDPOINT='https://formsubmit.co/ajax/setipandorra@internet.ru';
window.LEAD_FALLBACK_MAIL='setipandorra@internet.ru';
window.LEAD_FALLBACK_PHONE='8 (902) 873-36-90';
window.sendLead=function(data,onDone,onFail){
var payload={'Имя':data.name||'—','Контакт':data.contact||'—','Задача':data.task||'—','Сайт':data.site||'—','Источник':data.source||'сайт','Время':new Date().toLocaleString('ru-RU'),'_subject':'Заявка: '+(data.source||'сайт')+' — '+(data.name||''),'_template':'table','_captcha':'false'};
fetch(window.LEAD_ENDPOINT,{method:'POST',headers:{'Content-Type':'application/json','Accept':'application/json'},body:JSON.stringify(payload)})
.then(function(r){ if(!r.ok) throw new Error('HTTP '+r.status); return r.json(); })
.then(function(res){ if(res&&res.success==='false'){throw new Error(res.message||'rejected');} if(onDone)onDone(); })
.catch(function(err){
var text='Заявка с сайта\nИмя: '+payload['Имя']+'\nКонтакт: '+payload['Контакт']+'\nСайт: '+payload['Сайт']+'\nЗадача: '+payload['Задача']+'\nИсточник: '+payload['Источник']+'\nВремя: '+payload['Время'];
if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(text);}
if(onFail)onFail(err);
});
};
})();
</script>
<script>
(function(){
"use strict";
var root=document.getElementById('sb-root'); if(!root) return;
var RM=window.matchMedia('(prefers-reduced-motion: reduce)').matches;
var INTERVAL=7000, AD_EVERY=2;
var GREETING='Здравствуйте! Я консультант. Это живой пример смарт-баннера: для вашего сайта мы наполним его вашими продуктами. Спросите о цене или нажмите «Оставить заявку».';
var KB=[
{keys:['смарт','баннер','продавец','что такое'], a:'Смарт-баннер «Продавец» — самонастраивающийся баннер, который демонстрирует продукты, консультирует клиентов и собирает заявки 24/7. Стоит 10 000 ₽ разово, установка за 2–3 дня.'},
{keys:['цена','стоимост','сколько','10000','10 000'], a:'Пакет «Старт» — 10 000 ₽ разово: баннер под ваш сайт, до 6 слайдов, чат-консультант с базой знаний, форма заявки на ваш контакт, установка и 30 дней поддержки.'},
{keys:['заказ','купить','как заказать','оформить'], a:'Чтобы заказать: нажмите «Оставить заявку» ниже, укажите имя и контакт. Пришлём бриф, после оплаты соберём баннер с вашими продуктами за 2–3 дня.'},
{keys:['демо','пример','как работает'], a:'Вы смотрите живое демо прямо сейчас. Попробуйте кликнуть по карточке, задать вопрос в чате и оставить заявку — всё это будет работать и у вас на сайте.'},
{keys:['реклам','слот'], a:'В баннере есть рекламный слот: показывается каждый 2-й круг. Его можно использовать под саморекламу или сдавать другим за деньги.'},
{keys:['ии','нейросет','ai','искусствен'], a:'В пакете «Старт» — встроенная база знаний без обучения. Настоящий ИИ-агент подключаем отдельно, от 15 000 ₽.'},
{keys:['контакт','почт','телефон','max'], a:'Контакты Бюро: setipandorra@internet.ru · 8 (902) 873-36-90 (MAX / звонок / СМС).'}
];
var KB_DEFAULT='Уточните, пожалуйста, вопрос — или нажмите «Оставить заявку» ниже. Контакты: setipandorra@internet.ru · 8 (902) 873-36-90.';
function findAnswer(t){t=(t||'').toLowerCase();for(var i=0;i<KB.length;i++){for(var k=0;k<KB[i].keys.length;k++){if(t.indexOf(KB[i].keys[k])!==-1)return KB[i].a;}}return KB_DEFAULT;}
var allSlides=Array.prototype.slice.call(root.querySelectorAll('.sb-slide'));
var projSlides=allSlides.filter(function(s){return !s.classList.contains('sb-ad');});
var adSlide=root.querySelector('.sb-slide.sb-ad');
var dotsBox=root.querySelector('#sbDots'),prog=root.querySelector('#sbProg'),ctrl=root.querySelector('#sbCtrl');
var projIndex=0,round=0,showingAd=false,timer=null,NP=projSlides.length;
for(var d=0;d<NP;d++){var b=document.createElement('button');b.className='sb-dot'+(d===0?' active':'');b.dataset.i=d;dotsBox.appendChild(b);}
var dots=root.querySelectorAll('.sb-dot');
function restartProgress(){if(!prog)return;if(RM){prog.style.width='100%';return;}prog.style.animation='none';void prog.offsetWidth;prog.style.animation='sb-fill '+INTERVAL+'ms linear';}
function deactivate(){allSlides.forEach(function(s){s.classList.remove('active');});}
function showProj(i){showingAd=false;ctrl.classList.remove('sb-ad-on');deactivate();projSlides[i].classList.add('active');dots.forEach(function(dt,k){dt.classList.toggle('active',k===i);dt.style.background=(k===i)?(getComputedStyle(projSlides[i]).getPropertyValue('--sb-ac').trim()||'#2DD4BF'):'';});restartProgress();}
function showAd(){showingAd=true;ctrl.classList.add('sb-ad-on');deactivate();adSlide.classList.add('active');dots.forEach(function(dt){dt.classList.remove('active');dt.style.background='';});restartProgress();}
function next(){if(showingAd){showProj(0);projIndex=0;return;}projIndex++;if(projIndex>=NP){projIndex=0;round++;if(round%AD_EVERY===0){showAd();return;}}showProj(projIndex);}
function startAuto(){if(RM)return;stopAuto();timer=setInterval(next,INTERVAL);restartProgress();}
function stopAuto(){if(timer){clearInterval(timer);timer=null;}if(prog){prog.style.animation='none';prog.style.width='0';}}
dots.forEach(function(dt,k){dt.addEventListener('click',function(e){e.stopPropagation();projIndex=k;showProj(k);if(!RM){stopAuto();startAuto();}});});
var chat=root.querySelector('#sbChat'),logEl=root.querySelector('#sbLog'),askBtn=root.querySelector('#sbAsk'),closeBtn=root.querySelector('#sbChatClose'),chatMode=root.querySelector('#sbChatMode'),formMode=root.querySelector('#sbForm'),modeToggle=root.querySelector('#sbModeToggle'),input=root.querySelector('#sbInput'),sendBtn=root.querySelector('#sbSend'),quick=root.querySelector('#sbQuick');var mode='chat';
function addMsg(c,t){var m=document.createElement('div');m.className='sb-msg '+c;m.textContent=t;logEl.appendChild(m);logEl.scrollTop=logEl.scrollHeight;}
function showUser(t){addMsg('sb-user',t);}function showBot(t){addMsg('sb-bot',t);}
function setMode(m){mode=m;if(m==='chat'){chatMode.hidden=false;formMode.hidden=true;modeToggle.textContent='✉ Оставить заявку';}else{chatMode.hidden=true;formMode.hidden=false;modeToggle.textContent='← Вернуться к вопросам';}}
function openChat(g){chat.hidden=false;stopAuto();if(g&&logEl.childElementCount===0)showBot(GREETING);}
function closeChat(){chat.hidden=true;setMode('chat');startAuto();}
askBtn.addEventListener('click',function(e){e.stopPropagation();openChat(true);});
closeBtn.addEventListener('click',function(e){e.stopPropagation();closeChat();});
modeToggle.addEventListener('click',function(e){e.stopPropagation();setMode(mode==='chat'?'form':'chat');});
allSlides.forEach(function(s){s.addEventListener('click',function(){var tag=s.querySelector('.sb-tag').textContent;openChat(false);setMode('chat');showUser('Расскажите про '+tag);showBot(findAnswer(s.dataset.key));});});
quick.querySelectorAll('button').forEach(function(btn){btn.addEventListener('click',function(){var t=btn.textContent.trim();showUser(t);showBot(findAnswer(t));});});
function submitQ(){var v=input.value.trim();if(!v)return;showUser(v);showBot(findAnswer(v));input.value='';}
sendBtn.addEventListener('click',submitQ);input.addEventListener('keydown',function(e){if(e.key==='Enter')submitQ();});
var fName=root.querySelector('#sbFName'),fContact=root.querySelector('#sbFContact'),fTask=root.querySelector('#sbFTask');
var formSubmitBtn=document.createElement('button');formSubmitBtn.type='button';formSubmitBtn.className='sb-form-submit';formSubmitBtn.textContent='Отправить заявку';formSubmitBtn.addEventListener('click',submitLead);formMode.appendChild(formSubmitBtn);
function submitLead(){var name=fName.value.trim(),contact=fContact.value.trim(),task=fTask.value.trim();if(!name||!contact){formMode.classList.add('shake');setTimeout(function(){formMode.classList.remove('shake');},450);showBot('Укажите имя и контакт — иначе не сможем ответить.');return;}formSubmitBtn.disabled=true;formSubmitBtn.textContent='Отправляем…';window.sendLead({name:name,contact:contact,task:task,source:'Демо смарт-баннера (стр. Проекта 5)'},function(){showUser('Заявка: '+name+', '+contact);showBot('Спасибо, '+name+'! Заявка отправлена. Ответим на '+contact+' в течение рабочего дня.');fName.value='';fContact.value='';fTask.value='';formSubmitBtn.disabled=false;formSubmitBtn.textContent='Отправить заявку';},function(){showUser('Заявка: '+name+', '+contact);showBot('Не удалось отправить автоматически. Текст скопирован — вставьте в MAX '+window.LEAD_FALLBACK_PHONE+' или на '+window.LEAD_FALLBACK_MAIL+'.');formSubmitBtn.disabled=false;formSubmitBtn.textContent='Отправить заявку';});}
[fName,fContact,fTask].forEach(function(f){f.addEventListener('keydown',function(e){if(e.key==='Enter'){e.preventDefault();submitLead();}});});
document.addEventListener('click',function(e){if(!chat.hidden&&!root.contains(e.target)){closeChat();}});
if(window.ResizeObserver){var ro=new ResizeObserver(function(en){var w=en[0].contentRect.width;root.classList.toggle('sb-compact',w<620);});ro.observe(root);}
showProj(0);startAuto();
})();
</script>
<script>
(function(){
"use strict";
var root=document.getElementById('p5-root'); if(!root) return;
var RM=window.matchMedia('(prefers-reduced-motion: reduce)').matches;
root.querySelectorAll('.p5-rev').forEach(function(el){if(el.dataset.d)el.style.transitionDelay=el.dataset.d+'s';});
var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12});
root.querySelectorAll('.p5-rev').forEach(function(el){io.observe(el);});
root.querySelectorAll('[data-to]').forEach(function(b){b.addEventListener('click',function(e){e.preventDefault();var t=root.querySelector(b.dataset.to);if(t)t.scrollIntoView({behavior:RM?'auto':'smooth',block:'start'});});});
var box=root.querySelector('#p5Toasts');
function toast(msg){var t=document.createElement('div');t.className='p5-toast';t.textContent=msg;box.appendChild(t);setTimeout(function(){t.classList.add('out');setTimeout(function(){t.remove();},320);},4000);}
var form=root.querySelector('#p5Form'),sendBtn=root.querySelector('#p5Send');
form.addEventListener('submit',function(e){
e.preventDefault();
var name=form.name.value.trim(),contact=form.contact.value.trim(),site=form.site.value.trim(),task=form.task.value.trim(),agree=form.agree.checked;
if(!name||!contact||!agree){form.classList.add('shake');setTimeout(function(){form.classList.remove('shake');},450);toast('Заполните имя, контакт и подтвердите согласие.');return;}
sendBtn.disabled=true;sendBtn.textContent='Отправляем…';
window.sendLead({name:name,contact:contact,site:site,task:task,source:'Страница Проекта 5 (заказ баннера)'},
function(){toast('Заявка на смарт-баннер отправлена! Ответим на '+contact+' в течение рабочего дня.');form.reset();sendBtn.disabled=false;sendBtn.textContent='Заказать баннер · 10 000 ₽';},
function(){toast('Не удалось отправить автоматически. Текст скопирован — напишите в MAX '+window.LEAD_FALLBACK_PHONE+' или на '+window.LEAD_FALLBACK_MAIL+'.');sendBtn.disabled=false;sendBtn.textContent='Заказать баннер · 10 000 ₽';});
});
})();
</script>
</body>
</html>
2026-08-19T05:55:03Z
https://pandoraburo.ru/ssl/u/pic/f1/ddc6349a4311f19817f9045e951988/-/logo.png
1592962
https://www.pandoraburo.ru/