Files
sevastopol-tort.ru/wp-content/themes/sevastopol-tort-child/front-page.php
2026-07-04 20:21:21 +03:00

190 lines
12 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
get_header();
?>
<main class="home-page">
<section class="home-hero">
<div class="home-hero__inner">
<div class="home-hero__content">
<span class="home-hero__eyebrow">Кондитерская студия в Севастополе</span>
<h1 class="home-hero__title">Торты на заказ в Севастополе с доставкой</h1>
<p class="home-hero__lead">Готовим бенто, детские, свадебные и праздничные торты под ваш повод. Подберем дизайн, начинку и формат после короткой заявки.</p>
<div class="home-hero__actions">
<button class="button-main" type="button" data-lead-open data-lead-source="Рассчитать стоимость: первый экран главной">Рассчитать стоимость</button>
<!-- <a class="button-link" href="<?php echo esc_url( sev_tort_telegram_url() ); ?>" target="_blank" rel="noopener noreferrer">Написать в Telegram</a> -->
</div>
</div>
<div class="home-hero__media">
<img class="home-hero__image home-hero__image--main" src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/hero/bento-hero-main.png' ); ?>" alt="Розовый бенто торт с цветочным декором в коробке" width="1024" height="1024" loading="eager">
<img class="home-hero__image home-hero__image--small" src="<?php echo esc_url( get_stylesheet_directory_uri() . '/assets/images/hero/bento-hero-accent.png' ); ?>" alt="Красный бенто торт с сердцами и цветами в коробке" width="1024" height="1024" loading="lazy">
</div>
</div>
</section>
<section class="home-categories">
<div class="home-categories__inner">
<div class="home-categories__head">
<span class="section-kicker">Категории</span>
<h2 class="section-title">Выберите торт под событие</h2>
</div>
<div class="home-categories__grid">
<?php foreach ( array( 'bento', 'detskie', 'svadebnye', 'korporativnye', 'na-den-rozhdeniya', 'srochnyj-zakaz' ) as $slug ) : ?>
<?php $item = sev_tort_pages()[ $slug ]; ?>
<a class="home-category-card" href="<?php echo esc_url( home_url( '/' . $item['slug'] . '/' ) ); ?>">
<img class="home-category-card__image" src="<?php echo esc_url( sev_tort_asset_image( $item['image'] ) ); ?>" alt="<?php echo esc_attr( $item['label'] ); ?>" width="420" height="420" loading="lazy">
<span class="home-category-card__title"><?php echo esc_html( $item['label'] ); ?></span>
</a>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="home-showcase">
<div class="home-showcase__inner">
<div class="home-showcase__head">
<!-- <span class="section-kicker">Популярные позиции</span> -->
<h2 class="section-title">Хиты недели с ценой от 2 300 ₽</h2>
</div>
<div class="home-showcase__grid">
<?php
$showcase_items = array(
array( 'title' => 'Бенто с надписью', 'price' => 'от 2 300 ₽', 'image' => 'cake-002.jpg', 'alt' => 'Бенто торт с надписью' ),
array( 'title' => 'Авторский бенто', 'price' => 'от 2 500 ₽', 'image' => 'cake-006.jpg', 'alt' => 'Авторский бенто торт' ),
array( 'title' => 'Нежный декор', 'price' => 'от 2 800 ₽', 'image' => 'cake-010.jpg', 'alt' => 'Торт для мамы' ),
array( 'title' => 'Персональный дизайн', 'price' => 'от 2 900 ₽', 'image' => 'cake-015.jpg', 'alt' => 'Бенто с иллюстрацией' ),
array( 'title' => 'Романтичный формат', 'price' => 'от 2 700 ₽', 'image' => 'cake-020.jpg', 'alt' => 'Красный праздничный торт' ),
array( 'title' => 'Праздничный бенто', 'price' => 'от 2 600 ₽', 'image' => 'cake-025.jpg', 'alt' => 'Праздничный торт' ),
array( 'title' => 'Минимализм', 'price' => 'от 2 400 ₽', 'image' => 'cake-030.jpg', 'alt' => 'Минималистичный торт' ),
array( 'title' => 'Яркий акцент', 'price' => 'от 2 650 ₽', 'image' => 'cake-038.jpg', 'alt' => 'Голубой торт с надписью' ),
);
?>
<?php foreach ( $showcase_items as $item ) : ?>
<article class="home-product-card">
<img class="home-product-card__image" src="<?php echo esc_url( sev_tort_asset_image( $item['image'] ) ); ?>" alt="<?php echo esc_attr( $item['alt'] ); ?>" width="420" height="420" loading="lazy">
<div class="home-product-card__content">
<h3 class="home-product-card__title"><?php echo esc_html( $item['title'] ); ?></h3>
<span class="home-product-card__price"><?php echo esc_html( $item['price'] ); ?></span>
</div>
</article>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="home-steps">
<div class="home-steps__inner">
<div class="home-steps__content">
<!-- <span class="section-kicker">Заказ</span> -->
<h2 class="section-title">Как мы работаем</h2>
<ol class="home-steps__list">
<li class="home-steps__item">Вы оставляете заявку с датой, поводом и идеей.</li>
<li class="home-steps__item">Мы уточняем вес, начинку, декор и доставку.</li>
<li class="home-steps__item">Согласовываем стоимость и фиксируем заказ.</li>
<li class="home-steps__item">Передаем торт курьером или на самовывоз.</li>
</ol>
</div>
<?php get_template_part( 'template-parts/lead-form', null, array( 'title' => 'Обсудить торт', 'page' => 'Главная', 'source' => 'Встроенная форма: блок Как мы работаем' ) ); ?>
</div>
</section>
<section class="home-delivery">
<div class="home-delivery__inner">
<div class="home-delivery__head">
<!-- <span class="section-kicker">Условия</span> -->
<h2 class="section-title">Доставка и оплата</h2>
</div>
<div class="home-delivery__grid">
<article class="info-card">
<span class="info-card__number">01</span>
<h3 class="info-card__title">Доставка по городу</h3>
<p class="info-card__text">Курьер по Севастополю в согласованный интервал. Упаковка подбирается под формат торта.</p>
</article>
<article class="info-card">
<span class="info-card__number">02</span>
<h3 class="info-card__title">Самовывоз</h3>
<p class="info-card__text">Можно забрать заказ самостоятельно после подтверждения готовности и времени выдачи.</p>
</article>
<article class="info-card">
<span class="info-card__number">03</span>
<h3 class="info-card__title">Оплата</h3>
<p class="info-card__text">После согласования заказа подскажем доступный способ оплаты и размер предоплаты.</p>
</article>
</div>
<a class="button-link" href="<?php echo esc_url( home_url( '/dostavka-i-oplata/' ) ); ?>">Подробнее об условиях</a>
</div>
</section>
<section class="home-portfolio">
<div class="home-portfolio__inner">
<div class="home-portfolio__head">
<!-- <span class="section-kicker">Реальные работы</span> -->
<h2 class="section-title">Портфолио тортов</h2>
</div>
<div class="home-portfolio__grid">
<img class="home-portfolio__image" src="<?php echo esc_url( sev_tort_asset_image( 'stefanycake_torty_na_zakaz/cake-024.jpg' ) ); ?>" alt="Шоколадный торт с ягодами" width="600" height="600" loading="lazy">
<img class="home-portfolio__image" src="<?php echo esc_url( sev_tort_asset_image( 'stefanycake_torty_na_zakaz/cake-057.jpg' ) ); ?>" alt="Торт с красным декором и ягодами" width="600" height="600" loading="lazy">
<img class="home-portfolio__image" src="<?php echo esc_url( sev_tort_asset_image( 'stefanycake_torty_na_zakaz/cake-070.jpg' ) ); ?>" alt="Торт книга с ягодным декором" width="600" height="449" loading="lazy">
<img class="home-portfolio__image" src="<?php echo esc_url( sev_tort_asset_image( 'stefanycake_torty_na_zakaz/cake-028.jpg' ) ); ?>" alt="Корпоративный торт" width="600" height="400" loading="lazy">
</div>
<a class="button-link" href="<?php echo esc_url( home_url( '/portfolio/' ) ); ?>">Смотреть все работы</a>
</div>
</section>
<section class="home-reviews">
<div class="home-reviews__inner">
<div class="home-reviews__head">
<!-- <span class="section-kicker">Отзывы</span> -->
<h2 class="section-title">Отзывы клиентов</h2>
</div>
<div class="home-reviews__grid">
<article class="home-review-card">
<p class="home-review-card__text">Заказывали торт на день рождения, получилось даже лучше референса. Очень аккуратная доставка.</p>
<span class="home-review-card__author">Анна, Севастополь</span>
</article>
<article class="home-review-card">
<p class="home-review-card__text">Сделали срочный заказ за сутки. Вкус, внешний вид и упаковка - все на высоте.</p>
<span class="home-review-card__author">Максим, Инкерман</span>
</article>
<article class="home-review-card">
<p class="home-review-card__text">Помогли подобрать начинку для детского праздника. Дети и взрослые в восторге.</p>
<span class="home-review-card__author">Ирина, Балаклава</span>
</article>
</div>
</div>
</section>
<section class="home-faq">
<div class="home-faq__inner">
<div class="home-faq__head">
<!-- <span class="section-kicker">FAQ</span> -->
<h2 class="section-title">Частые вопросы</h2>
</div>
<div class="home-faq__list">
<details class="home-faq__item">
<summary class="home-faq__question">За сколько дней нужно оформлять заказ?</summary>
<p class="home-faq__answer">Оптимально за 2-4 дня. Срочные заказы возможны при свободном окне производства.</p>
</details>
<details class="home-faq__item">
<summary class="home-faq__question">Можно ли сделать торт по фото?</summary>
<p class="home-faq__answer">Да, повторяем референс или адаптируем идею под ваш бюджет и формат.</p>
</details>
<details class="home-faq__item">
<summary class="home-faq__question">Есть ли дегустационный набор начинок?</summary>
<p class="home-faq__answer">Да, доступен сет начинок. Подробности и актуальную цену пришлем в мессенджер.</p>
</details>
</div>
</div>
</section>
<section class="home-final">
<div class="home-final__inner">
<div class="home-final__content">
<h2 class="home-final__title">Обсудим ваш торт за 10 минут</h2>
<p class="home-final__text">Напишите нам в мессенджер или оставьте заявку, чтобы получить 2-3 идеи оформления и ориентир по цене.</p>
</div>
<div class="home-final__actions">
<!-- <a class="button-main" href="<?php echo esc_url( sev_tort_telegram_url() ); ?>" target="_blank" rel="noopener noreferrer">Telegram</a>
<a class="button-link" href="<?php echo esc_url( sev_tort_whatsapp_url() ); ?>" target="_blank" rel="noopener noreferrer">WhatsApp</a> -->
<a class="button-link" href="<?php echo esc_url( sev_tort_site_phone_href() ); ?>">Позвонить</a>
</div>
</div>
</section>
</main>
<?php
get_footer();