Redesign login page with split promo layout
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:
+54
-4
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user