Hugging Face's logo

Spaces:
timoon811
/
coursesite
Running

App Files Community
timoon811 commited on
Commit
3ea89d7
·
verified ·
1 Parent(s): d6bbfca

Add 2 files

Browse files
Files changed (1) hide show
  1. index.html +1126 -0
index.html CHANGED
@@ -117,5 +117,1131 @@
117
  50% { transform: scale(1.05); opacity: 0.3; }
118
  }
119
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
120
 
 
 
 
 
121
  </html>
 
117
  50% { transform: scale(1.05); opacity: 0.3; }
118
  }
119
 
120
+ .card-hover {
121
+ transition: all 0.3s;
122
+ }
123
+
124
+ .card-hover:hover {
125
+ transform: translateY(-10px);
126
+ box-shadow: 0 10px 20px rgba(0, 255, 157, 0.2);
127
+ }
128
+
129
+ .accordion-content {
130
+ max-height: 0;
131
+ overflow: hidden;
132
+ transition: max-height 0.3s ease-out;
133
+ }
134
+
135
+ .testimonial-card {
136
+ perspective: 1000px;
137
+ transition: transform 0.5s;
138
+ }
139
+
140
+ .testimonial-card:hover {
141
+ transform: rotateY(10deg);
142
+ }
143
+
144
+ .blur-card {
145
+ filter: blur(3px);
146
+ transition: filter 0.3s;
147
+ }
148
+
149
+ .blur-card:hover {
150
+ filter: blur(0);
151
+ }
152
+
153
+ .typewriter {
154
+ overflow: hidden;
155
+ border-right: 2px solid var(--neon-green);
156
+ white-space: nowrap;
157
+ margin: 0 auto;
158
+ letter-spacing: 2px;
159
+ animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
160
+ }
161
+
162
+ @keyframes typing {
163
+ from { width: 0 }
164
+ to { width: 100% }
165
+ }
166
+
167
+ @keyframes blink-caret {
168
+ from, to { border-color: transparent }
169
+ 50% { border-color: var(--neon-green) }
170
+ }
171
+
172
+ .fade-in {
173
+ animation: fadeIn 1s ease-in forwards;
174
+ }
175
+
176
+ @keyframes fadeIn {
177
+ from { opacity: 0; }
178
+ to { opacity: 1; }
179
+ }
180
+
181
+ .scroll-indicator {
182
+ position: absolute;
183
+ bottom: 30px;
184
+ left: 50%;
185
+ transform: translateX(-50%);
186
+ animation: bounce 2s infinite;
187
+ }
188
+
189
+ @keyframes bounce {
190
+ 0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
191
+ 40% { transform: translateY(-20px) translateX(-50%); }
192
+ 60% { transform: translateY(-10px) translateX(-50%); }
193
+ }
194
+ </style>
195
+ </head>
196
+ <body class="overflow-x-hidden">
197
+ <!-- Preloader / Intro Screen -->
198
+ <div id="intro" class="fixed inset-0 bg-black z-50 flex flex-col items-center justify-center transition-opacity duration-1000">
199
+ <h1 class="text-6xl md:text-8xl font-bold mb-8 gradient-text">TRAFFIC MASTER</h1>
200
+ <div id="typewriter" class="text-2xl md:text-4xl neon-text typewriter">Искусство зарабатывать на трафике</div>
201
+ <div class="scroll-indicator">
202
+ <div class="w-6 h-10 border-2 border-neon-green rounded-full flex justify-center">
203
+ <div class="w-1 h-2 bg-neon-green rounded-full mt-2 animate-bounce"></div>
204
+ </div>
205
+ </div>
206
+ </div>
207
+
208
+ <!-- Main Landing -->
209
+ <div id="main-content" class="opacity-0">
210
+ <!-- Header -->
211
+ <header class="fixed top-0 left-0 right-0 bg-black bg-opacity-90 z-40 py-4 px-6 border-b border-gray-800">
212
+ <div class="container mx-auto flex justify-between items-center">
213
+ <div class="flex items-center">
214
+ <span class="text-2xl font-bold gradient-text">TRAFFIC MASTER</span>
215
+ </div>
216
+
217
+ <nav class="hidden md:flex space-x-8">
218
+ <a href="#about" class="text-white hover:text-neon-green transition">О нас</a>
219
+ <a href="#program" class="text-white hover:text-neon-green transition">Программа</a>
220
+ <a href="#results" class="text-white hover:text-neon-green transition">Результаты</a>
221
+ <a href="#faq" class="text-white hover:text-neon-green transition">FAQ</a>
222
+ <a href="#contacts" class="text-white hover:text-neon-green transition">Контакты</a>
223
+ </nav>
224
+
225
+ <button class="btn-neon border border-neon-green px-6 py-2 rounded-full text-neon-green font-medium">
226
+ Получить доступ
227
+ </button>
228
+
229
+ <button id="mobile-menu-button" class="md:hidden text-white">
230
+ <i class="fas fa-bars text-2xl"></i>
231
+ </button>
232
+ </div>
233
+
234
+ <!-- Mobile Menu -->
235
+ <div id="mobile-menu" class="hidden md:hidden absolute top-full left-0 right-0 bg-black py-4 px-6 border-t border-gray-800">
236
+ <div class="flex flex-col space-y-4">
237
+ <a href="#about" class="text-white hover:text-neon-green transition">О нас</a>
238
+ <a href="#program" class="text-white hover:text-neon-green transition">Программа</a>
239
+ <a href="#results" class="text-white hover:text-neon-green transition">Результаты</a>
240
+ <a href="#faq" class="text-white hover:text-neon-green transition">FAQ</a>
241
+ <a href="#contacts" class="text-white hover:text-neon-green transition">Контакты</a>
242
+ <button class="btn-neon border border-neon-green px-6 py-2 rounded-full text-neon-green font-medium mt-4">
243
+ Получить доступ
244
+ </button>
245
+ </div>
246
+ </div>
247
+ </header>
248
+
249
+ <!-- Hero Section -->
250
+ <section class="min-h-screen pt-32 pb-20 relative overflow-hidden">
251
+ <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-0">
252
+ <div class="planet">
253
+ <div class="glow"></div>
254
+ </div>
255
+ <div class="ring"></div>
256
+
257
+ <!-- Notifications -->
258
+ <div class="notification" style="top: 20%; left: 10%; animation-delay: 1s;">+500 USDT на кошелек</div>
259
+ <div class="notification" style="top: 30%; right: 15%; animation-delay: 2s;">ROI 184%</div>
260
+ <div class="notification" style="bottom: 25%; left: 20%; animation-delay: 3s;">Запуск автоворонки</div>
261
+ <div class="notification" style="bottom: 15%; right: 10%; animation-delay: 4s;">Новый GEO: США / Германия</div>
262
+ </div>
263
+
264
+ <div class="container mx-auto px-6 relative z-10">
265
+ <div class="max-w-2xl">
266
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
267
+ <span class="gradient-text">Зарабатывай на трафике</span>
268
+ <br>пока другие скроллят ленту
269
+ </h1>
270
+ <p class="text-xl text-gray-300 mb-10">
271
+ Практический курс по арбитражу трафика с фокусом на результат.
272
+ Путь от 0 до $10K в месяц под руководством Тимура и команды TMT.
273
+ </p>
274
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
275
+ <button class="btn-neon bg-neon-green text-black px-8 py-4 rounded-full font-bold text-lg flex-1 sm:flex-none">
276
+ Начать обучение
277
+ </button>
278
+ <button class="btn-neon border border-neon-green text-neon-green px-8 py-4 rounded-full font-bold text-lg flex-1 sm:flex-none">
279
+ Смотреть программу
280
+ </button>
281
+ </div>
282
+ </div>
283
+ </div>
284
+ </section>
285
+
286
+ <!-- About Section -->
287
+ <section id="about" class="py-20 bg-gray-900">
288
+ <div class="container mx-auto px-6">
289
+ <h2 class="text-3xl md:text-4xl font-bold mb-16 text-center gradient-text">О команде TMT</h2>
290
+
291
+ <div class="flex flex-col lg:flex-row items-center gap-12">
292
+ <div class="lg:w-1/2 relative">
293
+ <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"
294
+ alt="Тимур - основатель Traffic Master"
295
+ class="rounded-xl w-full max-w-md mx-auto border-2 border-neon-green shadow-lg shadow-neon-green/20">
296
+
297
+ <div class="absolute -bottom-6 -right-6 bg-black border-2 border-neon-purple p-4 rounded-xl shadow-lg">
298
+ <div class="text-center">
299
+ <div class="text-3xl font-bold gradient-text">$5M+</div>
300
+ <div class="text-sm text-gray-300">общий оборот</div>
301
+ </div>
302
+ </div>
303
+ </div>
304
+
305
+ <div class="lg:w-1/2">
306
+ <h3 class="text-2xl md:text-3xl font-bold mb-6">Тимур и команда TMT</h3>
307
+ <p class="text-gray-300 mb-6">
308
+ За последние 3 года мы прошли путь от новичков до топовой команды в Казахстане
309
+ с оборотом более $5,000,000. Наш опыт охватывает 5 вертикалей и более 100 успешных связок.
310
+ </p>
311
+
312
+ <div class="grid grid-cols-2 gap-4 mb-8">
313
+ <div class="bg-gray-800 p-4 rounded-lg border-l-4 border-neon-green">
314
+ <div class="text-neon-green text-2xl font-bold">100+</div>
315
+ <div class="text-gray-300">успешных связок</div>
316
+ </div>
317
+ <div class="bg-gray-800 p-4 rounded-lg border-l-4 border-neon-purple">
318
+ <div class="text-neon-purple text-2xl font-bold">20+</div>
319
+ <div class="text-gray-300">специалистов в команде</div>
320
+ </div>
321
+ <div class="bg-gray-800 p-4 rounded-lg border-l-4 border-neon-blue">
322
+ <div class="text-neon-blue text-2xl font-bold">5</div>
323
+ <div class="text-gray-300">вертикалей</div>
324
+ </div>
325
+ <div class="bg-gray-800 p-4 rounded-lg border-l-4 border-neon-green">
326
+ <div class="text-neon-green text-2xl font-bold">3</div>
327
+ <div class="text-gray-300">года опыта</div>
328
+ </div>
329
+ </div>
330
+
331
+ <div class="bg-black p-6 rounded-xl border border-gray-700">
332
+ <div class="flex items-start">
333
+ <div class="text-4xl mr-4 text-neon-purple">“</div>
334
+ <div>
335
+ <p class="italic mb-4">Мы не просто учим теории — мы показываем, как зарабатывать здесь и сейчас.
336
+ Наш курс это 80% практики и только 20% теории.</p>
337
+ <div class="font-bold gradient-text">Тимур, основатель Traffic Master</div>
338
+ </div>
339
+ </div>
340
+ </div>
341
+ </div>
342
+ </div>
343
+ </div>
344
+ </section>
345
+
346
+ <!-- For Whom Section -->
347
+ <section class="py-20">
348
+ <div class="container mx-auto px-6">
349
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-center gradient-text">Кому подойдёт курс?</h2>
350
+ <p class="text-xl text-gray-300 mb-12 text-center max-w-2xl mx-auto">
351
+ Независимо от вашего текущего уровня, курс даст вам все инструменты для старта и масштабирования
352
+ </p>
353
+
354
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
355
+ <!-- Card 1 -->
356
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700">
357
+ <div class="w-16 h-16 bg-neon-green bg-opacity-10 rounded-full flex items-center justify-center mb-6">
358
+ <i class="fas fa-user-graduate text-2xl text-neon-green"></i>
359
+ </div>
360
+ <h3 class="text-xl font-bold mb-3">Новичкам</h3>
361
+ <p class="text-gray-300">
362
+ Если вы только слышали об арбитраже и хотите начать с нуля с пошаговой инструкцией
363
+ </p>
364
+ </div>
365
+
366
+ <!-- Card 2 -->
367
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700">
368
+ <div class="w-16 h-16 bg-neon-purple bg-opacity-10 rounded-full flex items-center justify-center mb-6">
369
+ <i class="fas fa-hashtag text-2xl text-neon-purple"></i>
370
+ </div>
371
+ <h3 class="text-xl font-bold mb-3">SMM-специалистам</h3>
372
+ <p class="text-gray-300">
373
+ Для тех, кто уже работает с трафиком, но хочет монетизировать его напрямую
374
+ </p>
375
+ </div>
376
+
377
+ <!-- Card 3 -->
378
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700">
379
+ <div class="w-16 h-16 bg-neon-blue bg-opacity-10 rounded-full flex items-center justify-center mb-6">
380
+ <i class="fas fa-laptop-code text-2xl text-neon-blue"></i>
381
+ </div>
382
+ <h3 class="text-xl font-bold mb-3">Фрилансерам</h3>
383
+ <p class="text-gray-300">
384
+ Кто хочет перейти от разовых заказов к стабильному доходу от собственных проектов
385
+ </p>
386
+ </div>
387
+
388
+ <!-- Card 4 -->
389
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700">
390
+ <div class="w-16 h-16 bg-neon-green bg-opacity-10 rounded-full flex items-center justify-center mb-6">
391
+ <i class="fas fa-exchange-alt text-2xl text-neon-green"></i>
392
+ </div>
393
+ <h3 class="text-xl font-bold mb-3">При смене профессии</h3>
394
+ <p class="text-gray-300">
395
+ Для тех, кто хочет освоить востребованную digital-специальность с нуля
396
+ </p>
397
+ </div>
398
+
399
+ <!-- Card 5 -->
400
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700">
401
+ <div class="w-16 h-16 bg-neon-purple bg-opacity-10 rounded-full flex items-center justify-center mb-6">
402
+ <i class="fas fa-ad text-2xl text-neon-purple"></i>
403
+ </div>
404
+ <h3 class="text-xl font-bold mb-3">Медиабайерам</h3>
405
+ <p class="text-gray-300">
406
+ Кто хочет научиться работать с новыми вертикалями и увеличить ROI
407
+ </p>
408
+ </div>
409
+
410
+ <!-- Card 6 -->
411
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700">
412
+ <div class="w-16 h-16 bg-neon-blue bg-opacity-10 rounded-full flex items-center justify-center mb-6">
413
+ <i class="fas fa-users text-2xl text-neon-blue"></i>
414
+ </div>
415
+ <h3 class="text-xl font-bold mb-3">Будущим тимлидам</h3>
416
+ <p class="text-gray-300">
417
+ Для тех, кто планирует масштабироваться и строить собственную команду
418
+ </p>
419
+ </div>
420
+ </div>
421
+
422
+ <div class="text-center mt-16">
423
+ <h3 class="text-2xl font-bold mb-6">Ты нашёл себя? Пора начинать!</h3>
424
+ <button class="btn-neon bg-neon-green text-black px-8 py-4 rounded-full font-bold text-lg">
425
+ Выбрать тариф
426
+ </button>
427
+ </div>
428
+ </div>
429
+ </section>
430
+
431
+ <!-- Learning Process -->
432
+ <section class="py-20 bg-gray-900">
433
+ <div class="container mx-auto px-6">
434
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-center gradient-text">Как проходит обучение?</h2>
435
+ <p class="text-xl text-gray-300 mb-12 text-center max-w-2xl mx-auto">
436
+ Практическая система, которая действительно приводит к результату
437
+ </p>
438
+
439
+ <div class="flex flex-col lg:flex-row items-center gap-12 mb-16">
440
+ <div class="lg:w-1/2">
441
+ <div class="bg-black p-1 rounded-xl inline-block mb-6">
442
+ <div class="bg-neon-green text-black px-4 py-1 rounded-lg font-bold inline-block">1</div>
443
+ </div>
444
+ <h3 class="text-2xl font-bold mb-4">Пошаговые видеоуроки</h3>
445
+ <p class="text-gray-300 mb-6">
446
+ Доступ к платформе 24/7 с более чем 40 видеоуроками, разбитыми на модули.
447
+ Каждый урок — конкретный шаг к результату.
448
+ </p>
449
+ <ul class="space-y-3">
450
+ <li class="flex items-start">
451
+ <i class="fas fa-check text-neon-green mt-1 mr-2"></i>
452
+ <span>Доступ с любого устройства</span>
453
+ </li>
454
+ <li class="flex items-start">
455
+ <i class="fas fa-check text-neon-green mt-1 mr-2"></i>
456
+ <span>Пожизненный доступ к обновлениям</span>
457
+ </li>
458
+ <li class="flex items-start">
459
+ <i class="fas fa-check text-neon-green mt-1 mr-2"></i>
460
+ <span>Скорость обучения — под ваш ритм</span>
461
+ </li>
462
+ </ul>
463
+ </div>
464
+ <div class="lg:w-1/2">
465
+ <div class="bg-gray-800 border border-gray-700 rounded-xl overflow-hidden">
466
+ <div class="bg-gray-900 h-8 flex items-center px-3 border-b border-gray-700">
467
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
468
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
469
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
470
+ </div>
471
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
472
+ alt="Платформа обучения"
473
+ class="w-full h-auto">
474
+ </div>
475
+ </div>
476
+ </div>
477
+
478
+ <div class="flex flex-col lg:flex-row items-center gap-12 mb-16">
479
+ <div class="lg:w-1/2 order-2 lg:order-1">
480
+ <div class="bg-gray-800 border border-gray-700 rounded-xl overflow-hidden">
481
+ <div class="bg-gray-900 h-8 flex items-center px-3 border-b border-gray-700">
482
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
483
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
484
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
485
+ </div>
486
+ <img src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
487
+ alt="Практические задания"
488
+ class="w-full h-auto">
489
+ </div>
490
+ </div>
491
+ <div class="lg:w-1/2 order-1 lg:order-2">
492
+ <div class="bg-black p-1 rounded-xl inline-block mb-6">
493
+ <div class="bg-neon-purple text-black px-4 py-1 rounded-lg font-bold inline-block">2</div>
494
+ </div>
495
+ <h3 class="text-2xl font-bold mb-4">Практические задания</h3>
496
+ <p class="text-gray-300 mb-6">
497
+ После каждого урока — конкретное задание, которое приближает вас к первым деньгам.
498
+ Проверка и обратная связь от кураторов.
499
+ </p>
500
+ <ul class="space-y-3">
501
+ <li class="flex items-start">
502
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
503
+ <span>Трекер прогресса</span>
504
+ </li>
505
+ <li class="flex items-start">
506
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
507
+ <span>Чек-листы и шаблоны</span>
508
+ </li>
509
+ <li class="flex items-start">
510
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
511
+ <span>Разбор ошибок</span>
512
+ </li>
513
+ </ul>
514
+ </div>
515
+ </div>
516
+
517
+ <div class="flex flex-col lg:flex-row items-center gap-12">
518
+ <div class="lg:w-1/2">
519
+ <div class="bg-black p-1 rounded-xl inline-block mb-6">
520
+ <div class="bg-neon-blue text-black px-4 py-1 rounded-lg font-bold inline-block">3</div>
521
+ </div>
522
+ <h3 class="text-2xl font-bold mb-4">Поддержка и комьюнити</h3>
523
+ <p class="text-gray-300 mb-6">
524
+ Закрытый чат с участниками курса, еженедельные Zoom-созвоны с разборами,
525
+ ответы на вопросы в режиме 24/7.
526
+ </p>
527
+ <ul class="space-y-3">
528
+ <li class="flex items-start">
529
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
530
+ <span>Telegram-чат с участниками</span>
531
+ </li>
532
+ <li class="flex items-start">
533
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
534
+ <span>Разборы кейсов</span>
535
+ </li>
536
+ <li class="flex items-start">
537
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
538
+ <span>База знаний и обновлений</span>
539
+ </li>
540
+ </ul>
541
+ </div>
542
+ <div class="lg:w-1/2">
543
+ <div class="bg-gray-800 border border-gray-700 rounded-xl overflow-hidden">
544
+ <div class="bg-gray-900 h-8 flex items-center px-3 border-b border-gray-700">
545
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
546
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
547
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
548
+ </div>
549
+ <img src="https://images.unsplash.com/photo-1607860108855-64acf2078ed9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
550
+ alt="Комьюнити"
551
+ class="w-full h-auto">
552
+ </div>
553
+ </div>
554
+ </div>
555
+
556
+ <div class="text-center mt-16">
557
+ <button class="btn-neon bg-neon-green text-black px-8 py-4 rounded-full font-bold text-lg">
558
+ Начать обучение
559
+ </button>
560
+ </div>
561
+ </div>
562
+ </section>
563
+
564
+ <!-- Course Format -->
565
+ <section class="py-20">
566
+ <div class="container mx-auto px-6">
567
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-center gradient-text">Формат курса</h2>
568
+ <p class="text-xl text-gray-300 mb-12 text-center max-w-2xl mx-auto">
569
+ Все, что нужно для старта и первых результатов
570
+ </p>
571
+
572
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
573
+ <!-- Card 1 -->
574
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700 transition-all duration-300 h-full">
575
+ <div class="w-20 h-20 bg-neon-green bg-opacity-10 rounded-full flex items-center justify-center mb-6 mx-auto">
576
+ <i class="fas fa-play-circle text-4xl text-neon-green"></i>
577
+ </div>
578
+ <h3 class="text-2xl font-bold mb-4 text-center">Видеоуроки</h3>
579
+ <p class="text-gray-300 mb-6 text-center">
580
+ 40+ пошаговых уроков с практическими кейсами и разборами
581
+ </p>
582
+ <ul class="space-y-3 mb-8">
583
+ <li class="flex items-start">
584
+ <i class="fas fa-check text-neon-green mt-1 mr-2"></i>
585
+ <span>Доступ 24/7 с любого устройства</span>
586
+ </li>
587
+ <li class="flex items-start">
588
+ <i class="fas fa-check text-neon-green mt-1 mr-2"></i>
589
+ <span>Пожизненные обновления</span>
590
+ </li>
591
+ <li class="flex items-start">
592
+ <i class="fas fa-check text-neon-green mt-1 mr-2"></i>
593
+ <span>Скорость обучения под вас</span>
594
+ </li>
595
+ </ul>
596
+ </div>
597
+
598
+ <!-- Card 2 -->
599
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-neon-purple border-opacity-50 transition-all duration-300 h-full transform scale-105">
600
+ <div class="w-20 h-20 bg-neon-purple bg-opacity-10 rounded-full flex items-center justify-center mb-6 mx-auto">
601
+ <i class="fas fa-video text-4xl text-neon-purple"></i>
602
+ </div>
603
+ <h3 class="text-2xl font-bold mb-4 text-center">Вебинары и Zoom</h3>
604
+ <p class="text-gray-300 mb-6 text-center">
605
+ 12+ живых вебинаров и разборов с ответами на вопросы
606
+ </p>
607
+ <ul class="space-y-3 mb-8">
608
+ <li class="flex items-start">
609
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
610
+ <span>Разборы реальных кейсов</span>
611
+ </li>
612
+ <li class="flex items-start">
613
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
614
+ <span>Ответы на вопросы в прямом эфире</span>
615
+ </li>
616
+ <li class="flex items-start">
617
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
618
+ <span>Записи всех вебинаров</span>
619
+ </li>
620
+ </ul>
621
+ </div>
622
+
623
+ <!-- Card 3 -->
624
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700 transition-all duration-300 h-full">
625
+ <div class="w-20 h-20 bg-neon-blue bg-opacity-10 rounded-full flex items-center justify-center mb-6 mx-auto">
626
+ <i class="fas fa-tasks text-4xl text-neon-blue"></i>
627
+ </div>
628
+ <h3 class="text-2xl font-bold mb-4 text-center">Практика и тесты</h3>
629
+ <p class="text-gray-300 mb-6 text-center">
630
+ 30+ практических заданий и тестов для закрепления материала
631
+ </p>
632
+ <ul class="space-y-3 mb-8">
633
+ <li class="flex items-start">
634
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
635
+ <span>Проверка кураторами</span>
636
+ </li>
637
+ <li class="flex items-start">
638
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
639
+ <span>Трекер прогресса</span>
640
+ </li>
641
+ <li class="flex items-start">
642
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
643
+ <span>Чек-листы и шаблоны</span>
644
+ </li>
645
+ </ul>
646
+ </div>
647
+ </div>
648
+ </div>
649
+ </section>
650
+
651
+ <!-- Program Section -->
652
+ <section id="program" class="py-20 bg-gray-900">
653
+ <div class="container mx-auto px-6">
654
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-center gradient-text">Программа курса</h2>
655
+ <p class="text-xl text-gray-300 mb-12 text-center max-w-2xl mx-auto">
656
+ 8 модулей, которые проведут вас от основ до первых тысяч долларов
657
+ </p>
658
+
659
+ <div class="max-w-3xl mx-auto">
660
+ <!-- Module 1 -->
661
+ <div class="mb-6 border border-gray-700 rounded-xl overflow-hidden">
662
+ <button class="accordion-btn w-full flex justify-between items-center p-6 bg-gray-800 hover:bg-gray-700 transition">
663
+ <div class="flex items-center">
664
+ <div class="w-10 h-10 rounded-full bg-neon-green bg-opacity-10 flex items-center justify-center mr-4">
665
+ <span class="text-neon-green font-bold">1</span>
666
+ </div>
667
+ <h3 class="text-xl font-bold">Введение в арбитраж трафика</h3>
668
+ </div>
669
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
670
+ </button>
671
+ <div class="accordion-content bg-gray-800">
672
+ <div class="p-6 pt-0">
673
+ <ul class="space-y-3">
674
+ <li class="flex items-start">
675
+ <i class="fas fa-play text-xs text-neon-green mt-1 mr-2"></i>
676
+ <span>Основные понятия и терминология</span>
677
+ </li>
678
+ <li class="flex items-start">
679
+ <i class="fas fa-play text-xs text-neon-green mt-1 mr-2"></i>
680
+ <span>Как работает арбитраж трафика в 2024</span>
681
+ </li>
682
+ <li class="flex items-start">
683
+ <i class="fas fa-play text-xs text-neon-green mt-1 mr-2"></i>
684
+ <span>Разбор популярных вертикалей</span>
685
+ </li>
686
+ <li class="flex items-start">
687
+ <i class="fas fa-play text-xs text-neon-green mt-1 mr-2"></i>
688
+ <span>Инструменты арбитражника</span>
689
+ </li>
690
+ </ul>
691
+ </div>
692
+ </div>
693
+ </div>
694
+
695
+ <!-- Module 2 -->
696
+ <div class="mb-6 border border-gray-700 rounded-xl overflow-hidden">
697
+ <button class="accordion-btn w-full flex justify-between items-center p-6 bg-gray-800 hover:bg-gray-700 transition">
698
+ <div class="flex items-center">
699
+ <div class="w-10 h-10 rounded-full bg-neon-purple bg-opacity-10 flex items-center justify-center mr-4">
700
+ <span class="text-neon-purple font-bold">2</span>
701
+ </div>
702
+ <h3 class="text-xl font-bold">Выбор ниши и оффера</h3>
703
+ </div>
704
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
705
+ </button>
706
+ <div class="accordion-content bg-gray-800">
707
+ <div class="p-6 pt-0">
708
+ <ul class="space-y-3">
709
+ <li class="flex items-start">
710
+ <i class="fas fa-play text-xs text-neon-purple mt-1 mr-2"></i>
711
+ <span>Как выбрать прибыльную нишу</span>
712
+ </li>
713
+ <li class="flex items-start">
714
+ <i class="fas fa-play text-xs text-neon-purple mt-1 mr-2"></i>
715
+ <span>Анализ конкурентов</span>
716
+ </li>
717
+ <li class="flex items-start">
718
+ <i class="fas fa-play text-xs text-neon-purple mt-1 mr-2"></i>
719
+ <span>Работа с офферами</span>
720
+ </li>
721
+ <li class="flex items-start">
722
+ <i class="fas fa-play text-xs text-neon-purple mt-1 mr-2"></i>
723
+ <span>Тестирование гипотез</span>
724
+ </li>
725
+ </ul>
726
+ </div>
727
+ </div>
728
+ </div>
729
+
730
+ <!-- Module 3 (Blurred) -->
731
+ <div class="mb-6 border border-gray-700 rounded-xl overflow-hidden blur-card">
732
+ <button class="accordion-btn w-full flex justify-between items-center p-6 bg-gray-800 hover:bg-gray-700 transition">
733
+ <div class="flex items-center">
734
+ <div class="w-10 h-10 rounded-full bg-neon-blue bg-opacity-10 flex items-center justify-center mr-4">
735
+ <span class="text-neon-blue font-bold">3</span>
736
+ </div>
737
+ <h3 class="text-xl font-bold">Настройка связки</h3>
738
+ </div>
739
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
740
+ </button>
741
+ </div>
742
+
743
+ <!-- Module 4 (Blurred) -->
744
+ <div class="mb-6 border border-gray-700 rounded-xl overflow-hidden blur-card">
745
+ <button class="accordion-btn w-full flex justify-between items-center p-6 bg-gray-800 hover:bg-gray-700 transition">
746
+ <div class="flex items-center">
747
+ <div class="w-10 h-10 rounded-full bg-neon-green bg-opacity-10 flex items-center justify-center mr-4">
748
+ <span class="text-neon-green font-bold">4</span>
749
+ </div>
750
+ <h3 class="text-xl font-bold">Трафик: источники и масштабирование</h3>
751
+ </div>
752
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
753
+ </button>
754
+ </div>
755
+
756
+ <!-- Module 5 (Blurred) -->
757
+ <div class="mb-6 border border-gray-700 rounded-xl overflow-hidden blur-card">
758
+ <button class="accordion-btn w-full flex justify-between items-center p-6 bg-gray-800 hover:bg-gray-700 transition">
759
+ <div class="flex items-center">
760
+ <div class="w-10 h-10 rounded-full bg-neon-purple bg-opacity-10 flex items-center justify-center mr-4">
761
+ <span class="text-neon-purple font-bold">5</span>
762
+ </div>
763
+ <h3 class="text-xl font-bold">Оптимизация и ROI</h3>
764
+ </div>
765
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
766
+ </button>
767
+ </div>
768
+
769
+ <!-- Module 6 (Blurred) -->
770
+ <div class="mb-6 border border-gray-700 rounded-xl overflow-hidden blur-card">
771
+ <button class="accordion-btn w-full flex justify-between items-center p-6 bg-gray-800 hover:bg-gray-700 transition">
772
+ <div class="flex items-center">
773
+ <div class="w-10 h-10 rounded-full bg-neon-blue bg-opacity-10 flex items-center justify-center mr-4">
774
+ <span class="text-neon-blue font-bold">6</span>
775
+ </div>
776
+ <h3 class="text-xl font-bold">Автоматизация процессов</h3>
777
+ </div>
778
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
779
+ </button>
780
+ </div>
781
+
782
+ <!-- Module 7 (Blurred) -->
783
+ <div class="mb-6 border border-gray-700 rounded-xl overflow-hidden blur-card">
784
+ <button class="accordion-btn w-full flex justify-between items-center p-6 bg-gray-800 hover:bg-gray-700 transition">
785
+ <div class="flex items-center">
786
+ <div class="w-10 h-10 rounded-full bg-neon-green bg-opacity-10 flex items-center justify-center mr-4">
787
+ <span class="text-neon-green font-bold">7</span>
788
+ </div>
789
+ <h3 class="text-xl font-bold">Масштабирование и команда</h3>
790
+ </div>
791
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
792
+ </button>
793
+ </div>
794
+
795
+ <!-- Module 8 (Blurred) -->
796
+ <div class="mb-6 border border-gray-700 rounded-xl overflow-hidden blur-card">
797
+ <button class="accordion-btn w-full flex justify-between items-center p-6 bg-gray-800 hover:bg-gray-700 transition">
798
+ <div class="flex items-center">
799
+ <div class="w-10 h-10 rounded-full bg-neon-purple bg-opacity-10 flex items-center justify-center mr-4">
800
+ <span class="text-neon-purple font-bold">8</span>
801
+ </div>
802
+ <h3 class="text-xl font-bold">Дополнительные инструменты и фишки</h3>
803
+ </div>
804
+ <i class="fas fa-chevron-down transition-transform duration-300"></i>
805
+ </button>
806
+ </div>
807
+ </div>
808
+
809
+ <div class="text-center mt-12">
810
+ <button class="btn-neon border border-neon-green text-neon-green px-8 py-4 rounded-full font-bold text-lg">
811
+ Открыть всю программу
812
+ </button>
813
+ </div>
814
+ </div>
815
+ </section>
816
+
817
+ <!-- Testimonials -->
818
+ <section class="py-20">
819
+ <div class="container mx-auto px-6">
820
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-center gradient-text">Отзывы учеников</h2>
821
+ <p class="text-xl text-gray-300 mb-12 text-center max-w-2xl mx-auto">
822
+ Реальные результаты наших студентов
823
+ </p>
824
+
825
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
826
+ <!-- Testimonial 1 -->
827
+ <div class="testimonial-card bg-gray-900 rounded-xl p-8 border border-gray-700">
828
+ <div class="flex items-center mb-6">
829
+ <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
830
+ alt="Анна"
831
+ class="w-16 h-16 rounded-full object-cover mr-4 border-2 border-neon-green">
832
+ <div>
833
+ <h4 class="font-bold">Анна</4>
834
+ <div class="text-gray-400 text-sm">Алматы, Казахстан</div>
835
+ </div>
836
+ </div>
837
+ <p class="text-gray-300 mb-6 italic">
838
+ "После 2 недель обучения запустила первую связку. Через месяц вышла на стабильные $500 в неделю.
839
+ Курс полностью изменил мой подход к заработку в интернете."
840
+ </p>
841
+ <div class="bg-black text-neon-green px-4 py-2 rounded-lg inline-block font-bold">
842
+ +$2,100 за 1 месяц
843
+ </div>
844
+ </div>
845
+
846
+ <!-- Testimonial 2 -->
847
+ <div class="testimonial-card bg-gray-900 rounded-xl p-8 border border-gray-700">
848
+ <div class="flex items-center mb-6">
849
+ <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
850
+ alt="Дмитрий"
851
+ class="w-16 h-16 rounded-full object-cover mr-4 border-2 border-neon-purple">
852
+ <div>
853
+ <h4 class="font-bold">Дмитрий</h4>
854
+ <div class="text-gray-400 text-sm">Москва, Россия</div>
855
+ </div>
856
+ </div>
857
+ <p class="text-gray-300 mb-6 italic">
858
+ "Пришел с нулевым опытом. Благодаря пошаговой системе уже на 3 неделе получил первые $300.
859
+ Сейчас мой доход $3-5K в месяц, планирую масштабироваться дальше."
860
+ </p>
861
+ <div class="bg-black text-neon-purple px-4 py-2 rounded-lg inline-block font-bold">
862
+ +$3,500 за 2 месяца
863
+ </div>
864
+ </div>
865
+
866
+ <!-- Testimonial 3 -->
867
+ <div class="testimonial-card bg-gray-900 rounded-xl p-8 border border-gray-700">
868
+ <div class="flex items-center mb-6">
869
+ <img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
870
+ alt="Елена"
871
+ class="w-16 h-16 rounded-full object-cover mr-4 border-2 border-neon-blue">
872
+ <div>
873
+ <h4 class="font-bold">Елена</h4>
874
+ <div class="text-gray-400 text-sm">Киев, Украина</div>
875
+ </div>
876
+ </div>
877
+ <p class="text-gray-300 mb-6 italic">
878
+ "Работала SMM-менеджером, хотела монетизировать трафик. После курса за первый месяц заработала $1,200,
879
+ через 3 месяца ушла с основной работы. Лучшее решение в моей жизни!"
880
+ </p>
881
+ <div class="bg-black text-neon-blue px-4 py-2 rounded-lg inline-block font-bold">
882
+ +$8,000 за 4 месяца
883
+ </div>
884
+ </div>
885
+ </div>
886
+
887
+ <div class="text-center mt-16">
888
+ <h3 class="text-2xl font-bold mb-6">Стань следующим кейсом!</h3>
889
+ <button class="btn-neon bg-neon-green text-black px-8 py-4 rounded-full font-bold text-lg">
890
+ Присоединиться
891
+ </button>
892
+ </div>
893
+ </div>
894
+ </section>
895
+
896
+ <!-- Results Section -->
897
+ <section id="results" class="py-20 bg-gray-900">
898
+ <div class="container mx-auto px-6">
899
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-center gradient-text">Что вы получите после курса?</h2>
900
+ <p class="text-xl text-gray-300 mb-12 text-center max-w-2xl mx-auto">
901
+ Навыки, которые останутся с вами навсегда
902
+ </p>
903
+
904
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
905
+ <!-- Card 1 -->
906
+ <div class="card-hover bg-black rounded-xl p-8 border border-gray-800">
907
+ <div class="w-16 h-16 bg-neon-green bg-opacity-10 rounded-full flex items-center justify-center mb-6">
908
+ <i class="fas fa-rocket text-2xl text-neon-green"></i>
909
+ </div>
910
+ <h3 class="text-xl font-bold mb-3">Запуск первой связки</h3>
911
+ <p class="text-gray-300">
912
+ Полный алгоритм запуска прибыльной связки от А до Я, который вы сможете повторять снова и снова
913
+ </p>
914
+ </div>
915
+
916
+ <!-- Card 2 -->
917
+ <div class="card-hover bg-black rounded-xl p-8 border border-gray-800">
918
+ <div class="w-16 h-16 bg-neon-purple bg-opacity-10 rounded-full flex items-center justify-center mb-6">
919
+ <i class="fas fa-dollar-sign text-2xl text-neon-purple"></i>
920
+ </div>
921
+ <h3 class="text-xl font-bold mb-3">Первые деньги в процессе</h3>
922
+ <p class="text-gray-300">
923
+ Многие ученики начинают зарабатывать еще во время прохождения курса, выполняя практические задания
924
+ </p>
925
+ </div>
926
+
927
+ <!-- Card 3 -->
928
+ <div class="card-hover bg-black rounded-xl p-8 border border-gray-800">
929
+ <div class="w-16 h-16 bg-neon-blue bg-opacity-10 rounded-full flex items-center justify-center mb-6">
930
+ <i class="fas fa-tools text-2xl text-neon-blue"></i>
931
+ </div>
932
+ <h3 class="text-xl font-bold mb-3">Все необходимые инструменты</h3>
933
+ <p class="text-gray-300">
934
+ Доступ к проверенным инструментам, шаблонам и чек-листам, которые экономят часы работы
935
+ </p>
936
+ </div>
937
+
938
+ <!-- Card 4 -->
939
+ <div class="card-hover bg-black rounded-xl p-8 border border-gray-800">
940
+ <div class="w-16 h-16 bg-neon-green bg-opacity-10 rounded-full flex items-center justify-center mb-6">
941
+ <i class="fas fa-brain text-2xl text-neon-green"></i>
942
+ </div>
943
+ <h3 class="text-xl font-bold mb-3">Мышление арбитражника</h3>
944
+ <p class="text-gray-300">
945
+ Научитесь видеть возможности там, где другие видят только проблемы
946
+ </p>
947
+ </div>
948
+
949
+ <!-- Card 5 -->
950
+ <div class="card-hover bg-black rounded-xl p-8 border border-gray-800">
951
+ <div class="w-16 h-16 bg-neon-purple bg-opacity-10 rounded-full flex items-center justify-center mb-6">
952
+ <i class="fas fa-users text-2xl text-neon-purple"></i>
953
+ </div>
954
+ <h3 class="text-xl font-bold mb-3">Доступ к сообществу</h3>
955
+ <p class="text-gray-300">
956
+ Закрытый чат с единомышленниками, где делятся кейсами, связками и обновлениями
957
+ </p>
958
+ </div>
959
+
960
+ <!-- Card 6 -->
961
+ <div class="card-hover bg-black rounded-xl p-8 border border-gray-800">
962
+ <div class="w-16 h-16 bg-neon-blue bg-opacity-10 rounded-full flex items-center justify-center mb-6">
963
+ <i class="fas fa-briefcase text-2xl text-neon-blue"></i>
964
+ </div>
965
+ <h3 class="text-xl font-bold mb-3">Возможность трудоустройства</h3>
966
+ <p class="text-gray-300">
967
+ Лучшие ученики получают предложения о сотрудничестве от TMT и партнеров
968
+ </p>
969
+ </div>
970
+ </div>
971
+
972
+ <div class="text-center mt-16">
973
+ <button class="btn-neon bg-neon-green text-black px-8 py-4 rounded-full font-bold text-lg">
974
+ Получить результат
975
+ </button>
976
+ </div>
977
+ </div>
978
+ </section>
979
+
980
+ <!-- Team Results -->
981
+ <section class="py-20">
982
+ <div class="container mx-auto px-6">
983
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-center gradient-text">Результаты команды TMT</h2>
984
+ <p class="text-xl text-gray-300 mb-12 text-center max-w-2xl mx-auto">
985
+ Мы не учим — мы заливаем. Вот доказательства.
986
+ </p>
987
+
988
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
989
+ <div class="bg-gray-900 rounded-xl overflow-hidden border border-gray-700 transition-transform hover:scale-105">
990
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
991
+ alt="Keitaro"
992
+ class="w-full h-48 object-cover">
993
+ <div class="p-4">
994
+ <h3 class="font-bold mb-2">Keitaro</h3>
995
+ <p class="text-gray-400 text-sm">ROI 217%</p>
996
+ </div>
997
+ </div>
998
+
999
+ <div class="bg-gray-900 rounded-xl overflow-hidden border border-gray-700 transition-transform hover:scale-105">
1000
+ <img src="https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
1001
+ alt="FTD"
1002
+ class="w-full h-48 object-cover">
1003
+ <div class="p-4">
1004
+ <h3 class="font-bold mb-2">FTD</h3>
1005
+ <p class="text-gray-400 text-sm">Конверсия 3.8%</p>
1006
+ </div>
1007
+ </div>
1008
+
1009
+ <div class="bg-gray-900 rounded-xl overflow-hidden border border-gray-700 transition-transform hover:scale-105">
1010
+ <img src="https://images.unsplash.com/photo-1601597111158-2fceff292cdc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
1011
+ alt="ROI"
1012
+ class="w-full h-48 object-cover">
1013
+ <div class="p-4">
1014
+ <h3 class="font-bold mb-2">ROI</h3>
1015
+ <p class="text-gray-400 text-sm">184% за 30 дней</p>
1016
+ </div>
1017
+ </div>
1018
+
1019
+ <div class="bg-gray-900 rounded-xl overflow-hidden border border-gray-700 transition-transform hover:scale-105">
1020
+ <img src="https://images.unsplash.com/photo-1621761191319-c6fb62004040?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
1021
+ alt="Выплаты"
1022
+ class="w-full h-48 object-cover">
1023
+ <div class="p-4">
1024
+ <h3 class="font-bold mb-2">Выплаты</h3>
1025
+ <p class="text-gray-400 text-sm">$24,500 за месяц</p>
1026
+ </div>
1027
+ </div>
1028
+ </div>
1029
+
1030
+ <div class="text-center">
1031
+ <h3 class="text-2xl font-bold mb-6">Хочешь так же? Присоединяйся!</h3>
1032
+ <button class="btn-neon bg-neon-green text-black px-8 py-4 rounded-full font-bold text-lg">
1033
+ Начать обучение
1034
+ </button>
1035
+ </div>
1036
+ </div>
1037
+ </section>
1038
+
1039
+ <!-- FAQ Section -->
1040
+ <section id="faq" class="py-20 bg-gray-900">
1041
+ <div class="container mx-auto px-6">
1042
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-center gradient-text">Часто задаваемые вопросы</h2>
1043
+ <p class="text-xl text-gray-300 mb-12 text-center max-w-2xl mx-auto">
1044
+ Ответы на самые популярные вопросы о курсе
1045
+ </p>
1046
+
1047
+ <div class="max-w-3xl mx-auto">
1048
+ <!-- Question 1 -->
1049
+ <div class="mb-4 border-b border-gray-700 pb-4">
1050
+ <button class="accordion-btn w-full flex justify-between items-center text-left">
1051
+ <h3 class="text-lg font-bold">Подойдет ли курс новичкам без опыта?</h3>
1052
+ <i class="fas fa-plus ml-4 text-neon-green"></i>
1053
+ </button>
1054
+ <div class="accordion-content mt-2">
1055
+ <p class="text-gray-300">
1056
+ Да, курс разработан специально для новичков. Мы начинаем с самых основ и постепенно переходим
1057
+ к сложным темам. Более 60% наших студентов пришли без какого-либо опыта в арбитраже.
1058
+ </p>
1059
+ </div>
1060
+ </div>
1061
+
1062
+ <!-- Question 2 -->
1063
+ <div class="mb-4 border-b border-gray-700 pb-4">
1064
+ <button class="accordion-btn w-full flex justify-between items-center text-left">
1065
+ <h3 class="text-lg font-bold">Сколько времени занимает обучение?</h3>
1066
+ <i class="fas fa-plus ml-4 text-neon-purple"></i>
1067
+ </button>
1068
+ <div class="accordion-content mt-2">
1069
+ <p class="text-gray-300">
1070
+ Основная программа рассчитана на 6-8 недель при темпе 4-5 часов в неделю.
1071
+ Однако у вас будет пожизненный доступ, поэтому вы можете проходить курс в своем ритме.
1072
+ </p>
1073
+ </div>
1074
+ </div>
1075
+
1076
+ <!-- Question 3 -->
1077
+ <div class="mb-4 border-b border-gray-700 pb-4">
1078
+ <button class="accordion-btn w-full flex justify-between items-center text-left">
1079
+ <h3 class="text-lg font-bold">Какие гарантии результата?</h3>
1080
+ <i class="fas fa-plus ml-4 text-neon-blue"></i>
1081
+ </button>
1082
+ <div class="accordion-content mt-2">
1083
+ <p class="text-gray-300">
1084
+ Мы даем 14-дневную гарантию возврата денег, если курс вам не подойдет.
1085
+ Однако результат на 90% зависит от вашей вовлеченности и выполнения заданий.
1086
+ При должном подходе первые результаты у большинства студентов появляются в течение первого месяца.
1087
+ </p>
1088
+ </div>
1089
+ </div>
1090
+
1091
+ <!-- Question 4 -->
1092
+ <div class="mb-4 border-b border-gray-700 pb-4">
1093
+ <button class="accordion-btn w-full flex justify-between items-center text-left">
1094
+ <h3 class="text-lg font-bold">Можно ли работать в TMT после курса?</h3>
1095
+ <i class="fas fa-plus ml-4 text-neon-green"></i>
1096
+ </button>
1097
+ <div class="accordion-content mt-2">
1098
+ <p class="text-gray-300">
1099
+ Да, мы регулярно набираем в команду лучших выпускников курса. За последний год более 20 наших
1100
+ студентов стали частью TMT и других партнерских команд.
1101
+ </p>
1102
+ </div>
1103
+ </div>
1104
+
1105
+ <!-- Question 5 -->
1106
+ <div class="mb-4 border-b border-gray-700 pb-4">
1107
+ <button class="accordion-btn w-full flex justify-between items-center text-left">
1108
+ <h3 class="text-lg font-bold">Нужны ли дополнительные вложения?</h3>
1109
+ <i class="fas fa-plus ml-4 text-neon-purple"></i>
1110
+ </button>
1111
+ <div class="accordion-content mt-2">
1112
+ <p class="text-gray-300">
1113
+ Для старта достаточно бюджета $200-300 на тестовые кампании. Мы научим вас минимизировать риски
1114
+ и тестировать гипотезы с минимальными вложениями. Все необходимые инструменты предоставляются.
1115
+ </p>
1116
+ </div>
1117
+ </div>
1118
+ </div>
1119
+
1120
+ <div class="text-center mt-12">
1121
+ <h3 class="text-xl font-bold mb-4">Не нашли ответ? Напишите нам</h3>
1122
+ <button class="btn-neon border border-neon-green text-neon-green px-8 py-3 rounded-full font-bold">
1123
+ Задать вопрос
1124
+ </button>
1125
+ </div>
1126
+ </div>
1127
+ </section>
1128
+
1129
+ <!-- Pricing Section -->
1130
+ <section class="py-20">
1131
+ <div class="container mx-auto px-6">
1132
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 text-center gradient-text">Форматы участия</h2>
1133
+ <p class="text-xl text-gray-300 mb-12 text-center max-w-2xl mx-auto">
1134
+ Выберите подходящий вариант и начните зарабатывать уже сегодня
1135
+ </p>
1136
+
1137
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-5xl mx-auto">
1138
+ <!-- Basic -->
1139
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700">
1140
+ <h3 class="text-2xl font-bold mb-2">Базовый</h3>
1141
+ <div class="text-4xl font-bold mb-6 gradient-text">$299</div>
1142
+
1143
+ <ul class="space-y-4 mb-8">
1144
+ <li class="flex items-start">
1145
+ <i class="fas fa-check text-neon-green mt-1 mr-2"></i>
1146
+ <span>Доступ к платформе (40+ уроков)</span>
1147
+ </li>
1148
+ <li class="flex items-start">
1149
+ <i class="fas fa-check text-neon-green mt-1 mr-2"></i>
1150
+ <span>Практические задания</span>
1151
+ </li>
1152
+ <li class="flex items-start">
1153
+ <i class="fas fa-check text-neon-green mt-1 mr-2"></i>
1154
+ <span>Доступ в общий чат</span>
1155
+ </li>
1156
+ <li class="flex items-start text-gray-500">
1157
+ <i class="fas fa-times mt-1 mr-2"></i>
1158
+ <span>Zoom-разборы</span>
1159
+ </li>
1160
+ <li class="flex items-start text-gray-500">
1161
+ <i class="fas fa-times mt-1 mr-2"></i>
1162
+ <span>Персональный ментор</span>
1163
+ </li>
1164
+ </ul>
1165
+
1166
+ <button class="btn-neon border border-neon-green text-neon-green w-full py-3 rounded-full font-bold">
1167
+ Выбрать
1168
+ </button>
1169
+ </div>
1170
+
1171
+ <!-- Extended (Popular) -->
1172
+ <div class="card-hover bg-black rounded-xl p-8 border-2 border-neon-purple transform scale-105 relative">
1173
+ <div class="absolute top-0 right-0 bg-neon-purple text-black px-4 py-1 rounded-bl-xl rounded-tr-xl font-bold text-sm">
1174
+ ПОПУЛЯРНЫЙ
1175
+ </div>
1176
+ <h3 class="text-2xl font-bold mb-2">Расширенный</h3>
1177
+ <div class="text-4xl font-bold mb-6 gradient-text">$599</div>
1178
+
1179
+ <ul class="space-y-4 mb-8">
1180
+ <li class="flex items-start">
1181
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
1182
+ <span>Все из Базового</span>
1183
+ </li>
1184
+ <li class="flex items-start">
1185
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
1186
+ <span>12 Zoom-разборов</span>
1187
+ </li>
1188
+ <li class="flex items-start">
1189
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
1190
+ <span>База креативов</span>
1191
+ </li>
1192
+ <li class="flex items-start">
1193
+ <i class="fas fa-check text-neon-purple mt-1 mr-2"></i>
1194
+ <span>Приоритетная поддержка</span>
1195
+ </li>
1196
+ <li class="flex items-start text-gray-500">
1197
+ <i class="fas fa-times mt-1 mr-2"></i>
1198
+ <span>Персональный ментор</span>
1199
+ </li>
1200
+ </ul>
1201
+
1202
+ <button class="btn-neon bg-neon-purple text-black w-full py-3 rounded-full font-bold">
1203
+ Выбрать
1204
+ </button>
1205
+ </div>
1206
+
1207
+ <!-- VIP -->
1208
+ <div class="card-hover bg-gray-900 rounded-xl p-8 border border-gray-700">
1209
+ <h3 class="text-2xl font-bold mb-2">ВИП</h3>
1210
+ <div class="text-4xl font-bold mb-6 gradient-text">$1,299</div>
1211
+
1212
+ <ul class="space-y-4 mb-8">
1213
+ <li class="flex items-start">
1214
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
1215
+ <span>Все из Расширенного</span>
1216
+ </li>
1217
+ <li class="flex items-start">
1218
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
1219
+ <span>Персональный ментор</span>
1220
+ </li>
1221
+ <li class="flex items-start">
1222
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
1223
+ <span>Разбор ваших связок</span>
1224
+ </li>
1225
+ <li class="flex items-start">
1226
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
1227
+ <span>Доступ к закрытым вебинарам</span>
1228
+ </li>
1229
+ <li class="flex items-start">
1230
+ <i class="fas fa-check text-neon-blue mt-1 mr-2"></i>
1231
+ <span>Возможность трудоустройства</span>
1232
+ </li>
1233
+ </ul>
1234
+
1235
+ <button class="btn-neon border border-neon-blue text-neon-blue w-full py-3 rounded-full font-bold">
1236
+ Выбрать
1237
+ </button>
1238
+ </div>
1239
+ </div>
1240
+ </div>
1241
+ </section>
1242
 
1243
+ <!-- Free Course -->
1244
+ <section class="py-20 bg-gradient-to-br from-gray-900 to-black">
1245
+ <div class="container mx-auto px-6">
1246
+ <div class="max-w-4xl mx-auto bg-black rounded
1247
  </html>