feat: add promo WMS, subscribe, and clients sections to front page
This commit is contained in:
@@ -607,3 +607,116 @@ body.sidebar-overlay::after {
|
|||||||
.hero__actions { flex-direction: column; margin-bottom: 40px; }
|
.hero__actions { flex-direction: column; margin-bottom: 40px; }
|
||||||
.hero__stats { flex-direction: column; gap: 24px; }
|
.hero__stats { flex-direction: column; gap: 24px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Promo WMS section
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.promo-wms {
|
||||||
|
padding: 80px 0;
|
||||||
|
background: var(--color-gray-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
.promo-wms__grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: 32px;
|
||||||
|
margin-bottom: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.promo-wms__icon {
|
||||||
|
font-size: 2rem;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.promo-wms__actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.promo-wms { padding: 40px 0; }
|
||||||
|
.promo-wms__grid { grid-template-columns: 1fr; gap: 24px; margin-bottom: 32px; }
|
||||||
|
.promo-wms__actions { flex-direction: column; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Subscribe section
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.subscribe-section {
|
||||||
|
padding: 80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subscribe-section__form {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
max-width: 500px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subscribe-section__input {
|
||||||
|
flex: 1;
|
||||||
|
padding: 12px 16px;
|
||||||
|
font-size: 1rem;
|
||||||
|
border: 2px solid var(--color-gray-light);
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subscribe-section__input:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.subscribe-section__note {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
color: var(--color-gray-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.subscribe-section { padding: 40px 0; }
|
||||||
|
.subscribe-section__form { flex-direction: column; max-width: 100%; }
|
||||||
|
.subscribe-section__input { width: 100%; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
Clients section
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.clients-section {
|
||||||
|
padding: 60px 0 80px;
|
||||||
|
border-top: 1px solid var(--color-gray-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
.clients-section__grid {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 32px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clients-section__item img {
|
||||||
|
max-height: 40px;
|
||||||
|
filter: grayscale(100%);
|
||||||
|
opacity: 0.6;
|
||||||
|
transition: filter var(--transition-base), opacity var(--transition-base);
|
||||||
|
}
|
||||||
|
|
||||||
|
.clients-section__item img:hover {
|
||||||
|
filter: grayscale(0%);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clients-section__placeholder {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 12px 24px;
|
||||||
|
background: var(--color-gray-light);
|
||||||
|
font-size: 0.875rem;
|
||||||
|
color: var(--color-gray-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.clients-section { padding: 40px 0 48px; }
|
||||||
|
.clients-section__grid { gap: 16px; }
|
||||||
|
}
|
||||||
|
|||||||
@@ -0,0 +1,60 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Template part: Clients section
|
||||||
|
*
|
||||||
|
* @package bitwms-child
|
||||||
|
*/
|
||||||
|
|
||||||
|
$clients = [
|
||||||
|
[
|
||||||
|
'name' => 'Клиент А',
|
||||||
|
'logo' => '',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'name' => 'Клиент Б',
|
||||||
|
'logo' => '',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'name' => 'Клиент В',
|
||||||
|
'logo' => '',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'name' => 'Клиент Г',
|
||||||
|
'logo' => '',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'name' => 'Клиент Д',
|
||||||
|
'logo' => '',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'name' => 'Клиент Е',
|
||||||
|
'logo' => '',
|
||||||
|
],
|
||||||
|
];
|
||||||
|
?>
|
||||||
|
|
||||||
|
<section class="clients-section">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<h2>Нам доверяют</h2>
|
||||||
|
|
||||||
|
<div class="clients-section__grid">
|
||||||
|
<?php foreach ( $clients as $client ) : ?>
|
||||||
|
<div class="clients-section__item">
|
||||||
|
<?php if ( ! empty( $client['logo'] ) ) : ?>
|
||||||
|
<img
|
||||||
|
src="<?php echo esc_url( $client['logo'] ); ?>"
|
||||||
|
alt="<?php echo esc_attr( $client['name'] ); ?>"
|
||||||
|
loading="lazy"
|
||||||
|
>
|
||||||
|
<?php else : ?>
|
||||||
|
<span class="clients-section__placeholder">
|
||||||
|
<?php echo esc_html( $client['name'] ); ?>
|
||||||
|
</span>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div><!-- .clients-section__grid -->
|
||||||
|
|
||||||
|
</div><!-- .container -->
|
||||||
|
</section><!-- .clients-section -->
|
||||||
@@ -0,0 +1,52 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Template part: Promo WMS section
|
||||||
|
*
|
||||||
|
* @package bitwms-child
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
|
||||||
|
<section class="promo-wms">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<h2>БИТ.WMS — комплексное решение для вашего склада</h2>
|
||||||
|
|
||||||
|
<div class="promo-wms__grid">
|
||||||
|
|
||||||
|
<div class="promo-wms__item">
|
||||||
|
<span class="promo-wms__icon">⚡</span>
|
||||||
|
<h3>Быстрое внедрение</h3>
|
||||||
|
<p>Знаем бизнес-задачи склада, запускаем проект за недели, а не месяцы</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="promo-wms__item">
|
||||||
|
<span class="promo-wms__icon">⚙</span>
|
||||||
|
<h3>Собственная разработка</h3>
|
||||||
|
<p>БИТ.WMS — продукт Первого Бита, гибко адаптируется под ваши процессы</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="promo-wms__item">
|
||||||
|
<span class="promo-wms__icon">✓</span>
|
||||||
|
<h3>Проверено временем</h3>
|
||||||
|
<p>200+ проектов внедрения, 15+ лет экспертизы в складской логистике</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="promo-wms__item">
|
||||||
|
<span class="promo-wms__icon">☆</span>
|
||||||
|
<h3>Прозрачные условия</h3>
|
||||||
|
<p>Открытая ценовая политика, понятные сроки и этапы</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div><!-- .promo-wms__grid -->
|
||||||
|
|
||||||
|
<div class="promo-wms__actions">
|
||||||
|
<a href="<?php echo esc_url( home_url( '/bit-wms/' ) ); ?>" class="btn btn-primary">
|
||||||
|
Подробнее о продукте
|
||||||
|
</a>
|
||||||
|
<a href="<?php echo esc_url( home_url( '/bit-wms/#demo-form' ) ); ?>" class="btn btn-outline">
|
||||||
|
Заказать демо
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div><!-- .container -->
|
||||||
|
</section><!-- .promo-wms -->
|
||||||
@@ -0,0 +1,31 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Template part: Subscribe section
|
||||||
|
*
|
||||||
|
* @package bitwms-child
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
|
||||||
|
<section class="subscribe-section">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<h2>Получайте экспертные материалы по складской логистике на почту</h2>
|
||||||
|
|
||||||
|
<form class="subscribe-section__form" action="#" method="post" novalidate>
|
||||||
|
<input
|
||||||
|
class="subscribe-section__input"
|
||||||
|
type="email"
|
||||||
|
name="subscribe_email"
|
||||||
|
placeholder="Ваш e-mail"
|
||||||
|
required
|
||||||
|
aria-label="Адрес электронной почты"
|
||||||
|
>
|
||||||
|
<button type="submit" class="btn btn-primary">Подписаться</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="subscribe-section__note">
|
||||||
|
Нажимая кнопку, вы соглашаетесь с <a href="<?php echo esc_url( home_url( '/privacy-policy/' ) ); ?>">политикой конфиденциальности</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div><!-- .container -->
|
||||||
|
</section><!-- .subscribe-section -->
|
||||||
Reference in New Issue
Block a user