поиск+доставка

This commit is contained in:
Alisa
2026-06-07 13:12:42 +03:00
parent 65d182b4af
commit ee753429e2
20 changed files with 3429 additions and 91 deletions
+150 -69
View File
@@ -54,95 +54,176 @@ $months = [
$arrivalDate = $lastArrival->format('j') . ' ' . $months[(int) $lastArrival->format('n')] . ' ' . $lastArrival->format('Y');
?>
<section class="start-screen wide">
<section class="home-hero">
<div class="hero-copy">
<p class="eyebrow">Интернет-склад качественной продукции</p>
<section class="home-value-system" aria-label="Преимущества Рыбсток">
<div class="home-value-head">
<p class="eyebrow">Интернет-склад для дома и бизнеса</p>
<h1>Рыбсток</h1>
<p class="hero-lead">Рыба, морепродукты, мясо, сыры, овощи, ягоды и бакалея по стоковым ценам.</p>
<div class="hero-points" aria-label="Ключевые условия">
<span>Доставка день в день до 14:00</span>
<span>Без предоплаты</span>
<span>Самовывоз после подтверждения</span>
</div>
<p>Рыба, морепродукты, мясо, сыры, овощи, ягоды и бакалея по стоковым ценам для большого домашнего стола, дачи, магазина и кухни.</p>
<div class="hero-actions">
<a class="primary-button hero-button" href="/catalog">Смотреть каталог</a>
<a class="secondary-button" href="tel:+79777363363">+7-977-736-33-63</a>
</div>
</div>
<div class="hero-media">
<img src="/assets/images/brand-hero-products.svg" alt="Ассортимент Рыбсток">
<div class="home-benefit-grid">
<article class="home-benefit-card is-wide" style="--benefit-image: var(--home-hero-picnic)">
<div>
<span>Дом, дача, большой стол</span>
<h2>Запас продуктов без переплаты</h2>
<p>Берете коробками и фасовками со склада, а не с витрины. Удобно набрать рыбу, мясо, морепродукты и полуфабрикаты для семьи и гостей.</p>
</div>
</article>
<article class="home-benefit-card" style="--benefit-image: var(--home-warehouse-fish)">
<div>
<span>Выгода за наличные</span>
<h2>Корзина считает сама</h2>
<p>Минус 300 руб. от 7000 руб., -5% от 20000 руб. и -7% от 50000 руб. Покупателю не нужно считать вручную.</p>
</div>
</article>
<article class="home-benefit-card" style="--benefit-image: var(--home-banner-meat)">
<div>
<span>Доставка и оплата</span>
<h2>Без предоплаты</h2>
<p>Внутри МКАД бесплатно от 5000 руб., за МКАД - от 10000 руб. до 10 км. Заказ оплачивается только при получении.</p>
</div>
</article>
</div>
</section>
<section class="storage-status" aria-label="Температура хранения и поступление товара">
<div class="arrival-card">
<span>Последнее поступление</span>
<strong><?= e((string) $arrivalDate) ?></strong>
<p>Свежие позиции принимаем по будням утром. В выходные склад не принимает новый товар.</p>
<section class="audience-system" aria-label="Для кого работает Рыбсток">
<div class="audience-heading">
<p class="eyebrow">Для кого мы работаем</p>
<h2>Закрываем разные задачи одной поставкой</h2>
<p>От домашнего морозильного запаса до понятного прилавка и стабильной кухни: подбираем позиции под реальный спрос, бюджет и объем.</p>
</div>
<div class="temperature-card freezer">
<span>Морозильная камера</span>
<strong><span data-temperature="-18.6" data-min="-19.4" data-max="-17.8">-18.6</span> °C</strong>
<p>Рабочий режим глубокой заморозки.</p>
</div>
<div class="temperature-card chiller">
<span>Холодильная камера</span>
<strong><span data-temperature="2.4" data-min="1.6" data-max="3.8">2.4</span> °C</strong>
<p>Температура для охлажденной продукции.</p>
<div class="audience-grid">
<article class="audience-card" style="--audience-image: var(--home-warehouse-cold)">
<span>Частным покупателям</span>
<h3>Наполнить морозильник и спокойно кормить семью</h3>
<p>Решаем главную боль: чем накормить домочадцев, гостей и дачу без ежедневных закупок и лишней наценки.</p>
</article>
<article class="audience-card" style="--audience-image: var(--home-warehouse-fish)">
<span>Магазинам</span>
<h3>Собрать ходовой рыбный прилавок</h3>
<p>Не люкс-витрина ради картинки, а понятные позиции, за которыми покупатель возвращается и встает в очередь.</p>
</article>
<article class="audience-card" style="--audience-image: var(--home-banner-seafood)">
<span>HoReCa</span>
<h3>Поддержать полную посадку кухни</h3>
<p>Рыба, мясо, морепродукты, полуфабрикаты и бакалея в одной закупке, чтобы меню не зависело от разрозненных поставок.</p>
</article>
</div>
</section>
<section class="home-banners" aria-label="Преимущества Рыбсток">
<div class="home-banner delivery-image">
<strong>Бесплатная доставка внутри МКАД от 5000 руб.</strong>
<span>Привезем заказ после подтверждения по телефону.</span>
<section class="warehouse-showcase" aria-label="Склад Рыбсток">
<div class="warehouse-copy">
<p class="eyebrow">Склад и хранение</p>
<h2>Реальный склад, холодовая цепь и свежие поступления</h2>
<p>Мы показываем склад без лишней витринности: коробки, паллеты, камеры хранения и продукция, которая дальше уезжает к домашнему столу.</p>
</div>
<div class="home-banner region-image">
<strong>Бесплатная доставка за МКАД от 10000 руб.</strong>
<span>Для адресов до 10 км от МКАД, дальше расчет по расстоянию.</span>
<div class="storage-status" aria-label="Температура хранения и поступление товара">
<div class="arrival-card">
<span>Последнее поступление</span>
<strong><?= e((string) $arrivalDate) ?></strong>
<p>Свежие позиции принимаем по будням утром, после приемки и проверки качества.</p>
</div>
<div class="temperature-card freezer">
<span>Морозильная камера</span>
<strong><span data-temperature="-18.6" data-min="-19.4" data-max="-17.8">-18.6</span> °C</strong>
<p>Рабочий режим глубокой заморозки.</p>
</div>
<div class="temperature-card chiller">
<span>Холодильная камера</span>
<strong><span data-temperature="2.4" data-min="1.6" data-max="3.8">2.4</span> °C</strong>
<p>Температура для охлажденной продукции.</p>
</div>
</div>
<div class="home-banner day-image">
<strong>Можно приобрести день в день</strong>
<span>Привезем заказ день в день, если он оформлен в будний день до 14:00.</span>
</div>
<div class="home-banner payment-image">
<strong>Без предоплаты</strong>
<span>Оплата после подтверждения заказа и получения товара.</span>
</div>
</section>
<section class="promo-strip" aria-label="Промокоды и цены">
<div>
<span>Промокод</span>
<strong>Рыбсток7000</strong>
<small>300 руб. скидка на заказы от 7 000 руб.</small>
</div>
<div>
<span>Промокод</span>
<strong>Рыбсток20000</strong>
<small>5% при наличном расчете от 20 000 руб.</small>
</div>
<div>
<span>Промокод</span>
<strong>Рыбсток50000</strong>
<small>7% при наличном расчете от 50 000 руб.</small>
</div>
<div>
<span>Безналичный расчет</span>
<strong>+8%</strong>
<small>Отображается отдельной ценовой градацией.</small>
<div class="warehouse-photo-grid">
<figure class="warehouse-photo-card large" style="--warehouse-image: var(--home-warehouse-main)">
<figcaption>
<span>Склад Рыбсток</span>
<strong>Паллеты, коробки и рабочий порядок</strong>
</figcaption>
</figure>
<figure class="warehouse-photo-card" style="--warehouse-image: var(--home-warehouse-arrival)">
<figcaption>
<span>Поступления</span>
<strong>Рыба и готовая продукция</strong>
</figcaption>
</figure>
<figure class="warehouse-photo-card" style="--warehouse-image: var(--home-warehouse-cold)">
<figcaption>
<span>Хранение</span>
<strong>Камеры и фасовки</strong>
</figcaption>
</figure>
</div>
</section>
<section class="price-request-panel" id="price-request">
<div class="price-request-image" aria-hidden="true"></div>
<div>
<p class="eyebrow">Запрос проходных цен</p>
<h2>Пришлите список позиций, а мы сверим цены</h2>
<p class="muted">Можно вставить список текстом или приложить файл. Заявка будет уходить администратору на почту.</p>
<div class="price-request-cover" aria-hidden="true">
<span>Для магазинов, кафе, ресторанов и закупщиков</span>
</div>
<div class="price-request-content">
<div class="price-request-copy">
<p class="eyebrow">Запрос проходных цен</p>
<h2>Для бизнеса</h2>
<p>Запросите у нас цену на продукцию. Просто напишите позиции, которые Вас интересуют, необходимый объем и цену, которая Вам нужна. Наш менеджер оптового отдела постарается помочь Вам.</p>
<div class="business-only-badge">Только для юридических лиц, ИП, HoReCa и закупщиков</div>
</div>
<?php if (($_GET['price_request'] ?? '') === 'sent'): ?>
<div class="status-box success">Спасибо, запрос принят. Менеджер оптового отдела свяжется с Вами после обработки заявки.</div>
<?php elseif (($_GET['price_request'] ?? '') === 'error'): ?>
<div class="status-box danger">Не удалось отправить запрос. Проверьте обязательные поля и попробуйте еще раз.</div>
<?php endif; ?>
<form class="price-request-form" action="/price-request" method="post" enctype="multipart/form-data">
<label>
<span>Название организации</span>
<input type="text" name="company_name" placeholder="Например: кафе, магазин, ИП или ООО" required>
</label>
<fieldset>
<legend>Форма оплаты</legend>
<label class="choice-pill">
<input type="radio" name="payment_type" value="cash" checked>
<span>Нал</span>
</label>
<label class="choice-pill">
<input type="radio" name="payment_type" value="invoice">
<span>Расчетный счет</span>
</label>
</fieldset>
<label>
<span>Телефон</span>
<input type="tel" name="phone" placeholder="+7 ___ ___-__-__">
</label>
<label>
<span>Email</span>
<input type="email" name="email" placeholder="mail@example.ru">
</label>
<label>
<span>Тип деятельности</span>
<input type="text" name="activity_type" placeholder="Ресторан, магазин, производство, кейтеринг">
</label>
<label class="wide">
<span>Позиции, объем и нужная цена</span>
<textarea name="request_text" rows="6" placeholder="Например: форель 10 кг до 1200 руб./кг, креветки 5 кг до 900 руб./кг" required></textarea>
</label>
<label class="file-field wide">
<span>Прикрепить файлы</span>
<input type="file" name="request_files[]" multiple>
<small>Можно приложить список, прайс, таблицу или фото заявки.</small>
</label>
<button class="primary-button wide" type="submit">Отправить запрос</button>
</form>
</div>
<a class="secondary-button" href="#price-request">Подготовить форму</a>
</section>
<?php if ($notice !== null): ?>