Spaces:

timoon811
/

course21

Running

App Files Files Community

timoon811 commited on Apr 19, 2025

Commit

2af322d

verified ·

1 Parent(s): ac0eddf

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +1080 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Course21
-emoji: 🌍
 colorFrom: pink
-colorTo: purple
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: course21
+emoji: 🐳
 colorFrom: pink
+colorTo: green
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,1080 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Traffic Master - Ты в Игре</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@300;500;700&display=swap');
+        :root {
+            --neon-blue: #00f0ff;
+            --neon-pink: #ff00f0;
+            --neon-purple: #8a2be2;
+            --gold: #ffd700;
+            --dark-bg: #0a0a12;
+        }
+        body {
+            font-family: 'Rajdhani', sans-serif;
+            background-color: var(--dark-bg);
+            color: white;
+            overflow-x: hidden;
+            scroll-behavior: smooth;
+        }
+        h1, h2, h3, h4, .neon-text {
+            font-family: 'Orbitron', sans-serif;
+            text-transform: uppercase;
+        }
+        .neon-blue {
+            color: var(--neon-blue);
+            text-shadow: 0 0 10px var(--neon-blue), 0 0 20px var(--neon-blue);
+        }
+        .neon-pink {
+            color: var(--neon-pink);
+            text-shadow: 0 0 10px var(--neon-pink), 0 0 20px var(--neon-pink);
+        }
+        .neon-purple {
+            color: var(--neon-purple);
+            text-shadow: 0 0 10px var(--neon-purple), 0 0 20px var(--neon-purple);
+        }
+        .gold-text {
+            color: var(--gold);
+            text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
+        }
+        .glow-box {
+            box-shadow: 0 0 15px rgba(0, 240, 255, 0.5);
+            border: 1px solid rgba(0, 240, 255, 0.3);
+        }
+        .glow-box:hover {
+            box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
+        }
+        .pixel-border {
+            position: relative;
+        }
+        .pixel-border::before {
+            content: '';
+            position: absolute;
+            top: -5px;
+            left: -5px;
+            right: -5px;
+            bottom: -5px;
+            border: 2px solid var(--neon-blue);
+            z-index: -1;
+            box-shadow: 0 0 15px var(--neon-blue);
+        }
+        .section {
+            min-height: 100vh;
+            position: relative;
+            overflow: hidden;
+            padding: 5rem 2rem;
+        }
+        .money-flow {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+            opacity: 0.3;
+        }
+        .money-item {
+            position: absolute;
+            color: var(--gold);
+            font-size: 2rem;
+            animation: float linear infinite;
+            text-shadow: 0 0 10px var(--gold);
+        }
+        @keyframes float {
+            0% {
+                transform: translateY(100vh) rotate(0deg);
+            }
+            100% {
+                transform: translateY(-20vh) rotate(360deg);
+            }
+        }
+        .hologram {
+            position: relative;
+            background: rgba(0, 240, 255, 0.05);
+            backdrop-filter: blur(5px);
+            border: 1px solid rgba(0, 240, 255, 0.2);
+        }
+        .hologram::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(135deg, rgba(0, 240, 255, 0.1) 0%, transparent 50%, rgba(255, 0, 240, 0.1) 100%);
+            z-index: -1;
+        }
+        .character-card {
+            transition: all 0.3s ease;
+            transform-style: preserve-3d;
+        }
+        .character-card:hover {
+            transform: translateY(-10px) rotateX(5deg);
+            box-shadow: 0 20px 30px rgba(0, 240, 255, 0.3);
+        }
+        .inventory-item {
+            transition: all 0.3s ease;
+        }
+        .inventory-item:hover {
+            transform: scale(1.1);
+            filter: drop-shadow(0 0 10px var(--neon-blue));
+        }
+        .progress-track {
+            position: relative;
+            height: 4px;
+            background: rgba(255, 255, 255, 0.1);
+        }
+        .progress-track::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: var(--progress);
+            background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple));
+        }
+        .checkpoint {
+            position: relative;
+        }
+        .checkpoint::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 20px;
+            height: 20px;
+            border-radius: 50%;
+            background: var(--neon-blue);
+            box-shadow: 0 0 15px var(--neon-blue);
+        }
+        .checkpoint.active::after {
+            background: var(--gold);
+            box-shadow: 0 0 20px var(--gold);
+        }
+        .treasure-chest {
+            transition: all 0.5s ease;
+            transform-style: preserve-3d;
+            perspective: 1000px;
+        }
+        .treasure-chest:hover {
+            transform: rotateY(15deg) translateY(-10px);
+        }
+        .treasure-chest:hover .chest-lid {
+            transform: rotateX(-45deg);
+        }
+        .chest-lid {
+            transform-origin: top center;
+            transition: transform 0.5s ease;
+        }
+        .portal {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            width: 300px;
+            height: 300px;
+            border-radius: 50%;
+            background: radial-gradient(circle, var(--neon-blue) 0%, transparent 70%);
+            box-shadow: 0 0 50px var(--neon-blue);
+            animation: pulse 3s infinite alternate;
+        }
+        @keyframes pulse {
+            0% {
+                opacity: 0.7;
+                transform: translate(-50%, -50%) scale(1);
+            }
+            100% {
+                opacity: 0.3;
+                transform: translate(-50%, -50%) scale(1.2);
+            }
+        }
+        .door {
+            position: relative;
+            width: 300px;
+            height: 400px;
+            background: linear-gradient(135deg, #111, #333);
+            border: 3px solid var(--gold);
+            perspective: 1000px;
+            transform-style: preserve-3d;
+            transition: transform 1s;
+        }
+        .door.open {
+            transform: rotateY(-60deg);
+        }
+        .door-handle {
+            position: absolute;
+            right: 20px;
+            top: 50%;
+            width: 20px;
+            height: 60px;
+            background: var(--gold);
+            border-radius: 10px;
+            box-shadow: 0 0 10px var(--gold);
+        }
+        .keyhole {
+            position: absolute;
+            right: 50px;
+            top: 50%;
+            width: 10px;
+            height: 30px;
+            background: radial-gradient(circle, var(--gold) 0%, transparent 70%);
+            box-shadow: 0 0 10px var(--gold);
+        }
+        .social-icon {
+            transition: all 0.3s ease;
+        }
+        .social-icon:hover {
+            transform: scale(1.2);
+            filter: drop-shadow(0 0 10px var(--neon-blue));
+        }
+        @media (max-width: 768px) {
+            .section {
+                padding: 3rem 1rem;
+            }
+            .portal {
+                width: 200px;
+                height: 200px;
+            }
+            .door {
+                width: 200px;
+                height: 300px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Money Flow Background -->
+    <div class="money-flow" id="moneyFlow"></div>
+    <!-- Level 1: Entrance -->
+    <section class="section flex items-center justify-center text-center" id="level1">
+        <div class="portal"></div>
+        <div class="max-w-4xl mx-auto relative z-10">
+            <h1 class="text-5xl md:text-7xl font-bold mb-6 neon-text neon-blue">Ты в Игре</h1>
+            <p class="text-xl md:text-2xl mb-8 neon-pink">Ты попал в игру, где нажатие = деньги. Это арбитраж, детка.</p>
+            <p class="text-lg md:text-xl mb-10">Traffic Master — курс, где учат зарабатывать, а не слушать лекции</p>
+            <button class="bg-transparent border-2 border-neon-blue text-neon-blue px-8 py-3 text-lg font-bold hover:bg-neon-blue hover:text-black transition-all duration-300 glow-box" onclick="scrollToLevel('level2')">
+                Начать игру <i class="fas fa-gamepad ml-2"></i>
+            </button>
+        </div>
+    </section>
+    <!-- Level 2: Creator -->
+    <section class="section flex items-center" id="level2">
+        <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-10 items-center">
+            <div class="hologram p-8 rounded-lg relative overflow-hidden">
+                <div class="absolute inset-0 bg-gradient-to-br from-transparent via-neon-blue to-transparent opacity-10 animate-pulse"></div>
+                <h2 class="text-3xl md:text-4xl font-bold mb-6 neon-text neon-purple">Создатель этой реальности</h2>
+                <div class="flex items-center mb-6">
+                    <div class="w-24 h-24 rounded-full border-2 border-gold bg-cover bg-center" style="background-image: url('https://randomuser.me/api/portraits/men/32.jpg');"></div>
+                    <div class="ml-6">
+                        <h3 class="text-2xl font-bold gold-text">Тимур В.</h3>
+                        <div class="flex space-x-2 mt-2">
+                            <span class="text-xs px-2 py-1 bg-neon-blue bg-opacity-20 rounded">🧠 Мастер арбитража</span>
+                            <span class="text-xs px-2 py-1 bg-gold bg-opacity-20 rounded">💰 $5M оборота</span>
+                            <span class="text-xs px-2 py-1 bg-neon-pink bg-opacity-20 rounded">🔥 TMT — топ-3 команда</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="mt-6 p-4 border-l-4 border-neon-blue bg-black bg-opacity-30">
+                    <p class="italic">"Я создал этот мир, чтобы каждый мог изменить свою реальность. Здесь нет места слабым — только те, кто готов действовать, добьются успеха."</p>
+                </div>
+            </div>
+            <div>
+                <h2 class="text-3xl md:text-4xl font-bold mb-6 neon-text">Твой путь начинается здесь</h2>
+                <p class="text-lg mb-6">Ты стоишь на пороге новой жизни. Впереди — обучение, которое перевернет твое представление о заработке в интернете.</p>
+                <button class="bg-neon-blue text-black px-6 py-2 font-bold hover:bg-neon-purple hover:text-white transition-all duration-300" onclick="scrollToLevel('level3')">
+                    Выбрать персонажа <i class="fas fa-arrow-down ml-2"></i>
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Level 3: Character Selection -->
+    <section class="section" id="level3">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold mb-16 text-center neon-text neon-blue">Выбери своего персонажа</h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+                <!-- Newbie -->
+                <div class="character-card hologram p-6 rounded-lg cursor-pointer" onclick="selectCharacter('newbie')">
+                    <div class="text-5xl text-center mb-4">🧑</div>
+                    <h3 class="text-xl font-bold text-center mb-3 neon-blue">Новичок</h3>
+                    <div class="hidden character-desc">
+                        <p class="text-sm mb-2"><i class="fas fa-check-circle text-neon-blue mr-2"></i> Нулевой опыт в арбитраже</p>
+                        <p class="text-sm mb-2"><i class="fas fa-check-circle text-neon-blue mr-2"></i> Хочет быстрый старт</p>
+                        <p class="text-sm"><i class="fas fa-check-circle text-neon-blue mr-2"></i> Готов учиться с нуля</p>
+                    </div>
+                </div>
+                <!-- Targetologist -->
+                <div class="character-card hologram p-6 rounded-lg cursor-pointer" onclick="selectCharacter('targetologist')">
+                    <div class="text-5xl text-center mb-4">🧑‍💻</div>
+                    <h3 class="text-xl font-bold text-center mb-3 neon-pink">Таргетолог</h3>
+                    <div class="hidden character-desc">
+                        <p class="text-sm mb-2"><i class="fas fa-check-circle text-neon-pink mr-2"></i> Опыт в настройке рекламы</p>
+                        <p class="text-sm mb-2"><i class="fas fa-check-circle text-neon-pink mr-2"></i> Хочет масштабироваться</p>
+                        <p class="text-sm"><i class="fas fa-check-circle text-neon-pink mr-2"></i> Ищет новые вертикали</p>
+                    </div>
+                </div>
+                <!-- Team Lead -->
+                <div class="character-card hologram p-6 rounded-lg cursor-pointer" onclick="selectCharacter('teamlead')">
+                    <div class="text-5xl text-center mb-4">🧙‍♂️</div>
+                    <h3 class="text-xl font-bold text-center mb-3 neon-purple">Тимлид</h3>
+                    <div class="hidden character-desc">
+                        <p class="text-sm mb-2"><i class="fas fa-check-circle text-neon-purple mr-2"></i> Управляет командой</p>
+                        <p class="text-sm mb-2"><i class="fas fa-check-circle text-neon-purple mr-2"></i> Хочет системный подход</p>
+                        <p class="text-sm"><i class="fas fa-check-circle text-neon-purple mr-2"></i> Ищет проверенные схемы</p>
+                    </div>
+                </div>
+                <!-- Freelancer -->
+                <div class="character-card hologram p-6 rounded-lg cursor-pointer" onclick="selectCharacter('freelancer')">
+                    <div class="text-5xl text-center mb-4">🧟</div>
+                    <h3 class="text-xl font-bold text-center mb-3 gold-text">Фрилансер</h3>
+                    <div class="hidden character-desc">
+                        <p class="text-sm mb-2"><i class="fas fa-check-circle text-gold mr-2"></i> Работает на заказчиков</p>
+                        <p class="text-sm mb-2"><i class="fas fa-check-circle text-gold mr-2"></i> Хочет свой бизнес</p>
+                        <p class="text-sm"><i class="fas fa-check-circle text-gold mr-2"></i> Ищет стабильный доход</p>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-16 text-center">
+                <button class="bg-transparent border-2 border-neon-blue text-neon-blue px-8 py-3 text-lg font-bold hover:bg-neon-blue hover:text-black transition-all duration-300 glow-box" onclick="scrollToLevel('level4')">
+                    Получить арсенал <i class="fas fa-arrow-right ml-2"></i>
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Level 4: Inventory -->
+    <section class="section" id="level4">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold mb-16 text-center neon-text neon-pink">Твой арсенал</h2>
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-6 mb-16">
+                <div class="inventory-item hologram p-6 rounded-lg text-center cursor-pointer" onclick="showInventoryDetail('video')">
+                    <div class="text-5xl mb-4 neon-blue">🎥</div>
+                    <h3 class="text-xl font-bold mb-2">Видеоуроки</h3>
+                    <p class="text-sm opacity-70">Практические разборы</p>
+                </div>
+                <div class="inventory-item hologram p-6 rounded-lg text-center cursor-pointer" onclick="showInventoryDetail('trackers')">
+                    <div class="text-5xl mb-4 neon-pink">📊</div>
+                    <h3 class="text-xl font-bold mb-2">Трекеры</h3>
+                    <p class="text-sm opacity-70">Контроль эффективности</p>
+                </div>
+                <div class="inventory-item hologram p-6 rounded-lg text-center cursor-pointer" onclick="showInventoryDetail('templates')">
+                    <div class="text-5xl mb-4 neon-purple">📁</div>
+                    <h3 class="text-xl font-bold mb-2">Шаблоны</h3>
+                    <p class="text-sm opacity-70">Готовые решения</p>
+                </div>
+                <div class="inventory-item hologram p-6 rounded-lg text-center cursor-pointer" onclick="showInventoryDetail('knowledge')">
+                    <div class="text-5xl mb-4 gold-text">🔒</div>
+                    <h3 class="text-xl font-bold mb-2">База знаний</h3>
+                    <p class="text-sm opacity-70">Эксклюзивные материалы</p>
+                </div>
+            </div>
+            <div id="inventoryDetail" class="hologram p-8 rounded-lg hidden">
+                <button class="float-right text-neon-blue" onclick="hideInventoryDetail()"><i class="fas fa-times"></i></button>
+                <div id="detailContent"></div>
+            </div>
+            <div class="mt-10 text-center">
+                <button class="bg-transparent border-2 border-neon-pink text-neon-pink px-8 py-3 text-lg font-bold hover:bg-neon-pink hover:text-black transition-all duration-300 glow-box" onclick="scrollToLevel('level5')">
+                    Прокачать навыки <i class="fas fa-arrow-right ml-2"></i>
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Level 5: Progress Path -->
+    <section class="section" id="level5">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold mb-16 text-center neon-text neon-purple">Путь прокачки</h2>
+            <div class="relative">
+                <div class="progress-track mb-20" style="--progress: 0%"></div>
+                <div class="grid grid-cols-1 md:grid-cols-5 gap-10">
+                    <!-- Checkpoint 1 -->
+                    <div class="checkpoint active text-center">
+                        <div class="text-3xl mb-2">1</div>
+                        <h3 class="text-xl font-bold mb-2 gold-text">Регистрация</h3>
+                        <p class="text-sm">Доступ в закрытый чат</p>
+                    </div>
+                    <!-- Checkpoint 2 -->
+                    <div class="checkpoint text-center">
+                        <div class="text-3xl mb-2">2</div>
+                        <h3 class="text-xl font-bold mb-2">Базовые знания</h3>
+                        <p class="text-sm">Основы арбитража</p>
+                    </div>
+                    <!-- Checkpoint 3 -->
+                    <div class="checkpoint text-center">
+                        <div class="text-3xl mb-2">3</div>
+                        <h3 class="text-xl font-bold mb-2">Практика</h3>
+                        <p class="text-sm">Первые кампании</p>
+                    </div>
+                    <!-- Checkpoint 4 -->
+                    <div class="checkpoint text-center">
+                        <div class="text-3xl mb-2">4</div>
+                        <h3 class="text-xl font-bold mb-2">Оптимизация</h3>
+                        <p class="text-sm">Увеличение ROI</p>
+                    </div>
+                    <!-- Checkpoint 5 -->
+                    <div class="checkpoint text-center">
+                        <div class="text-3xl mb-2">5</div>
+                        <h3 class="text-xl font-bold mb-2">Первый профит</h3>
+                        <p class="text-sm">+$500 за неделю</p>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-20 text-center">
+                <button class="bg-transparent border-2 border-neon-purple text-neon-purple px-8 py-3 text-lg font-bold hover:bg-neon-purple hover:text-black transition-all duration-300 glow-box" onclick="scrollToLevel('level6')">
+                    Увидеть результаты <i class="fas fa-arrow-right ml-2"></i>
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Level 6: Testimonials -->
+    <section class="section" id="level6">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold mb-16 text-center neon-text gold-text">Боссы повержены</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <!-- Testimonial 1 -->
+                <div class="hologram p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <div class="w-16 h-16 rounded-full border-2 border-neon-blue bg-cover bg-center" style="background-image: url('https://randomuser.me/api/portraits/women/44.jpg');"></div>
+                        <div class="ml-4">
+                            <h3 class="text-xl font-bold neon-blue">Анна К.</h3>
+                            <div class="flex mt-1">
+                                <span class="text-xs px-2 py-1 bg-gold bg-opacity-20 rounded">💰 $2,400/мес</span>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="italic mb-4">"После курса вышла на стабильный доход за 3 недели. Теперь работаю только на себя!"</p>
+                    <div class="flex justify-between text-xs">
+                        <span><i class="fas fa-calendar-alt mr-1"></i> 2 месяца назад</span>
+                        <span><i class="fas fa-chart-line mr-1"></i> ROI 320%</span>
+                    </div>
+                </div>
+                <!-- Testimonial 2 -->
+                <div class="hologram p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <div class="w-16 h-16 rounded-full border-2 border-neon-pink bg-cover bg-center" style="background-image: url('https://randomuser.me/api/portraits/men/22.jpg');"></div>
+                        <div class="ml-4">
+                            <h3 class="text-xl font-bold neon-pink">Максим П.</h3>
+                            <div class="flex mt-1">
+                                <span class="text-xs px-2 py-1 bg-gold bg-opacity-20 rounded">💰 $5,700/мес</span>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="italic mb-4">"Благодаря курсу собрал команду из 5 человек. Теперь масштабируемся на Европу."</p>
+                    <div class="flex justify-between text-xs">
+                        <span><i class="fas fa-calendar-alt mr-1"></i> 4 месяца назад</span>
+                        <span><i class="fas fa-chart-line mr-1"></i> ROI 450%</span>
+                    </div>
+                </div>
+                <!-- Testimonial 3 -->
+                <div class="hologram p-6 rounded-lg">
+                    <div class="flex items-center mb-4">
+                        <div class="w-16 h-16 rounded-full border-2 border-neon-purple bg-cover bg-center" style="background-image: url('https://randomuser.me/api/portraits/women/32.jpg');"></div>
+                        <div class="ml-4">
+                            <h3 class="text-xl font-bold neon-purple">Елена С.</h3>
+                            <div class="flex mt-1">
+                                <span class="text-xs px-2 py-1 bg-gold bg-opacity-20 rounded">💰 $1,800/мес</span>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="italic mb-4">"С нуля вышла на доход за месяц. Теперь обучаю других по методике курса."</p>
+                    <div class="flex justify-between text-xs">
+                        <span><i class="fas fa-calendar-alt mr-1"></i> 3 месяца назад</span>
+                        <span><i class="fas fa-chart-line mr-1"></i> ROI 280%</span>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-16 text-center">
+                <button class="bg-transparent border-2 border-gold text-gold px-8 py-3 text-lg font-bold hover:bg-gold hover:text-black transition-all duration-300 glow-box" onclick="scrollToLevel('level7')">
+                    Программа курса <i class="fas fa-arrow-right ml-2"></i>
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Level 7: Course Program -->
+    <section class="section" id="level7">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold mb-16 text-center neon-text neon-blue">Программа прокачки</h2>
+            <div class="hologram p-8 rounded-lg">
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    <!-- Module 1 -->
+                    <div class="module">
+                        <h3 class="text-2xl font-bold mb-4 neon-blue">Модуль 1: Основы</h3>
+                        <ul class="space-y-2">
+                            <li class="flex items-center">
+                                <i class="fas fa-unlock text-neon-blue mr-2"></i>
+                                <span>Введение в арбитраж</span>
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-unlock text-neon-blue mr-2"></i>
+                                <span>Выбор вертикали</span>
+                            </li>
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Анализ конкурентов</span>
+                            </li>
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Поиск офферов</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- Module 2 -->
+                    <div class="module">
+                        <h3 class="text-2xl font-bold mb-4 neon-pink">Модуль 2: Настройка</h3>
+                        <ul class="space-y-2">
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Создание лендинга</span>
+                            </li>
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Настройка рекламы</span>
+                            </li>
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Таргетинг и креативы</span>
+                            </li>
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Анализ статистики</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- Module 3 -->
+                    <div class="module">
+                        <h3 class="text-2xl font-bold mb-4 neon-purple">Модуль 3: Масштаб</h3>
+                        <ul class="space-y-2">
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Оптимизация кампаний</span>
+                            </li>
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Автоматизация</span>
+                            </li>
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Сбор команды</span>
+                            </li>
+                            <li class="flex items-center opacity-50">
+                                <i class="fas fa-lock text-neon-pink mr-2"></i>
+                                <span>Выход на новые рынки</span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="mt-10 text-center">
+                    <p class="mb-6">Разблокируй полную программу после регистрации</p>
+                    <button class="bg-neon-blue text-black px-8 py-3 text-lg font-bold hover:bg-neon-purple hover:text-white transition-all duration-300" onclick="scrollToLevel('level8')">
+                        Узнать награды <i class="fas fa-arrow-right ml-2"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Level 8: Rewards -->
+    <section class="section" id="level8">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold mb-16 text-center neon-text gold-text">Твои награды</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <!-- Reward 1 -->
+                <div class="hologram p-6 rounded-lg text-center">
+                    <div class="text-5xl mb-4 neon-blue">🏆</div>
+                    <h3 class="text-xl font-bold mb-3">Доход от $1000/мес</h3>
+                    <p class="text-sm">Средний результат через 2 месяца</p>
+                </div>
+                <!-- Reward 2 -->
+                <div class="hologram p-6 rounded-lg text-center">
+                    <div class="text-5xl mb-4 neon-pink">🛡️</div>
+                    <h3 class="text-xl font-bold mb-3">Доступ к TMT</h3>
+                    <p class="text-sm">Закрытое сообщество арбитражников</p>
+                </div>
+                <!-- Reward 3 -->
+                <div class="hologram p-6 rounded-lg text-center">
+                    <div class="text-5xl mb-4 neon-purple">📈</div>
+                    <h3 class="text-xl font-bold mb-3">ROI 250%+</h3>
+                    <p class="text-sm">Оптимизированные стратегии</p>
+                </div>
+            </div>
+            <div class="mt-16 text-center">
+                <button class="bg-transparent border-2 border-gold text-gold px-8 py-3 text-lg font-bold hover:bg-gold hover:text-black transition-all duration-300 glow-box" onclick="scrollToLevel('level9')">
+                    Увидеть команду <i class="fas fa-arrow-right ml-2"></i>
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Level 9: Team Results -->
+    <section class="section" id="level9">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold mb-16 text-center neon-text neon-pink">Энергия команды</h2>
+            <div class="hologram p-8 rounded-lg">
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                    <!-- Stat 1 -->
+                    <div class="flex items-center">
+                        <div class="text-5xl mr-6 neon-blue">💰</div>
+                        <div>
+                            <h3 class="text-2xl font-bold neon-blue">$1,200,000+</h3>
+                            <p class="text-sm">Общий оборот студентов</p>
+                        </div>
+                    </div>
+                    <!-- Stat 2 -->
+                    <div class="flex items-center">
+                        <div class="text-5xl mr-6 neon-pink">👥</div>
+                        <div>
+                            <h3 class="text-2xl font-bold neon-pink">450+</h3>
+                            <p class="text-sm">Участников в команде</p>
+                        </div>
+                    </div>
+                    <!-- Stat 3 -->
+                    <div class="flex items-center">
+                        <div class="text-5xl mr-6 neon-purple">🌎</div>
+                        <div>
+                            <h3 class="text-2xl font-bold neon-purple">12</h3>
+                            <p class="text-sm">Стран работы</p>
+                        </div>
+                    </div>
+                    <!-- Stat 4 -->
+                    <div class="flex items-center">
+                        <div class="text-5xl mr-6 gold-text">🚀</div>
+                        <div>
+                            <h3 class="text-2xl font-bold gold-text">87%</h3>
+                            <p class="text-sm">Успешных запусков</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="mt-12">
+                    <h3 class="text-xl font-bold mb-4 text-center">Стена славы</h3>
+                    <div class="grid grid-cols-3 md:grid-cols-6 gap-4">
+                        <div class="w-full h-20 bg-gray-800 rounded"></div>
+                        <div class="w-full h-20 bg-gray-800 rounded"></div>
+                        <div class="w-full h-20 bg-gray-800 rounded"></div>
+                        <div class="w-full h-20 bg-gray-800 rounded"></div>
+                        <div class="w-full h-20 bg-gray-800 rounded"></div>
+                        <div class="w-full h-20 bg-gray-800 rounded"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-16 text-center">
+                <button class="bg-transparent border-2 border-neon-pink text-neon-pink px-8 py-3 text-lg font-bold hover:bg-neon-pink hover:text-black transition-all duration-300 glow-box" onclick="scrollToLevel('level10')">
+                    Выбрать пакет <i class="fas fa-arrow-right ml-2"></i>
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Level 10: Packages -->
+    <section class="section" id="level10">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold mb-16 text-center neon-text neon-purple">Выбери пакет доступа</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <!-- Package 1 -->
+                <div class="treasure-chest hologram p-8 rounded-lg text-center">
+                    <div class="chest-lid mb-6">
+                        <div class="text-6xl">📦</div>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-4 gold-text">Стандарт</h3>
+                    <p class="text-xl font-bold mb-4">$499</p>
+                    <ul class="space-y-2 mb-6 text-left">
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-blue mr-2"></i>
+                            <span>Доступ к курсу</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-blue mr-2"></i>
+                            <span>Базовые материалы</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-blue mr-2"></i>
+                            <span>Общий чат</span>
+                        </li>
+                    </ul>
+                    <button class="bg-gold text-black px-6 py-2 font-bold hover:bg-neon-blue hover:text-white transition-all duration-300 w-full">
+                        Открыть сундук
+                    </button>
+                </div>
+                <!-- Package 2 -->
+                <div class="treasure-chest hologram p-8 rounded-lg text-center border-2 border-gold">
+                    <div class="chest-lid mb-6">
+                        <div class="text-6xl">🎁</div>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-4 gold-text">Продвинутый</h3>
+                    <p class="text-xl font-bold mb-4">$999</p>
+                    <ul class="space-y-2 mb-6 text-left">
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-pink mr-2"></i>
+                            <span>Все из Стандарт</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-pink mr-2"></i>
+                            <span>Личный куратор</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-pink mr-2"></i>
+                            <span>Доп. материалы</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-pink mr-2"></i>
+                            <span>Разбор кампаний</span>
+                        </li>
+                    </ul>
+                    <button class="bg-gold text-black px-6 py-2 font-bold hover:bg-neon-pink hover:text-white transition-all duration-300 w-full">
+                        Открыть сундук
+                    </button>
+                </div>
+                <!-- Package 3 -->
+                <div class="treasure-chest hologram p-8 rounded-lg text-center">
+                    <div class="chest-lid mb-6">
+                        <div class="text-6xl">💎</div>
+                    </div>
+                    <h3 class="text-2xl font-bold mb-4 gold-text">VIP</h3>
+                    <p class="text-xl font-bold mb-4">$2,499</p>
+                    <ul class="space-y-2 mb-6 text-left">
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-purple mr-2"></i>
+                            <span>Все из Продвинутый</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-purple mr-2"></i>
+                            <span>Личные консультации</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-purple mr-2"></i>
+                            <span>Аудит кампаний</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-purple mr-2"></i>
+                            <span>Доступ к TMT</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-check text-neon-purple mr-2"></i>
+                            <span>Закрытые офферы</span>
+                        </li>
+                    </ul>
+                    <button class="bg-gold text-black px-6 py-2 font-bold hover:bg-neon-purple hover:text-white transition-all duration-300 w-full">
+                        Открыть сундук
+                    </button>
+                </div>
+            </div>
+            <div class="mt-16 text-center">
+                <button class="bg-transparent border-2 border-neon-purple text-neon-purple px-8 py-3 text-lg font-bold hover:bg-neon-purple hover:text-black transition-all duration-300 glow-box" onclick="scrollToLevel('level11')">
+                    Нет денег? <i class="fas fa-arrow-right ml-2"></i>
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Level 11: Hidden Portal -->
+    <section class="section flex items-center justify-center" id="level11">
+        <div class="max-w-2xl mx-auto text-center relative">
+            <h2 class="text-4xl md:text-5xl font-bold mb-8 neon-text neon-blue">Скрытый портал</h2>
+            <p class="text-xl mb-8">Нет денег? Получи шанс!</p>
+            <div class="door mb-8 mx-auto" id="door">
+                <div class="door-handle"></div>
+                <div class="keyhole"></div>
+            </div>
+            <div class="hologram p-8 rounded-lg">
+                <h3 class="text-xl font-bold mb-4">Оставь заявку на спецусловия</h3>
+                <form id="specialForm" class="space-y-4">
+                    <input type="text" placeholder="Твое имя" class="w-full bg-black bg-opacity-30 border border-neon-blue px-4 py-2 rounded focus:outline-none focus:ring-2 focus:ring-neon-blue">
+                    <input type="email" placeholder="Твой email" class="w-full bg-black bg-opacity-30 border border-neon-blue px-4 py-2 rounded focus:outline-none focus:ring-2 focus:ring-neon-blue">
+                    <input type="tel" placeholder="Твой телефон" class="w-full bg-black bg-opacity-30 border border-neon-blue px-4 py-2 rounded focus:outline-none focus:ring-2 focus:ring-neon-blue">
+                    <textarea placeholder="Твоя история" class="w-full bg-black bg-opacity-30 border border-neon-blue px-4 py-2 rounded focus:outline-none focus:ring-2 focus:ring-neon-blue" rows="3"></textarea>
+                    <button type="submit" class="bg-neon-blue text-black px-6 py-2 font-bold hover:bg-neon-purple hover:text-white transition-all duration-300 w-full">
+                        Отправить сигнал <i class="fas fa-paper-plane ml-2"></i>
+                    </button>
+                </form>
+            </div>
+        </div>
+    </section>
+    <!-- Level 12: Contacts -->
+    <section class="section" id="level12">
+        <div class="max-w-6xl mx-auto">
+            <h2 class="text-4xl md:text-5xl font-bold mb-16 text-center neon-text gold-text">Врата связи</h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-10">
+                <div class="hologram p-8 rounded-lg">
+                    <h3 class="text-2xl font-bold mb-6 neon-blue">Отправить сигнал</h3>
+                    <form class="space-y-4">
+                        <input type="text" placeholder="Твое имя" class="w-full bg-black bg-opacity-30 border border-neon-blue px-4 py-2 rounded focus:outline-none focus:ring-2 focus:ring-neon-blue">
+                        <input type="email" placeholder="Твой email" class="w-full bg-black bg-opacity-30 border border-neon-blue px-4 py-2 rounded focus:outline-none focus:ring-2 focus:ring-neon-blue">
+                        <textarea placeholder="Твое сообщение" class="w-full bg-black bg-opacity-30 border border-neon-blue px-4 py-2 rounded focus:outline-none focus:ring-2 focus:ring-neon-blue" rows="4"></textarea>
+                        <button type="submit" class="bg-neon-blue text-black px-6 py-2 font-bold hover:bg-neon-purple hover:text-white transition-all duration-300 w-full">
+                            Отправить <i class="fas fa-paper-plane ml-2"></i>
+                        </button>
+                    </form>
+                </div>
+                <div class="hologram p-8 rounded-lg">
+                    <h3 class="text-2xl font-bold mb-6 neon-pink">Наши координаты</h3>
+                    <div class="space-y-6">
+                        <div class="flex items-center">
+                            <a href="#" class="social-icon text-3xl neon-blue mr-4"><i class="fab fa-telegram"></i></a>
+                            <div>
+                                <h4 class="font-bold">Telegram</h4>
+                                <p class="text-sm opacity-80">@traffic_master</p>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <a href="#" class="social-icon text-3xl neon-pink mr-4"><i class="fab fa-youtube"></i></a>
+                            <div>
+                                <h4 class="font-bold">YouTube</h4>
+                                <p class="text-sm opacity-80">Traffic Master</p>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <a href="#" class="social-icon text-3xl neon-purple mr-4"><i class="fas fa-envelope"></i></a>
+                            <div>
+                                <h4 class="font-bold">Email</h4>
+                                <p class="text-sm opacity-80">support@trafficmaster.com</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="mt-10">
+                        <h4 class="font-bold mb-2">TMT — Traffic Master Team</h4>
+                        <p class="text-sm">© 2023 Все права защищены. Это игра, в которой ты можешь выиграть свою свободу.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <script>
+        // Create money flow
+        function createMoneyFlow() {
+            const moneyFlow = document.getElementById('moneyFlow');
+            const moneySymbols = ['💵', '💶', '💷', '💴', '💰', '🪙', '💎'];
+            for (let i = 0; i < 30; i++) {
+                const moneyItem = document.createElement('div');
+                moneyItem.className = 'money-item';
+                moneyItem.textContent = moneySymbols[Math.floor(Math.random() * moneySymbols.length)];
+                moneyItem.style.left = `${Math.random() * 100}%`;
+                moneyItem.style.animationDuration = `${5 + Math.random() * 15}s`;
+                moneyItem.style.animationDelay = `${Math.random() * 5}s`;
+                moneyFlow.appendChild(moneyItem);
+            }
+        }
+        // Show character description
+        function selectCharacter(character) {
+            const cards = document.querySelectorAll('.character-card');
+            cards.forEach(card => {
+                const desc = card.querySelector('.character-desc');
+                if (card.classList.contains('border-2')) {
+                    card.classList.remove('border-2', 'border-neon-blue', 'border-neon-pink', 'border-neon-purple', 'border-gold');
+                    desc.classList.add('hidden');
+                }
+            });
+            const selectedCard = document.querySelector(`.character-card[onclick="selectCharacter('${character}')"]`);
+            const selectedDesc = selectedCard.querySelector('.character-desc');
+            let borderColor = 'border-neon-blue';
+            if (character === 'targetologist') borderColor = 'border-neon-pink';
+            if (character === 'teamlead') borderColor = 'border-neon-purple';
+            if (character === 'freelancer') borderColor = 'border-gold';
+            selectedCard.classList.add('border-2', borderColor);
+            selectedDesc.classList.remove('hidden');
+        }
+        // Show inventory detail
+        function showInventoryDetail(type) {
+            const detail = document.getElementById('inventoryDetail');
+            const content = document.getElementById('detailContent');
+            let title = '';
+            let description = '';
+            let icon = '🎥';
+            let color = 'neon-blue';
+            switch(type) {
+                case 'video':
+                    title = 'Видеоуроки';
+                    description = 'Более 50 часов практических видеоуроков с разбором реальных кейсов. Каждый урок — это концентрат полезной информации без воды.';
+                    icon = '🎥';
+                    color = 'neon-blue';
+                    break;
+                case 'trackers':
+                    title = 'Трекеры';
+                    description = 'Готовые шаблоны трекеров для контроля эффективности кампаний. Автоматизированные отчеты и аналитика в одном месте.';
+                    icon = '📊';
+                    color = 'neon-pink';
+                    break;
+                case 'templates':
+                    title = 'Шаблоны';
+                    description = 'Библиотека проверенных шаблонов лендингов, креативов и скриптов. Готовые решения для быстрого старта.';
+                    icon = '📁';
+                    color = 'neon-purple';
+                    break;
+                case 'knowledge':
+                    title = 'База знаний';
+                    description = 'Эксклюзивные материалы, чек-листы и инструкции. Доступ к закрытой базе знаний команды TMT.';
+                    icon = '🔒';
+                    color = 'gold-text';
+                    break;
+            }
+            content.innerHTML = `
+                <div class="text-5xl mb-4 text-center ${color}">${icon}</div>
+                <h3 class="text-2xl font-bold mb-4 text-center ${color}">${title}</h3>
+                <p class="mb-6">${description}</p>
+                <div class="text-center">
+                    <button class="bg-${color.split('-')[1]} text-black px-6 py-2 font-bold hover:bg-black hover:text-${color.split('-')[1]} transition-all duration-300">
+                        Хочу это в свой арсенал
+                    </button>
+                </div>
+            `;
+            detail.classList.remove('hidden');
+        }
+        function hideInventoryDetail() {
+            document.getElementById('inventoryDetail').classList.add('hidden');
+        }
+        // Open door on form submit
+        document.getElementById('specialForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            document.getElementById('door').classList.add('open');
+            setTimeout(() => {
+                alert('Твой сигнал принят! Мы свяжемся с тобой в ближайшее время с особыми условиями.');
+                this.reset();
+                document.getElementById('door').classList.remove('open');
+            }, 1000);
+        });
+        // Smooth scroll to level
+        function scrollToLevel(levelId) {
+            document.getElementById(levelId).scrollIntoView({
+                behavior: 'smooth'
+            });
+        }
+        // Initialize
+        window.onload = function() {
+            createMoneyFlow();
+            // Animate progress bar on scroll
+            window.addEventListener('scroll', function() {
+                const scrollPosition = window.scrollY;
+                const windowHeight = window.innerHeight;
+                const documentHeight = document.body.clientHeight;
+                const scrollPercentage = (scrollPosition / (documentHeight - windowHeight)) * 100;
+                document.querySelector('.progress-track').style.setProperty('--progress', `${scrollPercentage}%`);
+                // Activate checkpoints based on scroll
+                const checkpoints = document.querySelectorAll('.checkpoint');
+                checkpoints.forEach((checkpoint, index) => {
+                    if (scrollPercentage > (index * 20)) {
+                        checkpoint.classList.add('active');
+                    } else {
+                        checkpoint.classList.remove('active');
+                    }
+                });
+            });
+        };
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=timoon811/course21" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ Тема - курс по арбитражу трафика! ТЗ: Новая идея лендинга Traffic Master: “ТЫ В ИГРЕ” 🎮 Концепция: Лендинг — это интерактивная визуальная игра/вселённая, в которой пользователь ощущает себя героем: он попадает в “мир арбитража”, где за каждым свайпом, скроллом — шаг к деньгам, к карьере, к свободе. Это не просто скроллинг текста. Это погружение. Каждая секция — как “левел”, визуально и эмоционально отличающаяся. Никакого “корпоративного” стиля. Только эффект “Вау, я в будущем”. ⸻ 🧠 Общий стиль: • Киберпанк + luxury: тёмный мир, неон, золото, голограммы, 3D-окружение, мерцающие интерфейсы • UX: максимально плавный, с “живыми” блоками — всё двигается, переливается, шевелится • UI: каждый блок визуально — как карточка в метавселенной, карточка миссии ⸻ 💸 Главная фишка — интерактивный поток денег • Видеофон или WebGL сцена, где пользователь как бы скользит по реке денег. • В потоке: 💵 купюры, 🪙 монеты, 💬 всплывающие подсказки (”+1 200$”, “FTD 14 шт”, “Запущена воронка в Германии”) • Можно сделать “перелёт” по блокам — как бы по течению ⸻ 🧱 Блоки лендинга — в формате «уровней» 📍 Уровень 1 — Вход в мир Слоган: “Ты попал в игру, где нажатие = деньги. Это арбитраж, детка.” • На фоне — портал, в который ты как бы влетаешь • Подзаголовок: “Traffic Master — курс, где учат зарабатывать, а не слушать лекции” • Кнопка “Начать игру” ведёт к следующему блоку ⸻ 📍 Уровень 2 — Создатель мира Блок “О нас” как карточка NPC (персонажа) • Фото Тимура — в виде голограммы • Заголовок: “Создатель этой реальности: Тимур В.” • Всплывают характеристики: 🧠 Мастер арбитража 💰 $5M оборота 🔥 TMT — топ-3 команда • Цитата появляется, как диалог в игре ⸻ 📍 Уровень 3 — Выбор класса игрока Блок “Кому подойдёт курс” • Представлен как выбор персонажа: • 🧑 Новичок • 🧑‍💻 Таргетолог • 🧙‍♂️ Тимлид • 🧟 Фрилансер • При наведении — описания всплывают в стиле карточек персонажей из RPG-игры ⸻ 📍 Уровень 4 — Арсенал Что ты получишь в обучении • Представлено как инвентарь героя: • 🎥 Видеоуроки • 📊 Трекеры • 📁 Шаблоны • 🔒 Доступ к базе знаний • Все элементы — в анимированной «витрине» • При клике — раскрываются детальные описания ⸻ 📍 Уровень 5 — Путь прокачки Как проходит обучение • Визуально: карта прохождения с чекпоинтами • Анимация скроллом: от “Регистрации” до “Первого профита” • Над каждым чекпоинтом — иконка, описание, и пример (видео/скрин) ⸻ 📍 Уровень 6 — Боссы повержены Блок отзывов • Отзывы — как карточки победителей • 3D-слайдер в стиле “герой с достижением” • Цифры успеха — как параметры прокачки ⸻ 📍 Уровень 7 — Программа прокачки Программа курса = Дерево умений • Вместо аккордеона — интерактивная mind-map, по нажатию раскрываются уроки • Уроки замылены, кроме первых двух → «разблокировать» ⸻ 📍 Уровень 8 — Награды Результаты после курса • Визуально: трофеи, бейджи, скины • Инфографика: ROI, $ заработано, уровень, статус в TMT ⸻ 📍 Уровень 9 — Энергия команды Результаты TMT • Скриншоты = стены славы • Анимация: “выплывающие” отчёты, как hologram stats • Все кейсы с подписями, гиф-анимациями роста ⸻ 📍 Уровень 10 — Выбор пакета доступа • 3 “сундука” с бонусами • При наведении — распаковываются (анимация) • CTA “Открыть сундук” — ведёт на заявку ⸻ 📍 Уровень 11 — Скрытый портал Нет денег — получи шанс • Иллюстрация: персонаж у замочной скважины • Форма заявки с историей • Эффект: после отправки — “дверь” приоткрывается ⸻ 📍 Уровень 12 — Врата связи Контакты • Футуристическая панель: Telegram, YouTube, почта • Анимация на иконках при наведении — световой эффект • Форма “отправить сигнал” ⸻ 📦 Функциональные особенности: • Скроллинг — как полёт через уровни • Lazy Load + WebGL-анимации • Оптимизация для мобилки — вертикальный квест • Gamification + Storytelling + Реальные пруфы