Add 2 files

index.html

@@ -7,6 +7,7 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap" rel="stylesheet">
     <style>
         :root {
             --primary: #f6fc79;
@@ -184,6 +185,59 @@
         .nav-link:hover:after {
             width: 100%;
         }
+        .mobile-menu {
+            display: none;
+            position: fixed;
+            top: 80px;
+            left: 0;
+            width: 100%;
+            background: #000;
+            z-index: 999;
+            padding: 20px;
+            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
+        }
+        .mobile-menu.active {
+            display: block;
+        }
+        .hero-bg {
+            background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);
+            position: relative;
+            overflow: hidden;
+        }
+        .hero-bg:before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: 
+                radial-gradient(circle at 20% 50%, rgba(246, 252, 121, 0.1) 0%, transparent 50%),
+                radial-gradient(circle at 80% 30%, rgba(246, 252, 121, 0.1) 0%, transparent 50%);
+            z-index: 0;
+        }
+        .founder-signature {
+            font-family: 'Dancing Script', cursive;
+            font-size: 1.5rem;
+            color: var(--primary);
+        }
+        .testimonial-slider {
+            display: flex;
+            overflow-x: auto;
+            scroll-snap-type: x mandatory;
+            scroll-behavior: smooth;
+            -webkit-overflow-scrolling: touch;
+        }
+        .testimonial-slide {
+            flex: 0 0 100%;
+            scroll-snap-align: start;
+        }
+        .timer {
+            font-size: 1.5rem;
+            font-weight: 700;
+            color: var(--primary);
+            margin-top: 1rem;
+        }
         @media (max-width: 768px) {
             .section-title {
                 font-size: 1.8rem;
@@ -191,6 +245,9 @@
             .counter-item {
                 font-size: 1.8rem;
             }
+            .testimonial-slide {
+                flex: 0 0 90%;
+            }
         }
     </style>
 </head>
@@ -212,55 +269,47 @@
             <button class="btn-primary px-6 py-2 rounded-full md:block hidden">
                 ПОЛУЧИТЬ ДОСТУП
             </button>
-            <button class="md:hidden text-white text-2xl">
+            <button id="mobile-menu-button" class="md:hidden text-white text-2xl">
                 <i class="fas fa-bars"></i>
             </button>
         </div>
+        <!-- Mobile Menu -->
+        <div id="mobile-menu" class="mobile-menu">
+            <div class="flex flex-col space-y-4">
+                <a href="#about" class="text-white hover:text-primary text-lg">О КУРСЕ</a>
+                <a href="#features" class="text-white hover:text-primary text-lg">ПРЕИМУЩЕСТВА</a>
+                <a href="#program" class="text-white hover:text-primary text-lg">ПРОГРАММА</a>
+                <a href="#pricing" class="text-white hover:text-primary text-lg">ТАРИФЫ</a>
+                <a href="#faq" class="text-white hover:text-primary text-lg">FAQ</a>
+                <button class="btn-primary px-6 py-2 rounded-full w-full mt-4">
+                    ПОЛУЧИТЬ ДОСТУП
+                </button>
+            </div>
+        </div>
     </header>
 
     <!-- Hero Section -->
-    <section class="pt-32 pb-20 px-6 bg-gradient-to-b from-black to-gray-900">
-        <div class="container mx-auto">
-            <div class="flex flex-col md:flex-row items-center">
-                <div class="md:w-1/2 mb-12 md:mb-0">
+    <section class="pt-32 pb-20 px-6 hero-bg">
+        <div class="container mx-auto relative z-10">
+            <div class="flex flex-col items-center text-center">
+                <div class="mb-8">
+                    <div class="bg-primary text-black inline-block px-4 py-1 rounded-full font-bold mb-4">
+                        Уже более 1500 учеников по всему миру
+                    </div>
                     <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
-                        <span class="text-primary">TRAFFIC MASTER</span> — ИСКУССТВО ЗАРАБАТЫВАТЬ НА ТРАФИКЕ
+                        <span class="text-primary">TRAFFIC MASTER</span> — <br>ЗАРАБАТЫВАЙТЕ НА ТРАФИКЕ
                     </h1>
-                    <p class="text-xl mb-8 opacity-80">
-                        Система обучения, которая откроет вам доступ к заработку от $1000 в месяц с любой точки мира. Арбитр��ж не для всех. Но если ты вошел — ты в игре.
+                    <p class="text-xl mb-8 opacity-80 max-w-2xl mx-auto">
+                        Система обучения, которая откроет вам доступ к заработку от $1000 в месяц с любой точки мира.
                     </p>
-                    <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
-                        <button class="btn-primary px-8 py-3 rounded-full text-lg">
-                            НАЧАТЬ ОБУЧЕНИЕ
-                        </button>
-                        <button class="btn-secondary px-8 py-3 rounded-full text-lg">
-                            УЗНАТЬ ПОДРОБНЕЕ
-                        </button>
-                    </div>
-                </div>
-                <div class="md:w-1/2 flex justify-center">
-                    <div class="relative">
-                        <img src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1064&q=80" alt="Traffic Master" class="rounded-lg shadow-2xl w-full max-w-md">
-                        <div class="absolute -bottom-5 -right-5 bg-primary p-4 rounded-lg shadow-lg text-black font-bold">
-                            СТАРТ 15 ИЮЛЯ
-                        </div>
+                    <button class="btn-primary px-8 py-3 rounded-full text-lg">
+                        ПОЛУЧИТЬ ДОСТУП
+                    </button>
+                    <div class="timer">
+                        До начала потока: <span id="countdown">05:12:34</span>
                     </div>
                 </div>
             </div>
-            <div class="mt-20 grid grid-cols-1 md:grid-cols-3 gap-8">
-                <div class="text-center">
-                    <div class="counter-item">1500+</div>
-                    <div class="counter-label">УЧЕНИКОВ</div>
-                </div>
-                <div class="text-center">
-                    <div class="counter-item">$2500+</div>
-                    <div class="counter-label">СРЕДНИЙ ДОХОД</div>
-                </div>
-                <div class="text-center">
-                    <div class="counter-item">37</div>
-                    <div class="counter-label">СТРАН</div>
-                </div>
-            </div>
         </div>
     </section>
 
@@ -268,27 +317,21 @@
     <section id="about" class="py-20 px-6 bg-gray-900">
         <div class="container mx-auto">
             <h2 class="section-title text-white">О КУРСЕ</h2>
-            <div class="grid md:grid-cols-2 gap-12 items-center">
-                <div>
-                    <p class="text-lg mb-6 opacity-90">
-                        TRAFFIC MASTER — это не просто курс, а полноценная система обучения арбитражу трафика, которая даст вам все необходимые инструменты для заработка от $1000 в месяц уже через 30 дней после старта.
+            <div class="grid md:grid-cols-1 gap-12 items-center">
+                <div class="text-center max-w-3xl mx-auto">
+                    <p class="text-xl mb-6 opacity-90">
+                        Хотите зарабатывать на арбитраже трафика, но не знаете с чего начать? Боитесь потерять бюджет на тестах?
                     </p>
-                    <p class="text-lg mb-6 opacity-90">
-                        Мы собрали лучшие практики, рабочие связки и проверенные стратегии, которые приносят прибыль в 2023 году. Никакой воды — только конкретика и практика.
+                    <p class="text-xl mb-6 opacity-90">
+                        TRAFFIC MASTER — это проверенная система, которая проведет вас от нуля до первых $1000 всего за 30 дней.
                     </p>
-                    <p class="text-lg mb-6 opacity-90">
-                        Наш подход отличается от других: мы учим не просто повторять за нами, а понимать механику арбитража, чтобы вы могли создавать свои собственные прибыльные связки.
+                    <p class="text-xl mb-6 opacity-90">
+                        Мы даем только рабочие стратегии 2025 года, без воды и теории. Вы получаете готовые связки, которые можно запустить сразу.
                     </p>
                     <button class="btn-primary px-8 py-3 rounded-full text-lg mt-4">
                         ПРИСОЕДИНИТЬСЯ
                     </button>
                 </div>
-                <div class="relative">
-                    <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="About Course" class="rounded-lg shadow-2xl w-full">
-                    <div class="absolute -bottom-5 -left-5 bg-primary p-4 rounded-lg shadow-lg text-black font-bold">
-                        ОБУЧЕНИЕ С НУЛЯ
-                    </div>
-                </div>
             </div>
         </div>
     </section>
@@ -316,7 +359,7 @@
                     </div>
                     <h3 class="text-xl font-bold mb-3">ПРОВЕРЕННЫЕ СТРАТЕГИИ</h3>
                     <p class="opacity-80">
-                        Только актуальные на 2023 год методы арбитража, которые приносят прибыль нашим ученикам.
+                        Только актуальные на 2025 год методы арбитража, которые приносят прибыль нашим ученикам.
                     </p>
                 </div>
                 <div class="feature-card p-8 rounded-lg">
@@ -348,19 +391,13 @@
             <p class="text-xl mb-12 max-w-3xl opacity-80">
                 TRAFFIC MASTER подойдет вам, если вы относитесь к одной из этих категорий
             </p>
-            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+            <div class="grid md:grid-cols-2 lg:grid-cols-2 gap-8">
                 <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
                     <h3 class="text-xl font-bold mb-4">НОВИЧКИ</h3>
                     <p class="opacity-80">
                         Если вы только слышали об арбитраже и хотите начать с нуля, но не знаете как — мы проведем вас за руку от регистрации в партнерке до первых выплат.
                     </p>
                 </div>
-                <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
-                    <h3 class="text-xl font-bold mb-4">ПРЕДПРИНИМАТЕЛИ</h3>
-                    <p class="opacity-80">
-                        Для владельцев бизнеса, которые хотят освоить новый канал привлечения клиентов и увеличить прибыль компании.
-                    </p>
-                </div>
                 <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
                     <h3 class="text-xl font-bold mb-4">ФРИЛАНСЕРЫ</h3>
                     <p class="opacity-80">
@@ -379,162 +416,53 @@
                         Для специалистов по таргетированной рекламе, которые хотят монетизировать свои навыки и работать на себя.
                     </p>
                 </div>
-                <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
-                    <h3 class="text-xl font-bold mb-4">ЦИФРОВЫЕ НОМАДЫ</h3>
-                    <p class="opacity-80">
-                        Если вы мечтаете о свободе и заработке из любой точки мира — арбитраж трафика идеально подходит для этого образа жизни.
-                    </p>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- Skills Section -->
-    <section class="py-20 px-6 bg-black">
-        <div class="container mx-auto">
-            <h2 class="section-title text-white">ЧЕМУ ВЫ НАУЧИТЕСЬ?</h2>
-            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
-                <div class="bg-gray-900 p-8 rounded-lg">
-                    <div class="text-primary text-2xl mb-4 font-bold">01</div>
-                    <h3 class="text-xl font-bold mb-3">ЗАПУСК ПРИБЫЛЬНЫХ СВЯЗОК</h3>
-                    <p class="opacity-80">
-                        Научитесь собирать и тестировать связки, которые приносят от $500 чистой прибыли в неделю.
-                    </p>
-                </div>
-                <div class="bg-gray-900 p-8 rounded-lg">
-                    <div class="text-primary text-2xl mb-4 font-bold">02</div>
-                    <h3 class="text-xl font-bold mb-3">РАБОТА С ПАРТНЕРСКИМИ ПРОГРАММАМИ</h3>
-                    <p class="opacity-80">
-                        Узнаете, как выбирать выгодные офферы, договариваться о повышенных ставках и получать эксклюзивные условия.
-                    </p>
-                </div>
-                <div class="bg-gray-900 p-8 rounded-lg">
-                    <div class="text-primary text-2xl mb-4 font-bold">03</div>
-                    <h3 class="text-xl font-bold mb-3">СОЗДАНИЕ ВЫСОКОКОНВЕРСИОННЫХ ЛЕНДИНГОВ</h3>
-                    <p class="opacity-80">
-                        Освоите создание продающих страниц без навыков программирования с конверсией от 15%.
-                    </p>
-                </div>
-                <div class="bg-gray-900 p-8 rounded-lg">
-                    <div class="text-primary text-2xl mb-4 font-bold">04</div>
-                    <h3 class="text-xl font-bold mb-3">НАСТРОЙКА БОТОВ И CRM</h3>
-                    <p class="opacity-80">
-                        Научитесь автоматизировать процессы сбора лидов и их обработки, экономя до 80% времени.
-                    </p>
-                </div>
-                <div class="bg-gray-900 p-8 rounded-lg">
-                    <div class="text-primary text-2xl mb-4 font-bold">05</div>
-                    <h3 class="text-xl font-bold mb-3">МАСШТАБИРОВАНИЕ УСПЕШНЫХ КАМПАНИЙ</h3>
-                    <p class="opacity-80">
-                        Узнаете, как увеличивать бюджет успешных кампаний без потери ROI и выходить на доход $10 000+ в месяц.
-                    </p>
-                </div>
-                <div class="bg-gray-900 p-8 rounded-lg">
-                    <div class="text-primary text-2xl mb-4 font-bold">06</div>
-                    <h3 class="text-xl font-bold mb-3">АНАЛИЗ И ВЫБОР ПЕРСПЕКТИВНЫХ ГЕО</h3>
-                    <p class="opacity-80">
-                        Научитесь находить недооцененные рынки с низкой конкуренцией и высокой маржинальностью.
-                    </p>
-                </div>
             </div>
         </div>
     </section>
 
     <!-- Program Section -->
-    <section id="program" class="py-20 px-6 bg-gray-900">
+    <section id="program" class="py-20 px-6 bg-black">
         <div class="container mx-auto">
             <h2 class="section-title text-white">ПРОГРАММА КУРСА</h2>
             <p class="text-xl mb-12 max-w-3xl opacity-80">
-                Полная программа курса доступна после оплаты. Вот первый модуль, чтобы вы могли оценить качество материала:
+                Вот что вы освоите в первых модулях курса
             </p>
             <div class="bg-gray-800 rounded-lg overflow-hidden max-w-4xl mx-auto">
                 <div class="p-6 border-b border-gray-700 bg-gray-900">
                     <h3 class="text-xl font-bold text-primary">МОДУЛЬ 1: ОСНОВЫ АРБИТРАЖА ТРАФИКА</h3>
                 </div>
-                <div class="p-6 border-b border-gray-700">
-                    <div class="flex items-start">
-                        <div class="text-primary mr-4 mt-1">✓</div>
-                        <div>
-                            <h4 class="font-bold mb-2">Введение в арбитраж трафика</h4>
-                            <p class="opacity-80 text-sm">
-                                Что такое арбитраж трафика, основные модели монетизации, перспективы в 2023 году.
-                            </p>
-                        </div>
-                    </div>
-                </div>
-                <div class="p-6 border-b border-gray-700">
-                    <div class="flex items-start">
-                        <div class="text-primary mr-4 mt-1">✓</div>
-                        <div>
-                            <h4 class="font-bold mb-2">Выбор ниши и партнерской программы</h4>
-                            <p class="opacity-80 text-sm">
-                                Как выбрать прибыльную нишу, критерии выбора партнерки, анализ конкурентов.
-                            </p>
-                        </div>
-                    </div>
-                </div>
-                <div class="p-6 border-b border-gray-700">
-                    <div class="flex items-start">
-                        <div class="text-primary mr-4 mt-1">✓</div>
-                        <div>
-                            <h4 class="font-bold mb-2">Регистрация в партнерских сетях</h4>
-                            <p class="opacity-80 text-sm">
-                                Пошаговая инструкция ��о регистрации, как пройти верификацию, что писать менеджерам.
-                            </p>
-                        </div>
+                <div class="accordion-item">
+                    <div class="accordion-header p-6 border-b border-gray-700">
+                        <h4 class="font-bold">Введение в арбитраж трафика</h4>
                     </div>
-                </div>
-                <div class="p-6 border-b border-gray-700">
-                    <div class="flex items-start">
-                        <div class="text-primary mr-4 mt-1">✓</div>
-                        <div>
-                            <h4 class="font-bold mb-2">Анализ офферов и выбор связки</h4>
-                            <p class="opacity-80 text-sm">
-                                Ключевые метрики офферов, расчет потенциальной прибыли, выбор трафика под оффер.
+                    <div class="accordion-content">
+                        <div class="p-6 pt-0">
+                            <p class="opacity-80">
+                                Что такое арбитраж трафика, основные модели монетизации, перспективы в 2025 году. Вы узнаете, как работает индустрия и какие ниши наиболее перспективны.
                             </p>
                         </div>
                     </div>
                 </div>
-                <div class="p-6 border-b border-gray-700">
-                    <div class="flex items-start">
-                        <div class="text-primary mr-4 mt-1">✓</div>
-                        <div>
-                            <h4 class="font-bold mb-2">Настройка трекера</h4>
-                            <p class="opacity-80 text-sm">
-                                Обзор популярных трекеров, базовые настройки, как анализировать данные.
-                            </p>
-                        </div>
+                <div class="accordion-item">
+                    <div class="accordion-header p-6 border-b border-gray-700">
+                        <h4 class="font-bold">Выбор ниши и партнерской программы</h4>
                     </div>
-                </div>
-                <div class="p-6 border-b border-gray-700 blurred">
-                    <div class="flex items-start">
-                        <div class="text-primary mr-4 mt-1">✓</div>
-                        <div>
-                            <h4 class="font-bold mb-2">Создание лендинга</h4>
-                            <p class="opacity-80 text-sm">
-                                Готовые шаблоны, конструкторы, принципы высококонверсионных страниц.
+                    <div class="accordion-content">
+                        <div class="p-6 pt-0">
+                            <p class="opacity-80">
+                                Как выбрать прибыльную нишу, критерии выбора партнерки, анализ конкурентов. Мы дадим вам чек-лист для оценки перспективности офферов.
                             </p>
                         </div>
                     </div>
                 </div>
-                <div class="p-6 border-b border-gray-700 blurred">
-                    <div class="flex items-start">
-                        <div class="text-primary mr-4 mt-1">✓</div>
-                        <div>
-                            <h4 class="font-bold mb-2">Настройка рекламной кампании</h4>
-                            <p class="opacity-80 text-sm">
-                                Выбор платформы, создание креативов, таргетинг, бюджет.
-                            </p>
-                        </div>
+                <div class="accordion-item">
+                    <div class="accordion-header p-6 border-b border-gray-700">
+                        <h4 class="font-bold">Регистрация в партнерских сетях</h4>
                     </div>
-                </div>
-                <div class="p-6 border-b border-gray-700 blurred">
-                    <div class="flex items-start">
-                        <div class="text-primary mr-4 mt-1">✓</div>
-                        <div>
-                            <h4 class="font-bold mb-2">Анализ и оптимизация</h4>
-                            <p class="opacity-80 text-sm">
-                                Ключевые метрики, как увеличивать бюджет, масштабирование.
+                    <div class="accordion-content">
+                        <div class="p-6 pt-0">
+                            <p class="opacity-80">
+                                Пошаговая инструкция по регистрации, как пройти верификацию, что писать менеджерам. Вы получите шаблоны писем и скрипты для общения.
                             </p>
                         </div>
                     </div>
@@ -543,15 +471,18 @@
                     <div class="flex items-start">
                         <div class="text-primary mr-4 mt-1">✓</div>
                         <div>
-                            <h4 class="font-bold mb-2">Дополнительные модули и бонусы</h4>
+                            <h4 class="font-bold mb-2">Полная программа курса (12 модулей)</h4>
                             <p class="opacity-80 text-sm">
-                                Работа с ботом, CRM, чат-ботами, email-рассылки, сложные связки.
+                                Доступна после регистрации. Включает продвинутые стратегии, автоматизацию и масштабирование.
                             </p>
                         </div>
                     </div>
                 </div>
             </div>
-            <div class="text-center mt-12">
+            <div class="flex flex-col sm:flex-row justify-center gap-4 mt-12">
+                <button class="btn-secondary px-8 py-3 rounded-full text-lg">
+                    ПОЛУЧИТЬ ПРОБНЫЙ УРОК
+                </button>
                 <button class="btn-primary px-8 py-3 rounded-full text-lg">
                     ПОЛУЧИТЬ ПОЛНУЮ ПРОГРАММУ
                 </button>
@@ -560,14 +491,17 @@
     </section>
 
     <!-- Bonuses Section -->
-    <section class="py-20 px-6 bg-black">
+    <section class="py-20 px-6 bg-gray-900">
         <div class="container mx-auto">
             <h2 class="section-title text-white">ВАШИ БОНУСЫ</h2>
             <p class="text-xl mb-12 max-w-3xl opacity-80">
                 Вместе с курсом вы получите эти ценные материалы, которые ускорят ваш старт
             </p>
             <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
-                <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
+                <div class="bg-gray-800 p-8 rounded-lg border border-primary border-opacity-30 relative">
+                    <div class="absolute -top-4 -right-4 bg-primary text-black w-10 h-10 rounded-full flex items-center justify-center">
+                        <i class="fas fa-gift"></i>
+                    </div>
                     <div class="text-primary text-3xl mb-4">
                         <i class="fas fa-list-check"></i>
                     </div>
@@ -576,7 +510,10 @@
                         Готовые чек-листы для проверки каждого этапа: от выбора оффера до масштабирования.
                     </p>
                 </div>
-                <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
+                <div class="bg-gray-800 p-8 rounded-lg border border-primary border-opacity-30 relative">
+                    <div class="absolute -top-4 -right-4 bg-primary text-black w-10 h-10 rounded-full flex items-center justify-center">
+                        <i class="fas fa-gift"></i>
+                    </div>
                     <div class="text-primary text-3xl mb-4">
                         <i class="fas fa-file-alt"></i>
                     </div>
@@ -585,7 +522,10 @@
                         Готовые письма для партнерок, скрипты общения с менеджерами, договоры.
                     </p>
                 </div>
-                <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
+                <div class="bg-gray-800 p-8 rounded-lg border border-primary border-opacity-30 relative">
+                    <div class="absolute -top-4 -right-4 bg-primary text-black w-10 h-10 rounded-full flex items-center justify-center">
+                        <i class="fas fa-gift"></i>
+                    </div>
                     <div class="text-primary text-3xl mb-4">
                         <i class="fas fa-laptop-code"></i>
                     </div>
@@ -594,7 +534,10 @@
                         20 проверенных шаблонов лендингов с конверсией от 15% в различных нишах.
                     </p>
                 </div>
-                <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
+                <div class="bg-gray-800 p-8 rounded-lg border border-primary border-opacity-30 relative">
+                    <div class="absolute -top-4 -right-4 bg-primary text-black w-10 h-10 rounded-full flex items-center justify-center">
+                        <i class="fas fa-gift"></i>
+                    </div>
                     <div class="text-primary text-3xl mb-4">
                         <i class="fas fa-database"></i>
                     </div>
@@ -603,7 +546,10 @@
                         Список надежных партнерок с контактами менеджеров и условиями по выплатам.
                     </p>
                 </div>
-                <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
+                <div class="bg-gray-800 p-8 rounded-lg border border-primary border-opacity-30 relative">
+                    <div class="absolute -top-4 -right-4 bg-primary text-black w-10 h-10 rounded-full flex items-center justify-center">
+                        <i class="fas fa-gift"></i>
+                    </div>
                     <div class="text-primary text-3xl mb-4">
                         <i class="fas fa-comments"></i>
                     </div>
@@ -612,7 +558,10 @@
                         Доступ в чат с действующими арбитражниками, где разбирают кейсы и делятся офферами.
                     </p>
                 </div>
-                <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
+                <div class="bg-gray-800 p-8 rounded-lg border border-primary border-opacity-30 relative">
+                    <div class="absolute -top-4 -right-4 bg-primary text-black w-10 h-10 rounded-full flex items-center justify-center">
+                        <i class="fas fa-gift"></i>
+                    </div>
                     <div class="text-primary text-3xl mb-4">
                         <i class="fas fa-sync-alt"></i>
                     </div>
@@ -622,11 +571,17 @@
                     </p>
                 </div>
             </div>
+            <div class="mt-12 text-center">
+                <p class="text-primary font-bold mb-4">Первые 5 студентов получат бесплатный разбор своей связки!</p>
+                <button class="btn-primary px-8 py-3 rounded-full text-lg">
+                    УСПЕТЬ ПОЛУЧИТЬ БОНУС
+                </button>
+            </div>
         </div>
     </section>
 
     <!-- Pricing Section -->
-    <section id="pricing" class="py-20 px-6 bg-gray-900">
+    <section id="pricing" class="py-20 px-6 bg-black">
         <div class="container mx-auto">
             <h2 class="section-title text-white">ВЫБЕРИТЕ СВОЙ ТАРИФ</h2>
             <p class="text-xl mb-12 max-w-3xl opacity-80">
@@ -634,8 +589,8 @@
             </p>
             <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
                 <div class="pricing-card p-8 rounded-lg">
-                    <h3 class="text-2xl font-bold mb-4">SOLO</h3>
-                    <div class="text-4xl font-bold mb-6">$497</div>
+                    <h3 class="text-2xl font-bold mb-4">СОЛО</h3>
+                    <div class="text-4xl font-bold mb-6">—</div>
                     <ul class="space-y-4 mb-8">
                         <li class="flex items-start">
                             <div class="text-primary mr-2 mt-1">✓</div>
@@ -663,17 +618,20 @@
                         </li>
                     </ul>
                     <button class="btn-secondary w-full py-3 rounded-full">
-                        ВЫБРАТЬ ТАРИФ
+                        УЗНАТЬ ЦЕНУ
                     </button>
+                    <div class="mt-4 text-sm text-primary font-bold">
+                        Осталось 3 места
+                    </div>
                 </div>
                 <div class="pricing-card p-8 rounded-lg popular">
-                    <div class="popular-tag">ПОПУЛЯРНЫЙ</div>
-                    <h3 class="text-2xl font-bold mb-4">TEAM</h3>
-                    <div class="text-4xl font-bold mb-6">$997</div>
+                    <div class="popular-tag">ПОПУЛЯРНЫЙ ВЫБОР</div>
+                    <h3 class="text-2xl font-bold mb-4">В КОМАНДЕ</h3>
+                    <div class="text-4xl font-bold mb-6">—</div>
                     <ul class="space-y-4 mb-8">
                         <li class="flex items-start">
                             <div class="text-primary mr-2 mt-1">✓</div>
-                            <span>Доступ к курсу на 12 месяцев</span>
+                            <span>Пожизненный доступ к курсу</span>
                         </li>
                         <li class="flex items-start">
                             <div class="text-primary mr-2 mt-1">✓</div>
@@ -697,12 +655,15 @@
                         </li>
                     </ul>
                     <button class="btn-primary w-full py-3 rounded-full">
-                        ВЫБРАТЬ ТАРИФ
+                        УЗНАТЬ ЦЕНУ
                     </button>
+                    <div class="mt-4 text-sm text-primary font-bold">
+                        Последний шанс присоединиться
+                    </div>
                 </div>
                 <div class="pricing-card p-8 rounded-lg">
                     <h3 class="text-2xl font-bold mb-4">VIP</h3>
-                    <div class="text-4xl font-bold mb-6">$1997</div>
+                    <div class="text-4xl font-bold mb-6">—</div>
                     <ul class="space-y-4 mb-8">
                         <li class="flex items-start">
                             <div class="text-primary mr-2 mt-1">✓</div>
@@ -728,118 +689,93 @@
                             <div class="text-primary mr-2 mt-1">✓</div>
                             <span>Разбор ваших связок</span>
                         </li>
+                        <li class="flex items-start">
+                            <div class="text-primary mr-2 mt-1">✓</div>
+                            <span>Гарантия трудоустройства</span>
+                        </li>
                     </ul>
                     <button class="btn-secondary w-full py-3 rounded-full">
-                        ВЫБРАТЬ ТАРИФ
+                        УЗНАТЬ ЦЕНУ
                     </button>
+                    <div class="mt-4 text-sm text-primary font-bold">
+                        Только 1 место осталось
+                    </div>
                 </div>
             </div>
         </div>
     </section>
 
     <!-- Testimonials Section -->
-    <section class="py-20 px-6 bg-black">
+    <section class="py-20 px-6 bg-gray-900">
         <div class="container mx-auto">
             <h2 class="section-title text-white">ОТЗЫВЫ УЧЕНИКОВ</h2>
-            <p class="text-xl mb-12 max-w-3xl opacity-80">
-                Вот что говорят наши ученики после прохождения курса TRAFFIC MASTER
-            </p>
-            <div class="grid md:grid-cols-3 gap-8">
-                <div class="testimonial-card p-8 rounded-lg">
-                    <div class="flex items-center mb-4">
-                        <div class="w-12 h-12 rounded-full bg-primary mr-4 flex items-center justify-center text-black font-bold">АК</div>
-                        <div>
-                            <h4 class="font-bold">АЛЕКСАНДР К.</h4>
-                            <div class="flex text-primary">
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                            </div>
+            <div class="testimonial-slider mt-12">
+                <div class="testimonial-slide p-4">
+                    <div class="testimonial-card p-8 rounded-lg">
+                        <div class="flex items-center mb-4">
+                            <div class="w-12 h-12 rounded-full bg-primary mr-4 flex items-center justify-center text-black font-bold">1</div>
+                        </div>
+                        <p class="opacity-80">
+                            "Прошел курс месяц назад, уже вывел первую прибыль $1200. Материал подается структурированно, без воды. Особенно ценны рабочие связки, которые дают сразу."
+                        </p>
+                        <div class="mt-4">
+                            <img src="https://via.placeholder.com/300x200.png?text=Screenshot+of+payment" alt="Payment proof" class="rounded mt-2 w-full max-w-xs">
                         </div>
                     </div>
-                    <p class="opacity-80">
-                        "Прошел курс месяц назад, уже вывел первую прибыль $1200. Материал подается структурированно, без воды. Особенно ценны рабочие связки, которые дают сразу."
-                    </p>
                 </div>
-                <div class="testimonial-card p-8 rounded-lg">
-                    <div class="flex items-center mb-4">
-                        <div class="w-12 h-12 rounded-full bg-primary mr-4 flex items-center justify-center text-black font-bold">ЕС</div>
-                        <div>
-                            <h4 class="font-bold">ЕЛЕНА С.</h4>
-                            <div class="flex text-primary">
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                            </div>
+                <div class="testimonial-slide p-4">
+                    <div class="testimonial-card p-8 rounded-lg">
+                        <div class="flex items-center mb-4">
+                            <div class="w-12 h-12 rounded-full bg-primary mr-4 flex items-center justify-center text-black font-bold">2</div>
+                        </div>
+                        <p class="opacity-80">
+                            "Была полным нулем в арбитраже. Благодаря пошаговой программе и поддержке кураторов уже на второй неделе запустила первую кампанию. Сейчас стабильно $800-1000 в неделю."
+                        </p>
+                        <div class="mt-4">
+                            <img src="https://via.placeholder.com/300x200.png?text=Screenshot+of+chat" alt="Chat screenshot" class="rounded mt-2 w-full max-w-xs">
                         </div>
                     </div>
-                    <p class="opacity-80">
-                        "Была полным нулем в арбитраже. Благодаря пошаговой программе и поддержке кураторов уже на второй неделе запустила первую кампанию. Сейчас стабильно $800-1000 в неделю."
-                    </p>
                 </div>
-                <div class="testimonial-card p-8 rounded-lg">
-                    <div class="flex items-center mb-4">
-                        <div class="w-12 h-12 rounded-full bg-primary mr-4 flex items-center justify-center text-black font-bold">ДМ</div>
-                        <div>
-                            <h4 class="font-bold">ДМИТРИЙ М.</h4>
-                            <div class="flex text-primary">
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star"></i>
-                            </div>
+                <div class="testimonial-slide p-4">
+                    <div class="testimonial-card p-8 rounded-lg">
+                        <div class="flex items-center mb-4">
+                            <div class="w-12 h-12 rounded-full bg-primary mr-4 flex items-center justify-center text-black font-bold">3</div>
+                        </div>
+                        <p class="opacity-80">
+                            "До курса пробовал арбитраж, но без системы. После обучения структурировал знания, оптимизировал процессы. Доход вырос с $500 до $4000 в месяц за 3 месяца."
+                        </p>
+                        <div class="mt-4">
+                            <img src="https://via.placeholder.com/300x200.png?text=Screenshot+of+stats" alt="Stats screenshot" class="rounded mt-2 w-full max-w-xs">
                         </div>
                     </div>
-                    <p class="opacity-80">
-                        "До курса пробовал арбитраж, но без системы. После обучения структурировал знания, оптимизировал процессы. Доход вырос с $500 до $4000 в месяц за 3 месяца."
-                    </p>
                 </div>
             </div>
-            <div class="text-center mt-12">
-                <button class="btn-secondary px-8 py-3 rounded-full text-lg">
-                    СМОТРЕТЬ БОЛЬШЕ ОТЗЫВОВ
-                </button>
-            </div>
         </div>
     </section>
 
     <!-- Team Section -->
-    <section class="py-20 px-6 bg-gray-900">
+    <section class="py-20 px-6 bg-black">
         <div class="container mx-auto">
-            <h2 class="section-title text-white">КОМАНДА</h2>
+            <h2 class="section-title text-white">ОСНОВАТЕЛЬ КУРСА</h2>
             <div class="grid md:grid-cols-2 gap-12 items-center">
                 <div>
-                    <h3 class="text-3xl font-bold mb-4">ИВАН ПЕТРОВ</h3>
-                    <p class="text-lg mb-6 opacity-90">
-                        Основатель TRAFFIC MASTER, арбитражник с 8-летним опытом. За это время запустил более 500 успешных кампаний в 37 странах, общий оборот превысил $5 000 000.
-                    </p>
+                    <h3 class="text-3xl font-bold mb-4">ТИМУР В.</h3>
                     <p class="text-lg mb-6 opacity-90">
-                        Специализируется на сложных связках с ROI от 300%. Обучил более 1500 учеников, многие из которых вышли на доход $10 000+ в месяц.
+                        Обучил более 1500 сотрудников компании. Арбитражник с 8-летним опытом. За это время запустил более 500 успешных кампаний в 37 странах.
                     </p>
                     <div class="flex space-x-4">
-                        <a href="#" class="text-white hover:text-primary text-2xl">
-                            <i class="fab fa-instagram"></i>
-                        </a>
-                        <a href="#" class="text-white hover:text-primary text-2xl">
-                            <i class="fab fa-youtube"></i>
+                        <a href="#" class="btn-secondary px-6 py-2 rounded-full">
+                            <i class="fab fa-youtube mr-2"></i> YouTube
                         </a>
-                        <a href="#" class="text-white hover:text-primary text-2xl">
-                            <i class="fab fa-telegram"></i>
+                        <a href="#" class="btn-secondary px-6 py-2 rounded-full">
+                            <i class="fab fa-instagram mr-2"></i> Instagram
                         </a>
                     </div>
-                    <button class="btn-primary px-8 py-3 rounded-full text-lg mt-6">
-                        СМОТРЕТЬ ИНТЕРВЬЮ
-                    </button>
                 </div>
                 <div class="relative">
-                    <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Иван Петров" class="rounded-lg shadow-2xl w-full max-w-md">
-                    <div class="absolute -bottom-5 -right-5 bg-primary p-4 rounded-lg shadow-lg text-black font-bold">
-                        ОСНОВАТЕЛЬ
+                    <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Тимур В." class="rounded-lg shadow-2xl w-full max-w-md">
+                    <div class="text-center mt-4 founder-signature">
+                        Тимур В.
                     </div>
                 </div>
             </div>
@@ -847,141 +783,57 @@
     </section>
 
     <!-- FAQ Section -->
-    <section id="faq" class="py-20 px-6 bg-black">
+    <section id="faq" class="py-20 px-6 bg-gray-900">
         <div class="container mx-auto max-w-4xl">
             <h2 class="section-title text-white">ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ</h2>
             <div class="accordion">
                 <div class="accordion-item">
                     <div class="accordion-header">
-                        <h3 class="text-lg font-bold">КАК БЫСТРО Я СМОГУ ЗАРАБАТЫВАТЬ ПОСЛЕ СТАРТА КУРСА?</h3>
+                        <h3 class="text-lg font-bold">СКОЛЬКО НУЖНО ДЕНЕГ НА СТАРТ?</h3>
                     </div>
                     <div class="accordion-content">
                         <p class="py-4 opacity-80">
-                            Большинство наших учеников получают первые результаты уже через 7-14 дней после начала обучения. Все зависит от вашей вовлеченности и времени, которое вы готовы уделять практике. При интенсивной работе первые выплаты от $500 возможны уже через месяц.
+                            Минимальный бюджет для тестирования первой связки — около $200-300. Этого достаточно, чтобы запустить тестовую кампанию и получить первые данные для оптимизации. В курсе мы даем стратегии, как минимизировать риски и тестировать офферы с небольшим бюджетом.
                         </p>
                     </div>
                 </div>
                 <div class="accordion-item">
                     <div class="accordion-header">
-                        <h3 class="text-lg font-bold">СКОЛЬКО ДЕНЕГ НУЖНО ДЛЯ СТАРТА?</h3>
+                        <h3 class="text-lg font-bold">КОГДА ПОЯВЯТСЯ ПЕРВЫЕ РЕЗУЛЬТАТЫ?</h3>
                     </div>
                     <div class="accordion-content">
                         <p class="py-4 opacity-80">
-                            Минимальный бюджет для тестирования первой связки — около $200-300. Этого достаточно, чтобы запустить тестовую кампанию и получить первые данные для оптимизаци��. В курсе мы даем стратегии, как минимизировать риски и тестировать офферы с небольшим бюджетом.
+                            Большинство наших учеников получают первые результаты уже через 7-14 дней после начала обучения. Все зависит от вашей вовлеченности и времени, которое вы готовы уделять практике. При интенсивной работе первые выплаты от $500 возможны уже через месяц.
                         </p>
                     </div>
                 </div>
                 <div class="accordion-item">
                     <div class="accordion-header">
-                        <h3 class="text-lg font-bold">КАКОЙ ОПЫТ НУЖЕН ДЛЯ ПРОХОЖДЕНИЯ КУРСА?</h3>
+                        <h3 class="text-lg font-bold">НУЖНО ЛИ УМЕТЬ ЗАПУСКАТЬ РЕКЛАМУ ЗАРАНЕЕ?</h3>
                     </div>
                     <div class="accordion-content">
                         <p class="py-4 opacity-80">
-                            Курс рассчитан как на новичков, так и на тех, кто уже пробовал арбитраж. Мы начинаем с самых основ и постепенно переходим к сложным стратегиям. Если у вас есть базовые навыки работы с компьютером — этого достаточно.
+                            Нет, курс рассчитан как на новичков, так и на тех, кто уже пробовал арбитраж. Мы начинаем с самых основ и постепенно переходим к сложным стратегиям. Если у вас есть базовые навыки работы с компьютером — этого достаточно.
                         </p>
                     </div>
                 </div>
                 <div class="accordion-item">
                     <div class="accordion-header">
-                        <h3 class="text-lg font-bold">КАК ДОЛГО ДЛИТСЯ ДОСТУП К КУРСУ?</h3>
+                        <h3 class="text-lg font-bold">ЧТО ДЕЛАТЬ, ЕСЛИ НЕ ПОЛУЧАЕТСЯ С ПЕРВОГО РАЗА?</h3>
                     </div>
                     <div class="accordion-content">
                         <p class="py-4 opacity-80">
-                            В зависимости от тарифа: от 6 месяцев до пожизненного доступа. Даже после окончания срока доступа вы сохраняете все материалы, которые успели скачать, и остаетесь в закрытом чате учеников.
+                            Арбитраж — это тестирование и анализ. Не все связки работают сразу. В курсе мы учим, как анализировать неудачи и превращать их в успешные кампании. Кроме того, на тарифах "В команде" и VIP вы получаете поддержку кураторов.
                         </p>
                     </div>
                 </div>
                 <div class="accordion-item">
                     <div class="accordion-header">
-                        <h3 class="text-lg font-bold">ЕСТЬ ЛИ ГАРАНТИИ РЕЗУЛЬТАТА?</h3>
+                        <h3 class="text-lg font-bold">МОЖНО ЛИ СОВМЕЩАТЬ ОБУЧЕНИЕ С ОСНОВНОЙ РАБОТОЙ?</h3>
                     </div>
                     <div class="accordion-content">
                         <p class="py-4 opacity-80">
-                            Мы даем 30-дневную гарантию возврата средств, если курс вам не подойдет. Однако результат зависит от ваших действий. Ученики, которые выполняют все задания и применяют знания на практике, достигают отличных результатов.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- Guarantees Section -->
-    <section class="py-20 px-6 bg-gray-900">
-        <div class="container mx-auto">
-            <h2 class="section-title text-white">НАШИ ГАРАНТИИ</h2>
-            <div class="grid md:grid-cols-2 gap-12 items-center">
-                <div>
-                    <div class="text-primary text-5xl mb-6">
-                        <i class="fas fa-shield-alt"></i>
-                    </div>
-                    <h3 class="text-2xl font-bold mb-4">30 ДНЕЙ ГАРАНТИИ ВОЗВРАТА</h3>
-                    <p class="text-lg mb-6 opacity-90">
-                        Мы настолько уверены в качестве нашего курса, что даем 30-дневную гарантию возврата средств. Если в течение месяца вы поймете, что курс вам не подходит — мы вернем деньги без лишних вопросов.
-                    </p>
-                    <p class="text-lg mb-6 opacity-90">
-                        Единственное условие — вы должны показать, что действительно работали по материалам курса и выполнили хотя бы 50% заданий.
-                    </p>
-                    <button class="btn-primary px-8 py-3 rounded-full text-lg">
-                        ПОЛУЧИТЬ ДОСТУП
-                    </button>
-                </div>
-                <div class="relative">
-                    <img src="https://images.unsplash.com/photo-1579621970563-ebec7560ff3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1171&q=80" alt="Гарантии" class="rounded-lg shadow-2xl w-full">
-                    <div class="absolute -bottom-5 -right-5 bg-primary p-4 rounded-lg shadow-lg text-black font-bold">
-                        БЕЗ РИСКА
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- Roadmap Section -->
-    <section class="py-20 px-6 bg-black">
-        <div class="container mx-auto">
-            <h2 class="section-title text-white">КАК ПРОХОДИТ ОБУЧЕНИЕ</h2>
-            <div class="max-w-4xl mx-auto">
-                <div class="timeline-item">
-                    <div class="timeline-dot"></div>
-                    <div class="bg-gray-900 p-6 rounded-lg">
-                        <h3 class="text-xl font-bold mb-2">ШАГ 1: РЕГИСТРАЦИЯ И ДОСТУП</h3>
-                        <p class="opacity-80">
-                            После оплаты вы сразу получаете доступ к личному кабинету с первыми уроками и материалами. В течение 24 часов вам назначается куратор (для тарифов TEAM и VIP).
-                        </p>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-dot"></div>
-                    <div class="bg-gray-900 p-6 rounded-lg">
-                        <h3 class="text-xl font-bold mb-2">ШАГ 2: ОСНОВЫ АРБИТРАЖА</h3>
-                        <p class="opacity-80">
-                            Первая неделя посвящена основам: выбор ниши, регистрация в партнерках, анализ офферов. Вы получаете первые задания и начинаете практиковаться.
-                        </p>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-dot"></div>
-                    <div class="bg-gray-900 p-6 rounded-lg">
-                        <h3 class="text-xl font-bold mb-2">ШАГ 3: ЗАПУСК ПЕРВОЙ СВЯЗКИ</h3>
-                        <p class="opacity-80">
-                            На второй неделе вы выбираете оффер, создаете лендинг и запускаете тестовую кампанию с бюджетом $50-100. Куратор проверяет ваши настройки.
-                        </p>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-dot"></div>
-                    <div class="bg-gray-900 p-6 rounded-lg">
-                        <h3 class="text-xl font-bold mb-2">ШАГ 4: АНАЛИЗ И ОПТИМИЗАЦИЯ</h3>
-                        <p class="opacity-80">
-                            Вы учитесь анализировать данные, считать ROI и оптимизировать кампанию. На этом этапе многие ученики уже получают первые продажи.
-                        </p>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-dot"></div>
-                    <div class="bg-gray-900 p-6 rounded-lg">
-                        <h3 class="text-xl font-bold mb-2">ШАГ 5: МАСШТАБИРОВАНИЕ</h3>
-                        <p class="opacity-80">
-                            После нахождения прибыльной связки вы учитесь масштабировать успешные кампании, увеличивать ��юджет и выходить на стабильный доход.
+                            Да, курс построен так, что вы можете изучать материал в удобном для вас темпе. Многие наши ученики начинали с 2-3 часов в день и постепенно переходили на арбитраж как на основной источник дохода.
                         </p>
                     </div>
                 </div>
@@ -992,9 +844,9 @@
     <!-- CTA Section -->
     <section class="py-20 px-6 bg-gradient-to-r from-gray-900 to-black">
         <div class="container mx-auto text-center">
-            <h2 class="text-3xl md:text-4xl font-bold mb-6">ГОТОВЫ СТАТЬ TRAFFIC MASTER?</h2>
+            <h2 class="text-3xl md:text-4xl font-bold mb-6">ВАША НОВАЯ ЖИЗНЬ НАЧИНАЕТСЯ ЗДЕСЬ</h2>
             <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">
-                Начните зарабатывать на арбитраже трафика уже через 7 дней. Оставьте заявку и получите консультацию по выбору тарифа.
+                Успейте попасть на ближайший поток и начните зарабатывать на арбитраже уже через неделю!
             </p>
             <button class="btn-primary px-12 py-4 rounded-full text-lg">
                 ПОЛУЧИТЬ ДОСТУП
@@ -1059,7 +911,7 @@
             </div>
             <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
                 <p class="opacity-80 mb-4 md:mb-0">
-                    © 2023 TRAFFIC MASTER. Все права защищены.
+                    © 2025 TRAFFIC MASTER. Все права защищены.
                 </p>
                 <div class="flex space-x-6">
                     <a href="#" class="opacity-80 hover:text-primary">Политика конфиденциальности</a>
@@ -1070,6 +922,14 @@
     </footer>
 
     <script>
+        // Mobile menu toggle
+        const mobileMenuButton = document.getElementById('mobile-menu-button');
+        const mobileMenu = document.getElementById('mobile-menu');
+
+        mobileMenuButton.addEventListener('click', function() {
+            mobileMenu.classList.toggle('active');
+        });
+
         // Accordion functionality
         document.querySelectorAll('.accordion-header').forEach(header => {
             header.addEventListener('click', () => {
@@ -1090,47 +950,47 @@
                 document.querySelector(this.getAttribute('href')).scrollIntoView({
                     behavior: 'smooth'
                 });
+                mobileMenu.classList.remove('active');
             });
         });
 
-        // Mobile menu toggle (placeholder)
-        document.querySelector('.fa-bars').addEventListener('click', function() {
-            alert('Мобильное меню будет реализовано в полной версии сайта');
-        });
-
-        // Counter animation
-        function animateCounters() {
-            const counters = document.querySelectorAll('.counter-item');
-            const speed = 200;
-            
-            counters.forEach(counter => {
-                const target = +counter.innerText.replace('+', '');
-                const count = +counter.innerText.replace('+', '');
-                const increment = target / speed;
-                
-                if(count < target) {
-                    counter.innerText = Math.ceil(count + increment) + '+';
-                    setTimeout(animateCounters, 1);
-                } else {
-                    counter.innerText = target + '+';
-                }
+        // Testimonial slider
+        let currentTestimonial = 0;
+        const testimonials = document.querySelectorAll('.testimonial-slide');
+        
+        function showTestimonial(index) {
+            testimonials.forEach((testimonial, i) => {
+                testimonial.style.transform = `translateX(${100 * (i - index)}%)`;
             });
         }
+        
+        function nextTestimonial() {
+            currentTestimonial = (currentTestimonial + 1) % testimonials.length;
+            showTestimonial(currentTestimonial);
+        }
+        
+        // Auto-rotate testimonials every 5 seconds
+        setInterval(nextTestimonial, 5000);
 
-        // Start counter animation when section is in view
-        const observer = new IntersectionObserver((entries) => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    animateCounters();
-                    observer.unobserve(entry.target);
-                }
-            });
-        }, {threshold: 0.5});
-
-        const heroSection = document.querySelector('section');
-        if (heroSection) {
-            observer.observe(heroSection);
+        // Countdown timer
+        function updateCountdown() {
+            const now = new Date();
+            const tomorrow = new Date();
+            tomorrow.setDate(now.getDate() + 1);
+            tomorrow.setHours(0, 0, 0, 0);
+            
+            const diff = tomorrow - now;
+            
+            const hours = Math.floor(diff / (1000 * 60 * 60));
+            const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
+            const seconds = Math.floor((diff % (1000 * 60)) / 1000);
+            
+            document.getElementById('countdown').textContent = 
+                `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
         }
+        
+        setInterval(updateCountdown, 1000);
+        updateCountdown();
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=timoon811/landcourse45" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt

@@ -1 +1 @@
-Сделай лендинг для курса по арбитражу трафика!  ТЗ лендинга Traffic Master - искусство зарабатывать на трафике с любой точки мира!  	 1.	Header / Navigation – фиксированное меню с ссылками на основные разделы. 	2.	Hero Section – броский заголовок, подзаголовок, кнопки «Получить доступ», счётчики (учеников, средний доход, страны)  	3.	About Section (#about) – описание курса 	4.	Features Section (#features) – четыре карточки с основными преимуществами 	5.	For Whom Section – целевых аудиторий: новички, предприниматели, фрилансеры, junior-арбитражники, таргетологи,  	6.	Skills Section («Чему вы научитесь») – шесть практических навыков (запуск связок, работа с ПП, создание лендингов, боты и CRM, масштабирование, анализ ГЕО). 	7.	Program Section (#program) – вкладка с программой курса - где видно только первый модуль программы! Остальные модули типа заблюрены и ниже кнопка получить полную программу курса!  	8.	Bonuses Section – шесть бонусных материалов (чек-листы, шаблоны, лендинги, ПП-база, чат, обновления). 	9.	Pricing Section (#pricing) – три тарифа (Соло, Командная работа, VIP) с перечнем включённых опций. И сделать средний тариф самым популярным!  	10.	Testimonials Section – три карточки с отзывами выпускников и кнопка «Смотреть больше». 	11.	Team Section – основатель - ссылки на инстаграм основателя и интервью на ютуб! И небольшой текст про основателя  	12.	FAQ Section (#faq) – аккордеон с часто задаваемыми вопросами.   	13.  Гарантии: раздел «Гарантия возврата средств» или «Наши обязательства». 	14.   Roadmap / How It Works: поэтапное описание процесса обучения или реализации в виде таймлайна. 	 	•	Footer: информацию об авторских правах, ссылки на политику конфиденциальности и пользовательское соглашение. Иконки соц сетей и блоки меню для SEO    Стиль используй этот!  BRANDBOOK: TRAFFIC MASTER  ---  ### 1. ОСНОВА БРЕНДА  Название: Traffic Master   Суть бренда: Система обучения арбитражников, которая транслирует свободу, кайф, силу, деньги, рост и драйв.  Кор-месседж: Арбитраж не для всех. Но если ты вошел — ты в игре.  ---  ### 2. ЛОГОТИП  #### Основная версия: - TRAFFIC — цвет: #f6fc79 (ярко-лимонный), гладкая текстура - MASTER — цвет: #E1E1E1 (30% серее белого) - Шрифт: Bold Sans-Serif - Версал, без курсивов  #### Стилистика: - Минимализм - Объем на слове "TRAFFIC" - Горизонтальное расположение  ---  ### 3. ПРИМЕНЕНИЕ ЛОГОТИПА  #### Черный фон (основной): - Используется стандартный логотип (цвета: #f6fc79 и `#E1E1E1`) - Не допускается добавление теней или фонов  #### Белый фон: - "TRAFFIC" — #bcc20e (неоново-оливковый) - "MASTER" — #1A1A1A (почти-черный)  #### Серый фон (середина UI): - Слово TRAFFIC становится #f7ff9f - MASTER остается белым (`#FFFFFF`)  #### Стикеры и картинки: - Используйте лого без фона (.png) - Отступ от края не менее 20px  ---  ### 4. ЦВЕТОВАЯ ПАЛИТРА  - #f6fc79 — главный акцент (на TRAFFIC) - #E1E1E1 — нейтральный серый (на MASTER) - #000000 — фон - #FFFFFF — дополнительный цвет для текстов и фонов  ---  ### 5. ТИПОГРАФИЯ  - Шрифт: Inter, Montserrat, Suisse Int'l (Bold / Regular) - Только в верхнем регистре - Растояние между буквами: 2–3%  ---  ### 6. НЕ ДОПУСКАЕТСЯ  - Изменять цвет слов без согласования - Кривить логотип - Добавлять тени, обводки или световые эффекты - Переносить слова в две строки  ---  ### 7. Медиакит и Форматы  - PNG (c прозрачным фоном) - SVG для масштабируемости - JPG для постеров - PDF для презентаций  От себя можешь добавлять интерактив, анимацию, элементы разные, чтобы все было круто и красиво!  И не забудь адаптировать мобильную версию, чтобы сайт можно было в мобильной версии скролить только вертикально и не было движений горизонтально!
+  📄 Техническое задание на доработку сайта TRAFFIC MASTER  ⸻  1. Мобильное меню 	•	Реализовать полноценное мобильное меню: 	•	При клике на бургер-меню открывается адаптивное выпадающее меню с навигацией по якорям. 	•	Кнопка “Получить доступ” должна дублироваться в мобильной версии отдельно в шапке.  ⸻  2. Первый блок (Hero Section) 	•	Оставить одну основную кнопку: «Получить доступ». 	•	Удалить картинку сбоку. 	•	Изменить дизайн блока: 	•	Наложить интересный фон (варианты: динамический градиент, абстракция, 3D-сетка, фоновое видео или легкая текстура). 	•	Либо полностью переработать визуальную концепцию (например, крупная надпись + фоновая динамическая графика). 	•	Текст сократить: 	•	Убрать ощущение “текста много”. 	•	Сделать текст более лаконичным, четко продающим за 2-3 строки. 	•	Убрать блок с цифрами (кол-во учеников, средний доход и страны).  ⸻  3. Второй блок (О курсе) 	•	Переработать текст: 	•	Сделать его более цепляющим. 	•	Структурировать в формате: проблема → решение → выгоды → призыв. 	•	Убрать текущую картинку. 	•	Визуально оформить блок: 	•	Можно использовать фоновую графику, яркий элемент (например, айдентику курса, цитату или крупное визуальное обещание).  ⸻  4. Третий блок (Преимущества) 	•	Обновить информацию: 	•	Изменить года с 2023 → на 2025 во всех текстах.  ⸻  5. Четвертый блок (Для кого курс) 	•	Сократить количество карточек до 4 штук: 	•	Таргетологи 	•	Джуниор-арбитражники 	•	Новички 	•	Фрилансеры 	•	Убрать категории “предприниматели” и “цифровые номады”.  ⸻  6. Пятый блок (Чему вы научитесь) 	•	Полностью убрать данный блок.  ⸻  7. Шестой блок (Программа курса) 	•	Расширить открытую часть программы: 	•	Добавить больше информации по основным темам. 	•	Перенести сюда логику убранного пятого блока (“чему вы научитесь”). 	•	Визуально переработать: 	•	Более современное оформление (например, аккордеон или timeline с анимацией раскрытия). 	•	Оставить замыленной только полную программу. 	•	Добавить две кнопки: 	•	“Получить пробный урок” 	•	“Получить полную программу”  ⸻  8. Седьмой блок (Бонусы) 	•	Переработать визуальное оформление: 	•	Более “богатая” подача бонусов: добавить мини-иконки, акценты, более привлекательную упаковку.  ⸻  9. Восьмой блок (Тарифы) 	•	Тарифы переименовать: 	•	SOLO → “Соло” 	•	TEAM → “В команде” 	•	VIP → “VIP” 	•	Убрать отображение цен. 	•	Добавить кнопку “Узнать цену” под каждым тариф��м. 	•	Выделить второй тариф “В команде” как самый популярный: 	•	Яркая метка “Популярный выбор”. 	•	Исправить условия: 	•	Начиная со второго тарифа (В команде) — пожизненный доступ к курсу. 	•	Добавить эффекты FOMO под тарифами: 	•	Тексты типа “Осталось 5 мест”, “Последний шанс присоединиться к потоку” и др. 	•	Позиционировать тарифы: 	•	Соло — базовый пакет для самостоятельной работы. 	•	В команде — оптимальный, с пожизненным доступом и поддержкой. 	•	VIP — для индивидуальной работы + гарантия трудоустройства.  ⸻  10. Девятый блок (Отзывы) 	•	Сделать отзывы в формате карусели: 	•	Автоматическая прокрутка (свайп/листание). 	•	Отзывы без имён: 	•	Фокус на скрины переписок, короткие тексты. 	•	Вставить реальные скриншоты, изображения благодарностей. 	•	Убрать кнопку “смотреть больше отзывов”.  ⸻  11. Десятый блок (Команда) 	•	Переформатировать в блок: 	•	“Основатель курса”. 	•	Фото: Тимур В. (фото в стиле лидера проекта). 	•	Подпись под фотографией: 	•	Красивый рукописный шрифт (имитация подписи). 	•	Текст: 	•	“Обучил более 1500 сотрудников компании”. 	•	Кнопки: 	•	Ссылка на YouTube 	•	Ссылка на Instagram  ⸻  12. Одиннадцатый блок (FAQ) 	•	Переработать все вопросы: 	•	Сделать их более релевантными текущим реалиям курса. 	•	Исключить информацию про гарантию возврата средств (убрать полностью). 	•	Структура вопросов: 	•	Сколько нужно денег на старт? 	•	Когда появятся первые результаты? 	•	Нужно ли уметь запускать рекламу заранее? 	•	Что делать, если не получается с первого раза? 	•	Можно ли совмещать обучение с основной работой?  ⸻  13. Двенадцатый блок 	•	Удалить полностью.  ⸻  14. Тринадцатый блок 	•	Не трогать. Оставить без изменений.  ⸻  15. Четырнадцатый блок (Финальный CTA) 	•	Переработать текст: 	•	Сделать призыв более “заряженным”. 	•	Например: “Ваша новая жизнь начинается здесь — успейте попасть на ближайший поток!”. 	•	Структура: 	•	Сильный заголовок + мотивационный текст + кнопка “Получить доступ”.  ⸻  16. Футер 	•	Не трогать. Оставить как есть.  ⸻  🛠️ Дополнительные рекомендации от меня - но не обязательные!   Что ещё стоит добавить для усиления продаж: 	•	В Hero-секции внедрить таймер до начала потока (если актуально). 	•	Добавить плашку доверия: “Уже более 1500 учеников по всему миру”. 	•	В бонусы вынести бесплатный разбор связки для тарифа “В команде” и выше. 	•	Прописать оффер “Первые 5 студентов получат личную консультацию”. 	•	Продублировать кнопку “Получить доступ” после 4–5 блока.