marketplaces/docs/MULTI_BRAND.md

Multi-Brand Configuration

Этот проект поддерживает несколько брендов с разными темами и конфигурациями.

Доступные бренды

1. Dexar Market (фиолетовый)

• Цвета: Фиолетовый/пурпурный (#667eea, #764ba2)
• Домен: dexarmarket.ru
• Email: info@dexarmarket.ru

2. novo Market (зеленый)

• Цвета: Зеленый (#10b981, #14b8a6)
• Домен: novomarket.ru (будет настроено)
• Email: info@novomarket.ru (будет настроено)

Команды запуска

Dexar Market (разработка)

ng serve
# или
ng serve --configuration=development

novo Market (разработка)

ng serve --configuration=novo

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

Dexar Market

ng build --configuration=production

Результат: dist/dexarmarket/

novo Market

ng build --configuration=novo-production

Результат: dist/novomarket/

Структура файлов

src/
├── environments/
│   ├── environment.ts                    # Dexar Development
│   ├── environment.production.ts         # Dexar Production
│   ├── environment.novo.ts               # novo Development
│   └── environment.novo.production.ts    # novo Production
├── styles/
│   └── themes/
│       ├── dexar.theme.scss             # Dexar цвета (фиолетовый)
│       └── novo.theme.scss              # novo цвета (зеленый)

Что настраивается через Environment

В файлах environment можно настроить:

{
  brandName: 'Название бренда',
  brandFullName: 'Полное название бренда',
  theme: 'dexar' | 'novo',
  apiUrl: 'URL API',
  logo: 'Путь к логотипу',
  contactEmail: 'Email контактов',
  supportEmail: 'Email поддержки',
  domain: 'Домен сайта',
  telegram: 'Telegram канал',
  phones: {
    russia: 'Телефон в России',
    armenia: 'Телефон в Армении'
  }
}

CSS Переменные

Темы используют CSS переменные, которые можно изменить:

:root {
  --primary-color: #10b981;        // Основной цвет
  --primary-hover: #059669;        // Hover эффект
  --secondary-color: #14b8a6;      // Вторичный цвет
  --gradient-primary: linear-gradient(...);
  --gradient-hero: linear-gradient(...);
  // и другие...
}

Обновление для нового бренда

Что нужно обновить для novo Market:

1. ✅ Environment файлы - созданы
2. ✅ Темы (SCSS) - созданы (зеленые цвета)
3. ✅ Angular.json конфигурации - настроены
4. ⏳ Логотипы и изображения - добавить в public/assets/images/
5. ⏳ Реквизиты компании - обновить когда будут готовы
6. ⏳ Домен и SSL - настроить при деплое
7. ⏳ API endpoint - обновить когда будет готов

Деплой

Dexar Market

ng build --configuration=production
# Deploy dist/dexarmarket/ to dexarmarket.ru

novo Market

ng build --configuration=novo-production  
# Deploy dist/novomarket/ to novomarket.ru

Отличия брендов

Параметр	Dexar Market	novo Market
Основной цвет	Фиолетовый (#667eea)	Зеленый (#10b981)
Название	Dexar Market	novo Market
Домен	dexarmarket.ru	novomarket.ru
Email	info@dexarmarket.ru	info@novomarket.ru
Telegram	@dexarmarket	@novomarket
Реквизиты	Текущие	Будут обновлены

Следующие шаги для novo Market

1. Добавить логотип novo Market (public/assets/images/novo-logo.svg)
2. Обновить реквизиты компании в правовых документах
3. Настроить API endpoint для novo
4. Настроить домен и SSL сертификаты
5. Обновить контактную информацию (телефоны, адреса)

Примечания

• Оба бренда используют одну кодовую базу
• Все компоненты автоматически адаптируются под выбранный бренд
• Легко добавить новые бренды по той же схеме