# КЕДР — демонстрационный сайт-кейс

Живой многостраничный сайт вымышленного, но правдоподобного российского бренда спешелти-кофе
**«КЕДР»** (обжарка + кофейня + онлайн-магазин и подписка, Красноярск). Проект — витрина
возможностей: часть страниц работает по-настоящему (каталог, запись, подписка/оплата,
привлечение), часть убедительно показывает результат (бизнес-модель, медиа, аналитика, доверие).

## Стек
- **Next.js 15** (App Router, TypeScript) + **Tailwind CSS v4**
- **Prisma** + PostgreSQL (строка только из `DATABASE_URL` в `.env`)
- **Framer Motion** (анимация), **Recharts** (графики), **Zod** (валидация форм)
- Светлая/тёмная темы, доступность, адаптив, reduced-motion

## Запуск
```bash
npm install
npm run dev          # http://localhost:3000
```
БД (после заполнения схемы на этапе 3):
```bash
npx prisma migrate dev
```

## Карта сайта (13 разделов брифа)
Источник правды — `src/lib/brand.ts`. Сейчас главная работает, разделы — каркасные заглушки.

| Раздел | Маршрут | Что покажет |
|---|---|---|
| Главная | `/` | Айдентика, типографика, свет/тьма, анимация |
| Каталог | `/catalog` | Живой поиск и фильтры (рабочая функция) |
| Запись | `/booking` | Рабочая онлайн-запись с подтверждением |
| Подписка | `/subscribe` | Тарифы, корзина, оплата (54-ФЗ/152-ФЗ) |
| Медиа-студия | `/studio` | Сгенерированные фото и видео бренда |
| Бизнес-модель | `/business` | Юнит-экономика, окупаемость, риски |
| Каналы продаж | `/channels` | WB, Ozon, Авито, VK, Telegram, сайт |
| Голос бренда | `/voice` | Слоганы, тон, контент-план на 2 недели |
| Привлечение | `/grow` | Рост + живая форма подписки и реферал |
| Аналитика | `/dashboard` | KPI-панель с графиками |
| Доверие | `/trust` | Отзывы, кейс, FAQ, гарантии |
| Что показано | `/guide` | Гид по разделам |

## Дорожная карта
1. **Основа бренда и визуал** — дизайн-система, темы, шрифты, флагманская главная (вау-уровень).
2. **Контент и стратегия** — голос бренда + контент-план, бизнес-модель с юнит-экономикой,
   каналы продаж РФ (карточки WB/Ozon/Авито/VK/TG), доверие, план привлечения.
3. **Живые функции** — каталог с поиском/фильтрами, онлайн-запись, корзина/оплата/подписка
   (54-ФЗ/152-ФЗ), живая форма подписки + реферал. Через Prisma + Postgres.
4. **Медиа, аналитика, гид** — генерация фото/видео (genvisual), KPI-панель с графиками,
   состояния «пусто/ошибка/успех», страница-гид «что здесь показано».
5. **Полировка и проверка** — доступность, адаптив, reduced-motion, скриншоты Playwright,
   финальная проверка, запуск.

> Бренд вымышленный; создан для демонстрации. Подробнее о бренде — `docs/brand.md`.