Add 2 files
Browse files- index.html +77 -387
- prompts.txt +2 -1
index.html
CHANGED
|
@@ -14,6 +14,7 @@
|
|
| 14 |
background-color: #0a0a0a;
|
| 15 |
color: #ffffff;
|
| 16 |
overflow-x: hidden;
|
|
|
|
| 17 |
}
|
| 18 |
|
| 19 |
.neon-text {
|
|
@@ -61,44 +62,48 @@
|
|
| 61 |
|
| 62 |
.phone-frame {
|
| 63 |
position: relative;
|
| 64 |
-
border-radius:
|
| 65 |
border: 8px solid #111;
|
| 66 |
background: #000;
|
| 67 |
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
| 68 |
}
|
| 69 |
|
| 70 |
.phone-frame::before {
|
| 71 |
content: '';
|
| 72 |
position: absolute;
|
| 73 |
top: 0;
|
| 74 |
-
left:
|
| 75 |
-
|
|
|
|
| 76 |
height: 20px;
|
| 77 |
background: #111;
|
| 78 |
-
border-radius:
|
| 79 |
z-index: 10;
|
| 80 |
}
|
| 81 |
|
| 82 |
.phone-frame::after {
|
| 83 |
content: '';
|
| 84 |
position: absolute;
|
| 85 |
-
bottom:
|
| 86 |
-
left:
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
|
|
|
| 91 |
z-index: 10;
|
| 92 |
}
|
| 93 |
|
| 94 |
-
.video-container {
|
| 95 |
position: relative;
|
| 96 |
-
|
| 97 |
-
height:
|
| 98 |
-
overflow: hidden;
|
| 99 |
}
|
| 100 |
|
| 101 |
-
.video-container iframe {
|
| 102 |
position: absolute;
|
| 103 |
top: 0;
|
| 104 |
left: 0;
|
|
@@ -193,6 +198,15 @@
|
|
| 193 |
10% { opacity: 1; }
|
| 194 |
100% { opacity: 0; }
|
| 195 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 196 |
</style>
|
| 197 |
</head>
|
| 198 |
<body class="relative">
|
|
@@ -232,7 +246,7 @@
|
|
| 232 |
Заполнить анкету <i class="fas fa-arrow-down ml-2"></i>
|
| 233 |
</a>
|
| 234 |
<button id="watchTeaser" class="bg-gray-800 hover:bg-gray-700 text-white font-bold py-4 px-8 rounded-lg text-lg transition-all duration-300 flex items-center justify-center border border-gray-700">
|
| 235 |
-
<i class="fas fa-play mr-2"></i> Смотреть
|
| 236 |
</button>
|
| 237 |
</div>
|
| 238 |
|
|
@@ -241,7 +255,7 @@
|
|
| 241 |
<div class="w-10 h-10 rounded-full bg-purple-900/50 border border-purple-700 flex items-center justify-center mr-3 glow">
|
| 242 |
<i class="fas fa-users text-purple-400"></i>
|
| 243 |
</div>
|
| 244 |
-
<span class="text-gray-300">
|
| 245 |
</div>
|
| 246 |
<div class="flex items-center">
|
| 247 |
<div class="w-10 h-10 rounded-full bg-purple-900/50 border border-purple-700 flex items-center justify-center mr-3 glow">
|
|
@@ -258,9 +272,9 @@
|
|
| 258 |
</div>
|
| 259 |
</div>
|
| 260 |
|
| 261 |
-
<div class="lg:w-1/2 mt-12 lg:mt-0">
|
| 262 |
-
<div class="phone-frame
|
| 263 |
-
<div class="video-container">
|
| 264 |
<iframe id="teaserVideo" class="w-full h-full" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=0&controls=0&showinfo=0&rel=0" frameborder="0" allowfullscreen></iframe>
|
| 265 |
</div>
|
| 266 |
<div class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-70 z-20" id="videoOverlay">
|
|
@@ -287,7 +301,7 @@
|
|
| 287 |
</h2>
|
| 288 |
<div class="w-24 h-1 bg-gradient-to-r from-purple-500 to-teal-500 mx-auto mb-6"></div>
|
| 289 |
<p class="text-xl text-gray-300 max-w-3xl mx-auto">
|
| 290 |
-
|
| 291 |
Это не курс — это прокачка в прямом эфире.
|
| 292 |
</p>
|
| 293 |
</div>
|
|
@@ -361,7 +375,7 @@
|
|
| 361 |
<span>Аналитика и оптимизация</span>
|
| 362 |
</li>
|
| 363 |
<li class="flex items-start">
|
| 364 |
-
<i class="fas fa-check-circle text-purple-400 mt
|
| 365 |
<span>Скрипты и шаблоны документов</span>
|
| 366 |
</li>
|
| 367 |
</ul>
|
|
@@ -371,47 +385,47 @@
|
|
| 371 |
<div class="w-20 h-20 bg-purple-900/30 rounded-full flex items-center justify-center mb-6 mx-auto neon-border">
|
| 372 |
<i class="fas fa-chalkboard-teacher text-purple-400 text-3xl"></i>
|
| 373 |
</div>
|
| 374 |
-
<h3 class="text-2xl font-bold text-center mb
|
| 375 |
-
<ul class="space-y
|
| 376 |
<li class="flex items-start">
|
| 377 |
-
<i class="fas fa-check-circle text-purple-400 mt
|
| 378 |
<span>Персональные консультации</span>
|
| 379 |
</li>
|
| 380 |
<li class="flex items-start">
|
| 381 |
-
<i class="fas fa-check-circle text-purple-400 mt
|
| 382 |
<span>Разбор ошибок в реальном времени</span>
|
| 383 |
</li>
|
| 384 |
<li class="flex items-start">
|
| 385 |
-
<i class="fas fa-check-circle text-purple-400 mt
|
| 386 |
<span>Доступ к закрытому чату</span>
|
| 387 |
</li>
|
| 388 |
<li class="flex items-start">
|
| 389 |
-
<i class="fas fa-check-circle text-purple-400 mt
|
| 390 |
<span>Ответы на любые вопросы</span>
|
| 391 |
</li>
|
| 392 |
</ul>
|
| 393 |
</div>
|
| 394 |
|
| 395 |
-
<div class="bg-gradient-to-br from-gray-900/50 to-gray-900/80 border border-gray-800 rounded-xl p
|
| 396 |
-
<div class="w-20 h-20 bg-purple-900/30 rounded-full flex items-center justify-center mb
|
| 397 |
-
<i class="fas fa-bullhorn text-purple-400 text
|
| 398 |
</div>
|
| 399 |
-
<h3 class="text-2xl font-bold text-center mb
|
| 400 |
-
<ul class="space-y
|
| 401 |
<li class="flex items-start">
|
| 402 |
-
<i class="fas fa-check-circle text-purple-400 mt
|
| 403 |
<span>Контент для соцсетей</span>
|
| 404 |
</li>
|
| 405 |
<li class="flex items-start">
|
| 406 |
-
<i class="fas fa-check-circle text-purple-400 mt
|
| 407 |
<span>Рекомендации по продвижению</span>
|
| 408 |
</li>
|
| 409 |
<li class="flex items-start">
|
| 410 |
-
<i class="fas fa-check-circle text-purple-400 mt
|
| 411 |
<span>Возможность стать медиаперсоной</span>
|
| 412 |
</li>
|
| 413 |
<li class="flex items-start">
|
| 414 |
-
<i class="fas fa-check-circle text-purple-400 mt
|
| 415 |
<span>Подписчики и узнаваемость</span>
|
| 416 |
</li>
|
| 417 |
</ul>
|
|
@@ -521,7 +535,7 @@
|
|
| 521 |
<!-- Application Form Section -->
|
| 522 |
<section id="application" class="py-16 md:py-24 bg-gray-900/30 relative overflow-hidden">
|
| 523 |
<div class="absolute inset-0 overflow-hidden">
|
| 524 |
-
<div class="absolute top-0 left-0 w-full h-full opacity-5" style="background-image: url('data:image/svg+xml;base64,
|
| 525 |
</div>
|
| 526 |
|
| 527 |
<div class="container mx-auto px-4 relative z-10">
|
|
@@ -563,18 +577,18 @@
|
|
| 563 |
</div>
|
| 564 |
|
| 565 |
<div>
|
| 566 |
-
<label for="experience" class="block text-gray-300 mb
|
| 567 |
<textarea id="experience" name="experience" rows="3" class="form-input w-full px-4 py-3 rounded-lg" placeholder="Если да — коротко расскажи. Если нет — пиши «нет»"></textarea>
|
| 568 |
</div>
|
| 569 |
|
| 570 |
<div>
|
| 571 |
-
<label for="motivation" class="block text-gray-300 mb
|
| 572 |
<textarea id="motivation" name="motivation" rows="3" required class="form-input w-full px-4 py-3 rounded-lg" placeholder="Свободная форма — чем искреннее, тем лучше"></textarea>
|
| 573 |
</div>
|
| 574 |
|
| 575 |
<div>
|
| 576 |
-
<label class="block text-gray-300 mb
|
| 577 |
-
<div class="space-y
|
| 578 |
<input type="radio" id="publicity1" name="publicity" value="Готов(-а) показывать себя и записывать видео" class="radio-option">
|
| 579 |
<label for="publicity1" class="block">Готов(-а) показывать себя и записывать видео</label>
|
| 580 |
|
|
@@ -587,55 +601,55 @@
|
|
| 587 |
</div>
|
| 588 |
|
| 589 |
<div>
|
| 590 |
-
<label class="block text-gray-300 mb
|
| 591 |
-
<div class="flex flex-wrap gap
|
| 592 |
<input type="radio" id="equipment1" name="equipment" value="Да, есть и смартфон, и интернет" class="radio-option">
|
| 593 |
-
<label for="equipment1" class="flex
|
| 594 |
|
| 595 |
<input type="radio" id="equipment2" name="equipment" value="Есть только смартфон" class="radio-option">
|
| 596 |
-
<label for="equipment2" class="flex
|
| 597 |
|
| 598 |
<input type="radio" id="equipment3" name="equipment" value="Есть только интернет" class="radio-option">
|
| 599 |
-
<label for="equipment3" class="flex
|
| 600 |
</div>
|
| 601 |
</div>
|
| 602 |
|
| 603 |
<div>
|
| 604 |
-
<label class="block text-gray-300 mb
|
| 605 |
-
<div class="flex flex-wrap gap
|
| 606 |
<input type="radio" id="time1" name="time" value="Да, легко" class="radio-option">
|
| 607 |
-
<label for="time1" class="flex
|
| 608 |
|
| 609 |
<input type="radio" id="time2" name="time" value="Да, но с трудом" class="radio-option">
|
| 610 |
-
<label for="time2" class="flex
|
| 611 |
|
| 612 |
<input type="radio" id="time3" name="time" value="Нет, не могу гарантировать" class="radio-option">
|
| 613 |
-
<label for="time3" class="flex
|
| 614 |
</div>
|
| 615 |
</div>
|
| 616 |
|
| 617 |
<div>
|
| 618 |
-
<label for="aboutYourself" class="block text-gray-300 mb
|
| 619 |
-
<textarea id="aboutYourself" name="aboutYourself" rows="5" required class="form-input w-full px
|
| 620 |
</div>
|
| 621 |
|
| 622 |
<div>
|
| 623 |
-
<label for="limitations" class="block text-gray
|
| 624 |
-
<textarea id="limitations" name="limitations" rows="3" class="form-input w-full px
|
| 625 |
</div>
|
| 626 |
|
| 627 |
-
<div class="pt
|
| 628 |
-
<button type="submit" class="neon-button w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py
|
| 629 |
Отправить анкету
|
| 630 |
</button>
|
| 631 |
</div>
|
| 632 |
</form>
|
| 633 |
|
| 634 |
-
<div id="successMessage" class="hidden text-center py
|
| 635 |
-
<div class="w
|
| 636 |
-
<i class="fas fa-check text-purple-400 text
|
| 637 |
</div>
|
| 638 |
-
<h3 class="text
|
| 639 |
<p class="text-gray-300 max-w-lg mx-auto">
|
| 640 |
Если ты пройдёшь отбор — мы напишем тебе в Telegram в течение 3 дней.<br>
|
| 641 |
Удачи!
|
|
@@ -748,329 +762,5 @@
|
|
| 748 |
<div class="bg-gradient-to-br from-gray-900/50 to-gray-900/80 border border-gray-800 rounded-xl overflow-hidden">
|
| 749 |
<div class="relative h-64 bg-gradient-to-r from-purple-900/50 to-teal-900/50 flex items-center justify-center">
|
| 750 |
<div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80')] bg-cover bg-center opacity-30"></div>
|
| 751 |
-
<div class="relative z-10 text-center p-
|
| 752 |
-
<h3 class="text-2xl font-bold mb-2">Кейс: Вертикаль Nutra</h3>
|
| 753 |
-
<p class="text-gray-300">ROI 250% за 2 недели</p>
|
| 754 |
-
</div>
|
| 755 |
-
</div>
|
| 756 |
-
<div class="p-6">
|
| 757 |
-
<div class="flex flex-wrap gap-4 mb-6">
|
| 758 |
-
<div class="px-4 py-2 bg-purple-900/30 text-purple-400 rounded-full text-sm font-semibold neon-border">
|
| 759 |
-
<i class="fas fa-chart-line mr-2"></i> +250% ROI
|
| 760 |
-
</div>
|
| 761 |
-
<div class="px-4 py-2 bg-purple-900/30 text-purple-400 rounded-full text-sm font-semibold neon-border">
|
| 762 |
-
<i class="fas fa-dollar-sign mr-2"></i> $3,500 прибыли
|
| 763 |
-
</div>
|
| 764 |
-
<div class="px-4 py-2 bg-purple-900/30 text-purple-400 rounded-full text-sm font-semibold neon-border">
|
| 765 |
-
<i class="fas fa-clock mr-2"></i> 14 дней
|
| 766 |
-
</div>
|
| 767 |
-
</div>
|
| 768 |
-
<p class="text-gray-300 mb-4">
|
| 769 |
-
Участник реалити-шоу смог выйти на стабильный доход с вертикалью Nutra, используя стратегии, разобранные в программе. Начальный бюджет кампании — $1,000.
|
| 770 |
-
</p>
|
| 771 |
-
<div class="flex items-center">
|
| 772 |
-
<div class="w-10 h-10 rounded-full bg-purple-900/30 flex items-center justify-center mr-3 neon-border">
|
| 773 |
-
<i class="fas fa-user text-purple-400"></i>
|
| 774 |
-
</div>
|
| 775 |
-
<span class="text-gray-400 text-sm">Анонимный участник 3 потока</span>
|
| 776 |
-
</div>
|
| 777 |
-
</div>
|
| 778 |
-
</div>
|
| 779 |
-
|
| 780 |
-
<div class="bg-gradient-to-br from-gray-900/50 to-gray-900/80 border border-gray-800 rounded-xl overflow-hidden">
|
| 781 |
-
<div class="relative h-64 bg-gradient-to-r from-purple-900/50 to-teal-900/50 flex items-center justify-center">
|
| 782 |
-
<div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80')] bg-cover bg-center opacity-30"></div>
|
| 783 |
-
<div class="relative z-10 text-center p-6">
|
| 784 |
-
<h3 class="text-2xl font-bold mb-2">Кейс: Собственный инфопродукт</h3>
|
| 785 |
-
<p class="text-gray-300">$12,000 с первой кампании</p>
|
| 786 |
-
</div>
|
| 787 |
-
</div>
|
| 788 |
-
<div class="p-6">
|
| 789 |
-
<div class="flex flex-wrap gap-4 mb-6">
|
| 790 |
-
<div class="px-4 py-2 bg-purple-900/30 text-purple-400 rounded-full text-sm font-semibold neon-border">
|
| 791 |
-
<i class="fas fa-chart-line mr-2"></i> 320 лидов
|
| 792 |
-
</div>
|
| 793 |
-
<div class="px-4 py-2 bg-purple-900/30 text-purple-400 rounded-full text-sm font-semibold neon-border">
|
| 794 |
-
<i class="fas fa-dollar-sign mr-2"></i> $12,000 доход
|
| 795 |
-
</div>
|
| 796 |
-
<div class="px-4 py-2 bg-purple-900/30 text-purple-400 rounded-full text-sm font-semibold neon-border">
|
| 797 |
-
<i class="fas fa-clock mr-2"></i> 21 день
|
| 798 |
-
</div>
|
| 799 |
-
</div>
|
| 800 |
-
<p class="text-gray-300 mb-4">
|
| 801 |
-
Участница реалити запустила рекламу своего инфопродукт��, используя знания из программы. Конверсия в покупку — 8.3%, средний чек — $37.
|
| 802 |
-
</p>
|
| 803 |
-
<div class="flex items-center">
|
| 804 |
-
<div class="w-10 h-10 rounded-full bg-purple-900/30 flex items-center justify-center mr-3 neon-border">
|
| 805 |
-
<i class="fas fa-user text-purple-400"></i>
|
| 806 |
-
</div>
|
| 807 |
-
<span class="text-gray-400 text-sm">Анонимная участница 2 потока</span>
|
| 808 |
-
</div>
|
| 809 |
-
</div>
|
| 810 |
-
</div>
|
| 811 |
-
</div>
|
| 812 |
-
</div>
|
| 813 |
-
</section>
|
| 814 |
-
|
| 815 |
-
<!-- FAQ Section -->
|
| 816 |
-
<section class="py-16 md:py-24 bg-gradient-to-b from-gray-900/30 to-gray-900/50 relative overflow-hidden">
|
| 817 |
-
<div class="container mx-auto px-4 relative z-10">
|
| 818 |
-
<div class="text-center mb-16">
|
| 819 |
-
<h2 class="text-3xl md:text-4xl font-bold mb-4 neon-text">
|
| 820 |
-
Частые <span class="text-purple-400">вопросы</span>
|
| 821 |
-
</h2>
|
| 822 |
-
<div class="w-24 h-1 bg-gradient-to-r from-purple-500 to-teal-500 mx-auto mb-6"></div>
|
| 823 |
-
<p class="text-xl text-gray-300 max-w-3xl mx-auto">
|
| 824 |
-
Ответы на самые популярные вопросы о реалити-шоу
|
| 825 |
-
</p>
|
| 826 |
-
</div>
|
| 827 |
-
|
| 828 |
-
<div class="max-w-3xl mx-auto">
|
| 829 |
-
<div class="faq-item">
|
| 830 |
-
<div class="faq-question">
|
| 831 |
-
Нужно ли платить за участие?
|
| 832 |
-
</div>
|
| 833 |
-
<div class="faq-answer">
|
| 834 |
-
<div class="pb-6 text-gray-300">
|
| 835 |
-
Нет, участие в реалити-шоу полностью бесплатное. Мы отбираем участников по мотивации и потенциалу, а не по финансовым возможностям.
|
| 836 |
-
</div>
|
| 837 |
-
</div>
|
| 838 |
-
</div>
|
| 839 |
-
|
| 840 |
-
<div class="faq-item">
|
| 841 |
-
<div class="faq-question">
|
| 842 |
-
Что будет, если не получится каждый день участвовать?
|
| 843 |
-
</div>
|
| 844 |
-
<div class="faq-answer">
|
| 845 |
-
<div class="pb-6 text-gray-300">
|
| 846 |
-
Мы понимаем, что у всех есть личные обстоятельства. Главное — выполнять основные задания и показывать прогресс. Но регулярность важна — участники, которые пропускают слишком много дней без уважительной причины, могут быть исключены из проекта.
|
| 847 |
-
</div>
|
| 848 |
-
</div>
|
| 849 |
-
</div>
|
| 850 |
-
|
| 851 |
-
<div class="faq-item">
|
| 852 |
-
<div class="faq-question">
|
| 853 |
-
Можно ли без опыта?
|
| 854 |
-
</div>
|
| 855 |
-
<div class="faq-answer">
|
| 856 |
-
<div class="pb-6 text-gray-300">
|
| 857 |
-
Да, можно! Мы как раз и создали этот формат для тех, кто хочет с нуля разобраться в арбитраже трафика. Опытные участники тоже есть, но их процент небольшой.
|
| 858 |
-
</div>
|
| 859 |
-
</div>
|
| 860 |
-
</div>
|
| 861 |
-
|
| 862 |
-
<div class="faq-item">
|
| 863 |
-
<div class="faq-question">
|
| 864 |
-
Какие требования к оборудованию?
|
| 865 |
-
</div>
|
| 866 |
-
<div class="faq-answer">
|
| 867 |
-
<div class="pb-6 text-gray-300">
|
| 868 |
-
Минимальные требования — смартфон и стабильный интернет. Желательно иметь ноутбук или компьютер, но это не обязательно. Камеры и микрофоны в смартфоне достаточно для участия.
|
| 869 |
-
</div>
|
| 870 |
-
</div>
|
| 871 |
-
</div>
|
| 872 |
-
|
| 873 |
-
<div class="faq-item">
|
| 874 |
-
<div class="faq-question">
|
| 875 |
-
Какой график у реалити-шоу?
|
| 876 |
-
</div>
|
| 877 |
-
<div class="faq-answer">
|
| 878 |
-
<div class="pb-6 text-gray-300">
|
| 879 |
-
Основные активности проходят в будние дни с 19:00 до 21:00 по МСК, но все занятия и разборы записываются и доступны в любое время. Задания можно выполнять в удобное для тебя время, главное — укладываться в сроки.
|
| 880 |
-
</div>
|
| 881 |
-
</div>
|
| 882 |
-
</div>
|
| 883 |
-
|
| 884 |
-
<div class="faq-item">
|
| 885 |
-
<div class="faq-question">
|
| 886 |
-
Какие шансы попасть в команду Traffic Master?
|
| 887 |
-
</div>
|
| 888 |
-
<div class="faq-answer">
|
| 889 |
-
<div class="pb-6 text-gray-300">
|
| 890 |
-
В каждом потоке мы отбираем 1-3 человек в команду. Все зависит от твоих результатов, мотивации и того, как ты проявишь себя в ходе проекта. Даже если не попадешь в команду сразу, останешься в базе и сможешь получить предложение позже.
|
| 891 |
-
</div>
|
| 892 |
-
</div>
|
| 893 |
-
</div>
|
| 894 |
-
</div>
|
| 895 |
-
</div>
|
| 896 |
-
</section>
|
| 897 |
-
|
| 898 |
-
<!-- CTA Section -->
|
| 899 |
-
<section class="py-16 md:py-24 bg-gradient-to-b from-purple-900/30 to-gray-900/50 relative overflow-hidden">
|
| 900 |
-
<div class="absolute inset-0 overflow-hidden">
|
| 901 |
-
<div class="absolute top-0 left-0 w-full h-full opacity-10" style="background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj48cmVjdCB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiMxMTExMTEiLz48cGF0aCBkPSJNMjUgMTVMMTUgNDBMNDAgMjVMMTUgMTBaIiBmaWxsPSJub25lIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg==');"></div>
|
| 902 |
-
</div>
|
| 903 |
-
|
| 904 |
-
<div class="container mx-auto px-4 relative z-10">
|
| 905 |
-
<div class="max-w-4xl mx-auto text-center">
|
| 906 |
-
<h2 class="text-3xl md:text-4xl font-bold mb-6 neon-text">
|
| 907 |
-
Готов изменить свою жизнь за <span class="text-purple-400">30 дней</span>?
|
| 908 |
-
</h2>
|
| 909 |
-
<p class="text-xl text-gray-300 mb-8 max-w-3xl mx-auto">
|
| 910 |
-
Участие в реалити-шоу — это шанс получить реальные навыки, которые позволят тебе зарабатывать из любой точки мира.
|
| 911 |
-
</p>
|
| 912 |
-
<a href="#application" class="neon-button inline-block bg-purple-600 hover:bg-purple-700 text-white font-bold py-4 px-8 rounded-lg text-lg transition-all duration-300">
|
| 913 |
-
Подать заявку на участие
|
| 914 |
-
</a>
|
| 915 |
-
</div>
|
| 916 |
-
</div>
|
| 917 |
-
</section>
|
| 918 |
-
|
| 919 |
-
<!-- Footer -->
|
| 920 |
-
<footer class="bg-gray-900/80 border-t border-gray-800 py-12">
|
| 921 |
-
<div class="container mx-auto px-4">
|
| 922 |
-
<div class="flex flex-col md:flex-row justify-between items-center">
|
| 923 |
-
<div class="mb-8 md:mb-0">
|
| 924 |
-
<div class="flex items-center mb-4">
|
| 925 |
-
<div class="w-10 h-10 bg-purple-900/30 rounded-full flex items-center justify-center mr-3 neon-border">
|
| 926 |
-
<i class="fas fa-bolt text-purple-400"></i>
|
| 927 |
-
</div>
|
| 928 |
-
<span class="text-xl font-bold">Traffic Master</span>
|
| 929 |
-
</div>
|
| 930 |
-
<p class="text-gray-400 max-w-xs">
|
| 931 |
-
Реалити-шоу по арбитражу трафика. Обучение, практика и шанс попасть в команду.
|
| 932 |
-
</p>
|
| 933 |
-
</div>
|
| 934 |
-
|
| 935 |
-
<div class="mb-8 md:mb-0">
|
| 936 |
-
<h3 class="text-lg font-bold mb-4">Контакты</h3>
|
| 937 |
-
<ul class="space-y-2">
|
| 938 |
-
<li>
|
| 939 |
-
<a href="https://t.me/trafficmaster" class="text-gray-400 hover:text-purple-400 transition-colors duration-300 flex items-center">
|
| 940 |
-
<i class="fab fa-telegram mr-2"></i> @trafficmaster
|
| 941 |
-
</a>
|
| 942 |
-
</li>
|
| 943 |
-
<li>
|
| 944 |
-
<a href="https://instagram.com/trafficmaster" class="text-gray-400 hover:text-purple-400 transition-colors duration-300 flex items-center">
|
| 945 |
-
<i class="fab fa-instagram mr-2"></i> @trafficmaster
|
| 946 |
-
</a>
|
| 947 |
-
</li>
|
| 948 |
-
<li>
|
| 949 |
-
<a href="mailto:[email protected]" class="text-gray-400 hover:text-purple-400 transition-colors duration-300 flex items-center">
|
| 950 |
-
<i class="fas fa-envelope mr-2"></i> [email protected]
|
| 951 |
-
</a>
|
| 952 |
-
</li>
|
| 953 |
-
</ul>
|
| 954 |
-
</div>
|
| 955 |
-
|
| 956 |
-
<div>
|
| 957 |
-
<h3 class="text-lg font-bold mb-4">Информация</h3>
|
| 958 |
-
<ul class="space-y-2">
|
| 959 |
-
<li>
|
| 960 |
-
<a href="#" class="text-gray-400 hover:text-purple-400 transition-colors duration-300">Политика конфиденциальности</a>
|
| 961 |
-
</li>
|
| 962 |
-
<li>
|
| 963 |
-
<a href="#" class="text-gray-400 hover:text-purple-400 transition-colors duration-300">Условия участия</a>
|
| 964 |
-
</li>
|
| 965 |
-
<li>
|
| 966 |
-
<a href="#faq" class="text-gray-400 hover:text-purple-400 transition-colors duration-300">FAQ</a>
|
| 967 |
-
</li>
|
| 968 |
-
</ul>
|
| 969 |
-
</div>
|
| 970 |
-
</div>
|
| 971 |
-
|
| 972 |
-
<div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500">
|
| 973 |
-
<p>© 2023 Traffic Master. Все права защищены.</p>
|
| 974 |
-
</div>
|
| 975 |
-
</div>
|
| 976 |
-
</footer>
|
| 977 |
-
|
| 978 |
-
<script>
|
| 979 |
-
// Camera flash effect
|
| 980 |
-
function triggerCameraFlash() {
|
| 981 |
-
const flash = document.getElementById('cameraFlash');
|
| 982 |
-
flash.classList.add('flash-animation');
|
| 983 |
-
setTimeout(() => {
|
| 984 |
-
flash.classList.remove('flash-animation');
|
| 985 |
-
}, 500);
|
| 986 |
-
}
|
| 987 |
-
|
| 988 |
-
// Random flash effects
|
| 989 |
-
setInterval(() => {
|
| 990 |
-
if (Math.random() > 0.7) {
|
| 991 |
-
triggerCameraFlash();
|
| 992 |
-
}
|
| 993 |
-
}, 10000);
|
| 994 |
-
|
| 995 |
-
// Video teaser play
|
| 996 |
-
const watchTeaserBtn = document.getElementById('watchTeaser');
|
| 997 |
-
const videoOverlay = document.getElementById('videoOverlay');
|
| 998 |
-
const teaserVideo = document.getElementById('teaserVideo');
|
| 999 |
-
|
| 1000 |
-
watchTeaserBtn.addEventListener('click', () => {
|
| 1001 |
-
triggerCameraFlash();
|
| 1002 |
-
setTimeout(() => {
|
| 1003 |
-
videoOverlay.style.display = 'none';
|
| 1004 |
-
teaserVideo.src = teaserVideo.src.replace('autoplay=0', 'autoplay=1');
|
| 1005 |
-
}, 500);
|
| 1006 |
-
});
|
| 1007 |
-
|
| 1008 |
-
videoOverlay.addEventListener('click', () => {
|
| 1009 |
-
videoOverlay.style.display = 'none';
|
| 1010 |
-
teaserVideo.src = teaserVideo.src.replace('autoplay=0', 'autoplay=1');
|
| 1011 |
-
});
|
| 1012 |
-
|
| 1013 |
-
// FAQ accordion
|
| 1014 |
-
const faqQuestions = document.querySelectorAll('.faq-question');
|
| 1015 |
-
|
| 1016 |
-
faqQuestions.forEach(question => {
|
| 1017 |
-
question.addEventListener('click', () => {
|
| 1018 |
-
question.classList.toggle('active');
|
| 1019 |
-
const answer = question.nextElementSibling;
|
| 1020 |
-
if (question.classList.contains('active')) {
|
| 1021 |
-
answer.style.maxHeight = answer.scrollHeight + 'px';
|
| 1022 |
-
} else {
|
| 1023 |
-
answer.style.maxHeight = '0';
|
| 1024 |
-
}
|
| 1025 |
-
});
|
| 1026 |
-
});
|
| 1027 |
-
|
| 1028 |
-
// Form submission
|
| 1029 |
-
const applicationForm = document.getElementById('applicationForm');
|
| 1030 |
-
const successMessage = document.getElementById('successMessage');
|
| 1031 |
-
|
| 1032 |
-
applicationForm.addEventListener('submit', (e) => {
|
| 1033 |
-
e.preventDefault();
|
| 1034 |
-
|
| 1035 |
-
// Here you would typically send the form data to a server
|
| 1036 |
-
// For this example, we'll just show the success message
|
| 1037 |
-
triggerCameraFlash();
|
| 1038 |
-
applicationForm.style.display = 'none';
|
| 1039 |
-
successMessage.style.display = 'block';
|
| 1040 |
-
|
| 1041 |
-
// Scroll to success message
|
| 1042 |
-
successMessage.scrollIntoView({ behavior: 'smooth' });
|
| 1043 |
-
});
|
| 1044 |
-
|
| 1045 |
-
// Random pulse effects
|
| 1046 |
-
const pulseElements = document.querySelectorAll('.pulse');
|
| 1047 |
-
|
| 1048 |
-
setInterval(() => {
|
| 1049 |
-
pulseElements.forEach(el => {
|
| 1050 |
-
if (Math.random() > 0.5) {
|
| 1051 |
-
el.style.animation = 'none';
|
| 1052 |
-
el.offsetHeight; // Trigger reflow
|
| 1053 |
-
el.style.animation = 'pulse 2s infinite';
|
| 1054 |
-
}
|
| 1055 |
-
});
|
| 1056 |
-
}, 3000);
|
| 1057 |
-
|
| 1058 |
-
// Animate elements on scroll
|
| 1059 |
-
const observerOptions = {
|
| 1060 |
-
threshold: 0.1
|
| 1061 |
-
};
|
| 1062 |
-
|
| 1063 |
-
const observer = new IntersectionObserver((entries) => {
|
| 1064 |
-
entries.forEach(entry => {
|
| 1065 |
-
if (entry.isIntersecting) {
|
| 1066 |
-
entry.target.classList.add('animate-fadeIn');
|
| 1067 |
-
}
|
| 1068 |
-
});
|
| 1069 |
-
}, observerOptions);
|
| 1070 |
-
|
| 1071 |
-
document.querySelectorAll('section').forEach(section => {
|
| 1072 |
-
observer.observe(section);
|
| 1073 |
-
});
|
| 1074 |
-
</script>
|
| 1075 |
-
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=timoon811/realiti" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 1076 |
</html>
|
|
|
|
| 14 |
background-color: #0a0a0a;
|
| 15 |
color: #ffffff;
|
| 16 |
overflow-x: hidden;
|
| 17 |
+
scroll-behavior: smooth;
|
| 18 |
}
|
| 19 |
|
| 20 |
.neon-text {
|
|
|
|
| 62 |
|
| 63 |
.phone-frame {
|
| 64 |
position: relative;
|
| 65 |
+
border-radius: 20px;
|
| 66 |
border: 8px solid #111;
|
| 67 |
background: #000;
|
| 68 |
overflow: hidden;
|
| 69 |
+
width: 280px;
|
| 70 |
+
height: 500px;
|
| 71 |
+
margin: 0 auto;
|
| 72 |
}
|
| 73 |
|
| 74 |
.phone-frame::before {
|
| 75 |
content: '';
|
| 76 |
position: absolute;
|
| 77 |
top: 0;
|
| 78 |
+
left: 50%;
|
| 79 |
+
transform: translateX(-50%);
|
| 80 |
+
width: 100px;
|
| 81 |
height: 20px;
|
| 82 |
background: #111;
|
| 83 |
+
border-radius: 0 0 10px 10px;
|
| 84 |
z-index: 10;
|
| 85 |
}
|
| 86 |
|
| 87 |
.phone-frame::after {
|
| 88 |
content: '';
|
| 89 |
position: absolute;
|
| 90 |
+
bottom: 10px;
|
| 91 |
+
left: 50%;
|
| 92 |
+
transform: translateX(-50%);
|
| 93 |
+
width: 120px;
|
| 94 |
+
height: 5px;
|
| 95 |
+
background: #222;
|
| 96 |
+
border-radius: 5px;
|
| 97 |
z-index: 10;
|
| 98 |
}
|
| 99 |
|
| 100 |
+
.vertical-video-container {
|
| 101 |
position: relative;
|
| 102 |
+
width: 100%;
|
| 103 |
+
height: 100%;
|
|
|
|
| 104 |
}
|
| 105 |
|
| 106 |
+
.vertical-video-container iframe {
|
| 107 |
position: absolute;
|
| 108 |
top: 0;
|
| 109 |
left: 0;
|
|
|
|
| 198 |
10% { opacity: 1; }
|
| 199 |
100% { opacity: 0; }
|
| 200 |
}
|
| 201 |
+
|
| 202 |
+
@keyframes fadeIn {
|
| 203 |
+
from { opacity: 0; transform: translateY(20px); }
|
| 204 |
+
to { opacity: 1; transform: translateY(0); }
|
| 205 |
+
}
|
| 206 |
+
|
| 207 |
+
.animate-fadeIn {
|
| 208 |
+
animation: fadeIn 1s ease forwards;
|
| 209 |
+
}
|
| 210 |
</style>
|
| 211 |
</head>
|
| 212 |
<body class="relative">
|
|
|
|
| 246 |
Заполнить анкету <i class="fas fa-arrow-down ml-2"></i>
|
| 247 |
</a>
|
| 248 |
<button id="watchTeaser" class="bg-gray-800 hover:bg-gray-700 text-white font-bold py-4 px-8 rounded-lg text-lg transition-all duration-300 flex items-center justify-center border border-gray-700">
|
| 249 |
+
<i class="fas fa-play mr-2"></i> Смотреть курс
|
| 250 |
</button>
|
| 251 |
</div>
|
| 252 |
|
|
|
|
| 255 |
<div class="w-10 h-10 rounded-full bg-purple-900/50 border border-purple-700 flex items-center justify-center mr-3 glow">
|
| 256 |
<i class="fas fa-users text-purple-400"></i>
|
| 257 |
</div>
|
| 258 |
+
<span class="text-gray-300">2 участника</span>
|
| 259 |
</div>
|
| 260 |
<div class="flex items-center">
|
| 261 |
<div class="w-10 h-10 rounded-full bg-purple-900/50 border border-purple-700 flex items-center justify-center mr-3 glow">
|
|
|
|
| 272 |
</div>
|
| 273 |
</div>
|
| 274 |
|
| 275 |
+
<div class="lg:w-1/2 mt-12 lg:mt-0 flex justify-center">
|
| 276 |
+
<div class="phone-frame">
|
| 277 |
+
<div class="vertical-video-container">
|
| 278 |
<iframe id="teaserVideo" class="w-full h-full" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=0&controls=0&showinfo=0&rel=0" frameborder="0" allowfullscreen></iframe>
|
| 279 |
</div>
|
| 280 |
<div class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-70 z-20" id="videoOverlay">
|
|
|
|
| 301 |
</h2>
|
| 302 |
<div class="w-24 h-1 bg-gradient-to-r from-purple-500 to-teal-500 mx-auto mb-6"></div>
|
| 303 |
<p class="text-xl text-gray-300 max-w-3xl mx-auto">
|
| 304 |
+
2 участника. 30 дней. Полное обучение от профи. Камеры, задания, конкуренция и настоящие кей��ы.<br>
|
| 305 |
Это не курс — это прокачка в прямом эфире.
|
| 306 |
</p>
|
| 307 |
</div>
|
|
|
|
| 375 |
<span>Аналитика и оптимизация</span>
|
| 376 |
</li>
|
| 377 |
<li class="flex items-start">
|
| 378 |
+
<i class="fas fa-check-circle text-purple-400 mt=1 mr-3"></i>
|
| 379 |
<span>Скрипты и шаблоны документов</span>
|
| 380 |
</li>
|
| 381 |
</ul>
|
|
|
|
| 385 |
<div class="w-20 h-20 bg-purple-900/30 rounded-full flex items-center justify-center mb-6 mx-auto neon-border">
|
| 386 |
<i class="fas fa-chalkboard-teacher text-purple-400 text-3xl"></i>
|
| 387 |
</div>
|
| 388 |
+
<h3 class="text-2xl font-bold text-center mb=4">Наставничество и разборы</h3>
|
| 389 |
+
<ul class="space-y=3 text-gray-300">
|
| 390 |
<li class="flex items-start">
|
| 391 |
+
<i class="fas fa-check-circle text-purple-400 mt=1 mr=3"></i>
|
| 392 |
<span>Персональные консультации</span>
|
| 393 |
</li>
|
| 394 |
<li class="flex items-start">
|
| 395 |
+
<i class="fas fa-check-circle text-purple-400 mt=1 mr=3"></i>
|
| 396 |
<span>Разбор ошибок в реальном времени</span>
|
| 397 |
</li>
|
| 398 |
<li class="flex items-start">
|
| 399 |
+
<i class="fas fa-check-circle text-purple-400 mt=1 mr=3"></i>
|
| 400 |
<span>Доступ к закрытому чату</span>
|
| 401 |
</li>
|
| 402 |
<li class="flex items-start">
|
| 403 |
+
<i class="fas fa-check-circle text-purple-400 mt=1 mr=3"></i>
|
| 404 |
<span>Ответы на любые вопросы</span>
|
| 405 |
</li>
|
| 406 |
</ul>
|
| 407 |
</div>
|
| 408 |
|
| 409 |
+
<div class="bg-gradient-to-br from-gray-900/50 to-gray-900/80 border border-gray-800 rounded-xl p=8 hover:shadow-lg hover:shadow-purple-900/20 transition-all duration-300">
|
| 410 |
+
<div class="w-20 h-20 bg-purple-900/30 rounded-full flex items-center justify-center mb=6 mx-auto neon-border">
|
| 411 |
+
<i class="fas fa-bullhorn text-purple-400 text=3xl"></i>
|
| 412 |
</div>
|
| 413 |
+
<h3 class="text-2xl font-bold text-center mb=4">Прокачка личного бренда</h3>
|
| 414 |
+
<ul class="space-y=3 text-gray-300">
|
| 415 |
<li class="flex items-start">
|
| 416 |
+
<i class="fas fa-check-circle text-purple-400 mt=1 mr=3"></i>
|
| 417 |
<span>Контент для соцсетей</span>
|
| 418 |
</li>
|
| 419 |
<li class="flex items-start">
|
| 420 |
+
<i class="fas fa-check-circle text-purple-400 mt=1 mr=3"></i>
|
| 421 |
<span>Рекомендации по продвижению</span>
|
| 422 |
</li>
|
| 423 |
<li class="flex items-start">
|
| 424 |
+
<i class="fas fa-check-circle text-purple-400 mt=1 mr=3"></i>
|
| 425 |
<span>Возможность стать медиаперсоной</span>
|
| 426 |
</li>
|
| 427 |
<li class="flex items-start">
|
| 428 |
+
<i class="fas fa-check-circle text-purple-400 mt=1 mr=3"></i>
|
| 429 |
<span>Подписчики и узнаваемость</span>
|
| 430 |
</li>
|
| 431 |
</ul>
|
|
|
|
| 535 |
<!-- Application Form Section -->
|
| 536 |
<section id="application" class="py-16 md:py-24 bg-gray-900/30 relative overflow-hidden">
|
| 537 |
<div class="absolute inset-0 overflow-hidden">
|
| 538 |
+
<div class="absolute top-0 left-0 w-full h-full opacity-5" style="background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDU0IDU0Ij48cmVjdCB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIGZpbGw9IiMxMTExMTEiLz48cGF0aCBkPSJNMjcgMTVMMTcgNDBMNDIgMjVMMTcgMTBaIiBmaWxsPSJub25lIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg==');"></div>
|
| 539 |
</div>
|
| 540 |
|
| 541 |
<div class="container mx-auto px-4 relative z-10">
|
|
|
|
| 577 |
</div>
|
| 578 |
|
| 579 |
<div>
|
| 580 |
+
<label for="experience" class="block text-gray-300 mb=2">Есть ли опыт в арбитраже или маркетинге?</label>
|
| 581 |
<textarea id="experience" name="experience" rows="3" class="form-input w-full px-4 py-3 rounded-lg" placeholder="Если да — коротко расскажи. Если нет — пиши «нет»"></textarea>
|
| 582 |
</div>
|
| 583 |
|
| 584 |
<div>
|
| 585 |
+
<label for="motivation" class="block text-gray-300 mb=2">Почему ты хочешь участвовать?</label>
|
| 586 |
<textarea id="motivation" name="motivation" rows="3" required class="form-input w-full px-4 py-3 rounded-lg" placeholder="Свободная форма — чем искреннее, тем лучше"></textarea>
|
| 587 |
</div>
|
| 588 |
|
| 589 |
<div>
|
| 590 |
+
<label class="block text-gray-300 mb=4">Как ты относишься к публичности?</label>
|
| 591 |
+
<div class="space-y=3">
|
| 592 |
<input type="radio" id="publicity1" name="publicity" value="Готов(-а) показывать себя и записывать видео" class="radio-option">
|
| 593 |
<label for="publicity1" class="block">Готов(-а) показывать себя и записывать видео</label>
|
| 594 |
|
|
|
|
| 601 |
</div>
|
| 602 |
|
| 603 |
<div>
|
| 604 |
+
<label class="block text-gray-300 mb=4">Есть ли у тебя смартфон и интернет?</label>
|
| 605 |
+
<div class="flex flex-wrap gap=4">
|
| 606 |
<input type="radio" id="equipment1" name="equipment" value="Да, есть и смартфон, и интернет" class="radio-option">
|
| 607 |
+
<label for="equipment1" class="flex=1 min-w-[200px]">Да, есть и смартфон, и интернет</label>
|
| 608 |
|
| 609 |
<input type="radio" id="equipment2" name="equipment" value="Есть только смартфон" class="radio-option">
|
| 610 |
+
<label for="equipment2" class="flex=1 min-w-[200px]">Есть только смартфон</label>
|
| 611 |
|
| 612 |
<input type="radio" id="equipment3" name="equipment" value="Есть только интернет" class="radio-option">
|
| 613 |
+
<label for="equipment3" class="flex=1 min-w-[200px]">Есть только интернет</label>
|
| 614 |
</div>
|
| 615 |
</div>
|
| 616 |
|
| 617 |
<div>
|
| 618 |
+
<label class="block text-gray-300 mb=4">Можешь ли выделять 30–60 мин в день?</label>
|
| 619 |
+
<div class="flex flex-wrap gap=4">
|
| 620 |
<input type="radio" id="time1" name="time" value="Да, легко" class="radio-option">
|
| 621 |
+
<label for="time1" class="flex=1 min-w-[200px]">Да, легко</label>
|
| 622 |
|
| 623 |
<input type="radio" id="time2" name="time" value="Да, но с трудом" class="radio-option">
|
| 624 |
+
<label for="time2" class="flex=1 min-w-[200px]">Да, но с трудом</label>
|
| 625 |
|
| 626 |
<input type="radio" id="time3" name="time" value="Нет, не могу гарантировать" class="radio-option">
|
| 627 |
+
<label for="time3" class="flex=1 min-w-[200px]">Нет, не могу гарантировать</label>
|
| 628 |
</div>
|
| 629 |
</div>
|
| 630 |
|
| 631 |
<div>
|
| 632 |
+
<label for="aboutYourself" class="block text-gray-300 mb=2">Расскажи о себе и почему именно ты должен попасть в реалити</label>
|
| 633 |
+
<textarea id="aboutYourself" name="aboutYourself" rows="5" required class="form-input w-full px=4 py=3 rounded-lg" placeholder="Развернутый, искренний ответ. Ключевой пункт"></textarea>
|
| 634 |
</div>
|
| 635 |
|
| 636 |
<div>
|
| 637 |
+
<label for="limitations" class="block text-gray=300 mb=2">Есть ли ограничения, которые мы должны учитывать?</label>
|
| 638 |
+
<textarea id="limitations" name="limitations" rows="3" class="form-input w-full px=4 py=3 rounded-lg" placeholder="Например: работа, семья, учёба и т.д."></textarea>
|
| 639 |
</div>
|
| 640 |
|
| 641 |
+
<div class="pt=4">
|
| 642 |
+
<button type="submit" class="neon-button w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py=4 px=8 rounded-lg text-lg transition-all duration=300">
|
| 643 |
Отправить анкету
|
| 644 |
</button>
|
| 645 |
</div>
|
| 646 |
</form>
|
| 647 |
|
| 648 |
+
<div id="successMessage" class="hidden text-center py=8">
|
| 649 |
+
<div class="w=20 h=20 bg-purple-900/30 rounded-full flex items-center justify-center mb=6 mx-auto neon-border">
|
| 650 |
+
<i class="fas fa-check text-purple-400 text=3xl"></i>
|
| 651 |
</div>
|
| 652 |
+
<h3 class="text=2xl font-bold mb=4">Спасибо за заявку!</h3>
|
| 653 |
<p class="text-gray-300 max-w-lg mx-auto">
|
| 654 |
Если ты пройдёшь отбор — мы напишем тебе в Telegram в течение 3 дней.<br>
|
| 655 |
Удачи!
|
|
|
|
| 762 |
<div class="bg-gradient-to-br from-gray-900/50 to-gray-900/80 border border-gray-800 rounded-xl overflow-hidden">
|
| 763 |
<div class="relative h-64 bg-gradient-to-r from-purple-900/50 to-teal-900/50 flex items-center justify-center">
|
| 764 |
<div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80')] bg-cover bg-center opacity-30"></div>
|
| 765 |
+
<div class="relative z-10 text-center p-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 766 |
</html>
|
prompts.txt
CHANGED
|
@@ -1 +1,2 @@
|
|
| 1 |
-
Traffic Master: Реалити-шоу по арбитражу трафика ⸻ 🎯 Цель сайта Собрать анкетные заявки от желающих принять участие в реалити-шоу, где участники будут проходить обучение арбитражу трафика в реальном времени, с видеофиксацией и контентом для соцсетей. ⸻ ⚙️ Функциональные блоки сайта 1. Первый экран Цель: Моментально вовлечь пользователя, объяснить суть реалити-шоу и предложить заполнить анкету. Содержание: • Заголовок: Реалити-шоу от Traffic Master: Прокачай себя в арбитраже трафика за 30 дней • Подзаголовок: Подключайся к реалити, получи обучение, задания и шанс стать частью команды арбитражников. • Кнопка: Заполнить анкету → якорная ссылка к форме • Видео-фрейм или интерактивный баннер с тизером (по возможности — автоигра при скролле) • Анимация, создающая атмосферу шоу: пульсирующие элементы, шум камер, вспышки и пр. ⸻ 2. О реалити Цель: Кратко объяснить, что такое реалити и что будет происходить. Содержание: • Примерный текст: 10 участников. 30 дней. Полное обучение от профи. Камеры, задания, конкуренция и настоящие кейсы. Это не курс — это прокачка в прямом эфире. • Иконки: • 🎥 Видео-отчёты каждый день • 📈 Настоящие кампании и бюджет • 💸 Шанс попасть в команду Traffic Master • 👨🏫 Наставники и обратная связь ⸻ 3. Что получат участники Цель: Убедить пользователя, что участие — это ценно. Формат: 3 карточки или иконки с подписями: • ✅ Полный курс арбитража • ✅ Наставничество и разборы • ✅ Прокачка личного бренда ⸻ 4. Кто может участвовать Цель: Показать, что участие открыто для всех. Формат: Не важен возраст, опыт и даже наличие ноутбука — главное, чтобы был смартфон, интернет и мотивация. ⸻ 5. Форма анкеты (главный элемент) Цель: Основной CTA — сбор заявок. Форма должна содержать все следующие поля (каждое — с пояснением): 1. ФИО Чтобы мы знали, как к тебе обращаться. 2. Возраст Возраст не влияет на отбор, но помогает понять твою ситуацию. 3. Контактный номер и Telegram Мы свяжемся с тобой, если ты пройдёшь отбор. 4. Ссылка на Instagram (если есть) Для понимания, как ты общаешься с аудиторией. 5. Чем ты занимаешься сейчас? (работа/учёба/ничего) Чтобы понять твой ритм и мотивацию. 6. Есть ли опыт в арбитраже или маркетинге? Если да — коротко расскажи. Если нет — пиши «нет». 7. Почему ты хочешь участвовать? Свободная форма — чем искреннее, тем лучше. 8. Как ты относишься к публичности? ▫ Готов(-а) показывать себя и записывать видео ▫ Готов(-а) записывать голос и фото, но без лица ▫ Не комфортно быть публично, но хочу участвовать 9. Есть ли у тебя смартфон и интернет? Обязательное условие участия. 10. Можешь ли выделять 30–60 мин в день? Важно для понимания нагрузки. 11. Расскажи о себе и почему именно ты должен попасть в реалити. Развернутый, искренний ответ. Ключевой пункт. 12. Есть ли ограничения, которые мы должны учитывать? Например: работа, семья, учёба и т.д. Кнопка
|
|
|
|
|
|
| 1 |
+
Traffic Master: Реалити-шоу по арбитражу трафика ⸻ 🎯 Цель сайта Собрать анкетные заявки от желающих принять участие в реалити-шоу, где участники будут проходить обучение арбитражу трафика в реальном времени, с видеофиксацией и контентом для соцсетей. ⸻ ⚙️ Функциональные блоки сайта 1. Первый экран Цель: Моментально вовлечь пользователя, объяснить суть реалити-шоу и предложить заполнить анкету. Содержание: • Заголовок: Реалити-шоу от Traffic Master: Прокачай себя в арбитраже трафика за 30 дней • Подзаголовок: Подключайся к реалити, получи обучение, задания и шанс стать частью команды арбитражников. • Кнопка: Заполнить анкету → якорная ссылка к форме • Видео-фрейм или интерактивный баннер с тизером (по возможности — автоигра при скролле) • Анимация, создающая атмосферу шоу: пульсирующие элементы, шум камер, вспышки и пр. ⸻ 2. О реалити Цель: Кратко объяснить, что такое реалити и что будет происходить. Содержание: • Примерный текст: 10 участников. 30 дней. Полное обучение от профи. Камеры, задания, конкуренция и настоящие кейсы. Это не курс — это прокачка в прямом эфире. • Иконки: • 🎥 Видео-отчёты каждый день • 📈 Настоящие кампании и бюджет • 💸 Шанс попасть в команду Traffic Master • 👨🏫 Наставники и обратная связь ⸻ 3. Что получат участники Цель: Убедить пользователя, что участие — это ценно. Формат: 3 карточки или иконки с подписями: • ✅ Полный курс арбитража • ✅ Наставничество и разборы • ✅ Прокачка личного бренда ⸻ 4. Кто может участвовать Цель: Показать, что участие открыто для всех. Формат: Не важен возраст, опыт и даже наличие ноутбука — главное, чтобы был смартфон, интернет и мотивация. ⸻ 5. Форма анкеты (главный элемент) Цель: Основной CTA — сбор заявок. Форма должна содержать все следующие поля (каждое — с пояснением): 1. ФИО Чтобы мы знали, как к тебе обращаться. 2. Возраст Возраст не влияет на отбор, но помогает понять твою ситуацию. 3. Контактный номер и Telegram Мы свяжемся с тобой, если ты пройдёшь отбор. 4. Ссылка на Instagram (если есть) Для понимания, как ты общаешься с аудиторией. 5. Чем ты занимаешься сейчас? (работа/учёба/ничего) Чтобы понять твой ритм и мотивацию. 6. Есть ли опыт в арбитраже или маркетинге? Если да — коротко расскажи. Если нет — пиши «нет». 7. Почему ты хочешь участвовать? Свободная форма — чем искреннее, тем лучше. 8. Как ты относишься к публичности? ▫ Готов(-а) показывать себя и записывать видео ▫ Готов(-а) записывать голос и фото, но без лица ▫ Не комфортно быть публично, но хочу участвовать 9. Есть ли у тебя смартфон и интернет? Обязательное условие участия. 10. Можешь ли выделять 30–60 мин в день? Важно для понимания нагрузки. 11. Расскажи о себе и почему именно ты должен попасть в реалити. Развернутый, искренний ответ. Ключевой пункт. 12. Есть ли ограничения, которые мы должны учитывать? Например: работа, семья, учёба и т.д. Кнопка отправки: Отправить анкету 👉 После отправки – анимация или сообщение: Спасибо! Если ты пройдёшь отбор — мы напишем тебе в Telegram. ⸻ 6. Отзывы и кейсы Цель: Повысить доверие. Формат: • 2–3 кейса с фото + результат • Отзывы участников прошлых потоков ⸻ 7. FAQ — часто задаваемые вопросы Цель: Снять возражения. Примеры вопросов: • Нужно ли платить за участие? • Что будет, если не получится каждый день участвовать? • Можно ли без опыта? ⸻ 8. Футер Содержание: • Логотип Traffic Master • Ссылки: Telegram, Instagram • Почта поддержки • Политика конфиденциальности • Копирайт ⸻ 🎨 Дизайн и стиль • Тема: реалити-шоу + инфобизнес + энергия стартапа • Цвета: тёмный фон + неоновый стиль (фиолетовый, бирюзовый) • Элементы: анимация вспышек, переходов, кадры камеры, экран смартфона • Использовать фрейм для короткого видео/тизера реалити • Подключение видео или TikTok-стилей в визуал
|
| 2 |
+
на главной странице сделай видео в вертикальном формате. Сделай плавный перед по кнопке "Заполнить анкету". Замени кнопку "Смотреть тизер" на "Смотреть курс" Кол-во участников измени на 2 человека.
|