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__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