Технекон - Vue 3 + TypeScript + SCSS

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

Технологии

• Vue 3 - Прогрессивный JavaScript фреймворк
• TypeScript - Типизированный JavaScript
• Vite - Быстрый инструмент сборки
• SCSS - CSS препроцессор с переменными и миксинами

Структура проекта

src/
├── components/          # Vue компоненты
│   ├── icons/          # SVG иконки и логотипы
│   ├── AppHeader.vue   # Шапка сайта
│   ├── HeroSection.vue # Главный баннер
│   ├── ProductsSection.vue # Секция продукции
│   ├── AboutSection.vue # О компании
│   ├── BenefitsSection.vue # Преимущества
│   ├── ContactSection.vue # Контактная форма
│   ├── PartnersSection.vue # Партнеры
│   └── AppFooter.vue   # Подвал сайта
├── styles/             # SCSS стили
│   ├── components/     # Стили для компонентов
│   ├── variables.scss  # SCSS переменн��е
│   └── main.scss      # Главный SCSS файл
├── views/             # Страницы
│   └── HomePage.vue   # Главная страница
├── App.vue           # Корневой компонент
└── main.ts          # Точка входа

Установка и запуск

1. Установите зависимости: ```bash npm install ```

2. Запустите dev сервер: ```bash npm run dev ```

3. Откройте браузер по адресу: http://localhost:5173

Сборка для продакшена

```bash npm run build ```

Команды

• `npm run dev` - Запуск dev сервера
• `npm run build` - Сборка для продакшена
• `npm run preview` - Просмотр собранного проекта
• `npm run lint` - Проверка кода ESLint
• `npm run format` - Форматирование кода Prettier

Особенности

• Адаптивный дизайн - Корректно отображается на всех устройствах
• Модульная архитектура - Каждая секция выделена в отдельный компонент
• SCSS перем��нные - Централизованное управление цветами и размерами
• TypeScript - Полная типизация для безопасности кода
• Семантическая верстка - Правильная структура HTML для SEO

Цветовая схема

• Основной цвет: #2AD0A2 (зеленый)
• Акцентный: #86FFDD (светло-зеленый)
• Активный: #00F026 (ярко-зеленый)
• Вторичный: #00FFB8 (мятный)