| <!DOCTYPE html> |
| <html lang="ru"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Traffic Master - Арбитраж трафика с нуля</title> |
| <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"> |
| <style> |
| .gradient-text { |
| background-clip: text; |
| -webkit-background-clip: text; |
| color: transparent; |
| background-image: linear-gradient(90deg, #3b82f6, #8b5cf6); |
| } |
| .course-card:hover .course-icon { |
| transform: scale(1.1); |
| } |
| .testimonial-card { |
| transition: all 0.3s ease; |
| } |
| .testimonial-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); |
| } |
| .checklist li::before { |
| content: "✓"; |
| color: #10b981; |
| font-weight: bold; |
| display: inline-block; |
| width: 1.5em; |
| margin-left: -1.5em; |
| } |
| </style> |
| </head> |
| <body class="bg-gray-50 font-sans text-gray-800"> |
| |
| <section class="py-20 bg-white"> |
| <div class="container mx-auto px-6 text-center"> |
| <span class="bg-blue-100 text-blue-800 px-4 py-2 rounded-full font-medium mb-4 inline-block">🔥 Только практика</span> |
| <h1 class="text-4xl md:text-5xl font-bold mb-6"> |
| <span class="gradient-text">TRAFFIC MASTER</span> — с нуля до уверенного арбитражника |
| </h1> |
| <p class="text-xl md:text-2xl text-gray-600 max-w-2xl mx-auto mb-10"> |
| Ты не покупаешь курс. Ты покупаешь навык, который будет кормить тебя годами. |
| </p> |
| <div class="flex justify-center space-x-4"> |
| <a href="#enroll" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 px-8 rounded-lg transition duration-300 transform hover:scale-105"> |
| 🎟 Записаться на курс |
| </a> |
| <a href="#game" class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-4 px-8 rounded-lg transition duration-300 transform hover:scale-105"> |
| 🎁 Получить бонус |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-gray-100"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center">📦 Что ты получишь на курсе</h2> |
| |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12"> |
| |
| <div class="bg-white p-8 rounded-xl shadow-md course-card"> |
| <div class="bg-blue-100 text-blue-600 course-icon w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto transition duration-300"> |
| <i class="fas fa-brain text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-center">1. Основы арбитража</h3> |
| <p class="text-gray-600 text-center"> |
| Что такое офферы, связки, вертикали. Как мыслит медиабайер. Психология прибыльных кампаний. |
| </p> |
| </div> |
| |
| |
| <div class="bg-white p-8 rounded-xl shadow-md course-card"> |
| <div class="bg-purple-100 text-purple-600 course-icon w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto transition duration-300"> |
| <i class="fas fa-rocket text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-center">2. Платные источники</h3> |
| <p class="text-gray-600 text-center"> |
| Facebook, TikTok, Push, Google UAC — плюсы, минусы, стратегии входа. Где тестировать новичку. |
| </p> |
| </div> |
| |
| |
| <div class="bg-white p-8 rounded-xl shadow-md course-card"> |
| <div class="bg-green-100 text-green-600 course-icon w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto transition duration-300"> |
| <i class="fas fa-tools text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-center">3. Платформы и инструменты</h3> |
| <p class="text-gray-600 text-center"> |
| Keitaro, CRM, трекеры, аренда приложений, антидетект-браузеры. Настройка "под ключ". |
| </p> |
| </div> |
| |
| |
| <div class="bg-white p-8 rounded-xl shadow-md course-card"> |
| <div class="bg-red-100 text-red-600 course-icon w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto transition duration-300"> |
| <i class="fas fa-mind-share text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-center">4. Психология конверсий</h3> |
| <p class="text-gray-600 text-center"> |
| Почему люди кликают и депают. Как вызывать доверие и запускать дофамин. 17 триггеров. |
| </p> |
| </div> |
| |
| |
| <div class="bg-white p-8 rounded-xl shadow-md course-card"> |
| <div class="bg-yellow-100 text-yellow-600 course-icon w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto transition duration-300"> |
| <i class="fas fa-play-circle text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-center">5. Практика: запуск связки</h3> |
| <p class="text-gray-600 text-center"> |
| Ты шаг за шагом запускаешь свою первую кампанию. Мы вместе анализируем и оптимизируем. |
| </p> |
| </div> |
| |
| |
| <div class="bg-white p-8 rounded-xl shadow-md course-card"> |
| <div class="bg-indigo-100 text-indigo-600 course-icon w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto transition duration-300"> |
| <i class="fas fa-users text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-3 text-center">6. Масштабирование</h3> |
| <p class="text-gray-600 text-center"> |
| Как собрать команду. Как вырасти с $100/день до $3k+/день. Автоматизация процессов. |
| </p> |
| </div> |
| </div> |
| |
| <div class="bg-blue-50 border border-blue-200 rounded-xl p-8 max-w-4xl mx-auto"> |
| <h3 class="text-2xl font-bold mb-6 text-center">🔥 Что внутри курса</h3> |
| <div class="grid md:grid-cols-2 gap-6"> |
| <ul class="space-y-3 checklist"> |
| <li>70+ видеоуроков в живом формате, без скуки и нудятины</li> |
| <li>Шаблоны, файлы, таблицы, скрипты — бери и применяй</li> |
| <li>Чат с экспертами 24/7 — не останешься один</li> |
| </ul> |
| <ul class="space-y-3 checklist"> |
| <li>Домашки с разбором — обучение с контролем и обратной связью</li> |
| <li>Гарантия результата — выполни всё → либо ты зарабатываешь, либо мы тебя добиваем</li> |
| <li>Сертификат и вакансия — лучших забираем в команду TMT</li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-white"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center">💬 Отзывы студентов</h2> |
| |
| <div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto"> |
| |
| <div class="bg-gray-50 p-8 rounded-xl shadow-md testimonial-card"> |
| <div class="flex items-center mb-6"> |
| <div class="bg-blue-100 text-blue-600 w-12 h-12 rounded-full flex items-center justify-center mr-4"> |
| <i class="fas fa-user-tie"></i> |
| </div> |
| <div> |
| <h4 class="font-bold">Влад</h4> |
| <p class="text-sm text-gray-500">Выпуск 2025</p> |
| </div> |
| </div> |
| <p class="text-gray-700 italic mb-4"> |
| "Я пришёл вообще без понимания — теперь веду свою команду, сливаю $1k в день и окупаю на x2. Курс — это не теория, это как наставничество на стероидах." |
| </p> |
| <div class="flex text-yellow-400"> |
| <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> |
| |
| |
| <div class="bg-gray-50 p-8 rounded-xl shadow-md testimonial-card"> |
| <div class="flex items-center mb-6"> |
| <div class="bg-purple-100 text-purple-600 w-12 h-12 rounded-full flex items-center justify-center mr-4"> |
| <i class="fas fa-user-graduate"></i> |
| </div> |
| <div> |
| <h4 class="font-bold">Алихан</h4> |
| <p class="text-sm text-gray-500">Выпуск 2025</p> |
| </div> |
| </div> |
| <p class="text-gray-700 italic mb-4"> |
| "Тимур объясняет, как будто ты его младший брат. Без понтов, но с цифрами и опытом. Через 3 месяца вышел на $2.5k чистыми." |
| </p> |
| <div class="flex text-yellow-400"> |
| <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> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-gray-100"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center">✅ Этот курс для тебя, если ты:</h2> |
| |
| <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto"> |
| <div class="bg-white p-8 rounded-xl shadow-md"> |
| <ul class="space-y-4"> |
| <li class="flex items-start"> |
| <div class="bg-green-100 text-green-600 p-2 rounded-full mr-4"> |
| <i class="fas fa-check"></i> |
| </div> |
| <span>Хочешь быстро выйти на доход $1000+ в месяц</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-green-100 text-green-600 p-2 rounded-full mr-4"> |
| <i class="fas fa-check"></i> |
| </div> |
| <span>Устал от воды в ютубе и "успешных успехов"</span> |
| </li> |
| </ul> |
| </div> |
| <div class="bg-white p-8 rounded-xl shadow-md"> |
| <ul class="space-y-4"> |
| <li class="flex items-start"> |
| <div class="bg-green-100 text-green-600 p-2 rounded-full mr-4"> |
| <i class="fas fa-check"></i> |
| </div> |
| <span>Готов действовать, а не просто "смотреть"</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-green-100 text-green-600 p-2 rounded-full mr-4"> |
| <i class="fas fa-check"></i> |
| </div> |
| <span>Хочешь стать частью самой заряженной арбитражной команды СНГ</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="enroll" class="py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white"> |
| <div class="container mx-auto px-6 text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">🎯 Сейчас твой шаг</h2> |
| <p class="text-xl mb-8 max-w-2xl mx-auto"> |
| Курс TRAFFIC MASTER — это входной билет в индустрию, где ты сам себе инвестор. Зайди → сделай → зарабатывай. |
| </p> |
| |
| <div class="bg-white bg-opacity-10 p-8 rounded-xl backdrop-blur-sm max-w-2xl mx-auto mb-8"> |
| <h3 class="text-xl font-semibold mb-4">👇 Забирай место, пока ещё есть:</h3> |
| <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4"> |
| <a href="#enroll" class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-4 px-8 rounded-lg transition duration-300 transform hover:scale-105"> |
| 🎟 Записаться на курс |
| </a> |
| <a id="game" href="#game" class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-4 px-8 rounded-lg transition duration-300 transform hover:scale-105"> |
| 🎁 Получить бонус |
| </a> |
| </div> |
| </div> |
| |
| <p class="text-sm opacity-80"> |
| ⚠️ Внимание: Количество мест ограничено. Следующий набор через 3 месяца. |
| </p> |
| </div> |
| </section> |
|
|
| <script> |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function (e) { |
| e.preventDefault(); |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ |
| behavior: 'smooth' |
| }); |
| }); |
| }); |
| </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/landpreza" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
