Сайт-каталог металлических дверей | React + TypeScript + Vite | Адаптивный лендинг

Сайт-каталог металлических дверей | React + TypeScript + Vite | Адаптивный лендинг

КОРОТКОЕ ОПИСАНИЕ
Современный одностраничный сайт для компании по продаже и установке металлических дверей. В комплекте — исходный код React/TypeScript, каталог, услуги, цены, галерея, отзывы, FAQ, контакты и форма записи на замер. Основные тексты и данные собраны в одном конфигурационном файле; некоторые промо-надписи и параметры оформления находятся в компонентах.

ПОЛНОЕ ОПИСАНИЕ
Нужна основа для сайта компании по установке дверей, которую можно адаптировать под свой бизнес? Этот шаблон объединяет презентацию услуг и товаров, информацию о компании и несколько способов связаться с клиентом — в цельном, современном дизайне.

Страница выстроена как готовая презентация бизнеса: посетитель знакомится с преимуществами, изучает каталог и цены, смотрит галерею, читает ответы на вопросы и может перейти к записи на замер или контактной форме.

Это не просто набор отдельных карточек. Блоки расположены в последовательности, которая помогает представить компанию, показать ассортимент и условия, снять частые вопросы и подвести посетителя к обращению. Структуру можно использовать как основу сайта для производства дверей, магазина, монтажной организации или локальной сервисной компании — после замены демонстрационных материалов на информацию конкретного бизнеса.

ЧТО ЕСТЬ В ШАБЛОНЕ
• Главный экран с крупным заголовком, преимуществами, показателями и кнопками действия.
• Удобная шапка с навигацией, телефоном и мобильным меню.
• Блоки преимуществ, услуг и этапов работы.
• Каталог дверей с категориями и характеристиками товаров.
• Карточки с тарифами и ценами.
• Галерея работ: фильтр по категориям и просмотр изображений крупнее.
• Рекламный баннер с призывом к действию.
• Отзывы: отображение, пагинация и демонстрационная форма добавления.
• Запись на замер: календарь, выбор времени, тип двери и контактные поля.
• Секции команды, сертификатов, гарантий и частых вопросов.
• Контакты и форма обратной связи.
• Подвал сайта с контактами и навигацией.
• Адаптивная вёрстка для мобильных устройств и компьютеров.

ПОДРОБНЕЕ О РАЗДЕЛАХ
Главный экран и навигация. Большой первый экран с фоновым изображением, заголовком, описанием, преимуществами и кнопками перехода к каталогу и записи. Шапка содержит телефон и навигационные ссылки; на небольших экранах используется выдвижное меню. При прокрутке оформление шапки меняется.

Каталог и цены. Категории дверей представлены карточками с демонстрационными характеристиками: названием модели, ценой, толщиной, типом замка и цветом. Отдельный блок показывает три ценовых предложения с составом комплектации и кнопкой перехода к записи. Это презентационный каталог, а не корзина интернет-магазина: заказ, оплата и учёт наличия не реализованы.

Галерея. Изображения можно отфильтровать по категориям «Квартира» и «Дом», затем открыть выбранное фото для более крупного просмотра. Набор изображений и подписи заменяются в данных сайта.

Отзывы и вопросы. Отзывы выводятся порциями с переключением страниц; интерфейс формы позволяет добавить отзыв в текущий сеанс браузера. FAQ оформлен как раскрывающийся список. Серверной модерации, постоянного хранения или защиты от спама в шаблоне нет.

Запись и контакты. Форма записи содержит календарь, выбор временного интервала, контактные поля и выбор типа двери. Прошедшие даты и воскресенья недоступны; один слот задан как занятый в демонстрационных данных. Контактная секция показывает телефон, почту, адрес и часы работы, а также форму обратной связи.

ЧТО ПОЛУЧАЕТ ПОКУПАТЕЛЬ
• Исходный код проекта на React и TypeScript.
• Настроенный проект Vite для локального запуска и сборки.
• Стили Tailwind CSS и набор интерфейсных компонентов.
• Файл с основными демонстрационными данными: названия компании, контакты, услуги, товары, цены, отзывы и другие тексты.
• Инструкцию по установке, запуску и сборке — DOCUMENTATION.txt.