Лагерь: Секция Hero

This commit is contained in:
Dekart Deploy Bot 2026-05-09 10:11:26 +03:00
parent 0aa133e01c
commit 9aa1d40948
4 changed files with 26 additions and 11 deletions

View File

@ -32,6 +32,8 @@ p {
} }
.camp_title { .camp_title {
font-family: "Oswald", sans-serif;
font-weight: 700;
color: #212121; color: #212121;
font-size: 45px; font-size: 45px;
line-height: 1.25; line-height: 1.25;
@ -2233,8 +2235,8 @@ p {
.hero-media-search .heading-1 { .hero-media-search .heading-1 {
letter-spacing: -.56px; letter-spacing: -.56px;
text-align: center; text-align: center;
font-size: 2.25rem; font-size: 2.7rem;
font-family: 'Manrope', sans-serif; font-family: "Montserrat", sans-serif;
font-weight: 800; font-weight: 800;
line-height: 1.1; line-height: 1.1;
color: #1c2b2d; color: #1c2b2d;
@ -2242,7 +2244,7 @@ p {
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.hero-media-search .heading-1 { .hero-media-search .heading-1 {
font-size: 1.75rem; font-size: 2.1rem;
text-align: left; text-align: left;
} }
} }
@ -2254,6 +2256,19 @@ p {
line-height: 1.2; line-height: 1.2;
} }
.heading-highlight.blue span { color: #39b7ea; } .heading-highlight.blue span { color: #39b7ea; }
.hero-subtitle-brand {
color: #39b7ea;
font-size: 1.125rem;
font-family: "Poppins", sans-serif;
font-weight: 900;
line-height: 1.4;
margin: 0;
}
@media (min-width: 1024px) {
.hero-subtitle-brand {
font-size: 1.25rem;
}
}
.hero-media-search__content { .hero-media-search__content {
text-align: center; text-align: center;
@ -2286,7 +2301,7 @@ p {
.hero-media-search__propositions.on-desktop img { width: 58px; height: auto; } .hero-media-search__propositions.on-desktop img { width: 58px; height: auto; }
.hero-media-search__propositions.on-desktop h3 { .hero-media-search__propositions.on-desktop h3 {
font-weight: 800; font-weight: 800;
font-family: 'Manrope', sans-serif; font-family: "Montserrat", sans-serif;
font-weight: 800; font-weight: 800;
font-size: 16px; font-size: 16px;
line-height: 1.2; line-height: 1.2;
@ -2439,7 +2454,7 @@ p {
.hero-media-search__propositions.on-mobile img { width: 48px; height: auto; } .hero-media-search__propositions.on-mobile img { width: 48px; height: auto; }
.hero-media-search__propositions.on-mobile h3 { .hero-media-search__propositions.on-mobile h3 {
font-weight: 800; font-weight: 800;
font-family: 'Manrope', sans-serif; font-family: "Montserrat", sans-serif;
font-weight: 800; font-weight: 800;
font-size: 14px; font-size: 14px;
line-height: 1.2; line-height: 1.2;

View File

@ -546,11 +546,11 @@ function add_carbon() {
->set_help_text( 'Рекомендуемый размер: 480×320 px. WebP. Если не заполнено — автоматически используется основное.' ) ->set_help_text( 'Рекомендуемый размер: 480×320 px. WebP. Если не заполнено — автоматически используется основное.' )
->set_width( 50 ), ->set_width( 50 ),
Field::make( 'separator', 'hero_titles_sep', 'Заголовки и текст' ), Field::make( 'separator', 'hero_titles_sep', 'Заголовки и текст' ),
Field::make( 'text', 'hero_title_h1', 'Заголовок H1 (первая часть)' ) Field::make( 'text', 'hero_title_h1', 'Заголовок H1' )
->set_default_value( 'Лето, которое он запомнит навсегда' ) ->set_default_value( 'Лето, которое он запомнит навсегда' )
->set_width( 50 ) ->set_width( 50 )
->set_help_text( 'Основной заголовок страницы. Эмоциональный, зацепляющий.' ), ->set_help_text( 'Основной заголовок страницы. Эмоциональный, зацепляющий.' ),
Field::make( 'text', 'hero_title_span', 'Заголовок H1 (вторая часть, цветная)' ) Field::make( 'text', 'hero_title_span', 'Заголовок (вторая часть, цветная)' )
->set_default_value( 'Big Summer Fun!' ) ->set_default_value( 'Big Summer Fun!' )
->set_width( 50 ) ->set_width( 50 )
->set_help_text( 'Выделяется цветом на фоне основного.' ), ->set_help_text( 'Выделяется цветом на фоне основного.' ),

View File

@ -80,9 +80,9 @@ if ( is_front_page() ) {
// Убрали старый формат css?family= в пользу css2 с более широкой поддержкой // Убрали старый формат css?family= в пользу css2 с более широкой поддержкой
?> ?>
<link rel="preload" as="style" <link rel="preload" as="style"
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oswald:wght@300;400;700&family=Fredoka:wght@400;500;600;700&family=Manrope:wght@700;800&family=Poppins:wght@500;600&display=swap" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oswald:wght@300;400;700&family=Fredoka:wght@400;500;600;700&family=Manrope:wght@700;800&family=Montserrat:wght@800&family=Poppins:wght@500;600;900&display=swap"
onload="this.onload=null;this.rel='stylesheet'"> onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oswald:wght@300;400;700&family=Fredoka:wght@400;500;600;700&family=Manrope:wght@700;800&family=Poppins:wght@500;600&display=swap"></noscript> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oswald:wght@300;400;700&family=Fredoka:wght@400;500;600;700&family=Manrope:wght@700;800&family=Montserrat:wght@800&family=Poppins:wght@500;600;900&display=swap"></noscript>
<?php <?php
// ───────────────────────────────────────────────────────────────────── // ─────────────────────────────────────────────────────────────────────

View File

@ -40,10 +40,10 @@ var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
<div class="container"> <div class="container">
<div class="hero-media-search__container"> <div class="hero-media-search__container">
<div class="hero-media-search__content"> <div class="hero-media-search__content">
<h1 class="heading-1 heading-highlight blue"> <h1 class="heading-1">
<?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_title_h1' ) ?: 'Лето, которое он запомнит навсегда' ); ?> <?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_title_h1' ) ?: 'Лето, которое он запомнит навсегда' ); ?>
<span><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_title_span' ) ?: 'Big Summer Fun!' ); ?></span>
</h1> </h1>
<p class="hero-subtitle-brand"><?php echo esc_html( carbon_get_post_meta( $post_id, 'hero_title_span' ) ?: 'Big Summer Fun!' ); ?></p>
<div class="hero-media-search__propositions on-desktop"> <div class="hero-media-search__propositions on-desktop">
<div class="wrapper__propositions"> <div class="wrapper__propositions">
<?php $icon1 = carbon_get_post_meta( $post_id, 'hero_metric_1_img' ); if ( $icon1 ) : ?> <?php $icon1 = carbon_get_post_meta( $post_id, 'hero_metric_1_img' ); if ( $icon1 ) : ?>