# Romanovna Photo - Сайт-портфолио фотографа

Минималистичный, эстетичный, тёмно-винтажный сайт-витрина для фотографа Ангелины Чёрной.

## 🚀 Быстрый старт

### Установка зависимостей

```bash
npm install
```

### Запуск в режиме разработки

```bash
npm run dev
```

Откройте [http://localhost:3000](http://localhost:3000) в браузере.

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

```bash
npm run build
npm start
```

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

```
romanovna-photo/
├── public/
│   ├── logo/
│   │   └── romanovna-logo.png    # Логотип (уже добавлен)
│   └── images/
│       ├── carousel/              # Изображения для карусели (6 шт.)
│       └── services/              # Обложки и примеры для услуг
├── src/
│   ├── app/                       # Страницы Next.js
│   ├── components/                # React компоненты
│   ├── lib/                       # Конфигурационные данные
│   └── styles/                    # CSS модули
```

## 🖼️ Добавление изображений

### Карусель работ

Добавьте 6 изображений в `public/images/carousel/`:
- `work-1.jpg`
- `work-2.jpg`
- `work-3.jpg`
- `work-4.jpg`
- `work-5.jpg`
- `work-6.jpg`

### Услуги

Для каждой услуги добавьте изображения в `public/images/services/`:

**Фотосессия на улице (street):**
- `street-cover.jpg` (обложка)
- `street-example-1.jpg`
- `street-example-2.jpg`
- `street-example-3.jpg`

**Фотосессия в студии (studio):**
- `studio-cover.jpg` (обложка)
- `studio-example-1.jpg`
- `studio-example-2.jpg`

**Ретушь (retouch):**
- `retouch-cover.jpg` (обложка)
- `retouch-example-1.jpg`
- `retouch-example-2.jpg`

**Сертификат (certificate):**
- `certificate-cover.jpg` (обложка)
- `certificate-example-1.jpg`

## 🗺️ Настройка Яндекс.Карты

✅ Яндекс.Карта уже настроена и готова к использованию!

Если нужно изменить карту:
1. Создайте новую карту на [Яндекс.Конструкторе карт](https://yandex.ru/map-constructor/)
2. Скопируйте код скрипта
3. Замените URL скрипта в `src/components/contacts/YandexMap.tsx`

## 🎨 Цветовая палитра

- **Акцентный**: `#A64456` (винтажный красно-розовый)
- **Песочный**: `#BF9B7A`
- **Светло-винтажный**: `#D9B79A`
- **Коричневый винтаж**: `#8C654F`
- **Тёмный**: `#594336`
- **Фон**: `#1a1a1a`

## 📝 Настройка данных

Все данные о компании, услугах и галерее находятся в `src/lib/`:
- `company.ts` - информация о компании
- `services.ts` - список услуг
- `gallery.ts` - изображения для карусели

## 🛠️ Технологии

- **Next.js 14** - React фреймворк
- **TypeScript** - типизация
- **CSS Modules** - стилизация
- **Google Fonts** - типографика (Playfair Display, Inter)

## 📱 Адаптивность

Сайт полностью адаптирован для:
- Desktop (1200px+)
- Tablet (768px - 1199px)
- Mobile (до 767px)

## 📄 Лицензия

Проект создан для фотографа Ангелины Чёрной (@romanovnaph_ch).