B2B-сайт завода

Главная быстро отвечает на базовые вопросы: что производят, где находятся, как давно работают. Дальше — каталог, контакты и запрос коммерческого предложения.

Анимация аккуратная и не мешает чтению. Отсюда логично перейти в каталог или в документы и сертификаты.

Под капотом: Next.js App Router с серверным shell; в hero — анимированный слой на canvas (частицы) и статичная схема (без конвейера стоковых фото). Контентные хуки подтягивают категории и тизеры продуктов из Payload для блока под первым экраном.

Каталог собран как рабочий инструмент: семейства изделий и папки, без лишней витрины. Быстро понятно, куда идти за нужной позицией.

Карточки дают минимум для решения: открыть детальную страницу или продолжить поиск.

Под капотом: В Payload живут категории, папки и продукты; изображения идут через медиаколлекцию. Листинги рендерятся на сервере, фильтры завязаны на query — ссылку удобно переслать коллеге или сохранить в переписке.

Раздел с примерами закрывает типичный вопрос: «это реальные поставки?». Здесь — реальные объекты и контекст применения.

Для новых клиентов это хороший «первый фильтр» до звонка и переписки.

Под капотом: Примеры — из коллекций; страницы подтягивают медиа и текст из Payload, чтобы команда могла добавить новый объект без правок вёрстки.

Коротко и по делу: опыт, подход к работе по ТЗ, география отгрузок. Текст структурирован так, чтобы его было удобно и «сканировать», и читать.

Под капотом: Статичные блоки плюс фрагменты из CMS там, где текст меняется часто (сертификаты, мощности). Без чисто клиентского рендера — поиск и превью остаются корректными.

Документы вынесены в отдельный раздел, чтобы их не приходилось запрашивать в письме. Это ускоряет проверку и снижает нагрузку на менеджеров.

Если чего-то не хватает — контакт остаётся рядом.

Под капотом: Файлы в хранилище Payload; ссылки версионируются через CMS, чтобы замена не оставляла мёртвых URL в старых переписках.

Опросные листы помогают собрать требования в нужном формате с первого раза. Это уменьшает число уточнений и пересылок.

Под капотом: Скачиваемые материалы и контент рядом с формами смоделированы структурно: файл или поле можно поменять без деплоя.

Форма собрана коротко и по делу: чтобы запрос можно было отправить и с телефона, и с рабочего места. Поля — только те, что важны для подготовки КП.

Под капотом: Отправка через server actions или API с валидацией; уведомления — в существующую почтовую цепочку. Ошибки — явные, без тихих сбоев при отправке.

Контакты вынесены на видное место: телефон, почта, адрес. Есть всё, чтобы связаться без «прослоек».

Под капотом: Контактные блоки из CMS: при смене номера или графика обновляются данные, вёрстка не ломается.