Этот проект представляет собой полную переработку веб-сайта компании Westbud. Наша цель: Создать современный, быстрый и масштабируемый цифровой актив (Принцип 10), который соответствует международным стандартам качества (в стиле BESIX) и готов к эффективной работе с клиентами.

Проект выполнен с упором на инженерную культуру, типобезопасность и долгосрочную поддержку (Принцип 8).

Мы прошли путь от проектирования до внедрения сложной логики.

Мы построили прочный каркас и визуальную систему.

• Инициализация: Настройка современного стека (Vite + React + TS).
• Дизайн-Система: Внедрение корпоративных цветов BESIX и шрифта Sora.
• Верстка: Реализованы адаптивные Header, Hero Slider, Sectors Grid, About Us и Footer.

Сайт превратился из "картинки" в работающее приложение.

• Роутинг: Настроена навигация без перезагрузки страниц (SPA).
• Каталог Проектов: Реализована база данных проектов с фильтрацией по категориям.
• Wow-Эффекты: 3D Tilt на карточках, скролл-анимации, Lightbox галереи.

Масштабирование функционала для международной аудитории.

• Мультимовність (i18n): Полная поддержка переключения языков (EN/NL).
• Backend Integration: Настройка взаимодействия с сервером.

Этап "Кайдзен" — доведение до совершенства.

• Очистка кода от неиспользуемых модулей.
• Финальная проверка типов (Type Safety).
• Устранение визуальных багов в верстке NL.

• Сборка оптимизированного билда для Flask.
• Подготовка видео-инструкции для управления контентом.
• Передача архива.

1. Установка зависимостей:

   npm install

2. Режим разработки:

   npm run dev

3. Сборка для продакшена (Flask Integration): Эта команда собирает проект так, чтобы пути вели на /static/ для корректной работы с Python backend.

   npm run build:flask

• src/components — Переиспользуемые UI-блоки (атомы и молекулы).
• src/pages — Основные страницы сайта.
• src/data — Статические данные (список проектов, тексты).
• src/locales — JSON-файлы переводов (EN, NL).