Files
sevastopol-tort.ru/wp-content/themes/sevastopol-tort-child/page-templates/page-service.php
T
2026-07-05 15:18:59 +03:00

264 lines
13 KiB
PHP

<?php
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
$page = sev_tort_current_page_config();
$content = isset( $page['content'] ) ? $page['content'] : array();
$intro = isset( $content['intro'] ) ? $content['intro'] : array();
$cards = isset( $content['cards'] ) ? $content['cards'] : array();
$formats = isset( $content['formats'] ) ? $content['formats'] : array();
$faq = isset( $content['faq'] ) ? $content['faq'] : array();
$prices = isset( $content['price_cards'] ) ? $content['price_cards'] : array();
$terms = isset( $content['conditions'] ) ? $content['conditions'] : array();
$reviews = isset( $content['reviews'] ) ? $content['reviews'] : array();
$links = isset( $content['related_links'] ) ? $content['related_links'] : array();
$answers = isset( $content['answer_cards'] ) ? $content['answer_cards'] : array();
get_header();
?>
<main class="service-page">
<section class="service-hero">
<div class="service-hero__inner">
<div class="service-hero__content">
<span class="service-hero__eyebrow">Кондитерская студия в Севастополе</span>
<h1 class="service-hero__title"><?php echo esc_html( $page['h1'] ); ?></h1>
<p class="service-hero__lead"><?php echo esc_html( $page['lead'] ); ?></p>
<div class="service-hero__actions">
<button class="button-main" type="button" data-lead-open data-lead-source="Получить расчет: первый экран <?php echo esc_attr( $page['label'] ); ?>">Получить расчет</button>
</div>
</div>
<div class="service-hero__media">
<img class="service-hero__image" src="<?php echo esc_url( sev_tort_asset_image( $page['image'] ) ); ?>" alt="<?php echo esc_attr( $page['h1'] ); ?>" width="700" height="700" loading="eager">
</div>
</div>
</section>
<section class="service-commerce">
<div class="service-commerce__inner">
<div class="service-commerce__content">
<span class="section-kicker">Расчет заказа</span>
<h2 class="section-title">Что уточним перед изготовлением</h2>
<p class="service-commerce__lead">Чтобы точно назвать стоимость и срок, нам достаточно короткого описания: дата праздника, количество гостей, желаемая начинка, декор и способ получения заказа.</p>
</div>
<div class="service-commerce__grid">
<article class="service-commerce__card">
<span class="service-commerce__label">Вес</span>
<p class="service-commerce__text">Подберем размер под гостей и формат праздника.</p>
</article>
<article class="service-commerce__card">
<span class="service-commerce__label">Начинка</span>
<p class="service-commerce__text">Предложим вкус под возраст, повод и сезон.</p>
</article>
<article class="service-commerce__card">
<span class="service-commerce__label">Декор</span>
<p class="service-commerce__text">Учтем надпись, цвета, референсы и персональные детали.</p>
</article>
<article class="service-commerce__card">
<span class="service-commerce__label">Срок</span>
<p class="service-commerce__text">Проверим свободное окно и возможность срочного заказа.</p>
</article>
<article class="service-commerce__card">
<span class="service-commerce__label">Доставка</span>
<p class="service-commerce__text">Согласуем адрес, интервал или удобный самовывоз.</p>
</article>
<article class="service-commerce__card">
<span class="service-commerce__label">Бюджет</span>
<p class="service-commerce__text">Подскажем, на чем можно упростить или усилить оформление.</p>
</article>
</div>
<button class="button-main" type="button" data-lead-open data-lead-source="Получить расчет: коммерческий блок <?php echo esc_attr( $page['label'] ); ?>">Получить расчет</button>
</div>
</section>
<?php if ( $answers ) : ?>
<section class="service-answers">
<div class="service-answers__inner">
<div class="service-answers__head">
<span class="section-kicker">Коротко</span>
<h2 class="section-title">Ответы на главные вопросы</h2>
</div>
<div class="service-answers__grid">
<?php foreach ( $answers as $item ) : ?>
<article class="service-answer-card">
<h3 class="service-answer-card__title"><?php echo esc_html( $item['q'] ); ?></h3>
<p class="service-answer-card__text"><?php echo esc_html( $item['a'] ); ?></p>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( $intro || $cards ) : ?>
<section class="service-details">
<div class="service-details__inner">
<div class="service-details__content">
<span class="section-kicker">Подбор формата</span>
<h2 class="section-title"><?php echo esc_html( isset( $intro['title'] ) ? $intro['title'] : 'Подберем формат под ваш повод' ); ?></h2>
<?php if ( ! empty( $intro['text'] ) ) : ?>
<p class="service-details__lead"><?php echo esc_html( $intro['text'] ); ?></p>
<?php endif; ?>
<?php if ( $cards ) : ?>
<div class="service-details__grid">
<?php foreach ( array_values( $cards ) as $index => $card ) : ?>
<article class="info-card">
<span class="info-card__number"><?php echo esc_html( str_pad( (string) ( $index + 1 ), 2, '0', STR_PAD_LEFT ) ); ?></span>
<h3 class="info-card__title"><?php echo esc_html( $card['title'] ); ?></h3>
<p class="info-card__text"><?php echo esc_html( $card['text'] ); ?></p>
</article>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( $prices ) : ?>
<section class="service-prices">
<div class="service-prices__inner">
<div class="service-prices__head">
<span class="section-kicker">Ориентиры</span>
<h2 class="section-title">Цены и условия расчета</h2>
<p class="service-prices__lead">Финальная стоимость зависит от веса, начинки, декора, срочности и доставки. Ниже указаны ориентиры, точный расчет сделаем после заявки.</p>
</div>
<div class="service-prices__grid">
<?php foreach ( $prices as $item ) : ?>
<article class="service-price-card">
<span class="service-price-card__price"><?php echo esc_html( $item['price'] ); ?></span>
<h3 class="service-price-card__title"><?php echo esc_html( $item['title'] ); ?></h3>
<p class="service-price-card__text"><?php echo esc_html( $item['text'] ); ?></p>
</article>
<?php endforeach; ?>
</div>
<button class="button-main" type="button" data-lead-open data-lead-source="Получить расчет: блок цен <?php echo esc_attr( $page['label'] ); ?>">Получить точный расчет</button>
</div>
</section>
<?php endif; ?>
<?php if ( $formats ) : ?>
<section class="service-formats">
<div class="service-formats__inner">
<div class="service-formats__content">
<!-- <span class="section-kicker">Варианты</span> -->
<h2 class="section-title"><?php echo esc_html( isset( $content['formats_title'] ) ? $content['formats_title'] : 'Популярные варианты' ); ?></h2>
</div>
<div class="service-formats__grid">
<?php foreach ( $formats as $format ) : ?>
<span class="service-formats__item"><?php echo esc_html( $format ); ?></span>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( $terms ) : ?>
<section class="service-terms">
<div class="service-terms__inner">
<div class="service-terms__head">
<span class="section-kicker">Важно</span>
<h2 class="section-title">Условия заказа</h2>
</div>
<div class="service-terms__grid">
<?php foreach ( $terms as $item ) : ?>
<article class="service-term-card">
<h3 class="service-term-card__title"><?php echo esc_html( $item['title'] ); ?></h3>
<p class="service-term-card__text"><?php echo esc_html( $item['text'] ); ?></p>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( $reviews ) : ?>
<section class="service-reviews">
<div class="service-reviews__inner">
<div class="service-reviews__head">
<span class="section-kicker">Отзывы</span>
<h2 class="section-title">Что говорят клиенты</h2>
</div>
<div class="service-reviews__grid">
<?php foreach ( $reviews as $item ) : ?>
<article class="service-review-card">
<p class="service-review-card__text"><?php echo esc_html( $item['text'] ); ?></p>
<span class="service-review-card__author"><?php echo esc_html( $item['name'] ); ?></span>
<span class="service-review-card__occasion"><?php echo esc_html( $item['occasion'] ); ?></span>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<section class="service-process">
<div class="service-process__inner">
<div class="service-process__content">
<!-- <span class="section-kicker">Процесс</span> -->
<h2 class="section-title">Как оформить заявку</h2>
<ol class="service-process__list">
<li class="service-process__item">Оставьте телефон, дату праздника и коротко опишите задачу.</li>
<li class="service-process__item">Мы уточним вес, начинку, декор, доставку и доступный срок.</li>
<li class="service-process__item">После согласования подтвердим заказ и отправим детали удобным способом.</li>
</ol>
</div>
<div class="service-process__note">
<span class="service-process__note-title">Без корзины и онлайн-оплаты</span>
<p class="service-process__note-text">Каждый торт индивидуальный, поэтому заявку обрабатываем вручную. Так проще точно посчитать стоимость и не обещать невозможный декор или срок.</p>
</div>
</div>
</section>
<?php if ( $faq ) : ?>
<section class="service-faq">
<div class="service-faq__inner">
<div class="service-faq__head">
<!-- <span class="section-kicker">FAQ</span> -->
<h2 class="section-title">Частые вопросы</h2>
</div>
<div class="service-faq__list">
<?php foreach ( $faq as $item ) : ?>
<details class="service-faq__item">
<summary class="service-faq__question"><?php echo esc_html( $item['q'] ); ?></summary>
<p class="service-faq__answer"><?php echo esc_html( $item['a'] ); ?></p>
</details>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<?php if ( $links ) : ?>
<section class="service-related">
<div class="service-related__inner">
<div class="service-related__head">
<span class="section-kicker">Полезно</span>
<h2 class="section-title">Разделы, которые помогут с выбором</h2>
</div>
<div class="service-related__grid">
<?php foreach ( $links as $item ) : ?>
<a class="service-related-card" href="<?php echo esc_url( home_url( $item['url'] ) ); ?>">
<span class="service-related-card__title"><?php echo esc_html( $item['title'] ); ?></span>
<span class="service-related-card__text"><?php echo esc_html( $item['text'] ); ?></span>
</a>
<?php endforeach; ?>
</div>
</div>
</section>
<?php endif; ?>
<section class="service-lead" id="lead-form">
<div class="service-lead__inner">
<div class="service-lead__content">
<!-- <span class="section-kicker">Заявка</span> -->
<h2 class="section-title">Расскажите, какой торт нужен</h2>
<p class="service-lead__text">Укажите дату, повод, примерный вес и пожелания по декору. Если пока нет точной идеи, поможем подобрать варианты.</p>
</div>
<?php get_template_part( 'template-parts/lead-form', null, array( 'title' => 'Получить расчет', 'page' => $page['title'], 'source' => 'Встроенная форма: страница ' . $page['label'] ) ); ?>
</div>
</section>
</main>
<?php
get_footer();