Files
dostavka_vodi/wp-content/themes/twentytwentyfour/page-test1.php
2026-04-19 16:50:40 +03:00

722 lines
44 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
/**
* Standalone landing template for the page slug "test1".
*
* @package Twenty_Twenty_Four
* @since Twenty Twenty-Four 1.0
*/
/**
* Build the catalog markup from WooCommerce products.
*
* @return string
*/
function twentytwentyfour_test1_catalog_markup() {
if ( ! class_exists( 'WooCommerce' ) ) {
return '';
}
$products = wc_get_products(
array(
'status' => 'publish',
'limit' => 4,
'order' => 'DESC',
'orderby' => 'popularity',
)
);
if ( empty( $products ) ) {
return '';
}
ob_start();
?>
<div class="catalog-grid">
<?php foreach ( $products as $index => $product ) : ?>
<?php
$delay_class = $index ? ' reveal-delay-' . $index : '';
$image_id = $product->get_image_id();
$image_html = $image_id ? wp_get_attachment_image( $image_id, 'medium', false, array( 'class' => 'catalog-product-image' ) ) : '';
$short_text = $product->get_short_description();
if ( '' === trim( wp_strip_all_tags( $short_text ) ) ) {
$short_text = $product->get_description();
}
$short_text = wp_trim_words( wp_strip_all_tags( $short_text ), 22, '...' );
$price = wp_strip_all_tags( $product->get_price_html() );
$volume = $product->get_attribute( 'volume' );
if ( '' === $volume ) {
$volume = $product->get_attribute( 'pa_volume' );
}
if ( '' === $volume ) {
$volume = __( 'Товар', 'twentytwentyfour' );
}
$add_to_cart_url = $product->add_to_cart_url();
$add_to_cart_text = $product->add_to_cart_text();
?>
<article class="catalog-card reveal<?php echo esc_attr( $delay_class ); ?>">
<?php if ( $image_html ) : ?>
<div class="catalog-media"><?php echo $image_html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></div>
<?php else : ?>
<div class="catalog-icon" aria-hidden="true">💧</div>
<?php endif; ?>
<h3><?php echo esc_html( $product->get_name() ); ?></h3>
<p><?php echo esc_html( $short_text ); ?></p>
<div class="tag-row">
<span class="chip"><?php echo esc_html( $volume ); ?></span>
<?php if ( $product->is_in_stock() ) : ?>
<span class="chip"><?php esc_html_e( 'в наличии', 'twentytwentyfour' ); ?></span>
<?php endif; ?>
</div>
<div class="card-price"><strong><?php echo esc_html( $price ); ?></strong></div>
<?php if ( $product->is_purchasable() && $product->is_in_stock() ) : ?>
<a
class="mini-button add_to_cart_button product_type_<?php echo esc_attr( $product->get_type() ); ?>"
href="<?php echo esc_url( $add_to_cart_url ); ?>"
data-product_id="<?php echo esc_attr( (string) $product->get_id() ); ?>"
data-quantity="1"
rel="nofollow"
aria-label="<?php echo esc_attr( sprintf( __( 'Добавить в корзину: %s', 'twentytwentyfour' ), $product->get_name() ) ); ?>"
><?php echo esc_html( $add_to_cart_text ); ?></a>
<?php else : ?>
<a class="mini-button" href="<?php echo esc_url( get_permalink( $product->get_id() ) ); ?>"><?php esc_html_e( 'Подробнее', 'twentytwentyfour' ); ?></a>
<?php endif; ?>
</article>
<?php endforeach; ?>
</div>
<?php
return (string) ob_get_clean();
}
get_header( 'test1' );
?>
<main id="top">
<section class="hero">
<div class="container">
<div class="hero-grid">
<div class="hero-copy reveal">
<span class="eyebrow">Чистая вода каждый день</span>
<h1 class="hero-title">Питьевая вода с доставкой в <span>Севастополе</span> — привезём в удобное время</h1>
<div class="hero-actions">
<button class="button" data-open-order aria-label="Открыть форму заказа воды">Заказать воду</button>
<a class="ghost-button" href="#catalog" aria-label="Перейти к каталогу воды">Посмотреть каталог</a>
</div>
<div class="hero-stats">
<div class="stat-card reveal reveal-delay-1">
<strong>от 290 ₽</strong>
<span>Бутыль 19 л для дома и офиса</span>
</div>
<div class="stat-card reveal reveal-delay-2">
<strong>2 часа</strong>
<span>среднее время доставки по городу в будни</span>
</div>
<div class="stat-card reveal reveal-delay-3">
<strong>7 дней</strong>
<span>работаем без выходных для дома и офиса</span>
</div>
</div>
</div>
<aside class="hero-panel reveal reveal-delay-1" aria-label="Информация о доставке">
<div class="panel-top">
<div>
<span class="signal-pill">Сегодня работаем по городу</span>
<h2>Сегодня в доставке: центральные и прибрежные районы</h2>
</div>
<div class="chip">бутыли 19 л</div>
</div>
<div class="hero-notes">
<div class="hero-note">
<strong>Для дома</strong>
<span>Удобные форматы для кухни и семьи, без лишней тяжести и походов в магазин.</span>
</div>
<div class="hero-note">
<strong>Для офиса</strong>
<span>Регулярные поставки, документы для бухгалтерии и запас воды без авралов.</span>
</div>
</div>
</aside>
</div>
<div class="ticker reveal reveal-delay-2" aria-label="Ключевые преимущества сервиса">
<div class="ticker-item">
<strong>Источник</strong>
<span>артезианская вода с многоступенчатым контролем</span>
</div>
<div class="ticker-item">
<strong>Сервис</strong>
<span>подъем на этаж и помощь с заменой бутыли</span>
</div>
<div class="ticker-item">
<strong>Оплата</strong>
<span>наличные, карта, перевод и безнал для компаний</span>
</div>
<div class="ticker-item">
<strong>Автодоставка</strong>
<span>гибкий график без повторных звонков</span>
</div>
</div>
</div>
</section>
<section class="section" id="catalog">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">Каталог</span>
<h2 class="section-title">Выберите формат воды</h2>
</div>
<p class="section-copy">В каталоге — популярные объемы для дома и офиса: от небольших бутылей до стандартных 19 литров.
Можно заказать разово или подключить регулярную доставку, чтобы не следить за остатками.</p>
</div>
<?php
$catalog_markup = twentytwentyfour_test1_catalog_markup();
if ( '' !== $catalog_markup ) {
// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
echo $catalog_markup;
} else {
?>
<div class="catalog-grid">
<article class="catalog-card reveal">
<div class="catalog-icon" aria-hidden="true">💧</div>
<h3>Вода 19 литров</h3>
<p>Главный формат для кулеров, кухни и офиса. Самая выгодная цена за литр и удобная возвратная тара.</p>
<div class="tag-row">
<span class="chip">хит продаж</span>
<span class="chip">для кулера</span>
</div>
<div class="card-price"><strong>290 ₽</strong><span>за бутыль</span></div>
<a class="mini-button" href="<?php echo esc_url( home_url( '/shop/' ) ); ?>">В каталог</a>
</article>
<article class="catalog-card reveal reveal-delay-1">
<div class="catalog-icon" aria-hidden="true">🫙</div>
<h3>Вода 5 литров</h3>
<p>Удобный домашний формат для кухни, поездок и дачи. Легко хранить, просто переносить.</p>
<div class="tag-row">
<span class="chip">домой</span>
<span class="chip">компактно</span>
</div>
<div class="card-price"><strong>95 ₽</strong><span>за бутылку</span></div>
<a class="mini-button" href="<?php echo esc_url( home_url( '/shop/' ) ); ?>">В каталог</a>
</article>
<article class="catalog-card reveal reveal-delay-2">
<div class="catalog-icon" aria-hidden="true">🥤</div>
<h3>0.5 / 1.5 литра</h3>
<p>Для тренировок, поездок, мероприятий и ежедневного запаса питьевой воды дома или на работе.</p>
<div class="tag-row">
<span class="chip">спорт</span>
<span class="chip">мероприятия</span>
</div>
<div class="card-price"><strong>39 ₽</strong><span>от 0.5 л</span></div>
<a class="mini-button" href="<?php echo esc_url( home_url( '/shop/' ) ); ?>">В каталог</a>
</article>
<article class="catalog-card reveal reveal-delay-3">
<div class="catalog-icon" aria-hidden="true">⛰️</div>
<h3>Минеральная вода</h3>
<p>Освежающий вариант для гостей, кафе и тех, кто предпочитает яркий минеральный вкус.</p>
<div class="tag-row">
<span class="chip">для кафе</span>
<span class="chip">рестораны</span>
</div>
<div class="card-price"><strong>68 ₽</strong><span>за 1.5 л</span></div>
<a class="mini-button" href="<?php echo esc_url( home_url( '/shop/' ) ); ?>">В каталог</a>
</article>
<article class="catalog-card reveal reveal-delay-4">
<div class="catalog-icon" aria-hidden="true">✨</div>
<h3>Газированная / негазированная</h3>
<p>Соберите микс под привычки семьи или офиса: мягкая вода на каждый день и газированная к столу.</p>
<div class="tag-row">
<span class="chip">микс заказ</span>
<span class="chip">на выбор</span>
</div>
<div class="card-price"><strong>45 ₽</strong><span>за 0.5 л</span></div>
<a class="mini-button" href="<?php echo esc_url( home_url( '/shop/' ) ); ?>">В каталог</a>
</article>
</div>
<?php
}
?>
</div>
</section>
<section class="section" id="bestsellers">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">Бестселлеры</span>
<h2 class="section-title">Что заказывают чаще всего</h2>
</div>
<p class="section-copy">Если заказывают впервые, чаще всего начинают с бутыли 19 литров. Для дома, поездок или редкого использования обычно добавляют компактные форматы.</p>
</div>
<div class="featured-grid">
<div class="glass-card reveal">
<span class="eyebrow">Хит по Севастополю</span>
<h3>Вода 19 л — то, что чаще всего берут на постоянку</h3>
<p>Хороший вариант на каждый день: для дома, офиса и мест, где вода нужна постоянно. Удобно ставить в кулер и не вспоминать о запасах каждый день.</p>
<div class="product-table">
<div class="product-row">
<div>
<strong>АкваЛиния Классик</strong>
<span>19 л, мягкий вкус, ежедневное потребление</span>
</div>
<div class="price">290 ₽</div>
<a class="mini-button" href="<?php echo esc_url( home_url( '/shop/' ) ); ?>">В каталог</a>
</div>
<div class="product-row">
<div>
<strong>АкваЛиния Премиум</strong>
<span>19 л, артезианская вода, усиленный контроль</span>
</div>
<div class="price">340 ₽</div>
<a class="mini-button" href="<?php echo esc_url( home_url( '/shop/' ) ); ?>">В каталог</a>
</div>
<div class="product-row">
<div>
<strong>Стартовый комплект</strong>
<span>2 бутыли 19 л + помпа для первого заказа</span>
</div>
<div class="price">690 ₽</div>
<a class="mini-button" href="<?php echo esc_url( home_url( '/shop/' ) ); ?>">В каталог</a>
</div>
</div>
</div>
<div class="glass-card reveal reveal-delay-1">
<span class="eyebrow">Почему выбирают</span>
<h3>Почему этот формат выбирают на постоянной основе</h3>
<div class="chip-row chip-row-spaced">
<span class="chip">быстрая доставка</span>
<span class="chip">чистая бутыль</span>
<span class="chip">возврат тары</span>
<span class="chip">выгодно для офиса</span>
</div>
<p>Многие берут воду по графику, чтобы не вспоминать о заказе в последний момент. Это удобно и для семьи, и для офиса, где запас должен быть всегда под рукой.</p>
<div class="hero-actions hero-actions-spaced">
<button class="button" data-open-order>Заказать воду</button>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="delivery">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">Условия доставки</span>
<h2 class="section-title">Доставка воды по районам Севастополя</h2>
</div>
<p class="section-copy">Работаем по основным районам Севастополя. При оформлении заказа подскажем ближайшее окно и заранее подтвердим удобное время доставки.</p>
</div>
<div class="delivery-grid">
<div class="glass-card reveal">
<h3>Что важно знать перед заказом</h3>
<div class="product-table">
<div class="product-row">
<div>
<strong>Зоны доставки</strong>
<span>Гагаринский, Ленинский, Нахимовский, Балаклава, Камышовая бухта, Остряки, Стрелецкая</span>
</div>
</div>
<div class="product-row">
<div>
<strong>Время доставки</strong>
<span>Ежедневно с 8:00 до 21:00, срочные окна по возможности в день обращения</span>
</div>
</div>
<div class="product-row">
<div>
<strong>Минимальный заказ</strong>
<span>От 1 бутыли 19 л или от 500 ₽ для малых форматов</span>
</div>
</div>
<div class="product-row">
<div>
<strong>Возвратная тара</strong>
<span>Пустые бутыли забираем при следующей доставке или при отдельном выезде по согласованию</span>
</div>
</div>
</div>
</div>
<div class="delivery-map reveal reveal-delay-1" aria-label="Информация о маршрутах доставки">
<span class="eyebrow eyebrow-inverse">Активные маршруты</span>
<h3 class="section-heading-compact section-heading-delivery">Доставляем по всем районам города</h3>
<div class="zones">
<span class="zone-card">Гагаринский район</span>
<span class="zone-card">Ленинский район</span>
<span class="zone-card">Нахимовский район</span>
<span class="zone-card">Балаклава</span>
</div>
<div class="delivery-highlights">
<article class="delivery-highlight-card">
<strong>Ближайшее окно</strong>
<span>Подберём ближайший доступный интервал и заранее согласуем время.</span>
</article>
<article class="delivery-highlight-card">
<strong>Быстрое подтверждение</strong>
<span>Связываемся в течение 15 минут в рабочее время.</span>
</article>
<article class="delivery-highlight-card">
<strong>Сервис на месте</strong>
<span>Подъем воды, замена бутыли и вывоз пустой тары по запросу.</span>
</article>
<button class="button delivery-cta" data-open-order>Оставить заявку на доставку</button>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="how-order">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">Как заказать</span>
<h2 class="section-title">Четыре быстрых шага до чистой воды</h2>
</div>
<p class="section-copy">Все просто: выбираете воду, оставляете заявку, а мы уточняем детали и привозим заказ в согласованное время.</p>
</div>
<div class="steps-grid">
<article class="step-card reveal">
<div class="step-number">1</div>
<h3>Выберите объем воды </h3>
<p>Определите нужный объем: вода 19 литров, 5 литров, малые бутылки, минеральная или газированная вода.</p>
</article>
<article class="step-card reveal reveal-delay-1">
<div class="step-number">2</div>
<h3>Оставьте заявку на сайте или по телефону</h3>
<p>Соберите заказ прямо на сайте и проверьте итоговую сумму до подтверждения.</p>
</article>
<article class="step-card reveal reveal-delay-2">
<div class="step-number">3</div>
<h3>Подтвердите удобное время доставки</h3>
<p>Оставьте телефон и адрес в Севастополе, а мы уточним время и детали по таре.</p>
</article>
<article class="step-card reveal reveal-delay-3">
<div class="step-number">4</div>
<h3>Получите воду с доставкой до двери</h3>
<p>Курьер привезет воду, поможет с выгрузкой и при необходимости заберет пустые бутыли.</p>
</article>
</div>
</div>
</section>
<section class="section" id="business">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">Для дома и офиса</span>
<h2 class="section-title">Для дома и офиса — без лишних сложностей</h2>
</div>
<p class="section-copy">У домашних и корпоративных заказов разные задачи, поэтому мы отдельно продумали условия для семьи и для компаний.</p>
</div>
<div class="segments-grid">
<article class="segment-card reveal">
<span class="eyebrow">Доставка воды на дом</span>
<h3>Когда воду удобно заказывать домой</h3>
<p>Такой формат выбирают семьи, пожилые клиенты и все, кто не хочет носить тяжелые бутыли из магазина.</p>
<ul class="segment-list">
<li>Удобные интервалы утром, днем и вечером</li>
<li>Подъем на этаж и помощь с установкой</li>
<li>Можно заказать и 19 л, и компактные форматы</li>
<li>Напоминание о повторном заказе</li>
</ul>
<div class="segment-meta">Часто выбирают: 2 бутыли 19 л + вода 5 л для кухни</div>
</article>
<article class="segment-card featured reveal reveal-delay-1">
<span class="eyebrow eyebrow-inverse">Доставка воды в офис</span>
<h3>Регулярные поставки для команды и клиентов</h3>
<p>Офисам, салонам, кафе, фитнес-клубам и студиям нужен предсказуемый сервис. Мы строим график так, чтобы запас воды не заканчивался в рабочие часы.</p>
<ul class="segment-list">
<li>Безналичная оплата и закрывающие документы</li>
<li>Автодоставка воды по графику</li>
<li>Приоритетные интервалы на будни</li>
<li>Комбинированные заказы для кулеров и гостей</li>
</ul>
<div class="segment-meta">Часто выбирают: 6-12 бутылей 19 л в неделю + минеральная вода для переговорных</div>
</article>
</div>
</div>
</section>
<section class="section" id="promotions">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">Акции</span>
<h2 class="section-title">Выгоднее с первого заказа и еще удобнее по подписке</h2>
</div>
<p class="section-copy">Для новых и постоянных клиентов периодически действуют акции. Это удобный способ попробовать сервис или сделать регулярные заказы выгоднее.</p>
</div>
<div class="promo-grid">
<article class="promo-card highlight reveal">
<h3>Скидка на первый заказ</h3>
<p>На первый заказ действует скидка 10%. Это удобно, если хотите сначала попробовать сервис и оценить качество воды.</p>
</article>
<article class="promo-card reveal reveal-delay-1">
<h3>Автодоставка воды</h3>
<p>Настройте регулярный график: раз в 3 дня, неделю или по вашему потреблению. Мы напомним и приедем вовремя.</p>
</article>
<article class="promo-card reveal reveal-delay-2">
<h3>Помпа в подарок</h3>
<p>При заказе стартового комплекта для дома дарим механическую помпу, чтобы пользоваться 19-литровой бутылью было проще.</p>
</article>
<article class="promo-card reveal reveal-delay-3">
<h3>Офисный тариф</h3>
<p>Для корпоративных клиентов действует персональная цена при регулярном объеме и закрепленном графике поставок.</p>
</article>
</div>
</div>
</section>
<section class="section" id="faq">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">FAQ</span>
<h2 class="section-title">Частые вопросы о доставке воды в Севастополе</h2>
</div>
<p class="section-copy">Собрали вопросы, которые чаще всего задают перед первым заказом.</p>
</div>
<div class="faq-list">
<article class="faq-item reveal open">
<button class="faq-question" id="faq-question-1" aria-expanded="true" aria-controls="faq-answer-1">
<span>Как быстро вы привозите воду по Севастополю?</span>
<span aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-1" role="region" aria-labelledby="faq-question-1">Обычно привозим воду в течение дня, а по активным маршрутам — быстрее. Точное время зависит от района и загрузки, поэтому ближайший интервал всегда подтверждаем заранее.</div>
</article>
<article class="faq-item reveal reveal-delay-1">
<button class="faq-question" id="faq-question-2" aria-expanded="false" aria-controls="faq-answer-2">
<span>Какие способы оплаты доступны?</span>
<span aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-2" role="region" aria-labelledby="faq-question-2" hidden>Принимаем наличные, оплату картой при получении, перевод по номеру телефона и безналичный расчет для компаний. Для офисов можем выставить счет.</div>
</article>
<article class="faq-item reveal reveal-delay-2">
<button class="faq-question" id="faq-question-3" aria-expanded="false" aria-controls="faq-answer-3">
<span>Нужен ли залог за бутыль 19 литров?</span>
<span aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-3" role="region" aria-labelledby="faq-question-3" hidden>Если у вас нет своей тары, при первом заказе может взиматься возвратный депозит за бутыль. При возврате тары депозит учитывается в следующих заказах.</div>
</article>
<article class="faq-item reveal reveal-delay-3">
<button class="faq-question" id="faq-question-4" aria-expanded="false" aria-controls="faq-answer-4">
<span>Как часто лучше заказывать воду домой?</span>
<span aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-4" role="region" aria-labelledby="faq-question-4" hidden>Для семьи из 2-4 человек обычно достаточно заказа 2-4 бутылей 19 литров раз в 1-2 недели. Точный график зависит от потребления и наличия кулера.</div>
</article>
<article class="faq-item reveal">
<button class="faq-question" id="faq-question-5" aria-expanded="false" aria-controls="faq-answer-5">
<span>Откуда поступает вода и как контролируется качество?</span>
<span aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-5" role="region" aria-labelledby="faq-question-5" hidden>Мы используем артезианскую воду из защищенного источника, проводим фильтрацию, санитарную обработку тары и регулярный лабораторный контроль. По запросу предоставляем информацию о сертификатах качества.</div>
</article>
<article class="faq-item reveal reveal-delay-1">
<button class="faq-question" id="faq-question-6" aria-expanded="false" aria-controls="faq-answer-6">
<span>Можно ли оформить доставку воды в офис?</span>
<span aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-6" role="region" aria-labelledby="faq-question-6" hidden>Да, мы регулярно обслуживаем офисы, кафе, фитнес-клубы, студии и медицинские кабинеты. Настраиваем график, безнал и объем под ваш режим работы.</div>
</article>
<article class="faq-item reveal reveal-delay-2">
<button class="faq-question" id="faq-question-7" aria-expanded="false" aria-controls="faq-answer-7">
<span>Какой минимальный заказ действует для доставки?</span>
<span aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-7" role="region" aria-labelledby="faq-question-7" hidden>Для воды 19 литров можно заказать от одной бутыли. Для небольших упаковок минимальная сумма заказа составляет 500 ₽, чтобы доставка оставалась быстрой и выгодной.</div>
</article>
<article class="faq-item reveal reveal-delay-3">
<button class="faq-question" id="faq-question-8" aria-expanded="false" aria-controls="faq-answer-8">
<span>Что делать с пустыми бутылками после использования?</span>
<span aria-hidden="true">+</span>
</button>
<div class="faq-answer" id="faq-answer-8" role="region" aria-labelledby="faq-question-8" hidden>Сохраните пустые бутыли до следующего визита курьера. Мы заберем их при следующей доставке или согласуем отдельный выезд при крупном заказе.</div>
</article>
</div>
</div>
</section>
<section class="section" id="about">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">О компании</span>
<h2 class="section-title">Чистый источник, строгий контроль, понятный сервис</h2>
</div>
<p class="section-copy">Важно не только откуда вода, но и как она проходит обработку, розлив и доставку. Поэтому мы уделяем внимание качеству на каждом этапе.</p>
</div>
<div class="about-grid">
<div class="glass-card about-copy reveal">
<h3>Следим не только за водой, но и за тем, в каком виде она приезжает к клиенту</h3>
<p>Вода поступает из артезианского источника, проходит очистку и контроль перед розливом. Не меньше внимания уделяем бутылям: их состояние и санитарная обработка напрямую влияют на вкус и качество воды.</p>
<p class="about-copy-secondary">По запросу можно получить информацию о качестве воды и условиях поставки. Для офисов и коммерческих объектов отдельно настраиваем регулярный график, чтобы запас воды не заканчивался в рабочее время.</p>
<div class="chip-row hero-actions-spaced">
<span class="chip">артезианская вода</span>
<span class="chip">контроль качества</span>
<span class="chip">сертификаты</span>
<span class="chip">санобработка тары</span>
</div>
</div>
<div class="about-visual reveal reveal-delay-1" aria-hidden="true">
<div class="droplet"></div>
<div class="quality-stack">
<div class="quality-card"><strong>Источник</strong><br>Защищенный артезианский горизонт</div>
<div class="quality-card"><strong>Проверка</strong><br>Регулярный лабораторный анализ качества</div>
<div class="quality-card"><strong>Тара</strong><br>Санитарная обработка и контроль оборота бутылей</div>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="reviews">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">Отзывы</span>
<h2 class="section-title">Что говорят клиенты о нашей воде и доставке</h2>
</div>
<p class="section-copy">Несколько отзывов от клиентов, которые заказывают воду домой, в офис и для коммерческих объектов.</p>
</div>
<div class="reviews-grid">
<article class="review-card reveal">
<strong>«Привозят точно в обещанный интервал»</strong>
<p>Заказываем воду 19 литров домой в Гагаринский район. Курьер всегда заранее звонит, поднимает бутыли и забирает пустые. Удобно, что не нужно снова объяснять адрес.</p>
<div class="review-meta">Марина, Севастополь</div>
</article>
<article class="review-card reveal reveal-delay-1">
<strong>«Для офиса это реально спасение»</strong>
<p>У нас небольшая команда, вода уходит быстро. С автодоставкой больше не вспоминаем в последний момент, что кулер пустой. Документы присылают без задержек.</p>
<div class="review-meta">Андрей, управляющий офисом</div>
</article>
<article class="review-card reveal reveal-delay-2">
<strong>«Вкус воды мягкий, без постороннего запаха»</strong>
<p>Переходили с другого поставщика и сразу почувствовали разницу. Вода приятная и для питья, и для чайника. Заказываем и 19 литров, и 5 литров домой.</p>
<div class="review-meta">Елена, Ленинский район</div>
</article>
<article class="review-card reveal reveal-delay-3">
<strong>«Хорошо работают с коммерческими заказами»</strong>
<p>Для нашего фитнес-клуба важна стабильность. Ребята привозят четко по графику, можно комбинировать большие бутыли и маленькие бутылки для стойки продаж.</p>
<div class="review-meta">Игорь, фитнес-клуб в Стрелецкой</div>
</article>
</div>
</div>
</section>
<section class="section" id="contacts">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">Контакты</span>
<h2 class="section-title">Свяжитесь с нами и оформите заказ</h2>
</div>
<p class="section-copy">Позвоните нам или оставьте заявку на сайте — уточним детали и подберём удобное время доставки.</p>
</div>
<div class="contacts-grid">
<div class="contact-card reveal">
<h3>Контактные данные</h3>
<ul class="contact-list">
<li><strong>Телефон:</strong> <a href="tel:+79117748923">+7 (911) 774-89-23</a></li>
<li><strong>Адрес:</strong> г. Севастополь, ул. Генерала Острякова, 92</li>
<li><strong>График:</strong> ежедневно с 8:00 до 21:00</li>
<li><strong>E-mail:</strong> sygorenkomisha17@gmail.com</li>
</ul>
<form class="contact-form" id="contactForm">
<input class="field" type="text" name="name" placeholder="Ваше имя" aria-label="Ваше имя" required>
<input class="field" type="tel" name="phone" placeholder="Телефон" aria-label="Телефон" required>
<input class="field" type="text" name="address" placeholder="Адрес доставки в Севастополе" aria-label="Адрес доставки" required>
<textarea class="field" name="comment" placeholder="Что нужно доставить: например, 2 бутыли 19 л и 1 упаковка 1.5 л" aria-label="Комментарий к заказу"></textarea>
<button class="button" type="submit">Отправить заявку</button>
<div class="success-note" id="contactSuccess" role="status" aria-live="polite">Спасибо! Заявка принята. Мы свяжемся с вами для подтверждения заказа.</div>
</form>
</div>
<div class="map-placeholder reveal reveal-delay-1" aria-label="Условия обслуживания по городу">
<span class="eyebrow eyebrow-inverse">Зона обслуживания</span>
<h3 class="section-heading-compact section-heading-map">Принимаем заявки по всему Севастополю</h3>
<p class="map-copy">Работаем ежедневно и подбираем удобный интервал доставки для дома, офиса, кафе и небольших коммерческих точек.</p>
<div class="contact-fast-facts">
<article class="contact-fact-card">
<strong>Подтверждение заявки</strong>
<span>До 15 минут в рабочие часы, без долгого ожидания.</span>
</article>
<article class="contact-fact-card">
<strong>Окна доставки</strong>
<span>С 8:00 до 21:00 ежедневно, срочные слоты по возможности.</span>
</article>
<article class="contact-fact-card">
<strong>Дополнительный сервис</strong>
<span>Подъем воды и вывоз пустой тары при следующем визите.</span>
</article>
</div>
<div class="contact-quick-actions">
<a class="contact-quick-link" href="tel:+79117748923">Позвонить: +7 (911) 774-89-23</a>
<a class="contact-quick-link" href="mailto:sygorenkomisha17@gmail.com">Написать: sygorenkomisha17@gmail.com</a>
</div>
</div>
</div>
</div>
</section>
</main>
<div class="modal-backdrop" id="orderModal" aria-hidden="true">
<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="orderModalTitle">
<div class="modal-head">
<div>
<h3 id="orderModalTitle">Оформление заказа</h3>
<p class="dialog-copy">Оставьте контакты, и мы свяжемся с вами для подтверждения заказа.</p>
</div>
<button class="close-button" id="modalCloseButton" aria-label="Закрыть форму заказа">×</button>
</div>
<form class="contact-form" id="orderForm">
<input class="field" type="text" name="customerName" placeholder="Ваше имя" aria-label="Ваше имя" required>
<input class="field" type="tel" name="customerPhone" placeholder="Телефон" aria-label="Телефон" required>
<input class="field" type="text" name="customerAddress" placeholder="Адрес доставки" aria-label="Адрес доставки" required>
<select class="field" name="customerType" aria-label="Тип клиента">
<option value="Для дома">Для дома</option>
<option value="Для офиса">Для офиса</option>
</select>
<textarea class="field" name="customerOrder" id="orderItemsField" placeholder="Комментарий к заказу" aria-label="Комментарий к заказу"></textarea>
<button class="button" type="submit">Подтвердить заказ</button>
<div class="success-note" id="orderSuccess" role="status" aria-live="polite">Спасибо! Ваш заказ сохранен. Мы свяжемся с вами в ближайшее время.</div>
</form>
</div>
</div>
<?php
get_footer( 'test1' );