Hugging Face's logo

Spaces:
timoon811
/
coursesite
Running

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

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +0 -1126
  2. prompts.txt +1 -0
index.html CHANGED
@@ -117,1131 +117,5 @@
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">Анна</h4>
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-xl p-8 md:p-
1247
  </html>
 
117
  50% { transform: scale(1.05); opacity: 0.3; }
118
  }
119
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
120
 
 
 
 
 
121
  </html>
prompts.txt CHANGED
@@ -0,0 +1 @@
 
 
1
+ Проверь весь скрипт сайт - не открывается основной лендинг - он просто завис на стартовой странице которая как превью!