88:I[903690,["/chat-static/_next/static/immutable/chunks/3im61c5a8fkcz.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0mwr0fog443j2.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/3qqefvmwew4y9.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/1znnlzfkj81j9.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/0wnsukyi4k1ek.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/31kxnp_byhi43.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/2g0oc9k27bg22.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/2w2x4bf9lm3-y.js","/chat-static/_next/static/immutable/chunks/2uh_-aagfm1yq.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/3_3lqfmfv126f.js","/chat-static/_next/static/immutable/chunks/3wbu0v06tpqrr.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/3b31dkoetf3d7.js","/chat-static/_next/static/immutable/chunks/1vx8uudj0cz_4.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/143w7nhyqckcs.js","/chat-static/_next/static/immutable/chunks/0udaurr3r3784.js","/chat-static/_next/static/immutable/chunks/3m12kzoseic0s.js","/chat-static/_next/static/immutable/chunks/1tftl9086q6dm.js","/chat-static/_next/static/immutable/chunks/3io-u6yty6rrx.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/2jj-dsskzkkea.js","/chat-static/_next/static/immutable/chunks/1j5oudbzt39os.js","/chat-static/_next/static/immutable/chunks/3bi-_argycpwi.js","/chat-static/_next/static/immutable/chunks/3hu0_8f7tf9w8.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/0kuscvrfktvnt.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/2l3og29it_ib5.js","/chat-static/_next/static/immutable/chunks/1m5fp3kw0roaj.js","/chat-static/_next/static/immutable/chunks/0bxymcj1of6fi.js","/chat-static/_next/static/immutable/chunks/2svky_5tna12v.js","/chat-static/_next/static/immutable/chunks/0bli-y2vwpvug.js"],"ExplicitChatIdProvider"] 89:I[838238,["/chat-static/_next/static/immutable/chunks/3im61c5a8fkcz.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0mwr0fog443j2.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/3qqefvmwew4y9.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/1znnlzfkj81j9.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/0wnsukyi4k1ek.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/31kxnp_byhi43.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/2g0oc9k27bg22.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/2w2x4bf9lm3-y.js","/chat-static/_next/static/immutable/chunks/2uh_-aagfm1yq.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/3_3lqfmfv126f.js","/chat-static/_next/static/immutable/chunks/3wbu0v06tpqrr.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/3b31dkoetf3d7.js","/chat-static/_next/static/immutable/chunks/1vx8uudj0cz_4.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/143w7nhyqckcs.js","/chat-static/_next/static/immutable/chunks/0udaurr3r3784.js","/chat-static/_next/static/immutable/chunks/3m12kzoseic0s.js","/chat-static/_next/static/immutable/chunks/1tftl9086q6dm.js","/chat-static/_next/static/immutable/chunks/3io-u6yty6rrx.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/2jj-dsskzkkea.js","/chat-static/_next/static/immutable/chunks/1j5oudbzt39os.js","/chat-static/_next/static/immutable/chunks/3bi-_argycpwi.js","/chat-static/_next/static/immutable/chunks/3hu0_8f7tf9w8.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/0kuscvrfktvnt.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/2l3og29it_ib5.js","/chat-static/_next/static/immutable/chunks/1m5fp3kw0roaj.js","/chat-static/_next/static/immutable/chunks/0bxymcj1of6fi.js","/chat-static/_next/static/immutable/chunks/2svky_5tna12v.js","/chat-static/_next/static/immutable/chunks/0bli-y2vwpvug.js"],"SWRDataProvider"] 8b:[] 8c:[["b_jOiITh5fNFW",null],["b_qxtlzXU0PUB",null],["b_3sJ5ZAaMUHm",null],["b_WH2tj2CArD4",null],["b_Kl53pAyayec",null],["b_0YJ6fIzJlzT",null],["b_BpfdST7QTbb",null],["b_uPHxqYs3Bt9",null],["b_uWuD6o89hRH",null],["b_QbgsZuOC0sJ",null],["b_6uYhSAQQ3LR",null],["b_wtr9i3jlkkx",null]] 8d:[["b_jOiITh5fNFW",{"templateVersionId":null,"templateCanonId":null}],["b_qxtlzXU0PUB",{"templateVersionId":null,"templateCanonId":null}],["b_3sJ5ZAaMUHm",{"templateVersionId":null,"templateCanonId":null}],["b_WH2tj2CArD4",{"templateVersionId":null,"templateCanonId":null}],["b_Kl53pAyayec",{"templateVersionId":null,"templateCanonId":null}],["b_0YJ6fIzJlzT",{"templateVersionId":null,"templateCanonId":null}],["b_BpfdST7QTbb",{"templateVersionId":null,"templateCanonId":null}],["b_uPHxqYs3Bt9",{"templateVersionId":null,"templateCanonId":null}],["b_uWuD6o89hRH",{"templateVersionId":null,"templateCanonId":null}],["b_QbgsZuOC0sJ",{"templateVersionId":null,"templateCanonId":null}],["b_6uYhSAQQ3LR",{"templateVersionId":null,"templateCanonId":null}],["b_wtr9i3jlkkx",{"templateVersionId":null,"templateCanonId":null}]] 8e:[["b_jOiITh5fNFW","$D2026-07-06T13:04:30.133Z"],["b_qxtlzXU0PUB","$D2026-07-06T13:04:54.695Z"],["b_3sJ5ZAaMUHm","$D2026-07-06T13:05:33.867Z"],["b_WH2tj2CArD4","$D2026-07-06T13:05:50.631Z"],["b_Kl53pAyayec","$D2026-07-06T13:06:39.752Z"],["b_0YJ6fIzJlzT","$D2026-07-06T13:08:11.575Z"],["b_BpfdST7QTbb","$D2026-07-06T13:09:33.041Z"],["b_uPHxqYs3Bt9","$D2026-07-06T13:10:50.585Z"],["b_uWuD6o89hRH","$D2026-07-06T13:11:26.681Z"],["b_QbgsZuOC0sJ","$D2026-07-06T13:12:25.308Z"],["b_6uYhSAQQ3LR","$D2026-07-06T13:12:34.284Z"],["b_wtr9i3jlkkx","$D2026-07-06T13:12:40.799Z"]] 8f:[["b_jOiITh5fNFW",false],["b_qxtlzXU0PUB",false],["b_3sJ5ZAaMUHm",false],["b_WH2tj2CArD4",false],["b_Kl53pAyayec",false],["b_0YJ6fIzJlzT",false],["b_BpfdST7QTbb",false],["b_uPHxqYs3Bt9",false],["b_uWuD6o89hRH",false],["b_QbgsZuOC0sJ",false],["b_6uYhSAQQ3LR",false],["b_wtr9i3jlkkx",false]] 90:[["b_jOiITh5fNFW","$undefined"],["b_qxtlzXU0PUB","$undefined"],["b_3sJ5ZAaMUHm","$undefined"],["b_WH2tj2CArD4","$undefined"],["b_Kl53pAyayec","$undefined"],["b_0YJ6fIzJlzT","$undefined"],["b_BpfdST7QTbb","$undefined"],["b_uPHxqYs3Bt9","$undefined"],["b_uWuD6o89hRH","$undefined"],["b_QbgsZuOC0sJ","$undefined"],["b_6uYhSAQQ3LR","$undefined"],["b_wtr9i3jlkkx",{"deploymentId":"dpl_5So6sy1EhA9d99aSUCE6THpPYF2Y","showV0Button":false}]] 91:[["b_jOiITh5fNFW",null],["b_qxtlzXU0PUB",null],["b_3sJ5ZAaMUHm",null],["b_WH2tj2CArD4",null],["b_Kl53pAyayec",null],["b_0YJ6fIzJlzT",null],["b_BpfdST7QTbb",null],["b_uPHxqYs3Bt9",null],["b_uWuD6o89hRH",null],["b_QbgsZuOC0sJ",null],["b_6uYhSAQQ3LR",null],["b_wtr9i3jlkkx",null]] 92:[["b_jOiITh5fNFW",true],["b_qxtlzXU0PUB",true],["b_3sJ5ZAaMUHm",true],["b_WH2tj2CArD4",true],["b_Kl53pAyayec",true],["b_0YJ6fIzJlzT",true],["b_BpfdST7QTbb",true],["b_uPHxqYs3Bt9",true],["b_uWuD6o89hRH",true],["b_QbgsZuOC0sJ",true],["b_6uYhSAQQ3LR",true],["b_wtr9i3jlkkx",true]] 93:[["b_jOiITh5fNFW",true],["b_qxtlzXU0PUB",true],["b_3sJ5ZAaMUHm",true],["b_WH2tj2CArD4",true],["b_Kl53pAyayec",true],["b_0YJ6fIzJlzT",true],["b_BpfdST7QTbb",true],["b_uPHxqYs3Bt9",true],["b_uWuD6o89hRH",true],["b_QbgsZuOC0sJ",true],["b_6uYhSAQQ3LR",true],["b_wtr9i3jlkkx",true]] 94:[] 95:T40a0,БРИФ: # Бриф ## Локализация - **Язык контента (language)**: Русский - **Направление текста**: LTR - **Страна рекламы (geo)**: Узбекистан (UZ) - **Валюта**: Узбекский сум (UZS / сум), дублировать в USD для крипто/форекс-контекста - **Регулятор / compliance**: ЦБ Узбекистана (CBU) — регулятор финансового рынка; Закон «О валютном регулировании» РУз; крипто-деятельность в Узбекистане регулируется Указом Президента №УП-5813 и ЦЭФИР (Центр разработки и внедрения электронной торговли). Для Google Ads: финансовые продукты требуют верификации. Для Meta: запрет на гарантии дохода, обязателен disclosure «Financial product advertisement». > ⚠️ **ПРЕДУПРЕЖДЕНИЕ О НЕСООТВЕТСТВИИ**: Язык — русский, ГЕО — Узбекистан. Это полностью правдоподобно: русскоязычное население Узбекистана (Ташкент, Самарканд, Фергана) исторически велико, русский является языком бизнеса и технической грамотности. Аудитория — русскоязычные жители Узбекистана и русскоязычная диаспора, использующая узбекские платёжные методы (Payme, Click, Uzcard, Humo). --- ## Бренд - **Название компании**: **USM | Код Успеха** (USM — инициалы Алишера Успанова, «Код Успеха» — образовательный бренд-суббренд) - **Тэглайн**: *«Твой первый шаг в крипто и форекс — с наставником, который уже прошёл этот путь.»* - **Голос бренда**: Уверенный, наставнический, честный, практичный, мотивирующий без хайпа. - **USP**: Алишер Успанов — практикующий трейдер и ментор с реальным опытом на криптовалютных и форекс-рынках. «Код Успеха» — это не очередной курс с обещаниями, а пошаговая система с живым сопровождением, адаптированная под реалии Узбекистана: локальные платёжки, узбекские банки, работа через легальные каналы. --- ## Логотип (концепция) - **Стиль**: Минимализм + монограмма - **Идея символа**: Буквы **USM** в форме восходящего графика (последняя буква «M» стилизована под два пика свечного графика — bullish candles). Под монограммой тонкой линией — «КОД УСПЕХА». - **Цвета логотипа**: `#0D1F2D` (тёмно-синий фон), `#00C896` (изумрудно-зелёный акцент — рост), `#FFFFFF` (текст) - **Без сложного рендера букв** — для DALL-E использовать абстрактный знак: восходящая свеча + три горизонтальные линии уровней. --- ## Дизайн-система ### Палитра | Роль | Hex | Описание | |---|---|---| | `primary` | `#0D1F2D` | Глубокий ночной синий — доверие, глубина рынка | | `secondary` | `#132D3E` | Чуть светлее primary — карточки, секции | | `accent` | `#00C896` | Изумрудный рост — CTA, иконки, highlights | | `accent-warm` | `#F5A623` | Золотисто-янтарный — бейджи, stars, важные метки | | `bg` | `#070F17` | Почти чёрный — основной фон | | `text` | `#F0F4F8` | Светло-серый белый — основной текст | | `text-muted` | `#7A96A8` | Приглушённый голубовато-серый — вторичный текст | ### Шрифты - **Heading**: `Unbounded` (Google Fonts) — геометрический, современный, СНГ-рынок воспринимает как «технологичный». Fallback: `'Montserrat', sans-serif` - **Body**: `Inter` (Google Fonts) — читабельный, нейтральный. Fallback: `'Roboto', sans-serif` ### Стиль **Dark fintech editorial** — тёмный фон как у Bloomberg Terminal / Binance, изумрудные акценты роста, строгая типографика. Ощущение: «профессиональный инструмент, не казино». --- ## Целевая аудитория **Кто**: Мужчины и женщины 22–42 лет, Ташкент / Самарканд / Фергана / Андижан. Работают в найме или малом бизнесе, доход 3–15 млн сум/мес. Имеют смартфон, пользуются Telegram, Instagram, YouTube. Слышали о крипто/форекс, но боятся войти без знаний. **Боли**: - «Слышал про биткоин, но не знаю с чего начать» - «Боюсь потерять деньги — вокруг много мошенников» - «Непонятно, как вывести деньги в Узбекистане легально» - «Курсы в интернете — на английском, непонятно и далеко» - «Хочу дополнительный доход, но не MLM и не пирамида» **Триггер клика**: Instagram/Reels или YouTube Shorts с Алишером — реальный разбор сделки, демонстрация дохода с дисклеймером, история «из Ташкента в трейдинг». **Доверительные якоря для УЗ-аудитории**: местный акцент (Ташкент, сум, Payme/Click), имя наставника (не анонимный «эксперт»), Telegram-сообщество, реальные ученики из Узбекистана. --- ## Структура сайта **1 страница (одностраничный лендинг)** → `index.html` Секции сверху вниз: --- ### Секция 1 — HERO (Above the fold) **Назначение**: Захватить внимание, донести суть оффера за 3 секунды. **Верстка**: - Фон: тёмный (`#070F17`) + полупрозрачный overlay с абстрактным графиком (CSS/SVG свечи) - Слева: текстовый блок - Справа: фото Алишера Успанова (профессиональное, уверенная поза) или заглушка-силуэт в стиле бренда **Контент**: ``` НАДБЕЙДЖ (маленький, accent-цвет): 🟢 Онлайн-обучение • Узбекистан ЗАГОЛОВОК H1: Научись торговать на крипто и форекс — с наставником из Ташкента ПОДЗАГОЛОВОК: Алишер Успанов и команда «Код Успеха» помогают новичкам из Узбекистана освоить реальный трейдинг: без воды, на русском языке, с поддержкой в Telegram. CTA-кнопка [primary]: → Начать обучение CTA-кнопка [secondary/ghost]: → Узнать подробнее ↓ SOCIAL PROOF под кнопками (строчка): ✅ 1 200+ учеников ✅ 3 года на рынке ✅ Поддержка 24/7 ``` --- ### Секция 2 — ПРОБЛЕМА / БОЛЬ **Назначение**: Зеркалить боли аудитории, создать «он понимает меня». **Верстка**: Тёмная карточная сетка 2×2 (или 2×3 на мобиле 1 колонка), иконки + текст. ``` ЗАГОЛОВОК H2: Тебе это знакомо? КАРТОЧКИ: ❌ «Смотрел видео, читал — всё равно непонятно» ❌ «Боюсь потерять деньги на первой же сделке» ❌ «Не знаю, как вывести заработок через Payme или Uzcard» ❌ «Вокруг много лохотронов — не знаю, кому доверять» ❌ «Хочу дополнительный доход, но нет времени на долгое обучение» ❌ «Всё на английском — нет нормального курса на русском для Узбекистана» ПЕРЕХОДНАЯ ФРАЗА (центр): Именно для таких людей Алишер создал «Код Успеха». ``` --- ### Секция 3 — О НАСТАВНИКЕ **Назначение**: Личный бренд, доверие, история «свой человек». **Верстка**: 2 колонки — слева фото/аватар, справа текст + achievements-бейджи. ``` ЗАГОЛОВОК H2: Алишер Успанов — практикующий трейдер и ментор ТЕКСТ: Я начинал так же, как ты — без опыта, с кучей вопросов и страхом потерять деньги. Прошёл путь от полного новичка до стабильно торгующего трейдера на крипто и форекс-рынках. Сегодня я не просто торгую — я помогаю таким же ребятам из Узбекистана разобраться в рынке, выстроить систему и делать первые уверенные шаги. БЕЙДЖИ (4 штуки, accent-цвет): 🏆 3+ года в трейдинге 📊 Торгую крипто и форекс 🇺🇿 Базируюсь в Ташкенте 👥 1 200+ учеников в СНГ ДИСКЛЕЙМЕР под блоком (мелкий текст, text-muted): * Результаты наставника и учеников индивидуальны. Торговля на финансовых рынках сопряжена с риском потери капитала. Прошлые результаты не гарантируют будущих. Это не финансовый совет. ``` --- ### Секция 4 — ЧТО ВЫ ПОЛУЧИТЕ (Программа / Фичи) **Назначение**: Конкретизировать оффер, снять возражение «а что именно я куплю». **Верстка**: Список с иконками или accordion (для мобиля), 2 колонки на десктопе. ``` ЗАГОЛОВОК H2: Что входит в «Код Успеха» МОДУЛИ / ФИЧИ: 📱 Видеоуроки на русском языке От основ до продвинутых стратегий. Доступ 24/7. 📊 Разборы реальных сделок Алишер объясняет логику каждой позиции — без шаблонов. 💬 Telegram-сообщество Закрытый чат учеников, ответы на вопросы, живые сессии. 🔔 Торговые сигналы Сигналы с обоснованием — учишься думать, а не слепо копировать. 🇺🇿 Адаптация под Узбекистан Как работать с Payme, Click, Uzcard, локальными P2P-обменниками. 🛡️ Риск-менеджмент Как не слить депозит: управление капиталом с первого урока. 📅 Живые вебинары Разбор рынка в прямом эфире — еженедельно. 🎯 Личная обратная связь Проверка домашних заданий и разбор твоих сделок. ``` --- ### Секция 5 — СОЦИАЛЬНОЕ ДОКАЗАТЕЛЬСТВО (Отзывы) **Назначение**: Снять страх мошенничества, показать реальных людей. **Верстка**: Карусель или карточная сетка 3 карточки, фото/аватар + имя + город + текст. ``` ЗАГОЛОВОК H2: Что говорят ученики КАРТОЧКА 1: ⭐⭐⭐⭐⭐ «До курса я вообще не понимал, что такое свечи и уровни. После первого модуля уже начал видеть рынок по-другому. Первую сделку закрыл в плюс через 3 недели обучения.» — Дониёр М., Ташкент * Результаты индивидуальны. Торговля сопряжена с риском. КАРТОЧКА 2: ⭐⭐⭐⭐⭐ «Главное — объясняют на русском, без заумных слов. И отвечают на вопросы реально быстро в Telegram. Наконец-то нашёл курс, который подходит для Узбекистана.» — Феруза Т., Самарканд * Результаты индивидуальны. Торговля сопряжена с риском. КАРТОЧКА 3: ⭐⭐⭐⭐⭐ «Боялся, что снова окажется лохотрон. Но Алишер — живой человек, показывает свои сделки, не прячется. Уже 4 месяца в программе, систему понял, торгую сам.» — Санжар К., Фергана * Результаты индивидуальны. Торговля сопряжена с риском. ``` --- ### Секция 6 — ТАРИФЫ / PRICING **Назначение**: Прозрачные цены, снятие возражения по стоимости. **Верстка**: 2–3 карточки тарифов, центральный — выделен акцентом (recommended). ``` Собери проект как v0 CodeProject Block — все файлы как отдельные объекты внутри Block (это нужно, чтобы появилась latestVersion + demoUrl + возможность задеплоить). В тексте ответа НЕ повторяй содержимое файлов. === АРТ-ДИРЕКЦИЯ ЭТОГО ЛЕНДИНГА (СДЕЛАЙ ВИЗУАЛЬНО УНИКАЛЬНЫМ, НЕ ШАБЛОН) === - Визуальный стиль: минимализм-люкс: много воздуха, тонкие линии, премиальная сдержанность - Hero-архетип: asymmetric: смещённый заголовок, перекрывающиеся карточки/картинки - Композиция секций: hero → проблема/решение → фичи-сетка → кейс с графиком → прайс → FAQ → CTA - Типографика: display-condensed заголовки + моно-акценты в цифрах/лейблах - Цветовое настроение: глубокая тёмная с одним неоновым акцентом (НЕ дефолтный сине-белый) Макет должен заметно отличаться от стандартного shadcn-лендинга: свой ритм секций, нетривиальный hero, выразительная типографика. Это ВАЖНЕЕ привычных паттернов — следуй арт-дирекции, сохраняя адаптив, анимации и compliance. 96:T19e02,[V0_FILE]json:file="package.json" isMerged="true" { "name": "my-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.9.1", "@vercel/analytics": "1.6.1", "@radix-ui/react-accordion": "1.2.12", "@radix-ui/react-alert-dialog": "1.1.15", "@radix-ui/react-aspect-ratio": "1.1.8", "@radix-ui/react-avatar": "1.1.11", "@radix-ui/react-checkbox": "1.3.3", "@radix-ui/react-collapsible": "1.1.12", "@radix-ui/react-context-menu": "2.2.16", "@radix-ui/react-dialog": "1.1.15", "@radix-ui/react-dropdown-menu": "2.1.16", "@radix-ui/react-hover-card": "1.1.15", "@radix-ui/react-label": "2.1.8", "@radix-ui/react-menubar": "1.1.16", "@radix-ui/react-navigation-menu": "1.2.14", "@radix-ui/react-popover": "1.1.15", "@radix-ui/react-progress": "1.1.8", "@radix-ui/react-radio-group": "1.3.8", "@radix-ui/react-scroll-area": "1.2.10", "@radix-ui/react-select": "2.2.6", "@radix-ui/react-separator": "1.1.8", "@radix-ui/react-slider": "1.3.6", "@radix-ui/react-slot": "1.2.4", "@radix-ui/react-switch": "1.2.6", "@radix-ui/react-tabs": "1.1.13", "@radix-ui/react-toast": "1.2.15", "@radix-ui/react-toggle": "1.1.10", "@radix-ui/react-toggle-group": "1.1.11", "@radix-ui/react-tooltip": "1.2.8", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.1.1", "date-fns": "4.1.0", "embla-carousel-react": "8.6.0", "input-otp": "1.4.2", "lucide-react": "^0.564.0", "next": "16.2.6", "next-themes": "^0.4.6", "react": "19.2.4", "react-day-picker": "9.13.2", "react-dom": "19.2.4", "react-hook-form": "^7.54.1", "react-resizable-panels": "^2.1.7", "recharts": "2.15.0", "sonner": "^1.7.1", "tailwind-merge": "^3.3.1", "vaul": "^1.1.2", "zod": "^3.24.1", "tailwindcss-animate": "1.0.7", "framer-motion": "12.42.2" }, "devDependencies": { "@tailwindcss/postcss": "^4.2.0", "@types/node": "^24", "@types/react": "19.2.14", "@types/react-dom": "19.2.3", "postcss": "^8.5", "tailwindcss": "^4.2.0", "tw-animate-css": "1.3.3", "typescript": "5.7.3" } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type { Metadata, Viewport } from 'next' import { Inter, Unbounded } from 'next/font/google' import './globals.css' const inter = Inter({ subsets: ['latin', 'cyrillic'], variable: '--font-inter', display: 'swap', }) const unbounded = Unbounded({ subsets: ['latin', 'cyrillic'], variable: '--font-unbounded', display: 'swap', weight: ['400', '500', '600', '700', '800', '900'], }) export const metadata: Metadata = { title: 'USM | Код Успеха — Крипто и форекс обучение в Узбекистане', description: 'Научись торговать на крипто и форекс с наставником из Ташкента. Алишер Успанов — практикующий трейдер. 1200+ учеников. Поддержка через Payme, Click, Uzcard.', keywords: 'крипто обучение Узбекистан, форекс курсы Ташкент, трейдинг на русском, Алишер Успанов, Код Успеха, крипто курс Узбекистан', openGraph: { title: 'USM | Код Успеха — Трейдинг для начинающих в Узбекистане', description: 'Пошаговая система обучения крипто и форекс от практикующего трейдера из Ташкента.', locale: 'ru_UZ', type: 'website', }, } export const viewport: Viewport = { themeColor: '#070F17', width: 'device-width', initialScale: 1, userScalable: true, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/header.tsx" isMerged="true" 'use client' import { useState, useEffect } from 'react' import Link from 'next/link' import { Menu, X, TrendingUp } from 'lucide-react' import { motion, AnimatePresence } from 'framer-motion' const navLinks = [ { href: '#about', label: 'О наставнике' }, { href: '#program', label: 'Программа' }, { href: '#reviews', label: 'Отзывы' }, { href: '#pricing', label: 'Тарифы' }, { href: '#faq', label: 'FAQ' }, { href: '#contact', label: 'Контакты' }, ] export default function Header() { const [open, setOpen] = useState(false) const [scrolled, setScrolled] = useState(false) useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 40) window.addEventListener('scroll', onScroll) return () => window.removeEventListener('scroll', onScroll) }, []) const handleNavClick = () => setOpen(false) return (

