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;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
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