From d0567fda86a49c4b756ac430e0b1ee4f363e7873 Mon Sep 17 00:00:00 2001
From: nekenny <nekenny@ya.ru>
Date: Fri, 3 Apr 2026 01:09:34 +0500
Subject: [PATCH] feat: add front page template with hero section

---
 .../page-templates/front-page.php             | 15 +++++++++++
 wp-content/themes/bitwms-child/style.css      | 21 +++++++++++++++
 .../themes/bitwms-child/templates/hero.php    | 26 +++++++++++++++++++
 3 files changed, 62 insertions(+)
 create mode 100644 wp-content/themes/bitwms-child/page-templates/front-page.php
 create mode 100644 wp-content/themes/bitwms-child/templates/hero.php

diff --git a/wp-content/themes/bitwms-child/page-templates/front-page.php b/wp-content/themes/bitwms-child/page-templates/front-page.php
new file mode 100644
index 0000000..02c2464
--- /dev/null
+++ b/wp-content/themes/bitwms-child/page-templates/front-page.php
@@ -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();
diff --git a/wp-content/themes/bitwms-child/style.css b/wp-content/themes/bitwms-child/style.css
index f3a9fe5..d80c91d 100644
--- a/wp-content/themes/bitwms-child/style.css
+++ b/wp-content/themes/bitwms-child/style.css
@@ -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; }
+}
diff --git a/wp-content/themes/bitwms-child/templates/hero.php b/wp-content/themes/bitwms-child/templates/hero.php
new file mode 100644
index 0000000..438dce5
--- /dev/null
+++ b/wp-content/themes/bitwms-child/templates/hero.php
@@ -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>