{/* Logo */}

USM Код Успеха

{/* Desktop Nav */} {/* Desktop CTA */}

Начать обучение

{/* Mobile burger */}

{/* Mobile dropdown */} {open && ( )}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" import Link from 'next/link' import { TrendingUp, Send, Instagram, Youtube, Mail, Phone, MapPin } from 'lucide-react' export default function Footer() { return ( ) } [V0_FILE]typescriptreact:file="components/cookie-banner.tsx" isMerged="true" 'use client' import { useState, useEffect } from 'react' import { X } from 'lucide-react' import { motion, AnimatePresence } from 'framer-motion' export default function CookieBanner() { const [visible, setVisible] = useState(false) useEffect(() => { const accepted = localStorage.getItem('usm_cookies') if (!accepted) { const timer = setTimeout(() => setVisible(true), 2000) return () => clearTimeout(timer) } }, []) const accept = () => { localStorage.setItem('usm_cookies', 'true') setVisible(false) } return ( {visible && ( )} ) } [V0_FILE]typescriptreact:file="components/sections/hero.tsx" isMerged="true" 'use client' import { motion } from 'framer-motion' import { ArrowRight, ChevronDown, Users, Clock, Headphones } from 'lucide-react' const CandleChart = () => ( ) const stagger = { hidden: {}, show: { transition: { staggerChildren: 0.12 } }, } const fadeUp = { hidden: { opacity: 0, y: 28 }, show: { opacity: 1, y: 0, transition: { duration: 0.6, ease: 'easeOut' } }, } const fadeRight = { hidden: { opacity: 0, x: 40 }, show: { opacity: 1, x: 0, transition: { duration: 0.7, ease: 'easeOut' } }, } export default function Hero() { return (

