Hugging Face's logo

Spaces:
timoon811
/
landcourse45
Running

App Files Community
timoon811 commited on
Commit
cd8207a
·
verified ·
1 Parent(s): b2fef50

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +1136 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Landcourse45
3
- emoji: 📈
4
- colorFrom: purple
5
- colorTo: purple
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: landcourse45
3
+ emoji: 🐳
4
+ colorFrom: gray
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,1136 @@
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=Montserrat:wght@400;700&display=swap" rel="stylesheet">
10
+ <style>
11
+ :root {
12
+ --primary: #f6fc79;
13
+ --primary-dark: #bcc20e;
14
+ --secondary: #E1E1E1;
15
+ --dark: #1A1A1A;
16
+ }
17
+ body {
18
+ font-family: 'Montserrat', sans-serif;
19
+ background-color: #000;
20
+ color: #fff;
21
+ letter-spacing: 0.05em;
22
+ overflow-x: hidden;
23
+ }
24
+ .logo {
25
+ font-weight: 700;
26
+ font-size: 1.8rem;
27
+ }
28
+ .logo-traffic {
29
+ color: var(--primary);
30
+ }
31
+ .logo-master {
32
+ color: var(--secondary);
33
+ }
34
+ .btn-primary {
35
+ background-color: var(--primary);
36
+ color: #000;
37
+ font-weight: 700;
38
+ transition: all 0.3s;
39
+ }
40
+ .btn-primary:hover {
41
+ transform: translateY(-3px);
42
+ box-shadow: 0 10px 20px rgba(246, 252, 121, 0.3);
43
+ }
44
+ .btn-secondary {
45
+ background-color: transparent;
46
+ color: var(--primary);
47
+ border: 2px solid var(--primary);
48
+ font-weight: 700;
49
+ transition: all 0.3s;
50
+ }
51
+ .btn-secondary:hover {
52
+ background-color: var(--primary);
53
+ color: #000;
54
+ }
55
+ .section-title {
56
+ position: relative;
57
+ display: inline-block;
58
+ font-weight: 700;
59
+ font-size: 2.5rem;
60
+ margin-bottom: 2rem;
61
+ }
62
+ .section-title:after {
63
+ content: '';
64
+ position: absolute;
65
+ bottom: -10px;
66
+ left: 0;
67
+ width: 50%;
68
+ height: 3px;
69
+ background: var(--primary);
70
+ }
71
+ .feature-card {
72
+ background: rgba(30, 30, 30, 0.7);
73
+ border-left: 3px solid var(--primary);
74
+ transition: all 0.3s;
75
+ }
76
+ .feature-card:hover {
77
+ transform: translateY(-10px);
78
+ box-shadow: 0 10px 30px rgba(246, 252, 121, 0.1);
79
+ }
80
+ .timeline-item {
81
+ position: relative;
82
+ padding-left: 3rem;
83
+ margin-bottom: 2rem;
84
+ }
85
+ .timeline-item:before {
86
+ content: '';
87
+ position: absolute;
88
+ left: 0;
89
+ top: 0;
90
+ width: 2px;
91
+ height: 100%;
92
+ background: var(--primary);
93
+ }
94
+ .timeline-dot {
95
+ position: absolute;
96
+ left: -8px;
97
+ top: 0;
98
+ width: 16px;
99
+ height: 16px;
100
+ border-radius: 50%;
101
+ background: var(--primary);
102
+ }
103
+ .accordion-item {
104
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
105
+ }
106
+ .accordion-header {
107
+ cursor: pointer;
108
+ padding: 1.5rem 0;
109
+ position: relative;
110
+ }
111
+ .accordion-header:after {
112
+ content: '+';
113
+ position: absolute;
114
+ right: 0;
115
+ top: 50%;
116
+ transform: translateY(-50%);
117
+ font-size: 1.5rem;
118
+ color: var(--primary);
119
+ }
120
+ .accordion-header.active:after {
121
+ content: '-';
122
+ }
123
+ .accordion-content {
124
+ max-height: 0;
125
+ overflow: hidden;
126
+ transition: max-height 0.3s ease-out;
127
+ }
128
+ .pricing-card {
129
+ background: rgba(30, 30, 30, 0.7);
130
+ transition: all 0.3s;
131
+ }
132
+ .pricing-card:hover {
133
+ transform: translateY(-10px);
134
+ }
135
+ .popular {
136
+ border: 2px solid var(--primary);
137
+ position: relative;
138
+ }
139
+ .popular-tag {
140
+ position: absolute;
141
+ top: -15px;
142
+ right: 20px;
143
+ background: var(--primary);
144
+ color: #000;
145
+ padding: 0.3rem 1rem;
146
+ font-weight: 700;
147
+ font-size: 0.8rem;
148
+ }
149
+ .testimonial-card {
150
+ background: rgba(30, 30, 30, 0.7);
151
+ transition: all 0.3s;
152
+ }
153
+ .testimonial-card:hover {
154
+ transform: translateY(-10px);
155
+ box-shadow: 0 10px 30px rgba(246, 252, 121, 0.1);
156
+ }
157
+ .blurred {
158
+ filter: blur(5px);
159
+ user-select: none;
160
+ pointer-events: none;
161
+ }
162
+ .counter-item {
163
+ font-size: 2.5rem;
164
+ font-weight: 700;
165
+ color: var(--primary);
166
+ }
167
+ .counter-label {
168
+ font-size: 0.9rem;
169
+ opacity: 0.8;
170
+ }
171
+ .nav-link {
172
+ position: relative;
173
+ }
174
+ .nav-link:after {
175
+ content: '';
176
+ position: absolute;
177
+ bottom: -5px;
178
+ left: 0;
179
+ width: 0;
180
+ height: 2px;
181
+ background: var(--primary);
182
+ transition: width 0.3s;
183
+ }
184
+ .nav-link:hover:after {
185
+ width: 100%;
186
+ }
187
+ @media (max-width: 768px) {
188
+ .section-title {
189
+ font-size: 1.8rem;
190
+ }
191
+ .counter-item {
192
+ font-size: 1.8rem;
193
+ }
194
+ }
195
+ </style>
196
+ </head>
197
+ <body class="antialiased">
198
+ <!-- Header -->
199
+ <header class="fixed w-full bg-black bg-opacity-90 z-50 py-4 px-6 shadow-lg">
200
+ <div class="container mx-auto flex justify-between items-center">
201
+ <div class="logo">
202
+ <span class="logo-traffic">TRAFFIC</span>
203
+ <span class="logo-master">MASTER</span>
204
+ </div>
205
+ <nav class="hidden md:flex space-x-8">
206
+ <a href="#about" class="text-white hover:text-primary nav-link">О КУРСЕ</a>
207
+ <a href="#features" class="text-white hover:text-primary nav-link">ПРЕИМУЩЕСТВА</a>
208
+ <a href="#program" class="text-white hover:text-primary nav-link">ПРОГРАММА</a>
209
+ <a href="#pricing" class="text-white hover:text-primary nav-link">ТАРИФЫ</a>
210
+ <a href="#faq" class="text-white hover:text-primary nav-link">FAQ</a>
211
+ </nav>
212
+ <button class="btn-primary px-6 py-2 rounded-full md:block hidden">
213
+ ПОЛУЧИТЬ ДОСТУП
214
+ </button>
215
+ <button class="md:hidden text-white text-2xl">
216
+ <i class="fas fa-bars"></i>
217
+ </button>
218
+ </div>
219
+ </header>
220
+
221
+ <!-- Hero Section -->
222
+ <section class="pt-32 pb-20 px-6 bg-gradient-to-b from-black to-gray-900">
223
+ <div class="container mx-auto">
224
+ <div class="flex flex-col md:flex-row items-center">
225
+ <div class="md:w-1/2 mb-12 md:mb-0">
226
+ <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
227
+ <span class="text-primary">TRAFFIC MASTER</span> — ИСКУССТВО ЗАРАБАТЫВАТЬ НА ТРАФИКЕ
228
+ </h1>
229
+ <p class="text-xl mb-8 opacity-80">
230
+ Система обучения, которая откроет вам доступ к заработку от $1000 в месяц с любой точки мира. Арбитраж не для всех. Но если ты вошел — ты в игре.
231
+ </p>
232
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
233
+ <button class="btn-primary px-8 py-3 rounded-full text-lg">
234
+ НАЧАТЬ ОБУЧЕНИЕ
235
+ </button>
236
+ <button class="btn-secondary px-8 py-3 rounded-full text-lg">
237
+ УЗНАТЬ ПОДРОБНЕЕ
238
+ </button>
239
+ </div>
240
+ </div>
241
+ <div class="md:w-1/2 flex justify-center">
242
+ <div class="relative">
243
+ <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" alt="Traffic Master" class="rounded-lg shadow-2xl w-full max-w-md">
244
+ <div class="absolute -bottom-5 -right-5 bg-primary p-4 rounded-lg shadow-lg text-black font-bold">
245
+ СТАРТ 15 ИЮЛЯ
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ <div class="mt-20 grid grid-cols-1 md:grid-cols-3 gap-8">
251
+ <div class="text-center">
252
+ <div class="counter-item">1500+</div>
253
+ <div class="counter-label">УЧЕНИКОВ</div>
254
+ </div>
255
+ <div class="text-center">
256
+ <div class="counter-item">$2500+</div>
257
+ <div class="counter-label">СРЕДНИЙ ДОХОД</div>
258
+ </div>
259
+ <div class="text-center">
260
+ <div class="counter-item">37</div>
261
+ <div class="counter-label">СТРАН</div>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </section>
266
+
267
+ <!-- About Section -->
268
+ <section id="about" class="py-20 px-6 bg-gray-900">
269
+ <div class="container mx-auto">
270
+ <h2 class="section-title text-white">О КУРСЕ</h2>
271
+ <div class="grid md:grid-cols-2 gap-12 items-center">
272
+ <div>
273
+ <p class="text-lg mb-6 opacity-90">
274
+ TRAFFIC MASTER — это не просто курс, а полноценная система обучения арбитражу трафика, которая даст вам все необходимые инструменты для заработка от $1000 в месяц уже через 30 дней после старта.
275
+ </p>
276
+ <p class="text-lg mb-6 opacity-90">
277
+ Мы собрали лучшие практики, рабочие связки и проверенные стратегии, которые приносят прибыль в 2023 году. Никакой воды — только конкретика и практика.
278
+ </p>
279
+ <p class="text-lg mb-6 opacity-90">
280
+ Наш подход отличается от других: мы учим не просто повторять за нами, а понимать механику арбитража, чтобы вы могли создавать свои собственные прибыльные связки.
281
+ </p>
282
+ <button class="btn-primary px-8 py-3 rounded-full text-lg mt-4">
283
+ ПРИСОЕДИНИТЬСЯ
284
+ </button>
285
+ </div>
286
+ <div class="relative">
287
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="About Course" class="rounded-lg shadow-2xl w-full">
288
+ <div class="absolute -bottom-5 -left-5 bg-primary p-4 rounded-lg shadow-lg text-black font-bold">
289
+ ОБУЧЕНИЕ С НУЛЯ
290
+ </div>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </section>
295
+
296
+ <!-- Features Section -->
297
+ <section id="features" class="py-20 px-6 bg-black">
298
+ <div class="container mx-auto">
299
+ <h2 class="section-title text-white">ПРЕИМУЩЕСТВА</h2>
300
+ <p class="text-xl mb-12 max-w-3xl opacity-80">
301
+ Почему именно TRAFFIC MASTER станет вашим лучшим вложением в этом году
302
+ </p>
303
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
304
+ <div class="feature-card p-8 rounded-lg">
305
+ <div class="text-primary text-4xl mb-4">
306
+ <i class="fas fa-rocket"></i>
307
+ </div>
308
+ <h3 class="text-xl font-bold mb-3">БЫСТРЫЙ СТАРТ</h3>
309
+ <p class="opacity-80">
310
+ Первые результаты уже через 7 дней после начала обучения. Мы даем рабочие связки, которые можно запустить сразу.
311
+ </p>
312
+ </div>
313
+ <div class="feature-card p-8 rounded-lg">
314
+ <div class="text-primary text-4xl mb-4">
315
+ <i class="fas fa-chart-line"></i>
316
+ </div>
317
+ <h3 class="text-xl font-bold mb-3">ПРОВЕРЕННЫЕ СТРАТЕГИИ</h3>
318
+ <p class="opacity-80">
319
+ Только актуальные на 2023 год методы арбитража, которые приносят прибыль нашим ученикам.
320
+ </p>
321
+ </div>
322
+ <div class="feature-card p-8 rounded-lg">
323
+ <div class="text-primary text-4xl mb-4">
324
+ <i class="fas fa-headset"></i>
325
+ </div>
326
+ <h3 class="text-xl font-bold mb-3">ПОДДЕРЖКА 24/7</h3>
327
+ <p class="opacity-80">
328
+ Закрытый чат с кураторами, которые ответят на любой вопрос и помогут решить проблему.
329
+ </p>
330
+ </div>
331
+ <div class="feature-card p-8 rounded-lg">
332
+ <div class="text-primary text-4xl mb-4">
333
+ <i class="fas fa-gem"></i>
334
+ </div>
335
+ <h3 class="text-xl font-bold mb-3">ЭКСКЛЮЗИВНЫЕ МАТЕРИАЛЫ</h3>
336
+ <p class="opacity-80">
337
+ Доступ к базе проверенных офферов, шаблонам лендингов и скриптам, которые экономят ваше время.
338
+ </p>
339
+ </div>
340
+ </div>
341
+ </div>
342
+ </section>
343
+
344
+ <!-- For Whom Section -->
345
+ <section class="py-20 px-6 bg-gray-900">
346
+ <div class="container mx-auto">
347
+ <h2 class="section-title text-white">ДЛЯ КОГО ЭТОТ КУРС?</h2>
348
+ <p class="text-xl mb-12 max-w-3xl opacity-80">
349
+ TRAFFIC MASTER подойдет вам, если вы относитесь к одной из этих категорий
350
+ </p>
351
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
352
+ <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
353
+ <h3 class="text-xl font-bold mb-4">НОВИЧКИ</h3>
354
+ <p class="opacity-80">
355
+ Если вы только слышали об арбитраже и хотите начать с нуля, но не знаете как — мы проведем вас за руку от регистрации в партнерке до первых выплат.
356
+ </p>
357
+ </div>
358
+ <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
359
+ <h3 class="text-xl font-bold mb-4">ПРЕДПРИНИМАТЕЛИ</h3>
360
+ <p class="opacity-80">
361
+ Для владельцев бизнеса, которые хотят освоить новый канал привлечения клиентов и увеличить прибыль компании.
362
+ </p>
363
+ </div>
364
+ <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
365
+ <h3 class="text-xl font-bold mb-4">ФРИЛАНСЕРЫ</h3>
366
+ <p class="opacity-80">
367
+ Если вы устали от бирж фриланса и хотите стабильный доход, не привязанный к заказам клиентов — арбитраж ваш выбор.
368
+ </p>
369
+ </div>
370
+ <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
371
+ <h3 class="text-xl font-bold mb-4">JUNIOR-АРБИТРАЖНИКИ</h3>
372
+ <p class="opacity-80">
373
+ Если вы уже пробовали арбитраж, но не получили стабильных результатов — мы поможем выйти на новый уровень.
374
+ </p>
375
+ </div>
376
+ <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
377
+ <h3 class="text-xl font-bold mb-4">ТАРГЕТОЛОГИ</h3>
378
+ <p class="opacity-80">
379
+ Для специалистов по таргетированной рекламе, которые хотят монетизировать свои навыки и работать на себя.
380
+ </p>
381
+ </div>
382
+ <div class="bg-gray-800 p-8 rounded-lg border-l-4 border-primary">
383
+ <h3 class="text-xl font-bold mb-4">ЦИФРОВЫЕ НОМАДЫ</h3>
384
+ <p class="opacity-80">
385
+ Если вы мечтаете о свободе и заработке из любой точки мира — арбитраж трафика идеально подходит для этого образа жизни.
386
+ </p>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ </section>
391
+
392
+ <!-- Skills Section -->
393
+ <section class="py-20 px-6 bg-black">
394
+ <div class="container mx-auto">
395
+ <h2 class="section-title text-white">ЧЕМУ ВЫ НАУЧИТЕСЬ?</h2>
396
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
397
+ <div class="bg-gray-900 p-8 rounded-lg">
398
+ <div class="text-primary text-2xl mb-4 font-bold">01</div>
399
+ <h3 class="text-xl font-bold mb-3">ЗАПУСК ПРИБЫЛЬНЫХ СВЯЗОК</h3>
400
+ <p class="opacity-80">
401
+ Научитесь собирать и тестировать связки, которые приносят от $500 чистой прибыли в неделю.
402
+ </p>
403
+ </div>
404
+ <div class="bg-gray-900 p-8 rounded-lg">
405
+ <div class="text-primary text-2xl mb-4 font-bold">02</div>
406
+ <h3 class="text-xl font-bold mb-3">РАБОТА С ПАРТНЕРСКИМИ ПРОГРАММАМИ</h3>
407
+ <p class="opacity-80">
408
+ Узнаете, как выбирать выгодные офферы, договариваться о повышенных ставках и получать эксклюзивные условия.
409
+ </p>
410
+ </div>
411
+ <div class="bg-gray-900 p-8 rounded-lg">
412
+ <div class="text-primary text-2xl mb-4 font-bold">03</div>
413
+ <h3 class="text-xl font-bold mb-3">СОЗДАНИЕ ВЫСОКОКОНВЕРСИОННЫХ ЛЕНДИНГОВ</h3>
414
+ <p class="opacity-80">
415
+ Освоите создание продающих страниц без навыков программирования с конверсией от 15%.
416
+ </p>
417
+ </div>
418
+ <div class="bg-gray-900 p-8 rounded-lg">
419
+ <div class="text-primary text-2xl mb-4 font-bold">04</div>
420
+ <h3 class="text-xl font-bold mb-3">НАСТРОЙКА БОТОВ И CRM</h3>
421
+ <p class="opacity-80">
422
+ Научитесь автоматизировать процессы сбора лидов и их обработки, экономя до 80% времени.
423
+ </p>
424
+ </div>
425
+ <div class="bg-gray-900 p-8 rounded-lg">
426
+ <div class="text-primary text-2xl mb-4 font-bold">05</div>
427
+ <h3 class="text-xl font-bold mb-3">МАСШТАБИРОВАНИЕ УСПЕШНЫХ КАМПАНИЙ</h3>
428
+ <p class="opacity-80">
429
+ Узнаете, как увеличивать бюджет успешных кампаний без потери ROI и выходить на доход $10 000+ в месяц.
430
+ </p>
431
+ </div>
432
+ <div class="bg-gray-900 p-8 rounded-lg">
433
+ <div class="text-primary text-2xl mb-4 font-bold">06</div>
434
+ <h3 class="text-xl font-bold mb-3">АНАЛИЗ И ВЫБОР ПЕРСПЕКТИВНЫХ ГЕО</h3>
435
+ <p class="opacity-80">
436
+ Научитесь находить недооцененные рынки с низкой конкуренцией и высокой маржинальностью.
437
+ </p>
438
+ </div>
439
+ </div>
440
+ </div>
441
+ </section>
442
+
443
+ <!-- Program Section -->
444
+ <section id="program" class="py-20 px-6 bg-gray-900">
445
+ <div class="container mx-auto">
446
+ <h2 class="section-title text-white">ПРОГРАММА КУРСА</h2>
447
+ <p class="text-xl mb-12 max-w-3xl opacity-80">
448
+ Полная программа курса доступна после оплаты. Вот первый модуль, чтобы вы могли оценить качество материала:
449
+ </p>
450
+ <div class="bg-gray-800 rounded-lg overflow-hidden max-w-4xl mx-auto">
451
+ <div class="p-6 border-b border-gray-700 bg-gray-900">
452
+ <h3 class="text-xl font-bold text-primary">МОДУЛЬ 1: ОСНОВЫ АРБИТРАЖА ТРАФИКА</h3>
453
+ </div>
454
+ <div class="p-6 border-b border-gray-700">
455
+ <div class="flex items-start">
456
+ <div class="text-primary mr-4 mt-1">✓</div>
457
+ <div>
458
+ <h4 class="font-bold mb-2">Введение в арбитраж трафика</h4>
459
+ <p class="opacity-80 text-sm">
460
+ Что такое арбитраж трафика, основные модели монетизации, перспективы в 2023 году.
461
+ </p>
462
+ </div>
463
+ </div>
464
+ </div>
465
+ <div class="p-6 border-b border-gray-700">
466
+ <div class="flex items-start">
467
+ <div class="text-primary mr-4 mt-1">✓</div>
468
+ <div>
469
+ <h4 class="font-bold mb-2">Выбор ниши и партнерской программы</h4>
470
+ <p class="opacity-80 text-sm">
471
+ Как выбрать прибыльную нишу, критерии выбора партнерки, анализ конкурентов.
472
+ </p>
473
+ </div>
474
+ </div>
475
+ </div>
476
+ <div class="p-6 border-b border-gray-700">
477
+ <div class="flex items-start">
478
+ <div class="text-primary mr-4 mt-1">✓</div>
479
+ <div>
480
+ <h4 class="font-bold mb-2">Регистрация в партнерских сетях</h4>
481
+ <p class="opacity-80 text-sm">
482
+ Пошаговая инструкция по регистрации, как пройти верификацию, что писать менеджерам.
483
+ </p>
484
+ </div>
485
+ </div>
486
+ </div>
487
+ <div class="p-6 border-b border-gray-700">
488
+ <div class="flex items-start">
489
+ <div class="text-primary mr-4 mt-1">✓</div>
490
+ <div>
491
+ <h4 class="font-bold mb-2">Анализ офферов и выбор связки</h4>
492
+ <p class="opacity-80 text-sm">
493
+ Ключевые метрики офферов, расчет потенциальной прибыли, выбор трафика под оффер.
494
+ </p>
495
+ </div>
496
+ </div>
497
+ </div>
498
+ <div class="p-6 border-b border-gray-700">
499
+ <div class="flex items-start">
500
+ <div class="text-primary mr-4 mt-1">✓</div>
501
+ <div>
502
+ <h4 class="font-bold mb-2">Настройка трекера</h4>
503
+ <p class="opacity-80 text-sm">
504
+ Обзор популярных трекеров, базовые настройки, как анализировать данные.
505
+ </p>
506
+ </div>
507
+ </div>
508
+ </div>
509
+ <div class="p-6 border-b border-gray-700 blurred">
510
+ <div class="flex items-start">
511
+ <div class="text-primary mr-4 mt-1">✓</div>
512
+ <div>
513
+ <h4 class="font-bold mb-2">Создание лендинга</h4>
514
+ <p class="opacity-80 text-sm">
515
+ Готовые шаблоны, конструкторы, принципы высококонверсионных страниц.
516
+ </p>
517
+ </div>
518
+ </div>
519
+ </div>
520
+ <div class="p-6 border-b border-gray-700 blurred">
521
+ <div class="flex items-start">
522
+ <div class="text-primary mr-4 mt-1">✓</div>
523
+ <div>
524
+ <h4 class="font-bold mb-2">Настройка рекламной кампании</h4>
525
+ <p class="opacity-80 text-sm">
526
+ Выбор платформы, создание креативов, таргетинг, бюджет.
527
+ </p>
528
+ </div>
529
+ </div>
530
+ </div>
531
+ <div class="p-6 border-b border-gray-700 blurred">
532
+ <div class="flex items-start">
533
+ <div class="text-primary mr-4 mt-1">✓</div>
534
+ <div>
535
+ <h4 class="font-bold mb-2">Анализ и оптимизация</h4>
536
+ <p class="opacity-80 text-sm">
537
+ Ключевые метрики, как увеличивать бюджет, масштабирование.
538
+ </p>
539
+ </div>
540
+ </div>
541
+ </div>
542
+ <div class="p-6 blurred">
543
+ <div class="flex items-start">
544
+ <div class="text-primary mr-4 mt-1">✓</div>
545
+ <div>
546
+ <h4 class="font-bold mb-2">Дополнительные модули и бонусы</h4>
547
+ <p class="opacity-80 text-sm">
548
+ Работа с ботом, CRM, чат-ботами, email-рассылки, сложные связки.
549
+ </p>
550
+ </div>
551
+ </div>
552
+ </div>
553
+ </div>
554
+ <div class="text-center mt-12">
555
+ <button class="btn-primary px-8 py-3 rounded-full text-lg">
556
+ ПОЛУЧИТЬ ПОЛНУЮ ПРОГРАММУ
557
+ </button>
558
+ </div>
559
+ </div>
560
+ </section>
561
+
562
+ <!-- Bonuses Section -->
563
+ <section class="py-20 px-6 bg-black">
564
+ <div class="container mx-auto">
565
+ <h2 class="section-title text-white">ВАШИ БОНУСЫ</h2>
566
+ <p class="text-xl mb-12 max-w-3xl opacity-80">
567
+ Вместе с курсом вы получите эти ценные материалы, которые ускорят ваш старт
568
+ </p>
569
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
570
+ <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
571
+ <div class="text-primary text-3xl mb-4">
572
+ <i class="fas fa-list-check"></i>
573
+ </div>
574
+ <h3 class="text-xl font-bold mb-3">ЧЕК-ЛИ��ТЫ</h3>
575
+ <p class="opacity-80">
576
+ Готовые чек-листы для проверки каждого этапа: от выбора оффера до масштабирования.
577
+ </p>
578
+ </div>
579
+ <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
580
+ <div class="text-primary text-3xl mb-4">
581
+ <i class="fas fa-file-alt"></i>
582
+ </div>
583
+ <h3 class="text-xl font-bold mb-3">ШАБЛОНЫ ДОКУМЕНТОВ</h3>
584
+ <p class="opacity-80">
585
+ Готовые письма для партнерок, скрипты общения с менеджерами, договоры.
586
+ </p>
587
+ </div>
588
+ <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
589
+ <div class="text-primary text-3xl mb-4">
590
+ <i class="fas fa-laptop-code"></i>
591
+ </div>
592
+ <h3 class="text-xl font-bold mb-3">ГОТОВЫЕ ЛЕНДИНГИ</h3>
593
+ <p class="opacity-80">
594
+ 20 проверенных шаблонов лендингов с конверсией от 15% в различных нишах.
595
+ </p>
596
+ </div>
597
+ <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
598
+ <div class="text-primary text-3xl mb-4">
599
+ <i class="fas fa-database"></i>
600
+ </div>
601
+ <h3 class="text-xl font-bold mb-3">БАЗА ПРОВЕРЕННЫХ ПП</h3>
602
+ <p class="opacity-80">
603
+ Список надежных партнерок с контактами менеджеров и условиями по выплатам.
604
+ </p>
605
+ </div>
606
+ <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
607
+ <div class="text-primary text-3xl mb-4">
608
+ <i class="fas fa-comments"></i>
609
+ </div>
610
+ <h3 class="text-xl font-bold mb-3">ЗАКРЫТЫЙ ЧАТ</h3>
611
+ <p class="opacity-80">
612
+ Доступ в чат с действующими арбитражниками, где разбирают кейсы и делятся офферами.
613
+ </p>
614
+ </div>
615
+ <div class="bg-gray-900 p-8 rounded-lg border border-primary border-opacity-30">
616
+ <div class="text-primary text-3xl mb-4">
617
+ <i class="fas fa-sync-alt"></i>
618
+ </div>
619
+ <h3 class="text-xl font-bold mb-3">ОБНОВЛЕНИЯ КУРСА</h3>
620
+ <p class="opacity-80">
621
+ Пожизненный доступ ко всем обновлениям курса и новым материалам.
622
+ </p>
623
+ </div>
624
+ </div>
625
+ </div>
626
+ </section>
627
+
628
+ <!-- Pricing Section -->
629
+ <section id="pricing" class="py-20 px-6 bg-gray-900">
630
+ <div class="container mx-auto">
631
+ <h2 class="section-title text-white">ВЫБЕРИТЕ СВОЙ ТАРИФ</h2>
632
+ <p class="text-xl mb-12 max-w-3xl opacity-80">
633
+ Мы подготовили несколько вариантов участия, чтобы каждый мог выбрать оптимальный для себя
634
+ </p>
635
+ <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
636
+ <div class="pricing-card p-8 rounded-lg">
637
+ <h3 class="text-2xl font-bold mb-4">SOLO</h3>
638
+ <div class="text-4xl font-bold mb-6">$497</div>
639
+ <ul class="space-y-4 mb-8">
640
+ <li class="flex items-start">
641
+ <div class="text-primary mr-2 mt-1">✓</div>
642
+ <span>Доступ к курсу на 6 месяцев</span>
643
+ </li>
644
+ <li class="flex items-start">
645
+ <div class="text-primary mr-2 mt-1">✓</div>
646
+ <span>Все уроки и материалы</span>
647
+ </li>
648
+ <li class="flex items-start">
649
+ <div class="text-primary mr-2 mt-1">✓</div>
650
+ <span>Закрытый чат учеников</span>
651
+ </li>
652
+ <li class="flex items-start opacity-50">
653
+ <div class="mr-2 mt-1">✗</div>
654
+ <span>Проверка домашних заданий</span>
655
+ </li>
656
+ <li class="flex items-start opacity-50">
657
+ <div class="mr-2 mt-1">✗</div>
658
+ <span>Личный куратор</span>
659
+ </li>
660
+ <li class="flex items-start opacity-50">
661
+ <div class="mr-2 mt-1">✗</div>
662
+ <span>Разбор ваших связок</span>
663
+ </li>
664
+ </ul>
665
+ <button class="btn-secondary w-full py-3 rounded-full">
666
+ ВЫБРАТЬ ТАРИФ
667
+ </button>
668
+ </div>
669
+ <div class="pricing-card p-8 rounded-lg popular">
670
+ <div class="popular-tag">ПОПУЛЯРНЫЙ</div>
671
+ <h3 class="text-2xl font-bold mb-4">TEAM</h3>
672
+ <div class="text-4xl font-bold mb-6">$997</div>
673
+ <ul class="space-y-4 mb-8">
674
+ <li class="flex items-start">
675
+ <div class="text-primary mr-2 mt-1">✓</div>
676
+ <span>Доступ к курсу на 12 месяцев</span>
677
+ </li>
678
+ <li class="flex items-start">
679
+ <div class="text-primary mr-2 mt-1">✓</div>
680
+ <span>Все уроки и материалы</span>
681
+ </li>
682
+ <li class="flex items-start">
683
+ <div class="text-primary mr-2 mt-1">✓</div>
684
+ <span>Закрытый чат учеников</span>
685
+ </li>
686
+ <li class="flex items-start">
687
+ <div class="text-primary mr-2 mt-1">✓</div>
688
+ <span>Проверка домашних заданий</span>
689
+ </li>
690
+ <li class="flex items-start">
691
+ <div class="text-primary mr-2 mt-1">✓</div>
692
+ <span>Личный куратор</span>
693
+ </li>
694
+ <li class="flex items-start opacity-50">
695
+ <div class="mr-2 mt-1">✗</div>
696
+ <span>Разбор ваших связок</span>
697
+ </li>
698
+ </ul>
699
+ <button class="btn-primary w-full py-3 rounded-full">
700
+ ВЫБРАТЬ ТАРИФ
701
+ </button>
702
+ </div>
703
+ <div class="pricing-card p-8 rounded-lg">
704
+ <h3 class="text-2xl font-bold mb-4">VIP</h3>
705
+ <div class="text-4xl font-bold mb-6">$1997</div>
706
+ <ul class="space-y-4 mb-8">
707
+ <li class="flex items-start">
708
+ <div class="text-primary mr-2 mt-1">✓</div>
709
+ <span>Пожизненный доступ к курсу</span>
710
+ </li>
711
+ <li class="flex items-start">
712
+ <div class="text-primary mr-2 mt-1">✓</div>
713
+ <span>Все уроки и материалы</span>
714
+ </li>
715
+ <li class="flex items-start">
716
+ <div class="text-primary mr-2 mt-1">✓</div>
717
+ <span>Закрытый чат учеников</span>
718
+ </li>
719
+ <li class="flex items-start">
720
+ <div class="text-primary mr-2 mt-1">✓</div>
721
+ <span>Проверка домашних заданий</span>
722
+ </li>
723
+ <li class="flex items-start">
724
+ <div class="text-primary mr-2 mt-1">✓</div>
725
+ <span>Личный куратор</span>
726
+ </li>
727
+ <li class="flex items-start">
728
+ <div class="text-primary mr-2 mt-1">✓</div>
729
+ <span>Разбор ваших связок</span>
730
+ </li>
731
+ </ul>
732
+ <button class="btn-secondary w-full py-3 rounded-full">
733
+ ВЫБРАТЬ ТАРИФ
734
+ </button>
735
+ </div>
736
+ </div>
737
+ </div>
738
+ </section>
739
+
740
+ <!-- Testimonials Section -->
741
+ <section class="py-20 px-6 bg-black">
742
+ <div class="container mx-auto">
743
+ <h2 class="section-title text-white">ОТЗЫВЫ УЧЕНИКОВ</h2>
744
+ <p class="text-xl mb-12 max-w-3xl opacity-80">
745
+ Вот что говорят наши ученики после прохождения курса TRAFFIC MASTER
746
+ </p>
747
+ <div class="grid md:grid-cols-3 gap-8">
748
+ <div class="testimonial-card p-8 rounded-lg">
749
+ <div class="flex items-center mb-4">
750
+ <div class="w-12 h-12 rounded-full bg-primary mr-4 flex items-center justify-center text-black font-bold">АК</div>
751
+ <div>
752
+ <h4 class="font-bold">АЛЕКСАНДР К.</h4>
753
+ <div class="flex text-primary">
754
+ <i class="fas fa-star"></i>
755
+ <i class="fas fa-star"></i>
756
+ <i class="fas fa-star"></i>
757
+ <i class="fas fa-star"></i>
758
+ <i class="fas fa-star"></i>
759
+ </div>
760
+ </div>
761
+ </div>
762
+ <p class="opacity-80">
763
+ "Прошел курс месяц назад, уже вывел первую прибыль $1200. Материал подается структурированно, без воды. Особенно ценны рабочие связки, которые дают сразу."
764
+ </p>
765
+ </div>
766
+ <div class="testimonial-card p-8 rounded-lg">
767
+ <div class="flex items-center mb-4">
768
+ <div class="w-12 h-12 rounded-full bg-primary mr-4 flex items-center justify-center text-black font-bold">ЕС</div>
769
+ <div>
770
+ <h4 class="font-bold">ЕЛЕНА С.</h4>
771
+ <div class="flex text-primary">
772
+ <i class="fas fa-star"></i>
773
+ <i class="fas fa-star"></i>
774
+ <i class="fas fa-star"></i>
775
+ <i class="fas fa-star"></i>
776
+ <i class="fas fa-star"></i>
777
+ </div>
778
+ </div>
779
+ </div>
780
+ <p class="opacity-80">
781
+ "Была полным нулем в арбитраже. Благодаря пошаговой программе и поддержке кураторов уже на второй неделе запустила первую кампанию. Сейчас стабильно $800-1000 в неделю."
782
+ </p>
783
+ </div>
784
+ <div class="testimonial-card p-8 rounded-lg">
785
+ <div class="flex items-center mb-4">
786
+ <div class="w-12 h-12 rounded-full bg-primary mr-4 flex items-center justify-center text-black font-bold">ДМ</div>
787
+ <div>
788
+ <h4 class="font-bold">ДМИТРИЙ М.</h4>
789
+ <div class="flex text-primary">
790
+ <i class="fas fa-star"></i>
791
+ <i class="fas fa-star"></i>
792
+ <i class="fas fa-star"></i>
793
+ <i class="fas fa-star"></i>
794
+ <i class="fas fa-star"></i>
795
+ </div>
796
+ </div>
797
+ </div>
798
+ <p class="opacity-80">
799
+ "До курса пробовал арбитраж, но без системы. После обучения структурировал знания, оптимизировал процессы. Доход вырос с $500 до $4000 в месяц за 3 месяца."
800
+ </p>
801
+ </div>
802
+ </div>
803
+ <div class="text-center mt-12">
804
+ <button class="btn-secondary px-8 py-3 rounded-full text-lg">
805
+ СМОТРЕТЬ БОЛЬШЕ ОТЗЫВОВ
806
+ </button>
807
+ </div>
808
+ </div>
809
+ </section>
810
+
811
+ <!-- Team Section -->
812
+ <section class="py-20 px-6 bg-gray-900">
813
+ <div class="container mx-auto">
814
+ <h2 class="section-title text-white">КОМАНДА</h2>
815
+ <div class="grid md:grid-cols-2 gap-12 items-center">
816
+ <div>
817
+ <h3 class="text-3xl font-bold mb-4">ИВАН ПЕТРОВ</h3>
818
+ <p class="text-lg mb-6 opacity-90">
819
+ Основатель TRAFFIC MASTER, арбитражник с 8-летним опытом. За это время запустил более 500 успешных кампаний в 37 странах, общий оборот превысил $5 000 000.
820
+ </p>
821
+ <p class="text-lg mb-6 opacity-90">
822
+ Специализируется на сложных связках с ROI от 300%. Обучил более 1500 учеников, многие из которых вышли на доход $10 000+ в месяц.
823
+ </p>
824
+ <div class="flex space-x-4">
825
+ <a href="#" class="text-white hover:text-primary text-2xl">
826
+ <i class="fab fa-instagram"></i>
827
+ </a>
828
+ <a href="#" class="text-white hover:text-primary text-2xl">
829
+ <i class="fab fa-youtube"></i>
830
+ </a>
831
+ <a href="#" class="text-white hover:text-primary text-2xl">
832
+ <i class="fab fa-telegram"></i>
833
+ </a>
834
+ </div>
835
+ <button class="btn-primary px-8 py-3 rounded-full text-lg mt-6">
836
+ СМОТРЕТЬ ИНТЕРВЬЮ
837
+ </button>
838
+ </div>
839
+ <div class="relative">
840
+ <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Иван Петров" class="rounded-lg shadow-2xl w-full max-w-md">
841
+ <div class="absolute -bottom-5 -right-5 bg-primary p-4 rounded-lg shadow-lg text-black font-bold">
842
+ ОСНОВАТЕЛЬ
843
+ </div>
844
+ </div>
845
+ </div>
846
+ </div>
847
+ </section>
848
+
849
+ <!-- FAQ Section -->
850
+ <section id="faq" class="py-20 px-6 bg-black">
851
+ <div class="container mx-auto max-w-4xl">
852
+ <h2 class="section-title text-white">ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ</h2>
853
+ <div class="accordion">
854
+ <div class="accordion-item">
855
+ <div class="accordion-header">
856
+ <h3 class="text-lg font-bold">КАК БЫСТРО Я СМОГУ ЗАРАБАТЫВАТЬ ПОСЛЕ СТАРТА КУРСА?</h3>
857
+ </div>
858
+ <div class="accordion-content">
859
+ <p class="py-4 opacity-80">
860
+ Большинство наших учеников получают первые результаты уже через 7-14 дней после начала обучения. Все зависит от вашей вовлеченности и времени, которое вы готовы уделять практике. При интенсивной работе первые выплаты от $500 возможны уже через месяц.
861
+ </p>
862
+ </div>
863
+ </div>
864
+ <div class="accordion-item">
865
+ <div class="accordion-header">
866
+ <h3 class="text-lg font-bold">СКОЛЬКО ДЕНЕГ НУЖНО ДЛЯ СТАРТА?</h3>
867
+ </div>
868
+ <div class="accordion-content">
869
+ <p class="py-4 opacity-80">
870
+ Минимальный бюджет для тестирования первой связки — около $200-300. Этого достаточно, чтобы запустить тестовую кампанию и получить первые данные для оптимизации. В курсе мы даем стратегии, как минимизировать риски и тестировать офферы с небольшим бюджетом.
871
+ </p>
872
+ </div>
873
+ </div>
874
+ <div class="accordion-item">
875
+ <div class="accordion-header">
876
+ <h3 class="text-lg font-bold">КАКОЙ ОПЫТ НУЖЕН ДЛЯ ПРОХОЖДЕНИЯ КУРСА?</h3>
877
+ </div>
878
+ <div class="accordion-content">
879
+ <p class="py-4 opacity-80">
880
+ Курс рассчитан как на новичков, так и на тех, кто уже пробовал арбитраж. Мы начинаем с самых основ и постепенно переходим к сложным стратегиям. Если у вас есть базовые навыки работы с компьютером — этого достаточно.
881
+ </p>
882
+ </div>
883
+ </div>
884
+ <div class="accordion-item">
885
+ <div class="accordion-header">
886
+ <h3 class="text-lg font-bold">КАК ДОЛГО ДЛИТСЯ ДОСТУП К КУРСУ?</h3>
887
+ </div>
888
+ <div class="accordion-content">
889
+ <p class="py-4 opacity-80">
890
+ В зависимости от тарифа: от 6 месяцев до пожизненного доступа. Даже после окончания срока доступа вы сохраняете все материалы, которые успели скачать, и остаетесь в закрытом чате учеников.
891
+ </p>
892
+ </div>
893
+ </div>
894
+ <div class="accordion-item">
895
+ <div class="accordion-header">
896
+ <h3 class="text-lg font-bold">ЕСТЬ ЛИ ГАРАНТИИ РЕЗУЛЬТАТА?</h3>
897
+ </div>
898
+ <div class="accordion-content">
899
+ <p class="py-4 opacity-80">
900
+ Мы даем 30-дневную гарантию возврата средств, если курс вам не подойдет. Однако результат зависит от ваших действий. Ученики, которые выполняют все задания и применяют знания на практике, достигают отличных результатов.
901
+ </p>
902
+ </div>
903
+ </div>
904
+ </div>
905
+ </div>
906
+ </section>
907
+
908
+ <!-- Guarantees Section -->
909
+ <section class="py-20 px-6 bg-gray-900">
910
+ <div class="container mx-auto">
911
+ <h2 class="section-title text-white">НАШИ ГАРАНТИИ</h2>
912
+ <div class="grid md:grid-cols-2 gap-12 items-center">
913
+ <div>
914
+ <div class="text-primary text-5xl mb-6">
915
+ <i class="fas fa-shield-alt"></i>
916
+ </div>
917
+ <h3 class="text-2xl font-bold mb-4">30 ДНЕЙ ГАРАНТИИ ВОЗВРАТА</h3>
918
+ <p class="text-lg mb-6 opacity-90">
919
+ Мы настолько уверены в качестве нашего курса, что даем 30-дневную гарантию возврата средств. Если в течение месяца вы поймете, что курс вам не подходит — мы вернем деньги без лишних вопросов.
920
+ </p>
921
+ <p class="text-lg mb-6 opacity-90">
922
+ Единственное условие — вы должны показать, что действительно работали по материалам курса и выполнили хотя бы 50% заданий.
923
+ </p>
924
+ <button class="btn-primary px-8 py-3 rounded-full text-lg">
925
+ ПОЛУЧИТЬ ДОСТУП
926
+ </button>
927
+ </div>
928
+ <div class="relative">
929
+ <img src="https://images.unsplash.com/photo-1579621970563-ebec7560ff3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1171&q=80" alt="Гарантии" class="rounded-lg shadow-2xl w-full">
930
+ <div class="absolute -bottom-5 -right-5 bg-primary p-4 rounded-lg shadow-lg text-black font-bold">
931
+ БЕЗ РИСКА
932
+ </div>
933
+ </div>
934
+ </div>
935
+ </div>
936
+ </section>
937
+
938
+ <!-- Roadmap Section -->
939
+ <section class="py-20 px-6 bg-black">
940
+ <div class="container mx-auto">
941
+ <h2 class="section-title text-white">КАК ПРОХОДИТ ОБУЧЕНИЕ</h2>
942
+ <div class="max-w-4xl mx-auto">
943
+ <div class="timeline-item">
944
+ <div class="timeline-dot"></div>
945
+ <div class="bg-gray-900 p-6 rounded-lg">
946
+ <h3 class="text-xl font-bold mb-2">ШАГ 1: РЕГИСТРАЦИЯ И ДОСТУП</h3>
947
+ <p class="opacity-80">
948
+ После оплаты вы сразу получаете доступ к личному кабинету с первыми уроками и материалами. В течение 24 часов вам назначается куратор (для тарифов TEAM и VIP).
949
+ </p>
950
+ </div>
951
+ </div>
952
+ <div class="timeline-item">
953
+ <div class="timeline-dot"></div>
954
+ <div class="bg-gray-900 p-6 rounded-lg">
955
+ <h3 class="text-xl font-bold mb-2">ШАГ 2: ОСНОВЫ АРБИТРАЖА</h3>
956
+ <p class="opacity-80">
957
+ Первая неделя посвящена основам: выбор ниши, регистрация в партнерках, анализ офферов. Вы получаете первые задания и начинаете практиковаться.
958
+ </p>
959
+ </div>
960
+ </div>
961
+ <div class="timeline-item">
962
+ <div class="timeline-dot"></div>
963
+ <div class="bg-gray-900 p-6 rounded-lg">
964
+ <h3 class="text-xl font-bold mb-2">ШАГ 3: ЗАПУСК ПЕРВОЙ СВЯЗКИ</h3>
965
+ <p class="opacity-80">
966
+ На второй неделе вы выбираете оффер, создаете лендинг и запускаете тестову�� кампанию с бюджетом $50-100. Куратор проверяет ваши настройки.
967
+ </p>
968
+ </div>
969
+ </div>
970
+ <div class="timeline-item">
971
+ <div class="timeline-dot"></div>
972
+ <div class="bg-gray-900 p-6 rounded-lg">
973
+ <h3 class="text-xl font-bold mb-2">ШАГ 4: АНАЛИЗ И ОПТИМИЗАЦИЯ</h3>
974
+ <p class="opacity-80">
975
+ Вы учитесь анализировать данные, считать ROI и оптимизировать кампанию. На этом этапе многие ученики уже получают первые продажи.
976
+ </p>
977
+ </div>
978
+ </div>
979
+ <div class="timeline-item">
980
+ <div class="timeline-dot"></div>
981
+ <div class="bg-gray-900 p-6 rounded-lg">
982
+ <h3 class="text-xl font-bold mb-2">ШАГ 5: МАСШТАБИРОВАНИЕ</h3>
983
+ <p class="opacity-80">
984
+ После нахождения прибыльной связки вы учитесь масштабировать успешные кампании, увеличивать бюджет и выходить на стабильный доход.
985
+ </p>
986
+ </div>
987
+ </div>
988
+ </div>
989
+ </div>
990
+ </section>
991
+
992
+ <!-- CTA Section -->
993
+ <section class="py-20 px-6 bg-gradient-to-r from-gray-900 to-black">
994
+ <div class="container mx-auto text-center">
995
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">ГОТОВЫ СТАТЬ TRAFFIC MASTER?</h2>
996
+ <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">
997
+ Начните зарабатывать на арбитраже трафика уже через 7 дней. Оставьте заявку и получите консультацию по выбору тарифа.
998
+ </p>
999
+ <button class="btn-primary px-12 py-4 rounded-full text-lg">
1000
+ ПОЛУЧИТЬ ДОСТУП
1001
+ </button>
1002
+ </div>
1003
+ </section>
1004
+
1005
+ <!-- Footer -->
1006
+ <footer class="py-12 px-6 bg-black">
1007
+ <div class="container mx-auto">
1008
+ <div class="grid md:grid-cols-4 gap-12">
1009
+ <div>
1010
+ <div class="logo mb-6">
1011
+ <span class="logo-traffic">TRAFFIC</span>
1012
+ <span class="logo-master">MASTER</span>
1013
+ </div>
1014
+ <p class="opacity-80 mb-6">
1015
+ Система обучения арбитражников, которая транслирует свободу, кайф, силу, деньги, рост и драйв.
1016
+ </p>
1017
+ <div class="flex space-x-4">
1018
+ <a href="#" class="text-white hover:text-primary text-xl">
1019
+ <i class="fab fa-instagram"></i>
1020
+ </a>
1021
+ <a href="#" class="text-white hover:text-primary text-xl">
1022
+ <i class="fab fa-youtube"></i>
1023
+ </a>
1024
+ <a href="#" class="text-white hover:text-primary text-xl">
1025
+ <i class="fab fa-telegram"></i>
1026
+ </a>
1027
+ <a href="#" class="text-white hover:text-primary text-xl">
1028
+ <i class="fab fa-vk"></i>
1029
+ </a>
1030
+ </div>
1031
+ </div>
1032
+ <div>
1033
+ <h3 class="text-lg font-bold mb-6">КУРС</h3>
1034
+ <ul class="space-y-3">
1035
+ <li><a href="#about" class="opacity-80 hover:text-primary">О КУРСЕ</a></li>
1036
+ <li><a href="#features" class="opacity-80 hover:text-primary">ПРЕИМУЩЕСТВА</a></li>
1037
+ <li><a href="#program" class="opacity-80 hover:text-primary">ПРОГРАММА</a></li>
1038
+ <li><a href="#pricing" class="opacity-80 hover:text-primary">ТАРИФЫ</a></li>
1039
+ <li><a href="#faq" class="opacity-80 hover:text-primary">FAQ</a></li>
1040
+ </ul>
1041
+ </div>
1042
+ <div>
1043
+ <h3 class="text-lg font-bold mb-6">ИНФОРМАЦИЯ</h3>
1044
+ <ul class="space-y-3">
1045
+ <li><a href="#" class="opacity-80 hover:text-primary">ОТЗЫВЫ</a></li>
1046
+ <li><a href="#" class="opacity-80 hover:text-primary">КОНТАКТЫ</a></li>
1047
+ <li><a href="#" class="opacity-80 hover:text-primary">БЛОГ</a></li>
1048
+ <li><a href="#" class="opacity-80 hover:text-primary">ВОПРОСЫ И ОТВЕТЫ</a></li>
1049
+ </ul>
1050
+ </div>
1051
+ <div>
1052
+ <h3 class="text-lg font-bold mb-6">ДОКУМЕНТЫ</h3>
1053
+ <ul class="space-y-3">
1054
+ <li><a href="#" class="opacity-80 hover:text-primary">ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ</a></li>
1055
+ <li><a href="#" class="opacity-80 hover:text-primary">ДОГОВОР-ОФЕРТА</a></li>
1056
+ <li><a href="#" class="opacity-80 hover:text-primary">ПРАВИЛА ИСПОЛЬЗОВАНИЯ</a></li>
1057
+ </ul>
1058
+ </div>
1059
+ </div>
1060
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
1061
+ <p class="opacity-80 mb-4 md:mb-0">
1062
+ © 2023 TRAFFIC MASTER. Все права защищены.
1063
+ </p>
1064
+ <div class="flex space-x-6">
1065
+ <a href="#" class="opacity-80 hover:text-primary">Политика конфиденциальности</a>
1066
+ <a href="#" class="opacity-80 hover:text-primary">Условия использования</a>
1067
+ </div>
1068
+ </div>
1069
+ </div>
1070
+ </footer>
1071
+
1072
+ <script>
1073
+ // Accordion functionality
1074
+ document.querySelectorAll('.accordion-header').forEach(header => {
1075
+ header.addEventListener('click', () => {
1076
+ header.classList.toggle('active');
1077
+ const content = header.nextElementSibling;
1078
+ if (header.classList.contains('active')) {
1079
+ content.style.maxHeight = content.scrollHeight + 'px';
1080
+ } else {
1081
+ content.style.maxHeight = '0';
1082
+ }
1083
+ });
1084
+ });
1085
+
1086
+ // Smooth scrolling for anchor links
1087
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
1088
+ anchor.addEventListener('click', function (e) {
1089
+ e.preventDefault();
1090
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
1091
+ behavior: 'smooth'
1092
+ });
1093
+ });
1094
+ });
1095
+
1096
+ // Mobile menu toggle (placeholder)
1097
+ document.querySelector('.fa-bars').addEventListener('click', function() {
1098
+ alert('Мобильное меню будет реализовано в полной версии сайта');
1099
+ });
1100
+
1101
+ // Counter animation
1102
+ function animateCounters() {
1103
+ const counters = document.querySelectorAll('.counter-item');
1104
+ const speed = 200;
1105
+
1106
+ counters.forEach(counter => {
1107
+ const target = +counter.innerText.replace('+', '');
1108
+ const count = +counter.innerText.replace('+', '');
1109
+ const increment = target / speed;
1110
+
1111
+ if(count < target) {
1112
+ counter.innerText = Math.ceil(count + increment) + '+';
1113
+ setTimeout(animateCounters, 1);
1114
+ } else {
1115
+ counter.innerText = target + '+';
1116
+ }
1117
+ });
1118
+ }
1119
+
1120
+ // Start counter animation when section is in view
1121
+ const observer = new IntersectionObserver((entries) => {
1122
+ entries.forEach(entry => {
1123
+ if (entry.isIntersecting) {
1124
+ animateCounters();
1125
+ observer.unobserve(entry.target);
1126
+ }
1127
+ });
1128
+ }, {threshold: 0.5});
1129
+
1130
+ const heroSection = document.querySelector('section');
1131
+ if (heroSection) {
1132
+ observer.observe(heroSection);
1133
+ }
1134
+ </script>
1135
+ <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/landcourse45" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1136
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Сделай лендинг для курса по арбитражу трафика! ТЗ лендинга Traffic Master - искусство зарабатывать на трафике с любой точки мира! 1. Header / Navigation – фиксированное меню с ссылками на основные разделы. 2. Hero Section – броский заголовок, подзаголовок, кнопки «Получить доступ», счётчики (учеников, средний доход, страны) 3. About Section (#about) – описание курса 4. Features Section (#features) – четыре карточки с основными преимуществами 5. For Whom Section – целевых аудиторий: новички, предприниматели, фрилансеры, junior-арбитражники, таргетологи, 6. Skills Section («Чему вы научитесь») – шесть практических навыков (запуск связок, работа с ПП, создание лендингов, боты и CRM, масштабирование, анализ ГЕО). 7. Program Section (#program) – вкладка с программой курса - где видно только первый модуль программы! Остальные модули типа заблюрены и ниже кнопка получить полную программу курса! 8. Bonuses Section – шесть бонусных материалов (чек-листы, шаблоны, лендинги, ПП-база, чат, обновления). 9. Pricing Section (#pricing) – три тарифа (Соло, Командная работа, VIP) с перечнем включённых опций. И сделать средний тариф самым популярным! 10. Testimonials Section – три карточки с отзывами выпускников и кнопка «Смотреть больше». 11. Team Section – основатель - ссылки на инстаграм основателя и интервью на ютуб! И небольшой текст про основателя 12. FAQ Section (#faq) – аккордеон с часто задаваемыми вопросами. 13. Гарантии: раздел «Гарантия возврата средств» или «Наши обязательства». 14. Roadmap / How It Works: поэтапное описание процесса обучения или реализации в виде таймлайна. • Footer: информацию об авторских правах, ссылки на политику конфиденциальности и пользовательское соглашение. Иконки соц сетей и блоки меню для SEO Стиль используй этот! 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% --- ### 6. НЕ ДОПУСКАЕТСЯ - Изменять цвет слов без согласования - Кривить логотип - Добавлять тени, обводки или световые эффекты - Переносить слова в две строки --- ### 7. Медиакит и Форматы - PNG (c прозрачным фоном) - SVG для масштабируемости - JPG для постеров - PDF для презентаций От себя можешь добавлять интерактив, анимацию, элементы разные, чтобы все было круто и красиво! И не забудь адаптировать мобильную версию, чтобы сайт можно было в мобильной версии скролить только вертикально и не было движений горизонтально!