Hugging Face's logo

Spaces:
timoon811
/
landcourse2
Running

App Files Community
timoon811 commited on
Commit
371f4a4
·
verified ·
1 Parent(s): c7982ca

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +1247 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Landcourse2
3
- emoji: 💻
4
- colorFrom: indigo
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: landcourse2
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,1247 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="ru">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>TRAFFIC MASTER - Курс по арбитражу трафика</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
10
+ <style>
11
+ @keyframes pulse {
12
+ 0%, 100% { transform: scale(1); }
13
+ 50% { transform: scale(1.05); }
14
+ }
15
+ @keyframes float {
16
+ 0%, 100% { transform: translateY(0); }
17
+ 50% { transform: translateY(-10px); }
18
+ }
19
+ @keyframes gradient {
20
+ 0% { background-position: 0% 50%; }
21
+ 50% { background-position: 100% 50%; }
22
+ 100% { background-position: 0% 50%; }
23
+ }
24
+ .gradient-text {
25
+ background: linear-gradient(90deg, #f6fc79, #bcc20e, #f6fc79);
26
+ background-size: 200% auto;
27
+ color: transparent;
28
+ -webkit-background-clip: text;
29
+ background-clip: text;
30
+ animation: gradient 3s linear infinite;
31
+ }
32
+ .hover-grow {
33
+ transition: transform 0.3s ease;
34
+ }
35
+ .hover-grow:hover {
36
+ transform: scale(1.03);
37
+ }
38
+ .tab-content {
39
+ display: none;
40
+ }
41
+ .tab-content.active {
42
+ display: block;
43
+ animation: fadeIn 0.5s ease;
44
+ }
45
+ @keyframes fadeIn {
46
+ from { opacity: 0; }
47
+ to { opacity: 1; }
48
+ }
49
+ .accordion-content {
50
+ max-height: 0;
51
+ overflow: hidden;
52
+ transition: max-height 0.3s ease;
53
+ }
54
+ .accordion-content.active {
55
+ max-height: 1000px;
56
+ }
57
+ .floating {
58
+ animation: float 6s ease-in-out infinite;
59
+ }
60
+ .pulse {
61
+ animation: pulse 2s infinite;
62
+ }
63
+ .bg-grid {
64
+ background-image:
65
+ linear-gradient(rgba(246, 252, 121, 0.1) 1px, transparent 1px),
66
+ linear-gradient(90deg, rgba(246, 252, 121, 0.1) 1px, transparent 1px);
67
+ background-size: 30px 30px;
68
+ }
69
+ .glow-border {
70
+ box-shadow: 0 0 15px rgba(246, 252, 121, 0.5);
71
+ }
72
+ .glow-border:hover {
73
+ box-shadow: 0 0 25px rgba(246, 252, 121, 0.8);
74
+ }
75
+ body {
76
+ font-family: 'Inter', sans-serif;
77
+ background-color: #000;
78
+ color: #E1E1E1;
79
+ scroll-behavior: smooth;
80
+ }
81
+ h1, h2, h3, h4, h5, h6 {
82
+ font-family: 'Montserrat', sans-serif;
83
+ text-transform: uppercase;
84
+ letter-spacing: 0.03em;
85
+ }
86
+ .btn-primary {
87
+ background: linear-gradient(90deg, #f6fc79, #bcc20e);
88
+ color: #000;
89
+ font-weight: 700;
90
+ transition: all 0.3s ease;
91
+ }
92
+ .btn-primary:hover {
93
+ transform: translateY(-2px);
94
+ box-shadow: 0 10px 20px rgba(246, 252, 121, 0.3);
95
+ }
96
+ .section-title {
97
+ position: relative;
98
+ display: inline-block;
99
+ }
100
+ .section-title::after {
101
+ content: '';
102
+ position: absolute;
103
+ bottom: -10px;
104
+ left: 0;
105
+ width: 100%;
106
+ height: 3px;
107
+ background: linear-gradient(90deg, #f6fc79, #bcc20e);
108
+ }
109
+ .feature-card:hover .feature-icon {
110
+ transform: rotateY(180deg);
111
+ }
112
+ .feature-icon {
113
+ transition: transform 0.6s ease;
114
+ }
115
+ .testimonial-card {
116
+ transition: all 0.3s ease;
117
+ }
118
+ .testimonial-card:hover {
119
+ transform: translateY(-10px);
120
+ box-shadow: 0 15px 30px rgba(246, 252, 121, 0.2);
121
+ }
122
+ .price-card:hover {
123
+ transform: translateY(-10px);
124
+ box-shadow: 0 20px 40px rgba(246, 252, 121, 0.3);
125
+ }
126
+ .price-card.popular {
127
+ border: 2px solid #f6fc79;
128
+ position: relative;
129
+ overflow: hidden;
130
+ }
131
+ .price-card.popular::before {
132
+ content: 'ПОПУЛЯРНЫЙ';
133
+ position: absolute;
134
+ top: 15px;
135
+ right: -30px;
136
+ background: #f6fc79;
137
+ color: #000;
138
+ padding: 3px 30px;
139
+ font-size: 12px;
140
+ font-weight: 700;
141
+ transform: rotate(45deg);
142
+ }
143
+ .timeline-item::before {
144
+ content: '';
145
+ position: absolute;
146
+ left: -20px;
147
+ top: 0;
148
+ width: 3px;
149
+ height: 100%;
150
+ background: linear-gradient(to bottom, #f6fc79, #bcc20e);
151
+ }
152
+ .timeline-dot {
153
+ position: absolute;
154
+ left: -26px;
155
+ top: 5px;
156
+ width: 12px;
157
+ height: 12px;
158
+ border-radius: 50%;
159
+ background: #f6fc79;
160
+ box-shadow: 0 0 0 3px rgba(246, 252, 121, 0.3);
161
+ }
162
+ .nav-link {
163
+ position: relative;
164
+ }
165
+ .nav-link::after {
166
+ content: '';
167
+ position: absolute;
168
+ bottom: -5px;
169
+ left: 0;
170
+ width: 0;
171
+ height: 2px;
172
+ background: #f6fc79;
173
+ transition: width 0.3s ease;
174
+ }
175
+ .nav-link:hover::after {
176
+ width: 100%;
177
+ }
178
+ .video-container {
179
+ position: relative;
180
+ padding-bottom: 56.25%;
181
+ height: 0;
182
+ overflow: hidden;
183
+ }
184
+ .video-container iframe {
185
+ position: absolute;
186
+ top: 0;
187
+ left: 0;
188
+ width: 100%;
189
+ height: 100%;
190
+ }
191
+ .stats-item {
192
+ position: relative;
193
+ }
194
+ .stats-item::before {
195
+ content: '';
196
+ position: absolute;
197
+ top: 0;
198
+ left: 0;
199
+ width: 100%;
200
+ height: 100%;
201
+ border: 2px solid rgba(246, 252, 121, 0.3);
202
+ border-radius: 10px;
203
+ animation: pulse 2s infinite;
204
+ pointer-events: none;
205
+ }
206
+ .form-input:focus {
207
+ border-color: #f6fc79;
208
+ box-shadow: 0 0 0 3px rgba(246, 252, 121, 0.3);
209
+ }
210
+ .scroll-top {
211
+ position: fixed;
212
+ bottom: 30px;
213
+ right: 30px;
214
+ width: 50px;
215
+ height: 50px;
216
+ background: rgba(246, 252, 121, 0.8);
217
+ color: #000;
218
+ border-radius: 50%;
219
+ display: flex;
220
+ align-items: center;
221
+ justify-content: center;
222
+ cursor: pointer;
223
+ opacity: 0;
224
+ transition: all 0.3s ease;
225
+ z-index: 99;
226
+ }
227
+ .scroll-top.active {
228
+ opacity: 1;
229
+ }
230
+ .scroll-top:hover {
231
+ background: #f6fc79;
232
+ transform: translateY(-5px);
233
+ }
234
+ .counter {
235
+ font-size: 3rem;
236
+ font-weight: 700;
237
+ background: linear-gradient(90deg, #f6fc79, #bcc20e);
238
+ -webkit-background-clip: text;
239
+ background-clip: text;
240
+ color: transparent;
241
+ }
242
+ </style>
243
+ </head>
244
+ <body class="bg-black text-gray-100">
245
+ <!-- Scroll to top button -->
246
+ <div class="scroll-top">
247
+ <i class="fas fa-arrow-up text-xl"></i>
248
+ </div>
249
+
250
+ <!-- Header -->
251
+ <header class="fixed w-full bg-black bg-opacity-90 z-50 border-b border-gray-800">
252
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
253
+ <div class="flex items-center">
254
+ <div class="text-2xl font-bold">
255
+ <span class="text-[#f6fc79]">TRAFFIC</span>
256
+ <span class="text-[#E1E1E1]">MASTER</span>
257
+ </div>
258
+ </div>
259
+ <nav class="hidden md:flex space-x-8">
260
+ <a href="#about" class="nav-link text-white hover:text-[#f6fc79]">О КУРСЕ</a>
261
+ <a href="#features" class="nav-link text-white hover:text-[#f6fc79]">ЧТО ВЫ ПОЛУЧИТЕ</a>
262
+ <a href="#program" class="nav-link text-white hover:text-[#f6fc79]">ПРОГРАММА</a>
263
+ <a href="#pricing" class="nav-link text-white hover:text-[#f6fc79]">ТАРИФЫ</a>
264
+ <a href="#faq" class="nav-link text-white hover:text-[#f6fc79]">FAQ</a>
265
+ <a href="#contacts" class="nav-link text-white hover:text-[#f6fc79]">КОНТАКТЫ</a>
266
+ </nav>
267
+ <button class="btn-primary px-6 py-2 rounded-full font-bold hidden md:block" onclick="openModal('modal-form')">
268
+ ПОЛУЧИТЬ ДОСТУП
269
+ </button>
270
+ <button class="md:hidden text-white" id="mobile-menu-button">
271
+ <i class="fas fa-bars text-2xl"></i>
272
+ </button>
273
+ </div>
274
+ <!-- Mobile menu -->
275
+ <div class="md:hidden hidden bg-black w-full py-4 px-4" id="mobile-menu">
276
+ <div class="flex flex-col space-y-4">
277
+ <a href="#about" class="nav-link text-white hover:text-[#f6fc79]">О КУРСЕ</a>
278
+ <a href="#features" class="nav-link text-white hover:text-[#f6fc79]">ЧТО ВЫ ПОЛУЧИТЕ</a>
279
+ <a href="#program" class="nav-link text-white hover:text-[#f6fc79]">ПРОГРАММА</a>
280
+ <a href="#pricing" class="nav-link text-white hover:text-[#f6fc79]">ТАРИФЫ</a>
281
+ <a href="#faq" class="nav-link text-white hover:text-[#f6fc79]">FAQ</a>
282
+ <a href="#contacts" class="nav-link text-white hover:text-[#f6fc79]">КОНТАКТЫ</a>
283
+ <button class="btn-primary px-6 py-2 rounded-full font-bold mt-4" onclick="openModal('modal-form')">
284
+ ПОЛУЧИТЬ ДОСТУП
285
+ </button>
286
+ </div>
287
+ </div>
288
+ </header>
289
+
290
+ <!-- Hero Section -->
291
+ <section class="pt-32 pb-20 bg-grid relative overflow-hidden">
292
+ <div class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-black to-transparent opacity-80 z-0"></div>
293
+ <div class="container mx-auto px-4 relative z-10">
294
+ <div class="flex flex-col md:flex-row items-center">
295
+ <div class="md:w-1/2 mb-12 md:mb-0">
296
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
297
+ <span class="gradient-text">ИСКУССТВО ЗАРАБАТЫВАТЬ</span><br>
298
+ <span class="text-white">НА ТРАФИКЕ С ЛЮБОЙ ТОЧКИ МИРА</span>
299
+ </h1>
300
+ <p class="text-xl text-gray-300 mb-8">
301
+ Путь от "не знаю ничего" до $10,000 за месяц. Научись управлять трафиком как профессионал и создай стабильный источник дохода.
302
+ </p>
303
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
304
+ <button class="btn-primary px-8 py-4 rounded-full font-bold text-lg hover-grow" onclick="openModal('modal-form')">
305
+ ПОЛУЧИТЬ ДОСТУП
306
+ </button>
307
+ <button class="border-2 border-[#f6fc79] text-[#f6fc79] px-8 py-4 rounded-full font-bold text-lg hover-grow flex items-center justify-center" onclick="openModal('modal-video')">
308
+ <i class="fas fa-play mr-2"></i> СМОТРЕТЬ ВИДЕО
309
+ </button>
310
+ </div>
311
+ <div class="mt-12 flex flex-wrap gap-4">
312
+ <div class="flex items-center">
313
+ <div class="w-12 h-12 rounded-full bg-[#f6fc79] flex items-center justify-center mr-3">
314
+ <i class="fas fa-users text-black text-xl"></i>
315
+ </div>
316
+ <div>
317
+ <div class="text-white font-bold text-xl"><span class="counter" data-target="1250">0</span>+</div>
318
+ <div class="text-gray-400 text-sm">УЧЕНИКОВ</div>
319
+ </div>
320
+ </div>
321
+ <div class="flex items-center">
322
+ <div class="w-12 h-12 rounded-full bg-[#f6fc79] flex items-center justify-center mr-3">
323
+ <i class="fas fa-dollar-sign text-black text-xl"></i>
324
+ </div>
325
+ <div>
326
+ <div class="text-white font-bold text-xl">$<span class="counter" data-target="10000">0</span>+</div>
327
+ <div class="text-gray-400 text-sm">СРЕДНИЙ ДОХОД</div>
328
+ </div>
329
+ </div>
330
+ <div class="flex items-center">
331
+ <div class="w-12 h-12 rounded-full bg-[#f6fc79] flex items-center justify-center mr-3">
332
+ <i class="fas fa-globe text-black text-xl"></i>
333
+ </div>
334
+ <div>
335
+ <div class="text-white font-bold text-xl"><span class="counter" data-target="35">0</span>+</div>
336
+ <div class="text-gray-400 text-sm">СТРАН</div>
337
+ </div>
338
+ </div>
339
+ </div>
340
+ </div>
341
+ <div class="md:w-1/2 relative">
342
+ <div class="floating">
343
+ <img src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1064&q=80"
344
+ alt="Traffic Master" class="rounded-xl glow-border transform rotate-3">
345
+ </div>
346
+ <div class="absolute -bottom-10 -left-10 w-32 h-32 bg-[#f6fc79] rounded-full opacity-20 blur-xl"></div>
347
+ <div class="absolute -top-10 -right-10 w-40 h-40 bg-[#bcc20e] rounded-full opacity-20 blur-xl"></div>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </section>
352
+
353
+ <!-- About Section -->
354
+ <section id="about" class="py-20 bg-black">
355
+ <div class="container mx-auto px-4">
356
+ <div class="text-center mb-16">
357
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
358
+ О КУРСЕ TRAFFIC MASTER
359
+ </h2>
360
+ </div>
361
+ <div class="flex flex-col md:flex-row items-center">
362
+ <div class="md:w-1/2 mb-12 md:mb-0">
363
+ <div class="video-container rounded-xl overflow-hidden">
364
+ <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
365
+ </div>
366
+ </div>
367
+ <div class="md:w-1/2 md:pl-12">
368
+ <p class="text-gray-300 mb-6 text-lg">
369
+ <span class="text-[#f6fc79] font-bold">TRAFFIC MASTER</span> — это не просто курс, а полноценная экосистема для тех, кто хочет освоить арбитраж трафика и выйти на стабильный доход от $10,000 в месяц.
370
+ </p>
371
+ <p class="text-gray-300 mb-6 text-lg">
372
+ Мы не учим теории — только практика, проверенные методы и реальные кейсы. Наш подход доказал свою эффективность на более чем 1250 учениках из 35 стран.
373
+ </p>
374
+ <p class="text-gray-300 mb-8 text-lg">
375
+ Арбитраж не для всех. Но если ты вошел — ты в игре. Наша миссия — дать тебе все инструменты для победы в этой игре.
376
+ </p>
377
+ <div class="bg-gray-900 p-6 rounded-xl border-l-4 border-[#f6fc79]">
378
+ <div class="flex items-start">
379
+ <div class="text-[#f6fc79] text-2xl mr-4 mt-1">
380
+ <i class="fas fa-quote-left"></i>
381
+ </div>
382
+ <div>
383
+ <p class="text-gray-300 italic mb-2">
384
+ "После 3 месяцев обучения по методике Traffic Master я вышел на $15,000 чистыми. Это изменило мою жизнь!"
385
+ </p>
386
+ <div class="flex items-center">
387
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Student" class="w-10 h-10 rounded-full mr-3">
388
+ <div>
389
+ <div class="text-white font-bold">Алексей К.</div>
390
+ <div class="text-gray-400 text-sm">выпускник 2023</div>
391
+ </div>
392
+ </div>
393
+ </div>
394
+ </div>
395
+ </div>
396
+ </div>
397
+ </div>
398
+ </div>
399
+ </section>
400
+
401
+ <!-- Features Section -->
402
+ <section id="features" class="py-20 bg-gray-900">
403
+ <div class="container mx-auto px-4">
404
+ <div class="text-center mb-16">
405
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
406
+ ЧТО ВЫ ПОЛУЧИТЕ
407
+ </h2>
408
+ <p class="text-gray-400 mt-4 max-w-2xl mx-auto">
409
+ Полный комплект инструментов для старта и масштабирования в арбитраже трафика
410
+ </p>
411
+ </div>
412
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
413
+ <div class="feature-card bg-gray-800 p-6 rounded-xl hover-grow">
414
+ <div class="w-16 h-16 bg-[#f6fc79] bg-opacity-20 rounded-full flex items-center justify-center mb-4">
415
+ <div class="feature-icon text-2xl text-[#f6fc79]">
416
+ <i class="fas fa-sitemap"></i>
417
+ </div>
418
+ </div>
419
+ <h3 class="text-xl font-bold text-white mb-2">ПОЛНАЯ ЭКОСИСТЕМА</h3>
420
+ <p class="text-gray-400">
421
+ Все необходимое для арбитража в одном месте: от настройки рекламы до работы с ПП и аналитики.
422
+ </p>
423
+ </div>
424
+ <div class="feature-card bg-gray-800 p-6 rounded-xl hover-grow">
425
+ <div class="w-16 h-16 bg-[#f6fc79] bg-opacity-20 rounded-full flex items-center justify-center mb-4">
426
+ <div class="feature-icon text-2xl text-[#f6fc79]">
427
+ <i class="fab fa-facebook"></i>
428
+ </div>
429
+ </div>
430
+ <h3 class="text-xl font-bold text-white mb-2">ПРАКТИКА С FB И TG</h3>
431
+ <p class="text-gray-400">
432
+ Глубокий разбор работы с Facebook Ads и Telegram. Научитесь запускать эффективные кампании.
433
+ </p>
434
+ </div>
435
+ <div class="feature-card bg-gray-800 p-6 rounded-xl hover-grow">
436
+ <div class="w-16 h-16 bg-[#f6fc79] bg-opacity-20 rounded-full flex items-center justify-center mb-4">
437
+ <div class="feature-icon text-2xl text-[#f6fc79]">
438
+ <i class="fas fa-file-alt"></i>
439
+ </div>
440
+ </div>
441
+ <h3 class="text-xl font-bold text-white mb-2">ШАБЛОНЫ И ЧЕК-ЛИСТЫ</h3>
442
+ <p class="text-gray-400">
443
+ Готовые шаблоны креативов, посадочных страниц, брифы для ПП и чек-листы по каждому этапу.
444
+ </p>
445
+ </div>
446
+ <div class="feature-card bg-gray-800 p-6 rounded-xl hover-grow">
447
+ <div class="w-16 h-16 bg-[#f6fc79] bg-opacity-20 rounded-full flex items-center justify-center mb-4">
448
+ <div class="feature-icon text-2xl text-[#f6fc79]">
449
+ <i class="fas fa-users"></i>
450
+ </div>
451
+ </div>
452
+ <h3 class="text-xl font-bold text-white mb-2">СИЛЬНОЕ КОМЬЮНИТИ</h3>
453
+ <p class="text-gray-400">
454
+ Доступ в закрытый чат с арбитражниками, где делятся кейсами, связками и проверенными ПП.
455
+ </p>
456
+ </div>
457
+ </div>
458
+ </div>
459
+ </section>
460
+
461
+ <!-- For Whom Section -->
462
+ <section class="py-20 bg-black">
463
+ <div class="container mx-auto px-4">
464
+ <div class="text-center mb-16">
465
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
466
+ ДЛЯ КОГО ЭТОТ КУРС
467
+ </h2>
468
+ <p class="text-gray-400 mt-4 max-w-2xl mx-auto">
469
+ Независимо от вашего текущего уровня, вы найдете в курсе то, что выведет вас на новый доход
470
+ </p>
471
+ </div>
472
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
473
+ <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow">
474
+ <div class="text-[#f6fc79] text-4xl mb-4">
475
+ <i class="fas fa-user-graduate"></i>
476
+ </div>
477
+ <h3 class="text-xl font-bold text-white mb-3">НОВИЧКИ БЕЗ ОПЫТА</h3>
478
+ <p class="text-gray-400">
479
+ Если вы только слышали об арбитраже и хотите начать с нуля, мы дадим вам пошаговый план действий.
480
+ </p>
481
+ </div>
482
+ <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow">
483
+ <div class="text-[#f6fc79] text-4xl mb-4">
484
+ <i class="fas fa-briefcase"></i>
485
+ </div>
486
+ <h3 class="text-xl font-bold text-white mb-3">ПРЕДПРИНИМАТЕЛИ</h3>
487
+ <p class="text-gray-400">
488
+ Для владельцев бизнеса, которые хотят освоить новый канал привлечения клиентов и увеличения продаж.
489
+ </p>
490
+ </div>
491
+ <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow">
492
+ <div class="text-[#f6fc79] text-4xl mb-4">
493
+ <i class="fas fa-laptop-code"></i>
494
+ </div>
495
+ <h3 class="text-xl font-bold text-white mb-3">ФРИЛАНСЕРЫ</h3>
496
+ <p class="text-gray-400">
497
+ Для тех, кто хочет уйти в онлайн-заработок, работать из любой точки мира и получать доход в $.
498
+ </p>
499
+ </div>
500
+ <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow">
501
+ <div class="text-[#f6fc79] text-4xl mb-4">
502
+ <i class="fas fa-chart-line"></i>
503
+ </div>
504
+ <h3 class="text-xl font-bold text-white mb-3">JUNIOR-АРБИТРАЖНИКИ</h3>
505
+ <p class="text-gray-400">
506
+ Если вы уже пробовали арбитраж, но не можете выйти на стабильный доход — мы поможем систематизировать знания.
507
+ </p>
508
+ </div>
509
+ <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow">
510
+ <div class="text-[#f6fc79] text-4xl mb-4">
511
+ <i class="fas fa-bullseye"></i>
512
+ </div>
513
+ <h3 class="text-xl font-bold text-white mb-3">ТАРГЕТОЛОГИ</h3>
514
+ <p class="text-gray-400">
515
+ Для специалистов по таргету, которые хотят зарабатывать больше и не зависеть от поиска клиентов.
516
+ </p>
517
+ </div>
518
+ <div class="bg-gray-900 p-8 rounded-xl border-t-4 border-[#f6fc79] hover-grow">
519
+ <div class="text-[#f6fc79] text-4xl mb-4">
520
+ <i class="fas fa-globe"></i>
521
+ </div>
522
+ <h3 class="text-xl font-bold text-white mb-3">МЕЖДУНАРОДНЫЙ РЫНОК</h3>
523
+ <p class="text-gray-400">
524
+ Для тех, кто хочет работать с зарубежными рынками и зарабатывать на международных вертикалях.
525
+ </p>
526
+ </div>
527
+ </div>
528
+ </div>
529
+ </section>
530
+
531
+ <!-- Skills Section -->
532
+ <section class="py-20 bg-gray-900">
533
+ <div class="container mx-auto px-4">
534
+ <div class="text-center mb-16">
535
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
536
+ ЧЕМУ ВЫ НАУЧИТЕСЬ
537
+ </h2>
538
+ <p class="text-gray-400 mt-4 max-w-2xl mx-auto">
539
+ Практические навыки, которые сразу можно применять для заработка
540
+ </p>
541
+ </div>
542
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
543
+ <div class="bg-gray-800 p-6 rounded-xl">
544
+ <div class="flex items-start mb-4">
545
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
546
+ <i class="fas fa-check-circle"></i>
547
+ </div>
548
+ <div>
549
+ <h3 class="text-lg font-bold text-white mb-2">НАСТРОЙКА И ЗАПУСК СВЯЗОК</h3>
550
+ <p class="text-gray-400">
551
+ Научитесь правильно настраивать и запускать прибыльные связки с нуля, избегая типичных ошибок новичков.
552
+ </p>
553
+ </div>
554
+ </div>
555
+ </div>
556
+ <div class="bg-gray-800 p-6 rounded-xl">
557
+ <div class="flex items-start mb-4">
558
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
559
+ <i class="fas fa-check-circle"></i>
560
+ </div>
561
+ <div>
562
+ <h3 class="text-lg font-bold text-white mb-2">РАБОТА С ПП И РЕКЛАМОДАТЕЛЯМИ</h3>
563
+ <p class="text-gray-400">
564
+ Узнаете, как находить проверенных ПП, договариваться о выгодных условиях и выстраивать долгосрочные отношения.
565
+ </p>
566
+ </div>
567
+ </div>
568
+ </div>
569
+ <div class="bg-gray-800 p-6 rounded-xl">
570
+ <div class="flex items-start mb-4">
571
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
572
+ <i class="fas fa-check-circle"></i>
573
+ </div>
574
+ <div>
575
+ <h3 class="text-lg font-bold text-white mb-2">СОЗДАНИЕ ПОСАДОЧНЫХ СТРАНИЦ</h3>
576
+ <p class="text-gray-400">
577
+ Освоите создание высококонверсионных лендингов, прокладок и воронок продаж без навыков программирования.
578
+ </p>
579
+ </div>
580
+ </div>
581
+ </div>
582
+ <div class="bg-gray-800 p-6 rounded-xl">
583
+ <div class="flex items-start mb-4">
584
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
585
+ <i class="fas fa-check-circle"></i>
586
+ </div>
587
+ <div>
588
+ <h3 class="text-lg font-bold text-white mb-2">ЗАПУСК БОТОВ И CRM</h3>
589
+ <p class="text-gray-400">
590
+ Научитесь автоматизировать процессы с помощью Telegram-ботов и CRM-систем для масштабирования.
591
+ </p>
592
+ </div>
593
+ </div>
594
+ </div>
595
+ <div class="bg-gray-800 p-6 rounded-xl">
596
+ <div class="flex items-start mb-4">
597
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
598
+ <i class="fas fa-check-circle"></i>
599
+ </div>
600
+ <div>
601
+ <h3 class="text-lg font-bold text-white mb-2">МАСШТАБИРОВАНИЕ И КОМАНДА</h3>
602
+ <p class="text-gray-400">
603
+ Узнаете, как правильно масштабировать успешные кампании и выстраивать работу с командой.
604
+ </p>
605
+ </div>
606
+ </div>
607
+ </div>
608
+ <div class="bg-gray-800 p-6 rounded-xl">
609
+ <div class="flex items-start mb-4">
610
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
611
+ <i class="fas fa-check-circle"></i>
612
+ </div>
613
+ <div>
614
+ <h3 class="text-lg font-bold text-white mb-2">АНАЛИЗ АУДИТОРИИ И ГЕО</h3>
615
+ <p class="text-gray-400">
616
+ Научитесь анализировать аудиторию, выбирать прибыльные ГЕО и тестировать новые рынки.
617
+ </p>
618
+ </div>
619
+ </div>
620
+ </div>
621
+ </div>
622
+ </div>
623
+ </section>
624
+
625
+ <!-- Program Section -->
626
+ <section id="program" class="py-20 bg-black">
627
+ <div class="container mx-auto px-4">
628
+ <div class="text-center mb-16">
629
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
630
+ ПРОГРАММА КУРСА
631
+ </h2>
632
+ <p class="text-gray-400 mt-4 max-w-2xl mx-auto">
633
+ 10 модулей с практическими заданиями, которые приведут вас к результату
634
+ </p>
635
+ </div>
636
+
637
+ <div class="flex justify-center mb-8">
638
+ <div class="inline-flex rounded-md shadow-sm">
639
+ <button type="button" class="tab-btn px-6 py-3 text-sm font-medium rounded-l-lg border border-[#f6fc79] bg-[#f6fc79] text-black" data-tab="module1">
640
+ МОДУЛЬ 1
641
+ </button>
642
+ <button type="button" class="tab-btn px-6 py-3 text-sm font-medium border-t border-b border-[#f6fc79] bg-transparent text-white" data-tab="module2">
643
+ МОДУЛЬ 2
644
+ </button>
645
+ <button type="button" class="tab-btn px-6 py-3 text-sm font-medium border-t border-b border-[#f6fc79] bg-transparent text-white" data-tab="module3">
646
+ МОДУЛЬ 3
647
+ </button>
648
+ <button type="button" class="tab-btn px-6 py-3 text-sm font-medium border-t border-b border-[#f6fc79] bg-transparent text-white" data-tab="module4">
649
+ МОДУЛЬ 4
650
+ </button>
651
+ <button type="button" class="tab-btn px-6 py-3 text-sm font-medium rounded-r-lg border border-[#f6fc79] bg-transparent text-white" data-tab="module5">
652
+ МОДУЛЬ 5
653
+ </button>
654
+ </div>
655
+ </div>
656
+
657
+ <div class="tab-content active" id="module1">
658
+ <div class="bg-gray-900 rounded-xl p-8">
659
+ <h3 class="text-2xl font-bold text-white mb-6">ВВЕДЕНИЕ В АРБИТРАЖ ТРАФИКА</h3>
660
+ <div class="space-y-6">
661
+ <div class="flex items-start">
662
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
663
+ <i class="fas fa-circle"></i>
664
+ </div>
665
+ <div>
666
+ <h4 class="text-lg font-bold text-white mb-1">Что такое арбитраж трафика и как на нем ��арабатывают</h4>
667
+ <p class="text-gray-400">Основные понятия, терминология, принципы работы</p>
668
+ </div>
669
+ </div>
670
+ <div class="flex items-start">
671
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
672
+ <i class="fas fa-circle"></i>
673
+ </div>
674
+ <div>
675
+ <h4 class="text-lg font-bold text-white mb-1">Как правильно учиться арбитражу</h4>
676
+ <p class="text-gray-400">Методика быстрого освоения материала и выхода на первые результаты</p>
677
+ </div>
678
+ </div>
679
+ <div class="flex items-start">
680
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
681
+ <i class="fas fa-circle"></i>
682
+ </div>
683
+ <div>
684
+ <h4 class="text-lg font-bold text-white mb-1">Перспективы и тренды в арбитраже</h4>
685
+ <p class="text-gray-400">Какие направления будут актуальны в ближайшие годы</p>
686
+ </div>
687
+ </div>
688
+ <div class="flex items-start">
689
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
690
+ <i class="fas fa-circle"></i>
691
+ </div>
692
+ <div>
693
+ <h4 class="text-lg font-bold text-white mb-1">Разбор успешных кейсов учеников</h4>
694
+ <p class="text-gray-400">Реальные примеры заработка от $3,000 до $50,000 в месяц</p>
695
+ </div>
696
+ </div>
697
+ </div>
698
+ </div>
699
+ </div>
700
+
701
+ <div class="tab-content" id="module2">
702
+ <div class="bg-gray-900 rounded-xl p-8">
703
+ <h3 class="text-2xl font-bold text-white mb-6">БАЗА И ПОДГОТОВКА</h3>
704
+ <div class="space-y-6">
705
+ <div class="flex items-start">
706
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
707
+ <i class="fas fa-circle"></i>
708
+ </div>
709
+ <div>
710
+ <h4 class="text-lg font-bold text-white mb-1">Необходимые инструменты и сервисы</h4>
711
+ <p class="text-gray-400">Обзор всех программ и сервисов для работы арбитражника</p>
712
+ </div>
713
+ </div>
714
+ <div class="flex items-start">
715
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
716
+ <i class="fas fa-circle"></i>
717
+ </div>
718
+ <div>
719
+ <h4 class="text-lg font-bold text-white mb-1">Настройка рабочего пространства</h4>
720
+ <p class="text-gray-400">Как организовать эффективную работу с первого дня</p>
721
+ </div>
722
+ </div>
723
+ <div class="flex items-start">
724
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
725
+ <i class="fas fa-circle"></i>
726
+ </div>
727
+ <div>
728
+ <h4 class="text-lg font-bold text-white mb-1">Безопасность и анонимность</h4>
729
+ <p class="text-gray-400">Как защитить свои аккаунты и данные при работе с трафиком</p>
730
+ </div>
731
+ </div>
732
+ <div class="flex items-start">
733
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
734
+ <i class="fas fa-circle"></i>
735
+ </div>
736
+ <div>
737
+ <h4 class="text-lg font-bold text-white mb-1">Первые шаги и бюджет на старте</h4>
738
+ <p class="text-gray-400">Сколько нужно денег для начала и как их правильно распределить</p>
739
+ </div>
740
+ </div>
741
+ </div>
742
+ </div>
743
+ </div>
744
+
745
+ <div class="tab-content" id="module3">
746
+ <div class="bg-gray-900 rounded-xl p-8">
747
+ <h3 class="text-2xl font-bold text-white mb-6">FACEBOOK ADS: ГЛУБОКИЙ РАЗБОР</h3>
748
+ <div class="space-y-6">
749
+ <div class="flex items-start">
750
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
751
+ <i class="fas fa-circle"></i>
752
+ </div>
753
+ <div>
754
+ <h4 class="text-lg font-bold text-white mb-1">Создание и верификация бизнес-менеджера</h4>
755
+ <p class="text-gray-400">Пошаговая инструкция по настройке аккаунта</p>
756
+ </div>
757
+ </div>
758
+ <div class="flex items-start">
759
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
760
+ <i class="fas fa-circle"></i>
761
+ </div>
762
+ <div>
763
+ <h4 class="text-lg font-bold text-white mb-1">Типы кампаний и их настройка</h4>
764
+ <p class="text-gray-400">Как правильно выбирать цели и настраивать рекламные кампании</p>
765
+ </div>
766
+ </div>
767
+ <div class="flex items-start">
768
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
769
+ <i class="fas fa-circle"></i>
770
+ </div>
771
+ <div>
772
+ <h4 class="text-lg font-bold text-white mb-1">Оптимизация и масштабирование</h4>
773
+ <p class="text-gray-400">Методы увеличения прибыли с работающих кампаний</p>
774
+ </div>
775
+ </div>
776
+ <div class="flex items-start">
777
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
778
+ <i class="fas fa-circle"></i>
779
+ </div>
780
+ <div>
781
+ <h4 class="text-lg font-bold text-white mb-1">Обход банов и работа с ограничениями</h4>
782
+ <p class="text-gray-400">Проверенные методы работы с проблемными вертикалями</p>
783
+ </div>
784
+ </div>
785
+ </div>
786
+ </div>
787
+ </div>
788
+
789
+ <div class="tab-content" id="module4">
790
+ <div class="bg-gray-900 rounded-xl p-8">
791
+ <h3 class="text-2xl font-bold text-white mb-6">ВЕРТИКАЛИ: ГЕМБЛ, НУТРА, БИНАРКИ</h3>
792
+ <div class="space-y-6">
793
+ <div class="flex items-start">
794
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
795
+ <i class="fas fa-circle"></i>
796
+ </div>
797
+ <div>
798
+ <h4 class="text-lg font-bold text-white mb-1">Разбор популярных вертикалей</h4>
799
+ <p class="text-gray-400">Какие ниши приносят больше всего прибыли</p>
800
+ </div>
801
+ </div>
802
+ <div class="flex items-start">
803
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
804
+ <i class="fas fa-circle"></i>
805
+ </div>
806
+ <div>
807
+ <h4 class="text-lg font-bold text-white mb-1">Особенности работы с каждой вертикалью</h4>
808
+ <p class="text-gray-400">Нюансы настройки кампаний и креативов</p>
809
+ </div>
810
+ </div>
811
+ <div class="flex items-start">
812
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
813
+ <i class="fas fa-circle"></i>
814
+ </div>
815
+ <div>
816
+ <h4 class="text-lg font-bold text-white mb-1">Выбор вертикали под ваш бюджет</h4>
817
+ <p class="text-gray-400">Как определить, какая ниша подойдет именно вам</p>
818
+ </div>
819
+ </div>
820
+ <div class="flex items-start">
821
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
822
+ <i class="fas fa-circle"></i>
823
+ </div>
824
+ <div>
825
+ <h4 class="text-lg font-bold text-white mb-1">Трендовые вертикали 2024 года</h4>
826
+ <p class="text-gray-400">Какие направления будут актуальны в ближайшее время</p>
827
+ </div>
828
+ </div>
829
+ </div>
830
+ </div>
831
+ </div>
832
+
833
+ <div class="tab-content" id="module5">
834
+ <div class="bg-gray-900 rounded-xl p-8">
835
+ <h3 class="text-2xl font-bold text-white mb-6">ГЕО И АУДИТОРИИ</h3>
836
+ <div class="space-y-6">
837
+ <div class="flex items-start">
838
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
839
+ <i class="fas fa-circle"></i>
840
+ </div>
841
+ <div>
842
+ <h4 class="text-lg font-bold text-white mb-1">Выбор прибыльных ГЕО</h4>
843
+ <p class="text-gray-400">Как определить, какие страны принесут максимальный доход</p>
844
+ </div>
845
+ </div>
846
+ <div class="flex items-start">
847
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
848
+ <i class="fas fa-circle"></i>
849
+ </div>
850
+ <div>
851
+ <h4 class="text-lg font-bold text-white mb-1">Анализ аудитории и таргетинг</h4>
852
+ <p class="text-gray-400">Методы поиска и анализа целевой аудитории</p>
853
+ </div>
854
+ </div>
855
+ <div class="flex items-start">
856
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
857
+ <i class="fas fa-circle"></i>
858
+ </div>
859
+ <div>
860
+ <h4 class="text-lg font-bold text-white mb-1">Психография и поведение пользователей</h4>
861
+ <p class="text-gray-400">Как понимать свою аудиторию и создавать эффективные креативы</p>
862
+ </div>
863
+ </div>
864
+ <div class="flex items-start">
865
+ <div class="text-[#f6fc79] text-xl mr-4 mt-1">
866
+ <i class="fas fa-circle"></i>
867
+ </div>
868
+ <div>
869
+ <h4 class="text-lg font-bold text-white mb-1">Тестирование новых рынков</h4>
870
+ <p class="text-gray-400">Стратегии входа в новые ГЕО с минимальными рисками</p>
871
+ </div>
872
+ </div>
873
+ </div>
874
+ </div>
875
+ </div>
876
+
877
+ <div class="text-center mt-12">
878
+ <button class="btn-primary px-8 py-3 rounded-full font-bold text-lg hover-grow" onclick="openModal('modal-form')">
879
+ ПОЛУЧИТЬ ПОЛНУЮ ПРОГРАММУ
880
+ </button>
881
+ </div>
882
+ </div>
883
+ </section>
884
+
885
+ <!-- Bonuses Section -->
886
+ <section class="py-20 bg-gray-900">
887
+ <div class="container mx-auto px-4">
888
+ <div class="text-center mb-16">
889
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
890
+ БОНУСЫ К КУРСУ
891
+ </h2>
892
+ <p class="text-gray-400 mt-4 max-w-2xl mx-auto">
893
+ Дополнительные материалы, которые ускорят ваш путь к результату
894
+ </p>
895
+ </div>
896
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
897
+ <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow">
898
+ <div class="text-[#f6fc79] text-4xl mb-4">
899
+ <i class="fas fa-list-check"></i>
900
+ </div>
901
+ <h3 class="text-xl font-bold text-white mb-3">ЧЕК-ЛИСТЫ ПО КАЖДОМУ БЛОКУ</h3>
902
+ <p class="text-gray-400">
903
+ Пошаговые инструкции для выполнения каждого этапа работы с трафиком без ошибок.
904
+ </p>
905
+ </div>
906
+ <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow">
907
+ <div class="text-[#f6fc79] text-4xl mb-4">
908
+ <i class="fas fa-file-code"></i>
909
+ </div>
910
+ <h3 class="text-xl font-bold text-white mb-3">ШАБЛОНЫ ТРЕКЕРОВ И БРИФОВ</h3>
911
+ <p class="text-gray-400">
912
+ Готовые шаблоны для анализа кампаний, работы с ПП и организации процессов.
913
+ </p>
914
+ </div>
915
+ <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow">
916
+ <div class="text-[#f6fc79] text-4xl mb-4">
917
+ <i class="fas fa-laptop"></i>
918
+ </div>
919
+ <h3 class="text-xl font-bold text-white mb-3">ГОТОВЫЕ ПОСАДОЧНЫЕ СТРАНИЦЫ</h3>
920
+ <p class="text-gray-400">
921
+ Коллекция проверенных лендингов и прокладок для разных вертикалей.
922
+ </p>
923
+ </div>
924
+ <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow">
925
+ <div class="text-[#f6fc79] text-4xl mb-4">
926
+ <i class="fas fa-handshake"></i>
927
+ </div>
928
+ <h3 class="text-xl font-bold text-white mb-3">СПИСОК ТОП-ПРОВЕРЕННЫХ ПП</h3>
929
+ <p class="text-gray-400">
930
+ База надежных партнерских программ с контактами и условиями работы.
931
+ </p>
932
+ </div>
933
+ <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow">
934
+ <div class="text-[#f6fc79] text-4xl mb-4">
935
+ <i class="fas fa-comments"></i>
936
+ </div>
937
+ <h3 class="text-xl font-bold text-white mb-3">ДОСТУП В ЗАКРЫТЫЙ ЧАТ</h3>
938
+ <p class="text-gray-400">
939
+ Общение с опытными арбитражниками, разбор кейсов и ответы на вопросы.
940
+ </p>
941
+ </div>
942
+ <div class="bg-gray-800 p-6 rounded-xl border border-[#f6fc79] border-opacity-30 hover-grow">
943
+ <div class="text-[#f6fc79] text-4xl mb-4">
944
+ <i class="fas fa-sync-alt"></i>
945
+ </div>
946
+ <h3 class="text-xl font-bold text-white mb-3">ОБНОВЛЕНИЯ КУРСА</h3>
947
+ <p class="text-gray-400">
948
+ Пожизненный доступ ко всем обновлениям программы и новым материалам.
949
+ </p>
950
+ </div>
951
+ </div>
952
+ </div>
953
+ </section>
954
+
955
+ <!-- Pricing Section -->
956
+ <section id="pricing" class="py-20 bg-black">
957
+ <div class="container mx-auto px-4">
958
+ <div class="text-center mb-16">
959
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
960
+ ВЫБЕРИТЕ СВОЙ ТАРИФ
961
+ </h2>
962
+ <p class="text-gray-400 mt-4 max-w-2xl mx-auto">
963
+ Мы предлагаем несколько вариантов участия в зависимости от ваших целей и бюджета
964
+ </p>
965
+ </div>
966
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
967
+ <div class="price-card bg-gray-900 p-8 rounded-xl transition-all duration-300">
968
+ <h3 class="text-2xl font-bold text-white mb-2">START</h3>
969
+ <p class="text-gray-400 mb-6">Базовый доступ к обучению</p>
970
+ <div class="text-4xl font-bold text-white mb-6">$497</div>
971
+ <ul class="space-y-4 mb-8">
972
+ <li class="flex items-start">
973
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
974
+ <i class="fas fa-check"></i>
975
+ </div>
976
+ <div class="text-gray-300">Доступ ко всем обучающим материалам</div>
977
+ </li>
978
+ <li class="flex items-start">
979
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
980
+ <i class="fas fa-check"></i>
981
+ </div>
982
+ <div class="text-gray-300">Участие в общем чате студентов</div>
983
+ </li>
984
+ <li class="flex items-start">
985
+ <div class="text-gray-500 text-lg mr-3 mt-1">
986
+ <i class="fas fa-times"></i>
987
+ </div>
988
+ <div class="text-gray-500">Доступ к фокус-группе</div>
989
+ </li>
990
+ <li class="flex items-start">
991
+ <div class="text-gray-500 text-lg mr-3 mt-1">
992
+ <i class="fas fa-times"></i>
993
+ </div>
994
+ <div class="text-gray-500">Поддержка кураторов</div>
995
+ </li>
996
+ <li class="flex items-start">
997
+ <div class="text-gray-500 text-lg mr-3 mt-1">
998
+ <i class="fas fa-times"></i>
999
+ </div>
1000
+ <div class="text-gray-500">Персональный ментор</div>
1001
+ </li>
1002
+ </ul>
1003
+ <button class="w-full bg-gray-800 text-white px-6 py-3 rounded-full font-bold hover:bg-gray-700 transition" onclick="openModal('modal-form')">
1004
+ ВЫБРАТЬ ТАРИФ
1005
+ </button>
1006
+ </div>
1007
+ <div class="price-card popular bg-gray-900 p-8 rounded-xl transition-all duration-300">
1008
+ <h3 class="text-2xl font-bold text-white mb-2">PRO GROUP</h3>
1009
+ <p class="text-gray-400 mb-6">Оптимальный вариант с поддержкой</p>
1010
+ <div class="text-4xl font-bold text-white mb-6">$997</div>
1011
+ <ul class="space-y-4 mb-8">
1012
+ <li class="flex items-start">
1013
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
1014
+ <i class="fas fa-check"></i>
1015
+ </div>
1016
+ <div class="text-gray-300">Полный доступ к курсу</div>
1017
+ </li>
1018
+ <li class="flex items-start">
1019
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
1020
+ <i class="fas fa-check"></i>
1021
+ </div>
1022
+ <div class="text-gray-300">Участие в закрытой фокус-группе</div>
1023
+ </li>
1024
+ <li class="flex items-start">
1025
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
1026
+ <i class="fas fa-check"></i>
1027
+ </div>
1028
+ <div class="text-gray-300">Чат с кураторами и поддержка</div>
1029
+ </li>
1030
+ <li class="flex items-start">
1031
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
1032
+ <i class="fas fa-check"></i>
1033
+ </div>
1034
+ <div class="text-gray-300">Все бонусы и шаблоны</div>
1035
+ </li>
1036
+ <li class="flex items-start">
1037
+ <div class="text-gray-500 text-lg mr-3 mt-1">
1038
+ <i class="fas fa-times"></i>
1039
+ </div>
1040
+ <div class="text-gray-500">Персональный ментор</div>
1041
+ </li>
1042
+ </ul>
1043
+ <button class="w-full btn-primary px-6 py-3 rounded-full font-bold" onclick="openModal('modal-form')">
1044
+ ВЫБРАТЬ ТАРИФ
1045
+ </button>
1046
+ </div>
1047
+ <div class="price-card bg-gray-900 p-8 rounded-xl transition-all duration-300">
1048
+ <h3 class="text-2xl font-bold text-white mb-2">MENTOR EDITION</h3>
1049
+ <p class="text-gray-400 mb-6">Персональное сопровождение</p>
1050
+ <div class="text-4xl font-bold text-white mb-6">$2,497</div>
1051
+ <ul class="space-y-4 mb-8">
1052
+ <li class="flex items-start">
1053
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
1054
+ <i class="fas fa-check"></i>
1055
+ </div>
1056
+ <div class="text-gray-300">Полный доступ к курсу</div>
1057
+ </li>
1058
+ <li class="flex items-start">
1059
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
1060
+ <i class="fas fa-check"></i>
1061
+ </div>
1062
+ <div class="text-gray-300">Все бонусы из Pro Group</div>
1063
+ </li>
1064
+ <li class="flex items-start">
1065
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
1066
+ <i class="fas fa-check"></i>
1067
+ </div>
1068
+ <div class="text-gray-300">Персональное сопровождение</div>
1069
+ </li>
1070
+ <li class="flex items-start">
1071
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
1072
+ <i class="fas fa-check"></i>
1073
+ </div>
1074
+ <div class="text-gray-300">Разбор ваших кейсов</div>
1075
+ </li>
1076
+ <li class="flex items-start">
1077
+ <div class="text-[#f6fc79] text-lg mr-3 mt-1">
1078
+ <i class="fas fa-check"></i>
1079
+ </div>
1080
+ <div class="text-gray-300">Помощь на каждом этапе</div>
1081
+ </li>
1082
+ </ul>
1083
+ <button class="w-full bg-gray-800 text-white px-6 py-3 rounded-full font-bold hover:bg-gray-700 transition" onclick="openModal('modal-form')">
1084
+ ВЫБРАТЬ ТАРИФ
1085
+ </button>
1086
+ </div>
1087
+ </div>
1088
+ <div class="text-center mt-12">
1089
+ <p class="text-gray-400 mb-4">Не уверены, какой тариф выбрать?</p>
1090
+ <button class="border-2 border-[#f6fc79] text-[#f6fc79] px-6 py-2 rounded-full font-bold hover-grow" onclick="openModal('modal-form')">
1091
+ ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ
1092
+ </button>
1093
+ </div>
1094
+ </div>
1095
+ </section>
1096
+
1097
+ <!-- Testimonials Section -->
1098
+ <section class="py-20 bg-gray-900">
1099
+ <div class="container mx-auto px-4">
1100
+ <div class="text-center mb-16">
1101
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
1102
+ ОТЗЫВЫ УЧЕНИКОВ
1103
+ </h2>
1104
+ <p class="text-gray-400 mt-4 max-w-2xl mx-auto">
1105
+ Реальные результаты наших студентов, которые уже применяют знания на практике
1106
+ </p>
1107
+ </div>
1108
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
1109
+ <div class="testimonial-card bg-gray-800 p-6 rounded-xl">
1110
+ <div class="flex items-center mb-4">
1111
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4">
1112
+ <div>
1113
+ <div class="text-white font-bold">Анна С.</div>
1114
+ <div class="text-gray-400 text-sm">выпускница 2023</div>
1115
+ </div>
1116
+ </div>
1117
+ <div class="text-gray-300 mb-4">
1118
+ "После месяца обучения вышла на первую прибыль в $1,200. Сейчас стабильно зарабатываю от $5,000 в месяц. Курс полностью изменил мое представление о заработке в интернете."
1119
+ </div>
1120
+ <div class="flex text-[#f6fc79]">
1121
+ <i class="fas fa-star"></i>
1122
+ <i class="fas fa-star"></i>
1123
+ <i class="fas fa-star"></i>
1124
+ <i class="fas fa-star"></i>
1125
+ <i class="fas fa-star"></i>
1126
+ </div>
1127
+ </div>
1128
+ <div class="testimonial-card bg-gray-800 p-6 rounded-xl">
1129
+ <div class="flex items-center mb-4">
1130
+ <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4">
1131
+ <div>
1132
+ <div class="text-white font-bold">Дмитрий К.</div>
1133
+ <div class="text-gray-400 text-sm">выпускник 2022</div>
1134
+ </div>
1135
+ </div>
1136
+ <div class="text-gray-300 mb-4">
1137
+ "До курса пробовал разные методы заработка, но ничего не работало. Сейчас моя команда из 3 человек приносит $15,000 чистыми. Особенно ценна поддержка комьюнити и доступ к проверенным ПП."
1138
+ </div>
1139
+ <div class="flex text-[#f6fc79]">
1140
+ <i class="fas fa-star"></i>
1141
+ <i class="fas fa-star"></i>
1142
+ <i class="fas fa-star"></i>
1143
+ <i class="fas fa-star"></i>
1144
+ <i class="fas fa-star"></i>
1145
+ </div>
1146
+ </div>
1147
+ <div class="testimonial-card bg-gray-800 p-6 rounded-xl">
1148
+ <div class="flex items-center mb-4">
1149
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4">
1150
+ <div>
1151
+ <div class="text-white font-bold">Елена П.</div>
1152
+ <div class="text-gray-400 text-sm">выпускница 2023</div>
1153
+ </div>
1154
+ </div>
1155
+ <div class="text-gray-300 mb-4">
1156
+ "Как мама в декрете искала возможность зарабатывать из дома. Через 2 месяца после старта курса вышла на $3,500. Сейчас совмещаю с воспитанием ребенка и планирую масштабироваться."
1157
+ </div>
1158
+ <div class="flex text-[#f6fc79]">
1159
+ <i class="fas fa-star"></i>
1160
+ <i class="fas fa-star"></i>
1161
+ <i class="fas fa-star"></i>
1162
+ <i class="fas fa-star"></i>
1163
+ <i class="fas fa-star"></i>
1164
+ </div>
1165
+ </div>
1166
+ </div>
1167
+ <div class="text-center mt-12">
1168
+ <button class="border-2 border-[#f6fc79] text-[#f6fc79] px-6 py-2 rounded-full font-bold hover-grow" onclick="openModal('modal-testimonials')">
1169
+ СМОТРЕТЬ БОЛЬШЕ ОТЗЫВОВ
1170
+ </button>
1171
+ </div>
1172
+ </div>
1173
+ </section>
1174
+
1175
+ <!-- Team Section -->
1176
+ <section class="py-20 bg-black">
1177
+ <div class="container mx-auto px-4">
1178
+ <div class="text-center mb-16">
1179
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
1180
+ КОМАНДА TRAFFIC MASTER
1181
+ </h2>
1182
+ <p class="text-gray-400 mt-4 max-w-2xl mx-auto">
1183
+ Профессионалы с опытом в арбитраже от 5 лет, которые будут вести вас к результату
1184
+ </p>
1185
+ </div>
1186
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
1187
+ <div class="bg-gray-900 p-8 rounded-xl text-center hover-grow">
1188
+ <div class="w-32 h-32 mx-auto mb-6 rounded-full overflow-hidden border-4 border-[#f6fc79]">
1189
+ <img src="https://randomuser.me/api/portraits/men/85.jpg" alt="Founder" class="w-full h-full object-cover">
1190
+ </div>
1191
+ <h3 class="text-xl font-bold text-white mb-2">АЛЕКСАНДР Г.</h3>
1192
+ <div class="text-[#f6fc79] font-bold mb-4">ОСНОВАТЕЛЬ</div>
1193
+ <p class="text-gray-400 mb-4">
1194
+ 7 лет в арбитраже. Личный рекорд — $120,000 за месяц с одной связки. Обучил более 1200 студентов.
1195
+ </p>
1196
+ <div class="flex justify-center space-x-4">
1197
+ <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-telegram"></i></a>
1198
+ <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-instagram"></i></a>
1199
+ <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-linkedin"></i></a>
1200
+ </div>
1201
+ </div>
1202
+ <div class="bg-gray-900 p-8 rounded-xl text-center hover-grow">
1203
+ <div class="w-32 h-32 mx-auto mb-6 rounded-full overflow-hidden border-4 border-[#f6fc79]">
1204
+ <img src="https://randomuser.me/api/portraits/women/63.jpg" alt="Mentor" class="w-full h-full object-cover">
1205
+ </div>
1206
+ <h3 class="text-xl font-bold text-white mb-2">ЕКАТЕРИНА М.</h3>
1207
+ <div class="text-[#f6fc79] font-bold mb-4">ГЛАВНЫЙ МЕНТОР</div>
1208
+ <p class="text-gray-400 mb-4">
1209
+ Специалист по Facebook Ads. Прошла путь от новичка до $25,000 в месяц. Курирует топовых студентов.
1210
+ </p>
1211
+ <div class="flex justify-center space-x-4">
1212
+ <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-telegram"></i></a>
1213
+ <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-instagram"></i></a>
1214
+ </div>
1215
+ </div>
1216
+ <div class="bg-gray-900 p-8 rounded-xl text-center hover-grow">
1217
+ <div class="w-32 h-32 mx-auto mb-6 rounded-full overflow-hidden border-4 border-[#f6fc79]">
1218
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="PP Manager" class="w-full h-full object-cover">
1219
+ </div>
1220
+ <h3 class="text-xl font-bold text-white mb-2">ИВАН П.</h3>
1221
+ <div class="text-[#f6fc79] font-bold mb-4">МЕНЕДЖЕР ПО ПП</div>
1222
+ <p class="text-gray-400 mb-4">
1223
+ Опыт работы с партнерскими программами 5 лет. Поможет найти лучшие условия и выстроить отношения с ПП.
1224
+ </p>
1225
+ <div class="flex justify-center space-x-4">
1226
+ <a href="#" class="text-gray-400 hover:text-[#f6fc79]"><i class="fab fa-telegram"></i></a>
1227
+ </div>
1228
+ </div>
1229
+ </div>
1230
+ </div>
1231
+ </section>
1232
+
1233
+ <!-- FAQ Section -->
1234
+ <section id="faq" class="py-20 bg-gray-900">
1235
+ <div class="container mx-auto px-4">
1236
+ <div class="text-center mb-16">
1237
+ <h2 class="section-title text-3xl md:text-4xl font-bold text-white inline-block">
1238
+ ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ
1239
+ </h2>
1240
+ <p class="text-gray-400 mt-4 max-w-2xl mx-auto">
1241
+ Ответы на самые популярные вопросы о курсе и арбитраже трафика
1242
+ </p>
1243
+ </div>
1244
+ <div class="max-w-3xl mx-auto">
1245
+ <div class="accordion-item mb-4 border-b border-gray-700 pb-4">
1246
+ <button class="accordion-btn w-full flex justify-between items-center text-left
1247
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Создай сайт для тематики "Курс по арбитражу трафика" Я добавил основные блоки - улучшай их и добавляй блоки еще от себя! Чтобы было информативно и круто! Не стесняйся добавлять интерактива и анимации, чтобы итоговый лендинг был максимально крутой! Придерживайся только по стилю в брендбуке! Не стесняйся добавлять элементы, картинки и тд! Только в тему! Обязательно лендинг должен быть максимально интересным! И крутым, чтобы продавал сам за себя! ⸻ 1. Цель лендинга Создание одностраничного сайта, конвертирующего посетителей в участников онлайн-курса по арбитражу трафика, с акцентом на: • Обучение с нуля до уровня заработка $10,000 в месяц • Практическую направленность и поддержку комьюнити • Прозрачную структуру курса и тарифов ⸻ 2. Структура лендинга 2.1. Хедер (верхняя навигация) • Логотип проекта • Якорные ссылки: «О курсе», «Программа», «Тарифы», «FAQ», «Контакты» • Кнопка CTA: «Получить доступ» (ведет к форме заявки) 2.2. Первый экран • УТП: «Искусство зарабатывать на трафике с любой точки мира» • Подзаголовок: «Путь от “не знаю ничего” до $10,000 за месяц» • Кнопка CTA: «Получить доступ» 2.3. Блок «Что вы получите» • Список преимуществ: • Полная экосистема арбитража трафика • Практические навыки работы с FB, Telegram, ПП • Готовые шаблоны, инструкции, чек-листы • Поддержка сильного комьюнити 2.4. Блок «Для кого курс» • Целевая аудитория: • Новички без опыта • Предприниматели, желающие освоить заработок на трафике • Люди, желающие уйти в онлайн-заработок и зарабатывать в $ • Junior-арбитражники, которые хотят систематизировать знания и вырасти • Таргетологи, которые хотят зарабатывать больше и не искать клиентов 2.5. Блок «Чему вы научитесь» • Список навыков: • Настройка и запуск связок • Работа с ПП и рекламодателями • Создание посадочных страниц, запуск ботов, сбор воронок • Масштабирование и работа в команде • Анализ аудитории и ГЕО 2.6. Блок «Программа курса» • Модули: • Введение: Что такое арбитраж, как правильно учиться, перспективы • База и подготовка: Инструменты, сервисы • Facebook: Глубокий разбор и запуск рекламы • Вертикали: Разбор популярных вертикалей (гембла, нутра, бинарки и др.) • ГЕО и Аудитории: Подходы, выбор стран, психография • Креативы: Поиск, создание, анализ эффективности • Посадки и Трекеры: Кейтаро, ленды, прокладки • Telegram и CRM: Боты, каналы, обработка лидов • Работа с ПП: Как находить и выстраивать отношения • Масштабирование и карьера: Команды, делегирование, рост 2.7. Блок «Бонусы» • Чек-листы по каждому блоку • Шаблоны трекеров, брифов, посадочных • Список ТОП-проверенных ПП • Доступ в закрытый чат • Обновления курса 2.8. Блок «Тарифы» • Тарифы: • Start: Доступ ко всему обучающему контенту, участие в общем чате студентов • Pro Group: Полный доступ к курсу, участие в закрытой фокус-группе, чат с кураторами и поддерж��а по обучению, бонусы • Mentor Edition: Персональное сопровождение наставником по трафику, разбор кейсов, помощь на каждом этапе, все бонусы из Pro Group 2.9. Блок «О нас» • Информация об основателе и команде TMT • История создания курса • Результаты и достижения 2.10. Блок «FAQ» • Часто задаваемые вопросы и ответы 2.11. Футер • Контактная информация • Ссылки на социальные сети • Политика конфиденциальности • Пользовательское соглашение ⸻ 3. Функциональные требования • Адаптивная верстка для всех устройств • Форма заявки с полями: имя, email, телефон • Интеграция с CRM для обработки заявок • Возможность подключения аналит Используй для дизайна - данный брендбук! BRANDBOOK: TRAFFIC MASTER --- ### 1. ОСНОВА БРЕНДА Название: Traffic Master Суть бренда: Система обучения арбитражников, которая транслирует свободу, кайф, силу, деньги, рост и драйв. Кор-месседж: Арбитраж не для всех. Но если ты вошел — ты в игре. --- ### 2. ЛОГОТИП #### Основная версия: - TRAFFIC — цвет: #f6fc79 (ярко-лимонный), гладкая текстура - MASTER — цвет: #E1E1E1 (30% серее белого) - Шрифт: Bold Sans-Serif - Версал, без курсивов #### Стилистика: - Минимализм - Объем на слове "TRAFFIC" - Горизонтальное расположение --- ### 3. ПРИМЕНЕНИЕ ЛОГОТИПА #### Черный фон (основной): - Используется стандартный логотип (цвета: #f6fc79 и `#E1E1E1`) - Не допускается добавление теней или фонов #### Белый фон: - "TRAFFIC" — #bcc20e (неоново-оливковый) - "MASTER" — #1A1A1A (почти-черный) #### Серый фон (середина UI): - Слово TRAFFIC становится #f7ff9f - MASTER остается белым (`#FFFFFF`) #### Стикеры и картинки: - Используйте лого без фона (.png) - Отступ от края не менее 20px --- ### 4. ЦВЕТОВАЯ ПАЛИТРА - #f6fc79 — главный акцент (на TRAFFIC) - #E1E1E1 — нейтральный серый (на MASTER) - #000000 — фон - #FFFFFF — дополнительный цвет для текстов и фонов --- ### 5. ТИПОГРАФИЯ - Шрифт: Inter, Montserrat, Suisse Int'l (Bold / Regular) - Только в верхнем регистре - Растояние между буквами: 2–3% ---