сайт сельхозтехники

Одностраничное приложение (SPA) для продажи сельхозтехники. Данные и отправка форм, моки, без бэкенда.
https://agro-ruddy-theta.vercel.app/

Что есть на сайте

• Главная hero, блоки услуг, избранная техника, категории, о компании, форма связи
• Каталог фильтры, сортировка, поиск; параметры в URL
• Карточка товара галерея, описание, характеристики, форма заявки, похожие позиции
• Инфо-страницы сервис, доставка, гарантия, о компании, контакты

Стек

Область	Технологии
UI	React 19, TypeScript
Сборка	Vite 8
Роутинг	React Router 7
Стили	SCSS Modules + глобальные CSS-переменные
Формы	React Hook Form (валидация в register)
Карусель	Swiper 12 (на главной подгружается отложенно)

Дополнительно: React Compiler (Babel), ESLint.

Зависимости (production)

• react / react-dom — интерфейс
• react-router-dom — маршруты и layout
• react-hook-form — формы «Связаться» и «Заявка на технику»
• swiper — слайдер фото в карточках и на странице товара
• sass — препроцессор для .module.scss

Запуск

Требуется Node.js 20

npm install
npm run dev

Production

npm run build
npm run preview

Линтер

npm run lint

Структура (кратко)

src/
  pages/          # страницы
  components/     # UI, шапка, подвал, формы, карточки
  data/           # мок-данные
  types/          # TypeScript-типы
  utils/          # каталог (фильтры/URL), форматирование

Формы

Отправка имитируется: при успешной валидации данные выводятся в console.log, показывается блок «Заявка отправлена».