angelina-ph/README.md

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

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

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

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

npm install

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

npm run dev

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

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

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. Создайте новую карту на Яндекс.Конструкторе карт
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).