feat: add front page template with hero section

This commit is contained in:
2026-04-03 01:09:34 +05:00
parent 8c54edf25e
commit d0567fda86
3 changed files with 62 additions and 0 deletions
@@ -0,0 +1,15 @@
<?php
/**
* Template Name: Главная страница
*/
defined('ABSPATH') || exit;
get_header();
?>
<main class="front-page">
<?php get_template_part('templates/hero'); ?>
<?php get_template_part('templates/section-filter'); ?>
<?php get_template_part('templates/section-promo-wms'); ?>
<?php get_template_part('templates/section-subscribe'); ?>
<?php get_template_part('templates/section-clients'); ?>
</main>
<?php get_footer();
+21
View File
@@ -586,3 +586,24 @@ body.sidebar-overlay::after {
display: none;
}
}
/* ==========================================================================
Hero section
========================================================================== */
.hero { padding: 80px 0 60px; }
.hero__title { font-size: 3.5rem; line-height: 1.1; margin: 0 0 24px; max-width: 700px; }
.hero__subtitle { font-size: 1.25rem; line-height: 1.6; color: var(--color-gray-text); margin: 0 0 40px; max-width: 600px; }
.hero__actions { display: flex; gap: 16px; margin-bottom: 60px; }
.hero__stats { display: flex; gap: 48px; }
.hero__stat { display: flex; flex-direction: column; gap: 4px; }
.hero__stat-number { font-family: var(--font-heading); font-weight: 700; font-size: 2.5rem; line-height: 1; color: var(--color-primary); }
.hero__stat-label { font-size: 0.875rem; color: var(--color-gray-text); }
@media (max-width: 767px) {
.hero { padding: 40px 0 32px; }
.hero__title { font-size: 2rem; }
.hero__subtitle { font-size: 1rem; }
.hero__actions { flex-direction: column; margin-bottom: 40px; }
.hero__stats { flex-direction: column; gap: 24px; }
}
@@ -0,0 +1,26 @@
<section class="hero">
<div class="container">
<div class="hero__content">
<h1 class="hero__title">Всё о складской логистике и&nbsp;автоматизации склада</h1>
<p class="hero__subtitle">Экспертный портал от Первого Бита&nbsp;&mdash; кейсы, вебинары, курсы и&nbsp;материалы для руководителей складов</p>
<div class="hero__actions">
<a href="<?php echo esc_url(home_url('/bit-wms/#demo-form')); ?>" class="btn btn-primary">Заказать демо БИТ.WMS</a>
<a href="<?php echo esc_url(home_url('/cases/')); ?>" class="btn btn-outline">Смотреть кейсы</a>
</div>
</div>
<div class="hero__stats">
<div class="hero__stat">
<span class="hero__stat-number">200+</span>
<span class="hero__stat-label">проектов внедрения</span>
</div>
<div class="hero__stat">
<span class="hero__stat-number">15+</span>
<span class="hero__stat-label">лет опыта в&nbsp;WMS</span>
</div>
<div class="hero__stat">
<span class="hero__stat-number">50+</span>
<span class="hero__stat-label">экспертов в&nbsp;команде</span>
</div>
</div>
</div>
</section>