ROI24 landing page — 14 секций, ECharts dashboard, калькулятор, FAQ, CTA, RU compliance

Full single-page landing:
- Hero + интерактивный ECharts дашборд (3 сегмента)
- Numbers Strip с count-up анимацией
- 3 боли, 3 решения, таймлайн 5 шагов
- Bento-сетка для кого, сравнение ROI24 vs как сейчас
- Кейс ФармМаркет, команда, калькулятор потерь
- Тариф 100К с гарантией, FAQ 6 вопросов, CTA
- Footer heavy (ИНН/ОГРН, 152-ФЗ, cookie, privacy modal)
- GSAP + ECharts CDN, Inter + JetBrains Mono
- Responsive (1024/768/480px), a11y (skip-link, focus-visible)

.gitignore

@@ -0,0 +1,8 @@
+*_files/
+*_(копия)*
+attribution-mockup*.html
+dashboard-mockup.html
+ibm-analytics-analysis.md
+*Analytics*
+*European*
+*ibm*

STATUS.md

@@ -1,29 +1,52 @@
-# Attribution Dashboard — STATUS.md (2026-06-20)
+# ROI24 Landing — STATUS.md (2026-06-21)
 
 ## Текущий статус
-- Файл: `attribution-mockup.html` (931 строк)
-- Сервер: `http://localhost:8765/attribution-mockup.html`
-- Гит: `master` — последний коммит `bed5688`
+- Файл: `index.html` (1700+ строк, ~76KB)
+- Сервер: `http://localhost:8765/index.html`
+- Гит: `master` — в процессе push
 
-## Что реализовано
-- 3 бизнес-типа: E-com, Услуги, Производство
-- 3 вкладки: CPA, Конверсия, LTV + блок «Доход по каналам»
-- 4 ECharts-графика + 2 таблицы
-- Данные: spend, revenue, cpa, conv, cpc, retention по каналам
-- KPI-карточки: CPA, Продажи, Расход, CPA/чек (в рублях)
-- Фин-блок: Общий доход, Расход, Прибыль, ROI
-- Бар-чарт: доход vs расход по каналам (метки: SEO, VK, Я.Директ, Ретаргет)
-- Кривые удержания: retCurve (исправлен конфликт с retention KPI)
+## Реализовано (14 секций)
+1. **Header** — sticky, glassmorphism blur, логотип, навигация, телефон, CTA
+2. **Hero** — «Вы теряете деньги, не зная почему» + дашборд-мокап (ECharts)
+3. **Numbers Strip** — 4 анимированных счётчика (count-up при скролле)
+4. **Проблемы** — 3 боли (бенто-карточки)
+5. **Решение** — 3 преимущества (⚡ живые данные, 👁 видно потери, 📱 с телефона)
+6. **Как работает** — 5 шагов таймлайн (бриф → запуск)
+7. **Для кого** — bento-grid (e-com, услуги, производство)
+8. **Сравнение** — ROI24 vs «как сейчас» таблица (8 параметров)
+9. **Кейс** — «ФармМаркет» 42 точки, экономия 840К/мес
+10. **Команда** — 3 человека (аватары, роли, опыт)
+11. **Калькулятор потерь** — 3 поля (сотрудники, часы, зарплата) → ₽/год
+12. **Тариф** — 100К под ключ, гарантия 30 дней, 6 trust badges
+13. **FAQ** — 6 вопросов-ответов (аккордеон)
+14. **CTA** — Telegram + телефон + мини-форма
+15. **Footer** — 4 колонки, ИНН/ОГРН, 152-ФЗ, cookie banner, privacy modal
 
-## Осталось сделать
-- [ ] Адаптив (мобилки)
-- [ ] Экспорт в CSV/PDF
-- [ ] Автообновление данных (API)
+### Технические детали
+- Шрифты: Inter + JetBrains Mono (fonts.cdnfonts.com, не Google)
+- Графики: ECharts 5.5 (CDN), сегменты e-com/services/production
+- Анимации: IntersectionObserver (reveal) + GSAP ScrollTrigger (подключён)
+- Зависимости: GSAP 3.12.5 + ECharts 5.5.0 (CDN)
+- RU compliance: skip link, focus-visible, cookie banner, privacy modal, ИНН/ОГРН, 152-ФЗ, Telegram fixed button
+- Аналитика: JSON-LD (schema.org), Open Graph теги
+- Responsive: 3 breakpoints (1024, 768, 480px)
 
-## Архитектура
+### Зависимости (CDN)
+- GSAP 3.12.5: `https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js`
+- ScrollTrigger: `https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js`
+- ECharts 5.5.0: `https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js`
+- Шрифты: `https://fonts.cdnfonts.com/css/inter` + `jetbrains-mono`
+
+## Структура дашборда (ECharts)
 ```
-data.e-com/services/production → { kpi, financial, channels[], ltv, trends[] }
-tabs: CPA | Конверсия | LTV | Доход по каналам
+DATA = {
+  ecom: { kpis[4], revenue{labels,data}, channels{labels,data} },
+  services: { ... },
+  production: { ... }
+}
+Тоглы: [Интернет-магазин] [Услуги] [Производство]
+КPI: Выручка, Маржа, Касса, Дебиторка (e-com)
+Графики: line (выручка), bar (каналы)
 ```
 
 ## Команды
@@ -31,14 +54,14 @@ tabs: CPA | Конверсия | LTV | Доход по каналам
 # Сервер
 cd /home/nik/projects/wow-design/roi24 && python3 -m http.server 8765
 
-# Применить патч
-cd /home/nik/projects/wow-design/roi24 && patch -p1 < patch.diff
-
 # Коммит + пуш
 cd /home/nik/projects/wow-design/roi24 && git add -A && git commit -m "msg" && git push origin master
 ```
 
 ## Важные решения
-- `retCurve` вместо `retention` для данных графика (чтобы не перезаписывать KPI)
-- `Intl.NumberFormat` для рублей
-- Метки каналов: SEO, VK, Я.Директ, Ретаргет (rotate: 45)
+- Single HTML file — нет зависимости от сборки
+- CSS custom properties — все токены в :root
+- ECharts pattern: clear() + setOption() — NEVER innerHTML on chart canvases
+- cdnfonts вместо Google Fonts — не блокируется провайдерами
+- IntersectionObserver вместо GSAP reveal — работает без GSAP
+- Cookie banner через localStorage — запоминает выбор