{/* Candle grid BG */}

{/* Ambient glow */}

{/* LEFT — text */} {/* Badge */} Онлайн-обучение · Узбекистан {/* H1 */} Научись торговать{' '} на крипто и форекс{' '} — с наставником из Ташкента {/* Sub */} Алишер Успанов и команда «Код Успеха» помогают новичкам из Узбекистана освоить реальный трейдинг: без воды, на русском языке, с поддержкой в Telegram. {/* CTAs */} Начать обучение Узнать подробнее {/* Social proof */} {[ { icon: Users, label: '1 200+ учеников' }, { icon: Clock, label: '3 года на рынке' }, { icon: Headphones, label: 'Поддержка 24/7' }, ].map(({ icon: Icon, label }) => (

{label}

))} {/* RIGHT — chart visual */} {/* Main chart card */}

{/* Chart header */}

BTC/USDT

$68,420

+12.4%

{/* Candle SVG */}

{/* Bottom row */}

24H VOL: $2.1B ▲ BULL

{/* Floating badge — students */}

Учеников

1 200+

{/* Floating badge — profit */}

Последняя сделка

+8.7% ETH/USDT

{/* Scroll hint */}

) } [V0_FILE]typescriptreact:file="components/sections/pain.tsx" isMerged="true" 'use client' import { motion } from 'framer-motion' import { XCircle } from 'lucide-react' const pains = [ 'Смотрел видео, читал — всё равно непонятно', 'Боюсь потерять деньги на первой же сделке', 'Не знаю, как вывести заработок через Payme или Uzcard', 'Вокруг много лохотронов — не знаю, кому доверять', 'Хочу дополнительный доход, но нет времени на долгое обучение', 'Всё на английском — нет нормального курса на русском для Узбекистана', ] export default function PainSection() { return (

{/* Subtle top line */}

{/* Section label */} 02 / Проблема Тебе это{' '} знакомо? Большинство людей, которые хотят войти в трейдинг, сталкиваются с одними и теми же барьерами. Мы знаем их наизусть — и знаем, как их преодолеть. {/* Pain cards grid */}

{pains.map((pain, i) => (

«{pain}»

))}

{/* Bridge */}

Именно для таких людей Алишер создал{' '} «Код Успеха».

) } [V0_FILE]typescriptreact:file="components/sections/about.tsx" isMerged="true" 'use client' import { motion } from 'framer-motion' import { Trophy, BarChart2, MapPin, Users } from 'lucide-react' import Image from 'next/image' const badges = [ { icon: Trophy, label: '3+ года', sub: 'в трейдинге' }, { icon: BarChart2, label: 'Крипто & Форекс', sub: 'активная торговля' }, { icon: MapPin, label: 'Ташкент', sub: 'Узбекистан' }, { icon: Users, label: '1 200+', sub: 'учеников в СНГ' }, ] export default function About() { return (

{/* Ambient */}

{/* LEFT — Photo */}

Алишер Успанов — практикующий трейдер и ментор

{/* Overlay gradient */} {/* Years badge */}

года практики

{/* Trading tag */}

Live Trading

{/* RIGHT — Text */}

03 / О наставнике

Алишер Успанов —{' '} практикующий трейдер{' '} и ментор

Я начинал так же, как ты — без опыта, с кучей вопросов и страхом потерять деньги. Прошёл путь от полного новичка до стабильно торгующего трейдера на крипто и форекс-рынках.

Сегодня я не просто торгую — я помогаю таким же ребятам из Узбекистана разобраться в рынке, выстроить систему и делать первые уверенные шаги.

{/* Badges */}

{badges.map(({ icon: Icon, label, sub }) => (

{label}

{sub}

))}

{/* Disclaimer */}

* Результаты наставника и учеников индивидуальны. Торговля на финансовых рынках сопряжена с риском потери капитала. Прошлые результаты не гарантируют будущих. Это не финансовый совет.

) } [V0_FILE]typescriptreact:file="components/sections/program.tsx" isMerged="true" 'use client' import { motion } from 'framer-motion' import { PlayCircle, BarChart2, MessageCircle, Bell, Flag, Shield, Video, Target, } from 'lucide-react' const features = [ { icon: PlayCircle, title: 'Видеоуроки на русском', desc: 'От основ до продвинутых стратегий. Доступ 24/7 с любого устройства.', }, { icon: BarChart2, title: 'Разборы реальных сделок', desc: 'Алишер объясняет логику каждой позиции — без шаблонов и воды.', }, { icon: MessageCircle, title: 'Telegram-сообщество', desc: 'Закрытый чат учеников, ответы на вопросы, живые сессии с ментором.', }, { icon: Bell, title: 'Торговые сигналы', desc: 'Сигналы с обоснованием — учишься думать, а не слепо копировать.', }, { icon: Flag, title: 'Адаптация под Узбекистан', desc: 'Как работать с Payme, Click, Uzcard, локальными P2P-обменниками.', }, { icon: Shield, title: 'Риск-менеджмент', desc: 'Как не слить депозит: управление капиталом с первого урока.', }, { icon: Video, title: 'Живые вебинары', desc: 'Разбор рынка в прямом эфире — еженедельно по расписанию.', }, { icon: Target, title: 'Личная обратная связь', desc: 'Проверка домашних заданий и разбор твоих реальных сделок.', }, ] export default function Program() { return (

04 / Программа

Что входит в{' '} «Код Успеха» Полная система от нуля до стабильной торговли

{features.map((f, i) => { const Icon = f.icon return ( {/* Number */} {String(i + 1).padStart(2, '0')}

{f.title}

{f.desc}

) })}

{/* CTA strip */}

Готов начать прямо сейчас?

Выбери тариф и получи доступ к полной программе

Выбрать тариф

) } [V0_FILE]typescriptreact:file="components/sections/chart-section.tsx" isMerged="true" 'use client' import { motion, useInView, useMotionValue, useSpring } from 'framer-motion' import { useEffect, useRef } from 'react' import { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, } from 'recharts' const portfolioData = [ { month: 'Янв 24', value: 100 }, { month: 'Фев 24', value: 118 }, { month: 'Мар 24', value: 109 }, { month: 'Апр 24', value: 135 }, { month: 'Май 24', value: 128 }, { month: 'Июн 24', value: 152 }, { month: 'Июл 24', value: 148 }, { month: 'Авг 24', value: 174 }, { month: 'Сен 24', value: 168 }, { month: 'Окт 24', value: 198 }, { month: 'Ноя 24', value: 211 }, { month: 'Дек 24', value: 243 }, ] const CustomTooltip = ({ active, payload, label }: any) => { if (active && payload && payload.length) { return (

{label}

+{payload[0].value - 100}%

) } return null } function CountUp({ target, suffix = '' }: { target: number; suffix?: string }) { const ref = useRef(null) const isInView = useInView(ref, { once: true }) const motionVal = useMotionValue(0) const spring = useSpring(motionVal, { duration: 1500, bounce: 0 }) useEffect(() => { if (isInView) motionVal.set(target) }, [isInView, motionVal, target]) useEffect(() => { return spring.on('change', (v) => { if (ref.current) ref.current.textContent = `${Math.round(v)}${suffix}` }) }, [spring, suffix]) return 0{suffix} } const stats = [ { value: 1200, suffix: '+', label: 'Учеников обучено' }, { value: 3, suffix: '+', label: 'Лет на рынке' }, { value: 243, suffix: '%', label: 'Рост портфеля за 2024' }, { value: 24, suffix: '/7', label: 'Поддержка в Telegram' }, ] export default function ChartSection() { return (

{/* Stats row */}

{stats.map((s, i) => (

{s.label}

))}

{/* Chart */}

Результаты

Рост учебного портфеля{' '} 2024

Демонстрационный портфель программы «Код Успеха» показывает +143% за 12 месяцев при дисциплинированном риск-менеджменте.

* Демонстрационные данные учебного портфеля. Реальные результаты индивидуальны. Торговля на рынках сопряжена с риском.

УЧЕБНЫЙ ПОРТФЕЛЬ / 2024

+143% за год

ДЕМО

`${v}%`} /> } />

) } [V0_FILE]typescriptreact:file="components/sections/reviews.tsx" isMerged="true" 'use client' import { motion } from 'framer-motion' import { Star } from 'lucide-react' import Image from 'next/image' const reviews = [ { name: 'Дониёр М.', city: 'Ташкент', initials: 'ДМ', avatar: '/placeholder.svg?height=64&width=64&query=uzbek+young+man+portrait+professional', text: 'До курса я вообще не понимал, что такое свечи и уровни. После первого модуля уже начал видеть рынок по-другому. Первую сделку закрыл в плюс через 3 недели обучения.', rating: 5, }, { name: 'Феруза Т.', city: 'Самарканд', initials: 'ФТ', avatar: '/placeholder.svg?height=64&width=64&query=uzbek+young+woman+portrait+professional+smile', text: 'Главное — объясняют на русском, без заумных слов. И отвечают на вопросы реально быстро в Telegram. Наконец-то нашла курс, который подходит для Узбекистана.', rating: 5, }, { name: 'Санжар К.', city: 'Фергана', initials: 'СК', avatar: '/placeholder.svg?height=64&width=64&query=uzbek+man+30+portrait+professional+confident', text: 'Боялся, что снова окажется лохотрон. Но Алишер — живой человек, показывает свои сделки, не прячется. Уже 4 месяца в программе, систему понял, торгую сам.', rating: 5, }, ] export default function Reviews() { return (

05 / Отзывы

Что говорят{' '} ученики

{[1, 2, 3, 4, 5].map((i) => ( ))}

5.0 / 1 200+ учеников

{reviews.map((r, i) => ( {/* Stars */}

{Array.from({ length: r.rating }).map((_, s) => ( ))}

{/* Quote */}

«{r.text}»

{/* Author */}

{r.name}

{r.city}

{/* Disclaimer */}

* Результаты индивидуальны. Торговля сопряжена с риском.

))}

) } [V0_FILE]typescriptreact:file="components/sections/pricing.tsx" isMerged="true" 'use client' import { motion } from 'framer-motion' import { Check, Star, Zap } from 'lucide-react' const plans = [ { name: 'Старт', badge: null, priceUZS: '590 000', priceUSD: '~$46', period: 'месяц', desc: 'Идеально для знакомства с трейдингом', features: [ 'Видеоуроки базового модуля', 'Доступ к Telegram-чату учеников', 'Введение в риск-менеджмент', 'Разборы 2 сделок в месяц', 'Поддержка в рабочее время', ], cta: 'Начать со Старта', featured: false, }, { name: 'Профи', badge: 'Популярный', priceUZS: '1 290 000', priceUSD: '~$100', period: 'месяц', desc: 'Полная программа с живым сопровождением', features: [ 'Все видеоуроки (базовый + продвинутый)', 'Торговые сигналы с обоснованием', 'Еженедельные live-вебинары', 'Личная обратная связь от Алишера', 'Разборы всех сделок', 'Адаптация под Узбекистан (Payme, Click)', 'Поддержка 24/7 в Telegram', ], cta: 'Выбрать Профи', featured: true, }, { name: 'Менторинг', badge: 'Максимум', priceUZS: '3 900 000', priceUSD: '~$305', period: '3 месяца', desc: 'Индивидуальная работа с Алишером', features: [ 'Всё из тарифа «Профи»', '4 личные сессии с Алишером', 'Разработка индивидуальной стратегии', 'Разбор портфеля и истории сделок', 'Прямой контакт с ментором', 'Приоритетная поддержка', ], cta: 'Записаться на Менторинг', featured: false, }, ] export default function Pricing() { return (

06 / Тарифы

Выбери свой{' '} тариф Оплата через Payme, Click, Uzcard, Humo

{plans.map((plan, i) => ( {/* Featured accent line */} {plan.featured && (

)} {/* Badge */} {plan.badge && (

{plan.featured ? : } {plan.badge}

)} {!plan.badge &&

} {/* Name */}

{plan.name}

{plan.desc}

{/* Price */}

{plan.priceUZS} сум

{plan.priceUSD} / {plan.period}

{/* Features */}

{/* CTA */} {plan.cta} ))}

{/* Compliance note */} Реклама финансового образовательного продукта. Торговля на финансовых рынках сопряжена с риском потери капитала. Курс не является финансовой консультацией. Результаты индивидуальны.

) } [V0_FILE]typescriptreact:file="components/sections/faq.tsx" isMerged="true" 'use client' import { useState } from 'react' import { motion, AnimatePresence } from 'framer-motion' import { Plus, Minus } from 'lucide-react' const faqs = [ { q: 'Нужен ли опыт в трейдинге для начала?', a: 'Нет. Программа «Код Успеха» построена с нуля — мы начинаем с базовых понятий (свечи, уровни, стакан) и постепенно переходим к стратегиям. Всё, что нужно — желание учиться и смартфон.', }, { q: 'Как я могу оплатить курс из Узбекистана?', a: 'Мы принимаем оплату через Payme, Click, Uzcard и Humo — без конвертации и лишних комиссий. После оплаты вы сразу получаете доступ к материалам.', }, { q: 'Это законно? Можно ли торговать крипто в Узбекистане?', a: 'Крипто-деятельность в Узбекистане регулируется Указом Президента №УП-5813 и ЦЭФИР. Мы работаем в рамках действующего законодательства и обучаем легальным методам работы с рынком.', }, { q: 'Есть ли гарантия дохода?', a: 'Нет. Мы не даём гарантий дохода — это было бы нечестно. Торговля на финансовых рынках сопряжена с риском потери капитала. Мы даём знания, инструменты и систему — результат зависит от вашей дисциплины.', }, { q: 'Сколько времени нужно уделять обучению?', a: 'Минимум 1–2 часа в день. Видеоуроки доступны 24/7, вебинары — еженедельно. Вы учитесь в своём темпе, но чем больше практики — тем быстрее результат.', }, { q: 'Как проходит поддержка в Telegram?', a: 'После оплаты вы вступаете в закрытый Telegram-канал и чат. Там отвечают кураторы и сам Алишер — обычно в течение нескольких часов. Вопросы по рынку, техническим темам и домашним заданиям — всё в одном месте.', }, { q: 'Можно ли вернуть деньги?', a: 'Да. Мы предоставляем возврат в течение 7 дней с момента оплаты, если вы не просмотрели более 20% материалов. Подробнее — в политике возврата.', }, ] function FaqItem({ q, a, index }: { q: string; a: string; index: number }) { const [open, setOpen] = useState(false) return ( {open && (

{a}

)} ) } export default function FAQ() { return (

{/* Left */} 07 / FAQ

Часто задаваемые{' '} вопросы

Не нашли ответа? Напишите нам в Telegram — ответим в течение нескольких часов.

Написать в Telegram {/* Right */}

{faqs.map((item, i) => ( ))}

) } [V0_FILE]typescriptreact:file="components/sections/cta.tsx" isMerged="true" 'use client' import { motion } from 'framer-motion' import { ArrowRight, Send } from 'lucide-react' export default function CTA() { return (

{/* Ambient glow */}

Начни сегодня Твой первый шаг в{' '} крипто и форекс{' '} — с наставником, который уже прошёл этот путь Присоединяйся к 1 200+ ученикам из Узбекистана и начни учиться прямо сейчас. Выбрать тариф Написать в Telegram

) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import Header from '@/components/header' import Footer from '@/components/footer' import CookieBanner from '@/components/cookie-banner' import Hero from '@/components/sections/hero' import PainSection from '@/components/sections/pain' import About from '@/components/sections/about' import Program from '@/components/sections/program' import ChartSection from '@/components/sections/chart-section' import Reviews from '@/components/sections/reviews' import Pricing from '@/components/sections/pricing' import FAQ from '@/components/sections/faq' import CTA from '@/components/sections/cta' export default function Home() { return ( <>

Время работы

Время работы