192 lines
10 KiB
PHP
192 lines
10 KiB
PHP
<?php
|
||
/**
|
||
* Standalone checkout template styled like the test1 landing page.
|
||
*
|
||
* @package Twenty_Twenty_Four
|
||
* @since Twenty Twenty-Four 1.0
|
||
*/
|
||
|
||
?><!DOCTYPE html>
|
||
<html <?php language_attributes(); ?>>
|
||
<head>
|
||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<?php wp_head(); ?>
|
||
</head>
|
||
<body <?php body_class( 'test1-checkout-page' ); ?>>
|
||
<?php wp_body_open(); ?>
|
||
<div class="premium-topline">
|
||
<div class="container premium-topline-inner">
|
||
<span><?php esc_html_e( 'Premium delivery flow', 'twentytwentyfour' ); ?></span>
|
||
<span><?php esc_html_e( 'Севастополь • чистая вода • аккуратная логистика', 'twentytwentyfour' ); ?></span>
|
||
</div>
|
||
</div>
|
||
<header class="site-header">
|
||
<div class="container">
|
||
<div class="header-row">
|
||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||
<span class="brand-mark" aria-hidden="true">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||
</svg>
|
||
</span>
|
||
<span class="brand-text">
|
||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||
<span><?php esc_html_e( 'Оформление заказа', 'twentytwentyfour' ); ?></span>
|
||
</span>
|
||
</a>
|
||
|
||
<div class="header-actions">
|
||
<?php if ( function_exists( 'wc_get_cart_url' ) ) : ?>
|
||
<a class="ghost-button checkout-back-link" href="<?php echo esc_url( wc_get_cart_url() ); ?>"><?php esc_html_e( 'Вернуться в корзину', 'twentytwentyfour' ); ?></a>
|
||
<?php endif; ?>
|
||
<a class="header-phone" href="tel:+79781234567">
|
||
<span aria-hidden="true">+7 (978) 123-45-67</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="top">
|
||
<section class="hero checkout-hero">
|
||
<div class="container">
|
||
<div class="premium-stage premium-stage-checkout">
|
||
<div class="premium-orb premium-orb-one" aria-hidden="true"></div>
|
||
<div class="premium-orb premium-orb-two" aria-hidden="true"></div>
|
||
<div class="checkout-shell">
|
||
<div class="hero-copy checkout-intro reveal">
|
||
<span class="eyebrow"><?php esc_html_e( 'Финальный шаг', 'twentytwentyfour' ); ?></span>
|
||
<div class="premium-kicker"><?php esc_html_e( 'Secure checkout', 'twentytwentyfour' ); ?></div>
|
||
<h1 class="hero-title"><?php esc_html_e( 'Оформление заказа', 'twentytwentyfour' ); ?> <span><?php esc_html_e( 'в премиальном ритме', 'twentytwentyfour' ); ?></span></h1>
|
||
<p class="hero-text"><?php esc_html_e( 'Мы сохранили ясный путь от выбора воды до подтверждения доставки, но усилили подачу: больше глубины, чище акценты, статуснее композиция и более дорогой визуальный тон.', 'twentytwentyfour' ); ?></p>
|
||
<div class="premium-metrics">
|
||
<div class="premium-metric">
|
||
<strong><?php esc_html_e( '2-4 часа', 'twentytwentyfour' ); ?></strong>
|
||
<span><?php esc_html_e( 'среднее окно доставки', 'twentytwentyfour' ); ?></span>
|
||
</div>
|
||
<div class="premium-metric">
|
||
<strong><?php esc_html_e( '7 дней', 'twentytwentyfour' ); ?></strong>
|
||
<span><?php esc_html_e( 'прием заказов без пауз', 'twentytwentyfour' ); ?></span>
|
||
</div>
|
||
<div class="premium-metric">
|
||
<strong><?php esc_html_e( 'контроль', 'twentytwentyfour' ); ?></strong>
|
||
<span><?php esc_html_e( 'подтверждение адреса и состава', 'twentytwentyfour' ); ?></span>
|
||
</div>
|
||
</div>
|
||
<div class="hero-actions">
|
||
<?php if ( function_exists( 'wc_get_cart_url' ) ) : ?>
|
||
<a class="ghost-button" href="<?php echo esc_url( wc_get_cart_url() ); ?>"><?php esc_html_e( 'Изменить состав заказа', 'twentytwentyfour' ); ?></a>
|
||
<?php endif; ?>
|
||
<a class="button" href="<?php echo esc_url( home_url( '/test1/#catalog' ) ); ?>"><?php esc_html_e( 'Добавить еще товары', 'twentytwentyfour' ); ?></a>
|
||
</div>
|
||
<div class="premium-note-row">
|
||
<div class="premium-note-card">
|
||
<span><?php esc_html_e( 'Деликатный сервис', 'twentytwentyfour' ); ?></span>
|
||
<strong><?php esc_html_e( 'Курьер помогает с подъемом и тарой', 'twentytwentyfour' ); ?></strong>
|
||
</div>
|
||
<div class="premium-note-card">
|
||
<span><?php esc_html_e( 'Прозрачная коммуникация', 'twentytwentyfour' ); ?></span>
|
||
<strong><?php esc_html_e( 'Подтверждаем заказ без лишних звонков', 'twentytwentyfour' ); ?></strong>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="premium-stack reveal reveal-delay-1">
|
||
<aside class="glass-card premium-aside premium-aside-checkout">
|
||
<div class="premium-aside-head">
|
||
<span class="eyebrow eyebrow-inverse"><?php esc_html_e( 'Что дальше', 'twentytwentyfour' ); ?></span>
|
||
<h2><?php esc_html_e( 'Премиальный сценарий оформления', 'twentytwentyfour' ); ?></h2>
|
||
</div>
|
||
<div class="premium-timeline">
|
||
<div class="premium-timeline-item">
|
||
<strong>01</strong>
|
||
<span><?php esc_html_e( 'Вы заполняете контактные данные и адрес', 'twentytwentyfour' ); ?></span>
|
||
</div>
|
||
<div class="premium-timeline-item">
|
||
<strong>02</strong>
|
||
<span><?php esc_html_e( 'Мы подтверждаем детали и удобный интервал', 'twentytwentyfour' ); ?></span>
|
||
</div>
|
||
<div class="premium-timeline-item">
|
||
<strong>03</strong>
|
||
<span><?php esc_html_e( 'Курьер привозит воду и помогает с тарой', 'twentytwentyfour' ); ?></span>
|
||
</div>
|
||
</div>
|
||
<div class="premium-badge-grid">
|
||
<div class="premium-badge-card">
|
||
<span><?php esc_html_e( 'Сервис', 'twentytwentyfour' ); ?></span>
|
||
<strong><?php esc_html_e( 'Подъем на этаж', 'twentytwentyfour' ); ?></strong>
|
||
</div>
|
||
<div class="premium-badge-card">
|
||
<span><?php esc_html_e( 'Оплата', 'twentytwentyfour' ); ?></span>
|
||
<strong><?php esc_html_e( 'Карта, наличные, безнал', 'twentytwentyfour' ); ?></strong>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
|
||
<div class="glass-card checkout-card premium-form-card">
|
||
<?php
|
||
while ( have_posts() ) :
|
||
the_post();
|
||
the_content();
|
||
endwhile;
|
||
?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<footer class="footer premium-footer">
|
||
<div class="container">
|
||
<div class="footer-grid premium-footer-grid">
|
||
<div class="footer-card premium-footer-card premium-footer-brand">
|
||
<a class="brand" href="<?php echo esc_url( home_url( '/test1/' ) ); ?>" aria-label="Вернуться на страницу test1">
|
||
<span class="brand-mark" aria-hidden="true">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M12 2C9 6.1 6 9.4 6 13.2C6 16.9 8.69 20 12 20C15.31 20 18 16.9 18 13.2C18 9.4 15 6.1 12 2Z" fill="currentColor"/>
|
||
</svg>
|
||
</span>
|
||
<span class="brand-text">
|
||
<strong><?php bloginfo( 'name' ); ?></strong>
|
||
<span><?php esc_html_e( 'Премиальная доставка воды по Севастополю', 'twentytwentyfour' ); ?></span>
|
||
</span>
|
||
</a>
|
||
<p class="footer-description"><?php esc_html_e( 'Финальный экран заказа оформлен в едином языке с landing test1: мягкий люкс, чистая структура и уверенная конверсионная логика без визуального шума.', 'twentytwentyfour' ); ?></p>
|
||
<div class="premium-footer-pills">
|
||
<span class="chip"><?php esc_html_e( 'ежедневно 8:00-21:00', 'twentytwentyfour' ); ?></span>
|
||
<span class="chip"><?php esc_html_e( 'подъем на этаж', 'twentytwentyfour' ); ?></span>
|
||
</div>
|
||
</div>
|
||
<div class="footer-card premium-footer-card">
|
||
<h3><?php esc_html_e( 'Переходы', 'twentytwentyfour' ); ?></h3>
|
||
<div class="footer-links">
|
||
<a href="<?php echo esc_url( home_url( '/test1/' ) ); ?>"><?php esc_html_e( 'Страница test1', 'twentytwentyfour' ); ?></a>
|
||
<?php if ( function_exists( 'wc_get_cart_url' ) ) : ?>
|
||
<a href="<?php echo esc_url( wc_get_cart_url() ); ?>"><?php esc_html_e( 'Корзина', 'twentytwentyfour' ); ?></a>
|
||
<?php endif; ?>
|
||
<?php if ( function_exists( 'wc_get_checkout_url' ) ) : ?>
|
||
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>"><?php esc_html_e( 'Оформление заказа', 'twentytwentyfour' ); ?></a>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
<div class="footer-card premium-footer-card">
|
||
<h3><?php esc_html_e( 'Контакты', 'twentytwentyfour' ); ?></h3>
|
||
<ul class="contact-list premium-footer-contacts">
|
||
<li><strong><?php esc_html_e( 'Телефон:', 'twentytwentyfour' ); ?></strong> <a href="tel:+79781234567">+7 (978) 123-45-67</a></li>
|
||
<li><strong><?php esc_html_e( 'E-mail:', 'twentytwentyfour' ); ?></strong> order@aqualinia-sev.ru</li>
|
||
<li><strong><?php esc_html_e( 'Маршрут:', 'twentytwentyfour' ); ?></strong> <?php esc_html_e( 'Гагаринский, Ленинский, Нахимовский, Балаклава', 'twentytwentyfour' ); ?></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom premium-footer-bottom">
|
||
<span>© 2026 <?php bloginfo( 'name' ); ?></span>
|
||
<span><?php esc_html_e( 'Checkout and cart refined in the visual language of test1.', 'twentytwentyfour' ); ?></span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<?php wp_footer(); ?>
|
||
</body>
|
||
</html>
|