Spaces:
Running
Running
| <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"> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> | |
| <style> | |
| @keyframes pulse { | |
| 0%, 100% { transform: scale(1); } | |
| 50% { transform: scale(1.05); } | |
| } | |
| @keyframes float { | |
| 0%, 100% { transform: translateY(0); } | |
| 50% { transform: translateY(-10px); } | |
| } | |
| @keyframes gradient { | |
| 0% { background-position: 0% 50%; } | |
| 50% { background-position: 100% 50%; } | |
| 100% { background-position: 0% 50%; } | |
| } | |
| .gradient-text { | |
| background: linear-gradient(90deg, #f6fc79, #bcc20e, #f6fc79); | |
| background-size: 200% auto; | |
| color: transparent; | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| animation: gradient 3s linear infinite; | |
| } | |
| .hover-grow { | |
| transition: transform 0.3s ease; | |
| } | |
| .hover-grow:hover { | |
| transform: scale(1.03); | |
| } | |
| .tab-content { | |
| display: none; | |
| } | |
| .tab-content.active { | |
| display: block; | |
| animation: fadeIn 0.5s ease; | |
| } | |
| @keyframes fadeIn { | |
| from { opacity: 0; } | |
| to { opacity: 1; } | |
| } | |
| .accordion-content { | |
| max-height: 0; | |
| overflow: hidden; | |
| transition: max-height 0.3s ease; | |
| } | |
| .accordion-content.active { | |
| max-height: 1000px; | |
| } | |
| .floating { | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| .pulse { | |
| animation: pulse 2s infinite; | |
| } | |
| .bg-grid { | |
| background-image: | |
| linear-gradient(rgba(246, 252, 121, 0.1) 1px, transparent 1px), | |
| linear-gradient(90deg, rgba(246, 252, 121, 0.1) 1px, transparent 1px); | |
| background-size: 30px 30px; | |
| } | |
| .glow-border { | |
| box-shadow: 0 0 15px rgba(246, 252, 121, 0.5); | |
| } | |
| .glow-border:hover { | |
| box-shadow: 0 0 25px rgba(246, 252, 121, 0.8); | |
| } | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| background-color: #000; | |
| color: #E1E1E1; | |
| scroll-behavior: smooth; | |
| overflow-x: hidden; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-family: 'Montserrat', sans-serif; | |
| text-transform: uppercase; | |
| letter-spacing: 0.03em; | |
| } | |
| .btn-primary { | |
| background: linear-gradient(90deg, #f6fc79, #bcc20e); | |
| color: #000; | |
| font-weight: 700; | |
| transition: all 0.3s ease; | |
| } | |
| .btn-primary:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 10px 20px rgba(246, 252, 121, 0.3); | |
| } | |
| .section-title { | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .section-title::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: -10px; | |
| left: 0; | |
| width: 100%; | |
| height: 3px; | |
| background: linear-gradient(90deg, #f6fc79, #bcc20e); | |
| } | |
| .feature-card:hover .feature-icon { | |
| transform: rotateY(180deg); | |
| } | |
| .feature-icon { | |
| transition: transform 0.6s ease; | |
| } | |
| .testimonial-card { | |
| transition: all 0.3s ease; | |
| } | |
| .testimonial-card:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 15px 30px rgba(246, 252, 121, 0.2); | |
| } | |
| .price-card:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 20px 40px rgba(246, 252, 121, 0.3); | |
| } | |
| .price-card.popular { | |
| border: 2px solid #f6fc79; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .price-card.popular::before { | |
| content: 'ПОПУЛЯРНЫЙ'; | |
| position: absolute; | |
| top: 15px; | |
| right: -30px; | |
| background: #f6fc79; | |
| color: #000; | |
| padding: 3px 30px; | |
| font-size: 12px; | |
| font-weight: 700; | |
| transform: rotate(45deg); | |
| width: 150px; | |
| text-align: center; | |
| } | |
| .timeline-item::before { | |
| content: ''; | |
| position: absolute; | |
| left: -20px; | |
| top: 0; | |
| width: 3px; | |
| height: 100%; | |
| background: linear-gradient(to bottom, #f6fc79, #bcc20e); | |
| } | |
| .timeline-dot { | |
| position: absolute; | |
| left: -26px; | |
| top: 5px; | |
| width: 12px; | |
| height: 12px; | |
| border-radius: 50%; | |
| background: #f6fc79; | |
| box-shadow: 0 0 0 3px rgba(246, 252, 121, 0.3); | |
| } | |
| .nav-link { | |
| position: relative; | |
| } | |
| .nav-link::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: -5px; | |
| left: 0; | |
| width: 0; | |
| height: 2px; | |
| background: #f6fc79; | |
| transition: width 0.3s ease; | |
| } | |
| .nav-link:hover::after { | |
| width: 100%; | |
| } | |
| .video-container { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| .video-container iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .stats-item { | |
| position: relative; | |
| } | |
| .stats-item::before { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| border: 2px solid rgba(246, 252, 121, 0.3); | |
| border-radius: 10px; | |
| animation: pulse 2s infinite; | |
| pointer-events: none; | |
| } | |
| .form-input:focus { | |
| border-color: #f6fc79; | |
| box-shadow: 0 0 0 3px rgba(246, 252, 121, 0.3); | |
| } | |
| .scroll-top { | |
| position: fixed; | |
| bottom: 30px; | |
| right: 30px; | |
| width: 50px; | |
| height: 50px; | |
| background: rgba(246, 252, 121, 0.8); | |
| color: #000; | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| cursor: pointer; | |
| opacity: 0; | |
| transition: all 0.3s ease; | |
| z-index: 99; | |
| } | |
| .scroll-top.active { | |
| opacity: 1; | |
| } | |
| .scroll-top:hover { | |
| background: #f6fc79; | |
| transform: translateY(-5px); | |
| } | |
| .counter { | |
| font-size: 3rem; | |
| font-weight: 700; | |
| background: linear-gradient(90deg, #f6fc79, #bcc20e); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .blur-text { | |
| filter: blur(2px); | |
| opacity: 0.7; | |
| transition: all 0.3s ease; | |
| } | |
| .blur-text:hover { | |
| filter: blur(0); | |
| opacity: 1; | |
| } | |
| @media (max-width: 768px) { | |
| .price-card.popular::before { | |
| right: -25px; | |
| width: 120px; | |
| font-size: 10px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-black text-gray-100"> | |
| <!-- Scroll to top button --> | |
| <div class="scroll-top"> | |
| <i class="fas fa-arrow-up text-xl"></i> | |
| </div> | |
| <!-- Header --> | |
| <header class="fixed w-full bg-black bg-opacity-90 z-50 border-b border-gray-800"> | |
| <div class="container mx-auto px-4 py-4 flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <div class="text-2xl font-bold"> | |
| <span class="text-[#f6fc79]">TRAFFIC</span> | |
| <span class="text-[#E1E1E1]">MASTER</span> | |
| </div> | |
| </div> | |
| <nav class="hidden md:flex space-x-8"> | |
| <a href="#about" class="nav-link text-white hover:text-[#f6fc79]">О КУРСЕ</a> | |
| <a href="#features" class="nav-link text-white hover:text-[#f6fc79]">ЧТО ВЫ ПОЛУЧИТЕ</a> | |
| <a href="#program" class="nav-link text-white hover:text-[#f6fc79]">ПРОГРАММА</a> | |
| <a href="#pricing" class="nav-link text-white hover:text-[#f6fc79]">ТАРИФЫ</a> | |
| <a href="#faq" class="nav-link text-white hover:text-[#f6fc79]">FAQ</a> | |
| <a href="#contacts" class="nav-link text-white hover:text-[#f6fc79]">КОНТАКТЫ</a> | |
| </nav> | |
| <button class="btn-primary px-6 py-2 rounded-full font-bold hidden md:block" onclick="openModal('modal-form')"> | |
| ПОЛУЧИТЬ ДОСТУП | |
| </button> | |
| <button class="md:hidden text-white" id="mobile-menu-button"> | |
| <i class="fas fa-bars text-2xl"></i> | |
| </button> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div class="md:hidden hidden bg-black w-full py-4 px-4" id="mobile-menu"> | |
| <div class="flex flex-col space-y-4"> | |
| <a href="#about" class="nav-link text-white hover:text-[#f6fc79]">О КУРСЕ</a> | |
| <a href="#features" class="nav-link text-white hover:text-[#f6fc79]">ЧТО ВЫ ПОЛУЧИТЕ</a> | |
| <a href="#program" class="nav-link text-white hover:text-[#f6fc79]">ПРОГРАММА</a> | |
| <a href="#pricing" class="nav-link text-white hover:text-[#f6fc79]">ТАРИФЫ</a> | |
| <a href="#faq" class="nav-link text-white hover:text-[#f6fc79]">FAQ</a> | |
| <a href="#contacts" class="nav-link text-white hover:text-[#f6fc79]">КОНТАКТЫ</a> | |
| <button class="btn-primary px-6 py-2 rounded-full font-bold mt-4" onclick="openModal('modal-form')"> | |
| ПОЛУЧИТЬ ДОСТУП | |
| </button> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="pt-32 pb-20 bg-grid relative overflow-hidden"> | |
| <div class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-black to-transparent opacity-80 z-0"></div> | |
| <div class="container mx-auto px-4 relative z-10"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight"> | |
| <span class="gradient-text">ИСКУССТВО ЗАРАБАТЫВАТЬ</span><br> | |
| <span class="text-white">НА ТРАФИКЕ С ЛЮБОЙ ТОЧКИ МИРА</span> | |
| </h1> | |
| <p class="text-xl text-gray-300 mb-8"> | |
| Путь от "не знаю ничего" до $10,000 за месяц. Научись управлять трафиком как профессионал и создай стабильный источник дохода. | |
| </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-4 rounded-full font-bold text-lg hover-grow" onclick="openModal('modal-form')"> | |
| ПОЛУЧИТЬ ДОСТУП | |
| </button> | |
| <button class="border-2 border-[#f6fc79] text-[#f6fc79] px-8 py-4 rounded-full font-bold text-lg hover-grow flex items-center justify-center" onclick="openModal('modal-video')"> | |
| <i class="fas fa-play mr-2"></i> СМОТРЕТЬ ВИДЕО | |
| </button> | |
| </div> | |
| <div class="mt-12 flex flex-wrap gap-4"> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 rounded-full bg-[#f6fc79] flex items-center justify-center mr-3"> | |
| <i class="fas fa-users text-black text-xl"></i> | |
| </div> | |
| <div> | |
| <div class="text-white font-bold text-xl"><span class="counter" data-target="170">0</span>+</div> | |
| <div class="text-gray-400 text-sm">УЧЕНИКОВ</div> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 rounded-full bg-[#f6fc79] flex items-center justify-center mr-3"> | |
| <i class="fas fa-dollar-sign text-black text-xl"></i> | |
| </div> | |
| <div> | |
| <div class="text-white font-bold text-xl">$<span class="counter" data-target="8920">0</span>+</div> | |
| <div class="text-gray-400 text-sm">СРЕДНИЙ ДОХОД</div> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 rounded-full bg-[#f6fc79] flex items-center justify-center mr-3"> | |
| <i class="fas fa-globe text-black text-xl"></i> | |
| </div> | |
| <div> | |
| <div class="text-white font-bold text-xl"><span class="counter" data-target="40">0</span>+</div> | |
| <div class="text-gray-400 text-sm">СТРАН</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 relative"> | |
| <div class="floating"> | |
| <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="Traffic Master" class="rounded-xl glow-border transform rotate-3"> | |
| </div> | |
| <div class="absolute -bottom-10 -left-10 w-32 h-32 bg-[#f6fc79] rounded-full opacity-20 blur-xl"></div> | |
| <div class="absolute -top-10 -right-10 w-40 h-40 bg-[#bcc20e] rounded-full opacity-20 blur-xl"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section id="about" class="py-20 bg-black"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block"> | |
| О КУРСЕ TRAFFIC MASTER | |
| </h2> | |
| </div> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <div class="video-container rounded-xl overflow-hidden"> | |
| <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 md:pl-12"> | |
| <p class="text-gray-300 mb-6 text-lg"> | |
| <span class="text-[#f6fc79] font-bold">TRAFFIC MASTER</span> — это не просто курс, а полноценная экосистема для тех, кто хочет освоить арбитраж трафика и выйти на стабильный доход от $10,000 в месяц. | |
| </p> | |
| <p class="text-gray-300 mb-6 text-lg"> | |
| Мы не учим теории — только практика, проверенные методы и реальные кейсы. Наш подход доказал свою эффективность на более чем 170 учениках из 40 стран. | |
| </p> | |
| <p class="text-gray-300 mb-8 text-lg"> | |
| Арбитраж не для всех. Но если ты вошел — ты в игре. Наша миссия — дать тебе все инструменты для победы в этой игре. | |
| </p> | |
| <div class="bg-gray-900 p-6 rounded-xl border-l-4 border-[#f6fc79]"> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-2xl mr-4 mt-1"> | |
| <i class="fas fa-quote-left"></i> | |
| </div> | |
| <div> | |
| <p class="text-gray-300 italic mb-2"> | |
| "После 3 месяцев обучения по методике Traffic Master я вышел на $15,000 чистыми. Это изменило мою жизнь!" | |
| </p> | |
| <div class="flex items-center"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Student" class="w-10 h-10 rounded-full mr-3"> | |
| <div> | |
| <div class="text-white font-bold">Алексей К.</div> | |
| <div class="text-gray-400 text-sm">выпускник 2023</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section id="features" class="py-20 bg-gray-900"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block"> | |
| ЧТО ВЫ ПОЛУЧИТЕ | |
| </h2> | |
| <p class="text-gray-400 mt-4 max-w-2xl mx-auto"> | |
| Полный комплект инструментов для старта и масштабирования в арбитраже трафика | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> | |
| <div class="feature-card bg-gray-800 p-6 rounded-xl hover-grow"> | |
| <div class="w-16 h-16 bg-[#f6fc79] bg-opacity-20 rounded-full flex items-center justify-center mb-4"> | |
| <div class="feature-icon text-2xl text-[#f6fc79]"> | |
| <i class="fas fa-sitemap"></i> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-2">ПОЛНАЯ ЭКОСИСТЕМА</h3> | |
| <p class="text-gray-400"> | |
| Все необходимое для арбитража в одном месте: от настройки рекламы до работы с ПП и аналитики. | |
| </p> | |
| </div> | |
| <div class="feature-card bg-gray-800 p-6 rounded-xl hover-grow"> | |
| <div class="w-16 h-16 bg-[#f6fc79] bg-opacity-20 rounded-full flex items-center justify-center mb-4"> | |
| <div class="feature-icon text-2xl text-[#f6fc79]"> | |
| <i class="fab fa-facebook"></i> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-2">ПРАКТИКА С FB И TG</H3> | |
| <p class="text-gray-400"> | |
| Глубокий разбор работы с Facebook Ads и Telegram. Научитесь запускать эффективные кампании. | |
| </p> | |
| </div> | |
| <div class="feature-card bg-gray-800 p-6 rounded-xl hover-grow"> | |
| <div class="w-16 h-16 bg-[#f6fc79] bg-opacity-20 rounded-full flex items-center justify-center mb-4"> | |
| <div class="feature-icon text-2xl text-[#f6fc79]"> | |
| <i class="fas fa-file-alt"></i> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-2">ШАБЛОНЫ И ЧЕК-ЛИСТЫ</h3> | |
| <p class="text-gray-400"> | |
| Готовые шаблоны креативов, посадочных страниц, брифы для ПП и чек-листы по каждому этапу. | |
| </p> | |
| </div> | |
| <div class="feature-card bg-gray-800 p-6 rounded-xl hover-grow"> | |
| <div class="w-16 h-16 bg-[#f6fc79] bg-opacity-20 rounded-full flex items-center justify-center mb-4"> | |
| <div class="feature-icon text-2xl text-[#f6fc79]"> | |
| <i class="fas fa-users"></i> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-2">СИЛЬНОЕ КОМЬЮНИТИ</h3> | |
| <p class="text-gray-400"> | |
| Доступ в закрытый чат с арбитражниками, где делятся кейсами, связками и проверенными ПП. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- For Whom Section --> | |
| <section class="py-20 bg-black"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block"> | |
| ДЛЯ КОГО ЭТОТ КУРС | |
| </h2> | |
| <p class="text-gray-400 mt-4 max-w-2xl mx-auto"> | |
| Независимо от вашего текущего уровня, вы найдете в курсе то, что выведет вас на новый доход | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-user-graduate"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">НОВИЧКИ БЕЗ ОПЫТА</h3> | |
| <p class="text-gray-400"> | |
| Если вы только слышали об арбитраже и хотите начать с нуля, мы дадим вам пошаговый план действий. | |
| </p> | |
| </div> | |
| <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-briefcase"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">ПРЕДПРИНИМАТЕЛИ</h3> | |
| <p class="text-gray-400"> | |
| Для владельцев бизнеса, которые хотят освоить новый канал привлечения клиентов и увеличения продаж. | |
| </p> | |
| </div> | |
| <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-laptop-code"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">ФРИЛАНСЕРЫ</h3> | |
| <p class="text-gray-400"> | |
| Для тех, кто хочет уйти в онлайн-заработок, работать из любой точки мира и получать доход в $. | |
| </p> | |
| </div> | |
| <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-chart-line"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">JUNIOR-АРБИТРАЖНИКИ</h3> | |
| <p class="text-gray-400"> | |
| Если вы уже пробовали арбитраж, но не можете выйти на стабильный доход — мы поможем систематизировать знания. | |
| </p> | |
| </div> | |
| <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-bullseye"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">ТАРГЕТОЛОГИ</h3> | |
| <p class="text-gray-400"> | |
| Для специалистов по таргету, которые хотят зарабатывать больше и не зависеть от поиска клиентов. | |
| </p> | |
| </div> | |
| <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-globe"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">МЕЖДУНАРОДНЫЙ РЫНОК</h3> | |
| <p class="text-gray-400"> | |
| Для тех, кто хочет работать с зарубежными рынками и зарабатывать на международных вертикалях. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Skills Section --> | |
| <section class="py-20 bg-gray-900"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block"> | |
| ЧЕМУ ВЫ НАУЧИТЕСЬ | |
| </h2> | |
| <p class="text-gray-400 mt-4 max-w-2xl mx-auto"> | |
| Практические навыки, которые сразу можно применять для заработка | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> | |
| <div class="bg-gray-800 p-6 rounded-xl"> | |
| <div class="flex items-start mb-4"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-check-circle"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold text-white mb-2">НАСТРОЙКА И ЗАПУСК СВЯЗОК</h3> | |
| <p class="text-gray-400"> | |
| Научитесь правильно настраивать и запускать прибыльные связки с нуля, избегая типичных ошибок новичков. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl"> | |
| <div class="flex items-start mb-4"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-check-circle"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold text-white mb-2">РАБОТА С ПП И РЕКЛАМОДАТЕЛЯМИ</h3> | |
| <p class="text-gray-400"> | |
| Узнаете, как находить проверенных ПП, договариваться о выгодных условиях и выстраивать долгосрочные отношения. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl"> | |
| <div class="flex items-start mb-4"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-check-circle"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold text-white mb-2">СОЗДАНИЕ ПОСАДОЧНЫХ СТРАНИЦ</h3> | |
| <p class="text-gray-400"> | |
| Освоите создание высококонверсионных лендингов, прокладок и воронок продаж без навыков программирования. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl"> | |
| <div class="flex items-start mb-4"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-check-circle"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold text-white mb-2">ЗАПУСК БОТОВ И CRM</h3> | |
| <p class="text-gray-400"> | |
| Научитесь автоматизировать процессы с помощью Telegram-ботов и CRM-систем для масштабирования. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl"> | |
| <div class="flex items-start mb-4"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-check-circle"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold text-white mb-2">МАСШТАБИРОВАНИЕ И КОМАНДА</h3> | |
| <p class="text-gray-400"> | |
| Узнаете, как правильно масштабировать успешные кампании и выстраивать работу с командой. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl"> | |
| <div class="flex items-start mb-4"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-check-circle"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold text-white mb-2">АНАЛИЗ АУДИТОРИИ И ГЕО</h3> | |
| <p class="text-gray-400"> | |
| Научитесь анализировать аудиторию, выбирать прибыльные ГЕО и тестировать новые рынки. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Program Section --> | |
| <section id="program" class="py-20 bg-black"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block"> | |
| ПРОГРАММА КУРСА | |
| </h2> | |
| <p class="text-gray-400 mt-4 max-w-2xl mx-auto"> | |
| 10 модулей с практическими заданиями, которые приведут вас к результату | |
| </p> | |
| </div> | |
| <div class="flex justify-center mb-8"> | |
| <div class="inline-flex rounded-md shadow-sm"> | |
| <button type="button" class="tab-btn px-6 py-3 text-sm font-medium rounded-l-lg border border-[#f6fc79] bg-[#f6fc79] text-black" data-tab="module1"> | |
| МОДУЛЬ 1 | |
| </button> | |
| <button type="button" class="tab-btn px-6 py-3 text-sm font-medium border-t border-b border-[#f6fc79] bg-transparent text-white" data-tab="module2"> | |
| МОДУЛЬ 2 | |
| </button> | |
| <button type="button" class="tab-btn px-6 py-3 text-sm font-medium border-t border-b border-[#f6fc79] bg-transparent text-white" data-tab="module3"> | |
| МОДУЛЬ 3 | |
| </button> | |
| <button type="button" class="tab-btn px-6 py-3 text-sm font-medium border-t border-b border-[#f6fc79] bg-transparent text-white" data-tab="module4"> | |
| МОДУЛЬ 4 | |
| </button> | |
| <button type="button" class="tab-btn px-6 py-3 text-sm font-medium rounded-r-lg border border-[#f6fc79] bg-transparent text-white" data-tab="module5"> | |
| МОДУЛЬ 5 | |
| </button> | |
| </div> | |
| </div> | |
| <div class="tab-content active" id="module1"> | |
| <div class="bg-gray-900 rounded-xl p-8"> | |
| <h3 class="text-2xl font-bold text-white mb-6">ВВЕДЕНИЕ В АРБИТРАЖ ТРАФИКА</h3> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Что такое арбитраж трафика и как на нем зарабатывают</h4> | |
| <p class="text-gray-400">Основные понятия, терминология, принципы работы</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Как правильно учиться арбитражу</h4> | |
| <p class="text-gray-400">Методика быстрого освоения материала и выхода на первые результаты</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Перспективы и тренды в арбитраже</h4> | |
| <p class="text-gray-400">Какие направления будут актуальны в ближайшие годы</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Разбор успешных кейсов учеников</h4> | |
| <p class="text-gray-400">Реальные примеры заработка от $3,000 до $50,000 в месяц</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-content" id="module2"> | |
| <div class="bg-gray-900 rounded-xl p-8"> | |
| <h3 class="text-2xl font-bold text-white mb-6">БАЗА И ПОДГОТОВКА</h3> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Необходимые инструменты и сервисы</h4> | |
| <p class="text-gray-400">Обзор всех программ и сервисов для работы арбитражника</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Настройка рабочего пространства</h4> | |
| <p class="text-gray-400">Как организовать эффективную работу с первого дня</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Безопасность и анонимность</h4> | |
| <p class="text-gray-400">Как защитить свои аккаунты и данные при работе с трафиком</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Первые шаги и бюджет на старте</h4> | |
| <p class="text-gray-400">Сколько нужно денег для начала и как их правильно распределить</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-content" id="module3"> | |
| <div class="bg-gray-900 rounded-xl p-8"> | |
| <h3 class="text-2xl font-bold text-white mb-6">FACEBOOK ADS: ГЛУБОКИЙ РАЗБОР</h3> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Создание и верификация бизнес-менеджера</h4> | |
| <p class="text-gray-400">Пошаговая инструкция по настройке аккаунта</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Типы кампаний и их настройка</h4> | |
| <p class="text-gray-400">Как правильно выбирать цели и настраивать рекламные кампании</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Оптимизация и масштабирование</h4> | |
| <p class="text-gray-400">Методы увеличения прибыли с работающих кампаний</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Обход банов и работа с ограничениями</h4> | |
| <p class="text-gray-400">Проверенные методы работы с проблемными вертикалями</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-content" id="module4"> | |
| <div class="bg-gray-900 rounded-xl p-8"> | |
| <h3 class="text-2xl font-bold text-white mb-6">ВЕРТИКАЛИ: ГЕМБЛ, НУТРА, БИНАРКИ</h3> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Разбор популярных вертикалей</h4> | |
| <p class="text-gray-400">Какие ниши приносят больше всего прибыли</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Особенности работы с каждой вертикалью</h4> | |
| <p class="text-gray-400">Нюансы настройки кампаний и креативов</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Выбор вертикали под ваш бюджет</h4> | |
| <p class="text-gray-400">Как определить, какая ниша подойдет именно вам</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Трендовые вертикали 2024 года</h4> | |
| <p class="text-gray-400">Какие направления будут актуальны в ближайшее время</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-content" id="module5"> | |
| <div class="bg-gray-900 rounded-xl p-8"> | |
| <h3 class="text-2xl font-bold text-white mb-6">ГЕО И АУДИТОРИИ</h3> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Выбор прибыльных ГЕО</h4> | |
| <p class="text-gray-400">Как определить, какие страны принесут максимальный доход</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Анализ аудитории и таргетинг</h4> | |
| <p class="text-gray-400">Методы поиска и анализа целевой аудитории</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Психография и поведение пользователей</h4> | |
| <p class="text-gray-400">Как понимать свою аудиторию и создавать эффективные креативы</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="text-[#f6fc79] text-xl mr-4 mt-1"> | |
| <i class="fas fa-circle"></i> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-bold text-white mb-1">Тестирование новых рынок</h4> | |
| <p class="text-gray-400">Стратегии входа в новые ГЕО с минимальными рисками</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center mt-12"> | |
| <button class="btn-primary px-8 py-3 rounded-full font-bold text-lg hover-grow" onclick="openModal('modal-form')"> | |
| ПОЛУЧИТЬ ПОЛНУЮ ПРОГРАММУ | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Bonuses Section --> | |
| <section class="py-20 bg-gray-900"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block"> | |
| БОНУСЫ К КУРСУ | |
| </h2> | |
| <p class="text-gray-400 mt-4 max-w-2xl mx-auto"> | |
| Дополнительные материалы, которые ускорят ваш путь к результату | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-list-check"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">ЧЕК-ЛИСТЫ ПО КАЖДОМУ БЛОКУ</h3> | |
| <p class="text-gray-400"> | |
| Пошаговые инструкции для выполнения каждого этапа работы с трафиком без ошибок. | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-file-code"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">ШАБЛОНЫ ТРЕКЕРОВ И БРИФОВ</h3> | |
| <p class="text-gray-400"> | |
| Готовые шаблоны для анализа кампаний, работы с ПП и организации процессов. | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-laptop"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">ГОТОВЫЕ ПОСАДОЧНЫЕ СТРАНИЦЫ</h3> | |
| <p class="text-gray-400"> | |
| Коллекция проверенных лендингов и прокладок для разных вертикалей. | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-handshake"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">СПИСОК ТОП-ПРОВЕРЕННЫХ ПП</h3> | |
| <p class="text-gray-400"> | |
| База надежных партнерских программ с контактами и условиями работы. | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-comments"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">ДОСТУП В ЗАКРЫТЫЙ ЧАТ</h3> | |
| <p class="text-gray-400"> | |
| Общение с опытными арбитражниками, разбор кейсов и ответы на вопросы. | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow"> | |
| <div class="text-[#f6fc79] text-4xl mb-4"> | |
| <i class="fas fa-sync-alt"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-3">ОБНОВЛЕНИЯ КУРСА</h3> | |
| <p class="text-gray-400"> | |
| Пожизненный доступ ко всем обновлениям программы и новым материалам. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing Section --> | |
| <section id="pricing" class="py-20 bg-black"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block"> | |
| ВЫБЕРИТЕ СВОЙ ТАРИФ | |
| </h2> | |
| <p class="text-gray-400 mt-4 max-w-2xl mx-auto"> | |
| Мы предлагаем несколько вариантов участия в зависимости от ваших целей и бюджета | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="price-card bg-gray-900 p-8 rounded-xl transition-all duration-300"> | |
| <h3 class="text-2xl font-bold text-white mb-2">START</h3> | |
| <p class="text-gray-400 mb-6">Базовый доступ к обучению</p> | |
| <div class="text-4xl font-bold text-white mb-6">$497</div> | |
| <ul class="space-y-4 mb-8"> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Доступ ко всем обучающим материалам</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Участие в общем чате студентов</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-gray-500 text-lg mr-3 mt-1"> | |
| <i class="fas fa-times"></i> | |
| </div> | |
| <div class="text-gray-500">Доступ к фокус-группе</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-gray-500 text-lg mr-3 mt-1"> | |
| <i class="fas fa-times"></i> | |
| </div> | |
| <div class="text-gray-500">Поддержка кураторов</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-gray-500 text-lg mr-3 mt-1"> | |
| <i class="fas fa-times"></i> | |
| </div> | |
| <div class="text-gray-500">Персональный ментор</div> | |
| </li> | |
| </ul> | |
| <button class="w-full bg-gray-800 text-white px-6 py-3 rounded-full font-bold hover:bg-gray-700 transition" onclick="openModal('modal-form')"> | |
| ВЫБРАТЬ ТАРИФ | |
| </button> | |
| </div> | |
| <div class="price-card popular bg-gray-900 p-8 rounded-xl transition-all duration-300"> | |
| <h3 class="text-2xl font-bold text-white mb-2">PRO GROUP</h3> | |
| <p class="text-gray-400 mb-6">Оптимальный вариант с поддержкой</p> | |
| <div class="text-4xl font-bold text-white mb-6">$997</div> | |
| <ul class="space-y-4 mb-8"> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Полный доступ к курсу</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Участие в закрытой фокус-группе</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Чат с кураторами и поддержка</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Все бонусы и шаблоны</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-gray-500 text-lg mr-3 mt-1"> | |
| <i class="fas fa-times"></i> | |
| </div> | |
| <div class="text-gray-500">Персональный ментор</div> | |
| </li> | |
| </ul> | |
| <button class="w-full btn-primary px-6 py-3 rounded-full font-bold" onclick="openModal('modal-form')"> | |
| ВЫБРАТЬ ТАРИФ | |
| </button> | |
| </div> | |
| <div class="price-card bg-gray-900 p-8 rounded-xl transition-all duration-300"> | |
| <h3 class="text-2xl font-bold text-white mb-2">MENTOR EDITION</h3> | |
| <p class="text-gray-400 mb-6">Персональное сопровождение</p> | |
| <div class="text-4xl font-bold text-white mb-6">$2,497</div> | |
| <ul class="space-y-4 mb-8"> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Полный доступ к курсу</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Все бонусы из Pro Group</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Персональное сопровождение</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Разбор ваших кейсов</div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="text-[#f6fc79] text-lg mr-3 mt-1"> | |
| <i class="fas fa-check"></i> | |
| </div> | |
| <div class="text-gray-300">Помощь на каждом этапе</div> | |
| </li> | |
| </ul> | |
| <button class="w-full bg-gray-800 text-white px-6 py-3 rounded-full font-bold hover:bg-gray-700 transition" onclick="openModal('modal-form')"> | |
| ВЫБРАТЬ ТАРИФ | |
| </button> | |
| </div> | |
| </div> | |
| <div class="text-center mt-12"> | |
| <p class="text-gray-400 mb-4">Не уверены, какой тариф выбрать?</p> | |
| <button class="border-2 border-[#f6fc79] text-[#f6fc79] px-6 py-2 rounded-full font-bold hover-grow" onclick="openModal('modal-form')"> | |
| ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials Section --> | |
| <section class="py-20 bg-gray-900"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block"> | |
| ОТЗЫВЫ УЧЕНИКОВ | |
| </h2> | |
| <p class="text-gray-400 mt-4 max-w-2xl mx-auto"> | |
| Реальные результаты наших студентов, которые уже применяют знания на практике | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="testimonial-card bg-gray-800 p-6 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <div class="text-white font-bold">Анна С.</div> | |
| <div class="text-gray-400 text-sm">выпускница 2023</div> | |
| </div> | |
| </div> | |
| <div class="text-gray-300 mb-4"> | |
| "После месяца обучения вышла на первую прибыль в $1,200. Сейчас стабильно зарабатываю от $5,000 в месяц. Курс полностью изменил мое представление о заработке в интернете." | |
| </div> | |
| <div class="flex text-[#f6fc79]"> | |
| <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="testimonial-card bg-gray-800 p-6 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <div class="text-white font-bold">Дмитрий К.</div> | |
| <div class="text-gray-400 text-sm">выпускник 2022</div> | |
| </div> | |
| </div> | |
| <div class="text-gray-300 mb-4"> | |
| "До курса пробовал разные методы заработка, но ничего не работало. Сейчас моя команда из 3 человек приносит $15,000 чистыми. Особенно ценна поддержка комьюнити и доступ к проверенным ПП." | |
| </div> | |
| <div class="flex text-[#f6fc79]"> | |
| <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="testimonial-card bg-gray-800 p-6 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <div class="text-white font-bold">Елена П.</div> | |
| <div class="text-gray-400 text-sm">выпускница 2023</div> | |
| </div> | |
| </div> | |
| <div class="text-gray-300 mb-4"> | |
| "Как мама в декрете искала возможность зарабатывать из дома. Через 2 месяца после старта курса вышла на $3,500. Сейчас совмещаю с воспитанием ребенка и планирую масштабироваться." | |
| </div> | |
| <div class="flex text-[#f6fc79]"> | |
| <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 class="text-center mt-12"> | |
| <button class="border-2 border-[#f6fc79] text-[#f6fc79] px-6 py-2 rounded-full font-bold hover-grow" onclick="openModal('modal-testimonials')"> | |
| СМОТРЕТЬ БОЛЬШЕ ОТЗЫВОВ | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Team Section --> | |
| <section class="py-20 bg-black"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block"> | |
| КОМАНДА TRAFFIC MASTER | |
| </h2> | |
| <p class="text-gray-400 mt-4 max-w-2xl mx-auto"> | |
| Профессионалы с опытом в арбитраже от 5 лет, которые будут вести вас к результату | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-900 p-8 rounded-xl text-center hover-grow"> | |
| <div class="w-32 h-32 mx-auto mb-6 rounded-full overflow-hidden border-4 border-[#f6fc79]"> | |
| <img src="https://randomuser.me/api/portraits/men/85.jpg" alt="Founder" class="w-full h-full object-cover"> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-2">АЛЕКСАНДР Г.</h3> | |
| <div class="text-[#f6fc79] font-bold mb-4">ОСНОВАТЕЛЬ</div> | |
| <p class="text-gray-400 mb-4"> | |
| 7 лет в арбитраже. Личный рекорд — $120,000 за месяц с одной связки. Обучил более 1200 студентов. | |
| </p> | |
| <div class="flex justify-center space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-telegram"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-instagram"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-linkedin"></i></a> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 p-8 rounded-xl text-center hover-grow"> | |
| <div class="w-32 h-32 mx-auto mb-6 rounded-full overflow-hidden border-4 border-[#f6fc79]"> | |
| <img src="https://randomuser.me/api/portraits/women/63.jpg" alt="Mentor" class="w-full h-full object-cover"> | |
| </div> | |
| <h3 class="text-xl font-bold text-white mb-2">ЕКАТЕРИНА М.</h3> | |
| <div class="text-[#f6fc79] font-bold mb-4">ГЛАВНЫЙ МЕНТОР</div> | |
| <p class="text-gray-400 mb-4"> | |
| Специалист по Facebook Ads. Прошла путь от новичка до $25,000 в месяц. Курирует топовых студентов. | |
| </p> | |
| <div class="flex justify-center space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-telegram"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-instagram"></i></a> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 p-8 rounded-xl text-center hover-grow"> | |
| <div class="w-32 h-32 mx-auto mb-6 rounded-full overflow-hidden border-4 border-[#f6fc79]"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg | |
| </html> |