From 3f032b2ebb89743f2dc77959d0f15aded49e28ea Mon Sep 17 00:00:00 2001
From: Dekart Deploy Bot <deploy@dekart.school>
Date: Sat, 9 May 2026 13:34:44 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9B=D0=B0=D0=B3=D0=B5=D1=80=D1=8C:=20=D0=A1?=
 =?UTF-8?q?=D0=B5=D0=BA=D1=86=D0=B8=D1=8F=20Hero?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wp-content/themes/dekart/assets/css/camp.css  |  38 ++++
 wp-content/themes/dekart/functions.php        |   1 +
 wp-content/themes/dekart/inc/helpers.php      |   8 +
 wp-content/themes/dekart/page-camp.php        | 194 +++++++++---------
 .../dekart/template-parts/hero-metric.php     |  11 +
 5 files changed, 159 insertions(+), 93 deletions(-)
 create mode 100644 wp-content/themes/dekart/inc/helpers.php
 create mode 100644 wp-content/themes/dekart/template-parts/hero-metric.php

diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css
index 0302626..5ce4bb1 100644
--- a/wp-content/themes/dekart/assets/css/camp.css
+++ b/wp-content/themes/dekart/assets/css/camp.css
@@ -2498,3 +2498,41 @@ p {
 @media (min-width: 1024px) {
     .hero-media-search__wrapper .hero-media-search__form { display: none; }
 }
+
+.hero-cta__text {
+    font-size: 16.1px;
+    text-align: center;
+    color: #555;
+    margin-bottom: 8px;
+    font-weight: 500;
+}
+
+.btn-write-camp {
+    background-color: #39b7ea;
+    color: #fff;
+    border: 2px solid #0c161f;
+    padding: 12px 36px;
+    font-size: 16px;
+    font-weight: 700;
+    border-radius: 100px;
+    cursor: pointer;
+    transition: .3s;
+    display: block;
+    width: 100%;
+    text-decoration: none;
+    text-align: center;
+    box-sizing: border-box;
+}
+
+.btn-write-camp:hover {
+    background-color: #2d9fd6;
+    color: #fff;
+}
+
+.on-desktop { display: none; }
+.on-mobile  { display: block; }
+
+@media (min-width: 768px) {
+    .on-desktop { display: block; }
+    .on-mobile  { display: none; }
+}
diff --git a/wp-content/themes/dekart/functions.php b/wp-content/themes/dekart/functions.php
index 0c2aea5..3ca1fba 100644
--- a/wp-content/themes/dekart/functions.php
+++ b/wp-content/themes/dekart/functions.php
@@ -1,4 +1,5 @@
 <?php
+require_once get_template_directory() . '/inc/helpers.php';
 /* --- Удаляем мета из YOASTSEO START--- */
 add_filter( 'wpseo_json_ld_output', '__return_false' );
 /* --- Удаляем мета из YOASTSEO END --- */
diff --git a/wp-content/themes/dekart/inc/helpers.php b/wp-content/themes/dekart/inc/helpers.php
new file mode 100644
index 0000000..ce72e58
--- /dev/null
+++ b/wp-content/themes/dekart/inc/helpers.php
@@ -0,0 +1,8 @@
+<?php
+
+if ( ! function_exists( 'render_hero_metric' ) ) :
+    function render_hero_metric( array $metric ): void {
+        set_query_var( 'hero_metric', $metric );
+        get_template_part( 'template-parts/hero-metric' );
+    }
+endif;
diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php
index 567efa8..8a9ce8d 100644
--- a/wp-content/themes/dekart/page-camp.php
+++ b/wp-content/themes/dekart/page-camp.php
@@ -28,108 +28,116 @@ var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
 </script>
  <!-- / ПОПАП БИТРИКСА -->
 <main class="camp container_camp">
+
 <?php
-	$banner_img = carbon_get_post_meta( $post_id, 'banner_img' );
+// === Получаем данные Carbon Fields один раз ===
+$hero_h1      = carbon_get_post_meta( $post_id, 'hero_title_h1' )   ?: 'Детский лагерь Декарт.';
+$hero_span    = carbon_get_post_meta( $post_id, 'hero_title_span' ) ?: 'Яркое лето без забот!';
+$btn_text     = carbon_get_post_meta( $post_id, 'hero_btn_primary' ) ?: 'Записаться на пробный день';
+$hero_img_id  = carbon_get_post_meta( $post_id, 'banner_img' );
+
+$metrics = [
+    [
+        'img'          => carbon_get_post_meta( $post_id, 'hero_metric_1_img' ),
+        'number'       => carbon_get_post_meta( $post_id, 'hero_metric_1_number' ) ?: '90+',
+        'label'        => carbon_get_post_meta( $post_id, 'hero_metric_1_label' ) ?: 'Количество клубов',
+        'default_icon' => get_template_directory_uri() . '/assets/images/doodles/icon-home.png',
+    ],
+    [
+        'img'          => carbon_get_post_meta( $post_id, 'hero_metric_2_img' ),
+        'number'       => carbon_get_post_meta( $post_id, 'hero_metric_2_number' ) ?: '570K+',
+        'label'        => carbon_get_post_meta( $post_id, 'hero_metric_2_label' ) ?: 'Юных инноваторов',
+        'default_icon' => get_template_directory_uri() . '/assets/images/doodles/icon-bulb.png',
+    ],
+    [
+        'img'          => carbon_get_post_meta( $post_id, 'hero_metric_3_img' ),
+        'number'       => carbon_get_post_meta( $post_id, 'hero_metric_3_number' ) ?: '49K+',
+        'label'        => carbon_get_post_meta( $post_id, 'hero_metric_3_label' ) ?: 'Стипендий',
+        'default_icon' => get_template_directory_uri() . '/assets/images/doodles/icon-award.png',
+    ],
+];
+
+/**
+ * Вывод одной метрики (встроенная функция для удобства деплоя)
+ */
+if ( ! function_exists( 'render_hero_metric' ) ) :
+function render_hero_metric( array $metric ): void {
+    $icon_url = ! empty( $metric['img'] ) 
+        ? wp_get_attachment_url( $metric['img'] ) 
+        : $metric['default_icon'];
+    ?>
+    <div class="wrapper__propositions">
+        <img src="<?php echo esc_url( $icon_url ); ?>" alt="">
+        <h3><?php echo esc_html( $metric['number'] ); ?></h3>
+        <p><?php echo esc_html( $metric['label'] ); ?></p>
+    </div>
+    <?php
+}
+endif;
 ?>
-	<section class="hero-media-search">
-		<div class="container">
-			<div class="hero-media-search__container">
-				<div class="hero-media-search__content">
-					<h1 class="heading-1">
-						<?php echo wp_kses_post( carbon_get_post_meta( $post_id, 'hero_title_h1' ) ?: 'Детский лагерь Декарт.' ); ?>
-					</h1>
-					<h2 class="hero-subtitle-brand"><?php echo wp_kses_post( carbon_get_post_meta( $post_id, 'hero_title_span' ) ?: 'Яркое лето без забот!' ); ?></h2>
-					<div class="hero-media-search__propositions on-desktop">
-						<div class="wrapper__propositions">
-							<?php $icon1 = carbon_get_post_meta( $post_id, 'hero_metric_1_img' ); if ( $icon1 ) : ?>
-								<img src="<?php echo wp_get_attachment_url( $icon1 ); ?>" alt="">
-							<?php else : ?>
-								<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-home.png" alt="">
-							<?php endif; ?>
-							<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_1_number' ) ?: '90+' ); ?></h3>
-							<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_1_label' ) ?: 'Количество клубов' ); ?></p>
-						</div>
-						<div class="wrapper__propositions">
-							<?php $icon2 = carbon_get_post_meta( $post_id, 'hero_metric_2_img' ); if ( $icon2 ) : ?>
-								<img src="<?php echo wp_get_attachment_url( $icon2 ); ?>" alt="">
-							<?php else : ?>
-								<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-bulb.png" alt="">
-							<?php endif; ?>
-							<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_2_number' ) ?: '570K+' ); ?></h3>
-							<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_2_label' ) ?: 'Юных инноваторов' ); ?></p>
-						</div>
-						<div class="wrapper__propositions">
-							<?php $icon3 = carbon_get_post_meta( $post_id, 'hero_metric_3_img' ); if ( $icon3 ) : ?>
-								<img src="<?php echo wp_get_attachment_url( $icon3 ); ?>" alt="">
-							<?php else : ?>
-								<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-award.png" alt="">
-							<?php endif; ?>
-							<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_3_number' ) ?: '49K+' ); ?></h3>
-							<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_3_label' ) ?: 'Стипендий' ); ?></p>
-						</div>
-					</div>
 
-					<?php if ( !wp_is_mobile() ) : ?>
-					<p style="font-size: 16.1px; text-align: center; color: #555; margin-bottom: 8px; font-weight: 500;">Записаться на бесплатный пробный день</p>
-					<?php $btn_primary = carbon_get_post_meta( $post_id, 'hero_btn_primary' ) ?: 'Записаться на пробный день'; ?>
-					<button class="btn-write-camp" style="background-color: #39b7ea; color: #fff; border: 2px solid #0c161f; padding: 12px 36px; font-size: 16px; font-weight: 700; border-radius: 100px; cursor: pointer; transition: .3s; display: block; width: 100%;"><?php echo esc_html( $btn_primary ); ?></button>
-					<?php endif; ?>
+<section class="hero-media-search">
+    <div class="container">
+        <div class="hero-media-search__container">
 
-				</div>
-				<div class="hero-media-search__media">
-					<div class="hero-media-search__frame">
-						<?php $hero_img_id = carbon_get_post_meta( $post_id, 'banner_img' ); if ( $hero_img_id ) : ?>
-							<?php echo wp_get_attachment_image( $hero_img_id, 'large', false, array( 'class' => 'hero-media-search__image', 'loading' => 'eager' ) ); ?>
-						<?php else : ?>
-							<img class="hero-media-search__image" src="<?php echo get_template_directory_uri(); ?>/assets/images/camp-hero.jpg" alt="Дети в лагере" loading="eager">
-						<?php endif; ?>
-						<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/hero-doodle-gears.svg" alt="" class="doodle doodle--top-left">
-						<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/hero-doodle-pencils.svg" alt="" class="doodle doodle--bottom-right">
-					</div>
-					<div class="hero-media-search__wrapper">
-						<div class="hero-media-search__propositions on-mobile">
-							<div class="wrapper__propositions">
-								<?php $icon1m = carbon_get_post_meta( $post_id, 'hero_metric_1_img' ); if ( $icon1m ) : ?>
-									<img src="<?php echo wp_get_attachment_url( $icon1m ); ?>" alt="">
-								<?php else : ?>
-									<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-home.png" alt="">
-								<?php endif; ?>
-								<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_1_number' ) ?: '90+' ); ?></h3>
-								<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_1_label' ) ?: 'Количество клубов' ); ?></p>
-							</div>
-							<div class="wrapper__propositions">
-								<?php $icon2m = carbon_get_post_meta( $post_id, 'hero_metric_2_img' ); if ( $icon2m ) : ?>
-									<img src="<?php echo wp_get_attachment_url( $icon2m ); ?>" alt="">
-								<?php else : ?>
-									<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-bulb.png" alt="">
-								<?php endif; ?>
-								<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_2_number' ) ?: '570K+' ); ?></h3>
-								<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_2_label' ) ?: 'Юных инноваторов' ); ?></p>
-							</div>
-							<div class="wrapper__propositions">
-								<?php $icon3m = carbon_get_post_meta( $post_id, 'hero_metric_3_img' ); if ( $icon3m ) : ?>
-									<img src="<?php echo wp_get_attachment_url( $icon3m ); ?>" alt="">
-								<?php else : ?>
-									<img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/icon-award.png" alt="">
-								<?php endif; ?>
-								<h3><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_3_number' ) ?: '49K+' ); ?></h3>
-								<p><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_metric_3_label' ) ?: 'Стипендий' ); ?></p>
-							</div>
-						</div>
+            <!-- Левая колонка -->
+            <div class="hero-media-search__content">
+                <h1 class="heading-1"><?php echo wp_kses_post( $hero_h1 ); ?></h1>
+                <h2 class="hero-subtitle-brand"><?php echo wp_kses_post( $hero_span ); ?></h2>
 
-						<?php if ( wp_is_mobile() ) : ?>
-						<p style="font-size: 16.1px; text-align: center; color: #555; margin-bottom: 8px; font-weight: 500;">Записаться на бесплатный пробный день</p>
-						<button class="btn-write-camp" style="background-color: #39b7ea; color: #fff; border: 2px solid #0c161f; padding: 12px 36px; font-size: 16px; font-weight: 700; border-radius: 100px; cursor: pointer; transition: .3s; display: block; width: 100%;">Записаться на пробный день</button>
-						<?php endif; ?>
+                <!-- Метрики (десктоп) -->
+                <div class="hero-media-search__propositions on-desktop">
+                    <?php foreach ( $metrics as $metric ) : render_hero_metric( $metric ); endforeach; ?>
+                </div>
 
+                <!-- CTA (десктоп) -->
+                <div class="hero-cta on-desktop">
+                    <p class="hero-cta__text">Записаться на бесплатный пробный день</p>
+                    <a href="#camp-form" class="btn-write-camp" aria-label="<?php echo esc_attr( $btn_text ); ?>">
+                        <?php echo esc_html( $btn_text ); ?>
+                    </a>
+                </div>
+            </div>
 
+            <!-- Правая колонка -->
+            <div class="hero-media-search__media">
+                <div class="hero-media-search__frame">
+                    <?php if ( $hero_img_id ) : ?>
+                        <?php echo wp_get_attachment_image( $hero_img_id, 'large', false, [
+                            'class'   => 'hero-media-search__image',
+                            'loading' => 'eager',
+                            'alt'     => 'Дети в лагере Декарт'
+                        ] ); ?>
+                    <?php else : ?>
+                        <img class="hero-media-search__image"
+                             src="<?php echo get_template_directory_uri(); ?>/assets/images/camp-hero.jpg"
+                             alt="Дети в лагере Декарт" loading="eager">
+                    <?php endif; ?>
 
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/hero-doodle-gears.svg"
+                         alt="" class="doodle doodle--top-left">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/doodles/hero-doodle-pencils.svg"
+                         alt="" class="doodle doodle--bottom-right">
+                </div>
 
-					</div>
-				</div>
-			</div>
-		</div>
-	</section>
+                <!-- Метрики + CTA (мобильная версия) -->
+                <div class="hero-media-search__wrapper">
+                    <div class="hero-media-search__propositions on-mobile">
+                        <?php foreach ( $metrics as $metric ) : render_hero_metric( $metric ); endforeach; ?>
+                    </div>
+
+                    <div class="hero-cta on-mobile">
+                        <p class="hero-cta__text">Записаться на бесплатный пробный день</p>
+                        <a href="#camp-form" class="btn-write-camp" aria-label="<?php echo esc_attr( $btn_text ); ?>">
+                            <?php echo esc_html( $btn_text ); ?>
+                        </a>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</section>
 
 	
 	<section class="suggestions">
diff --git a/wp-content/themes/dekart/template-parts/hero-metric.php b/wp-content/themes/dekart/template-parts/hero-metric.php
new file mode 100644
index 0000000..413576b
--- /dev/null
+++ b/wp-content/themes/dekart/template-parts/hero-metric.php
@@ -0,0 +1,11 @@
+<?php
+$metric = get_query_var( 'hero_metric' );
+$icon_url = $metric['img']
+    ? wp_get_attachment_url( $metric['img'] )
+    : $metric['default_icon'];
+?>
+<div class="wrapper__propositions">
+    <img src="<?php echo esc_url( $icon_url ); ?>" alt="">
+    <h3><?php echo esc_html( $metric['number'] ); ?></h3>
+    <p><?php echo esc_html( $metric['label'] ); ?></p>
+</div>