feat: add front page template with hero section
This commit is contained in:
@@ -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();
|
||||||
@@ -586,3 +586,24 @@ body.sidebar-overlay::after {
|
|||||||
display: none;
|
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">Всё о складской логистике и автоматизации склада</h1>
|
||||||
|
<p class="hero__subtitle">Экспертный портал от Первого Бита — кейсы, вебинары, курсы и материалы для руководителей складов</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">лет опыта в WMS</span>
|
||||||
|
</div>
|
||||||
|
<div class="hero__stat">
|
||||||
|
<span class="hero__stat-number">50+</span>
|
||||||
|
<span class="hero__stat-label">экспертов в команде</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
Reference in New Issue
Block a user