ruslan/wildberries
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesign login page with split promo layout

Browse Source 
Left panel: logo, headline, feature list, price (200 ₽/мес).
Right panel: login form. Responsive for mobile.
Fix topbar logo display with white bg and shadow.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
ruslan
2026-05-15 18:05:01 +03:00
parent 1a06979120
commit 60ea2757bc
2 changed files with 221 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/login.html
+54 -4
View File
@@ -7,14 +7,62 @@
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}" />
</head>
<body>
<div class="auth-shell">
<div class="login-split">
<!-- Левая панель — маркетинг -->
<div class="login-promo">
<div class="login-promo__inner">
<img src="{{ url_for('static', filename='wb.png') }}" class="login-promo__logo" alt="WB Feedback">
<h1 class="login-promo__title">Автоответы на отзывы<br>Wildberries — на автопилоте</h1>
<p class="login-promo__sub">Сервис сам отвечает на отзывы покупателей пока вы занимаетесь бизнесом. Никаких ручных ответов, никаких пропущенных оценок.</p>
<ul class="login-features">
<li class="login-features__item">
<span class="login-features__icon">⚡</span>
<div>
<strong>Автоответы 24/7</strong>
<span>Отвечает на 4★ и 5★ без текста автоматически, по расписанию</span>
</div>
</li>
<li class="login-features__item">
<span class="login-features__icon">✏️</span>
<div>
<strong>Свои шаблоны</strong>
<span>Настройте уникальные ответы для каждой оценки — звучит как живой человек</span>
</div>
</li>
<li class="login-features__item">
<span class="login-features__icon">🏪</span>
<div>
<strong>Несколько магазинов</strong>
<span>Управляйте всеми аккаунтами WB из одного кабинета</span>
</div>
</li>
<li class="login-features__item">
<span class="login-features__icon">📋</span>
<div>
<strong>Журнал и очередь</strong>
<span>Видите каждый отправленный ответ с датой, оценкой и текстом</span>
</div>
</li>
</ul>
<div class="login-price">
<div class="login-price__amount">200 ₽<span>/мес</span></div>
<div class="login-price__desc">Один платёж — все магазины, без ограничений на количество отзывов</div>
</div>
</div>
</div>
<!-- Правая панель — форма -->
<div class="login-form-wrap">
<section class="auth-card">
<div class="auth-kicker">
<img src="{{ url_for('static', filename='wb.png') }}" class="auth-kicker-logo-img" alt="WB">
<span class="auth-kicker-text">Wildberries Feedback</span>
<span class="auth-kicker-text">WB Feedback</span>
</div>
<h1>Добро пожаловать</h1>
<p class="auth-subtitle">Управляйте отзывами, ответами и автоответом в одном кабинете.</p>
<h2 class="login-form-title">Войдите в кабинет</h2>
{% if error_message %}
<div class="alert alert-error">{{ error_message }}</div>
@@ -35,5 +83,7 @@
<p class="auth-footer">Нет аккаунта? <a href="{{ url_for('register') }}">Запросить доступ</a></p>
</section>
</div>
</div>
</body>
</html>