| Server IP : 104.171.130.249 / Your IP : 216.73.216.146 Web Server : nginx/1.25.5 System : Linux 0dac65491b7e 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64 User : root ( 0) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/html/wp-content/themes/matreshka/ |
Upload File : |
<?php
/**
* Template Name: Карта Матрёшки
*
* Страница бонусной программы «Карта Матрёшки».
* Все тексты и картинки можно редактировать через метабоксы.
*/
get_header();
$post_id = get_the_ID();
$theme_uri = get_template_directory_uri();
// --- Meta fields with defaults ---
// Hero
$hero_title = get_post_meta( $post_id, '_bc_hero_title', true ) ?: 'Карта Матрёшки';
$hero_subtitle = get_post_meta( $post_id, '_bc_hero_subtitle', true ) ?: 'Копите бонусы с каждой покупки и оплачивайте ими до 50% чека';
$hero_image = get_post_meta( $post_id, '_bc_hero_image', true );
$hero_image_url = $hero_image ? wp_get_attachment_image_url( $hero_image, 'full' ) : $theme_uri . '/assets/img/card_main.png';
// Info image
$info_image = get_post_meta( $post_id, '_bc_info_image', true );
$info_image_url = $info_image ? wp_get_attachment_image_url( $info_image, 'large' ) : $theme_uri . '/assets/img/card_info.jpeg';
// Benefits
$benefits_title = get_post_meta( $post_id, '_bc_benefits_title', true ) ?: 'Преимущества карты';
$benefit_1 = get_post_meta( $post_id, '_bc_benefit_1', true ) ?: 'Бонусы с каждой покупки — до 5% возвращается на карту';
$benefit_2 = get_post_meta( $post_id, '_bc_benefit_2', true ) ?: 'Оплачивайте бонусами до 50% от суммы чека';
$benefit_3 = get_post_meta( $post_id, '_bc_benefit_3', true ) ?: 'Повышенный кешбек в выбранных категориях';
$benefit_4 = get_post_meta( $post_id, '_bc_benefit_4', true ) ?: 'Бессрочные бонусы при покупке раз в 12 месяцев';
// How to get
$howget_title = get_post_meta( $post_id, '_bc_howget_title', true ) ?: 'Как получить карту?';
$howget_step_1 = get_post_meta( $post_id, '_bc_howget_step_1', true ) ?: 'Сообщите свой номер телефона кассиру на кассе супермаркета и дождитесь звонка для активации';
$howget_step_2 = get_post_meta( $post_id, '_bc_howget_step_2', true ) ?: 'Активируйте карту онлайн через Telegram бота @matreshka_lpr_bot';
// Telegram
$tg_bot_url = get_post_meta( $post_id, '_bc_tg_bot_url', true ) ?: 'https://t.me/matreshka_lpr_bot';
// CTA
$cta_title = get_post_meta( $post_id, '_bc_cta_title', true ) ?: 'Начните копить бонусы уже сегодня!';
$cta_text = get_post_meta( $post_id, '_bc_cta_text', true ) ?: 'Получите карту Матрёшки на кассе любого нашего магазина или активируйте онлайн через Telegram бота.';
$cta_button = get_post_meta( $post_id, '_bc_cta_button', true ) ?: 'Активировать через Telegram';
$cta_link = get_post_meta( $post_id, '_bc_cta_link', true ) ?: $tg_bot_url;
$icons_url = $theme_uri . '/assets/icons/';
?>
<link rel="stylesheet" href="<?php echo esc_url( $theme_uri . '/assets/css/bonus-card.css?v=1.0.0' ); ?>">
<style>.footer, .footer-menu { margin-top: 0; }</style>
<main class="bc-page mt-5">
<!-- ===== HERO ===== -->
<section class="bc-hero">
<div class="container">
<div class="bc-hero-inner">
<div class="bc-hero-content">
<h1 class="bc-hero-title montserrat-bold"><?php echo esc_html( $hero_title ); ?></h1>
<p class="bc-hero-subtitle montserrat-medium"><?php echo esc_html( $hero_subtitle ); ?></p>
<div class="bc-hero-badges">
<span class="bc-badge montserrat-bold">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M12 2l2.09 6.26L20.18 9l-5 4.09L16.82 20 12 16.54 7.18 20l1.64-6.91L3.82 9l6.09-.74L12 2Z" stroke="#fff" stroke-width="1.8" fill="rgba(255,255,255,.2)"/></svg>
До 5% кешбек
</span>
<span class="bc-badge montserrat-bold">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="#fff" stroke-width="1.8"/><path d="M8 12l3 3 5-5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
Оплата до 50%
</span>
</div>
<a href="#bc-activate" class="btn btn-white montserrat-bold bc-hero-btn">
Получить карту
<svg width="16" height="16" viewBox="0 0 20 20" fill="none" style="margin-left:8px;"><path d="M10 3.333v13.334M10 16.667l5-5M10 16.667l-5-5" stroke="var(--dark)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
</div>
<div class="bc-hero-card">
<img src="<?php echo esc_url( $hero_image_url ); ?>" alt="Карта Матрёшки" class="bc-card-img">
</div>
</div>
</div>
</section>
<!-- ===== BENEFITS ===== -->
<section class="bc-benefits">
<div class="container">
<h2 class="bc-section-title montserrat-bold"><?php echo esc_html( $benefits_title ); ?></h2>
<div class="bc-benefits-grid">
<div class="bc-benefit-item">
<div class="bc-benefit-icon">
<img src="<?php echo esc_url( $icons_url . 'loyalty.svg' ); ?>" width="32" height="32" alt="">
</div>
<p class="montserrat-medium"><?php echo esc_html( $benefit_1 ); ?></p>
</div>
<div class="bc-benefit-item">
<div class="bc-benefit-icon">
<img src="<?php echo esc_url( $icons_url . 'sell.svg' ); ?>" width="32" height="32" alt="">
</div>
<p class="montserrat-medium"><?php echo esc_html( $benefit_2 ); ?></p>
</div>
<div class="bc-benefit-item">
<div class="bc-benefit-icon">
<img src="<?php echo esc_url( $icons_url . 'star_shine.svg' ); ?>" width="32" height="32" alt="">
</div>
<p class="montserrat-medium"><?php echo esc_html( $benefit_3 ); ?></p>
</div>
<div class="bc-benefit-item">
<div class="bc-benefit-icon">
<img src="<?php echo esc_url( $icons_url . 'timelapse.svg' ); ?>" width="32" height="32" alt="">
</div>
<p class="montserrat-medium"><?php echo esc_html( $benefit_4 ); ?></p>
</div>
</div>
</div>
</section>
<!-- ===== INFO IMAGE + TEXT ===== -->
<section class="bc-info">
<div class="container">
<div class="bc-info-inner">
<div class="bc-info-body">
<h2 class="bc-section-title montserrat-bold">Условия программы</h2>
<ul class="bc-info-list montserrat-medium">
<li>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="var(--red-secondary)" stroke-width="1.8"/><path d="M8 12l3 3 5-5" stroke="var(--red-secondary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
Бонусы начисляются с каждой покупки
</li>
<li>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="var(--red-secondary)" stroke-width="1.8"/><path d="M8 12l3 3 5-5" stroke="var(--red-secondary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
Оплачивайте бонусами до 50% чека
</li>
<li>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="var(--red-secondary)" stroke-width="1.8"/><path d="M8 12l3 3 5-5" stroke="var(--red-secondary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
Бонусы доступны через 12 часов после зачисления
</li>
<li>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="var(--red-secondary)" stroke-width="1.8"/><path d="M8 12l3 3 5-5" stroke="var(--red-secondary)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
Бессрочные бонусы при покупке раз в 12 месяцев
</li>
</ul>
</div>
</div>
<img class="bc-info-img mt-5" src="<?php echo esc_url( $info_image_url ); ?>" alt="Бонусная программа Матрёшка" loading="lazy">
</div>
</section>
<!-- ===== HOW TO ACTIVATE ===== -->
<section class="bc-activate" id="bc-activate">
<div class="container">
<h2 class="bc-section-title montserrat-bold"><?php echo esc_html( $howget_title ); ?></h2>
<div class="bc-activate-cards">
<div class="bc-activate-card">
<div class="bc-activate-num montserrat-bold">1</div>
<h3 class="montserrat-bold">На кассе магазина</h3>
<p class="montserrat-medium"><?php echo esc_html( $howget_step_1 ); ?></p>
<div class="bc-activate-icon">
<svg width="48" height="48" viewBox="0 0 24 24" fill="none"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z" stroke="var(--red-primary)" stroke-width="1.5"/><path d="M9 22V12h6v10" stroke="var(--red-secondary)" stroke-width="1.5"/></svg>
</div>
</div>
<div class="bc-activate-divider">
<span class="montserrat-bold">или</span>
</div>
<div class="bc-activate-card bc-activate-card--accent">
<div class="bc-activate-num montserrat-bold">2</div>
<h3 class="montserrat-bold">Онлайн через Telegram</h3>
<p class="montserrat-medium"><?php echo esc_html( $howget_step_2 ); ?></p>
<a href="<?php echo esc_url( $tg_bot_url ); ?>" target="_blank" class="btn btn-red-primary montserrat-bold bc-tg-btn">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M22 2L11 13" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/><path d="M22 2l-7 20-4-9-9-4 20-7Z" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
Открыть бота
</a>
</div>
</div>
</div>
</section>
<!-- ===== PAGE CONTENT (rules from WP Editor) ===== -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php $content = get_the_content(); if ( ! empty( $content ) ) : ?>
<section class="bc-content">
<div class="container">
<div class="bc-content-box">
<?php the_content(); ?>
</div>
</div>
</section>
<?php endif; ?>
<?php endwhile; endif; ?>
<!-- ===== CTA ===== -->
<section class="bc-cta">
<div class="container">
<div class="bc-cta-box">
<h2 class="bc-cta-title montserrat-bold"><?php echo esc_html( $cta_title ); ?></h2>
<p class="bc-cta-text montserrat-medium"><?php echo esc_html( $cta_text ); ?></p>
<a href="<?php echo esc_url( $cta_link ); ?>" target="_blank" class="btn btn-red-primary montserrat-bold bc-cta-btn">
<?php echo esc_html( $cta_button ); ?>
</a>
</div>
</div>
</section>
</main>
<?php get_footer(); ?>