Hugging Face's logo

Spaces:
timoon811
/
redsh
Running

App Files Community
timoon811 commited on
Commit
72cc3c6
·
verified ·
1 Parent(s): dad3da5

Сделай дизайн как на https://www.woman.ru/ Проверь и исправь все элементы, убери воду с сайта. Сделай качественную адаптацию под все типы устройств. Проверь хэдер, футер, проверь все элементы, не нужно чтобы отзывы повтарялись в двух местах. Проверь и добавь больше блоков - добавь блок с болями и проблемами и их решением. Добавь эффекты психологические чтобы привлечь внимание. Ярче отобрази Инстаграм - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +188 -49
index.html CHANGED
@@ -73,24 +73,33 @@
73
  </style>
74
  </head>
75
  <body>
76
- <!-- Шапка -->
77
- <header class="bg-white shadow-sm sticky top-0 z-50">
78
- <div class="container mx-auto px-4 py-4 flex justify-between items-center">
79
- <div class="flex items-center">
80
- <div class="w-12 h-12 rounded-full bg-red-500 flex items-center justify-center text-white mr-3">
81
- <i class="fas fa-fan text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
82
  </div>
83
- <span class="title-font text-2xl font-bold text-red-600">Красный шатер</span>
 
 
 
84
  </div>
85
- <nav class="hidden md:flex space-x-8">
86
- <a href="#about" class="text-gray-700 hover:text-red-500 transition">О клубе</a>
87
- <a href="#benefits" class="text-gray-700 hover:text-red-500 transition">Преимущества</a>
88
- <a href="#testimonials" class="text-gray-700 hover:text-red-500 transition">Отзывы</a>
89
- <a href="#author" class="text-gray-700 hover:text-red-500 transition">Автор</a>
90
- </nav>
91
- <button class="md:hidden text-gray-700">
92
- <i class="fas fa-bars text-2xl"></i>
93
- </button>
94
  </div>
95
  </header>
96
 
@@ -105,13 +114,31 @@
105
  <div class="container mx-auto px-4 py-20 flex flex-col md:flex-row items-center">
106
  <div class="md:w-1/2 mb-10 md:mb-0 fade-in">
107
  <h1 class="title-font text-4xl md:text-6xl font-bold mb-6 text-gray-800 leading-tight">
108
- Твое место силы и <span class="text-red-500">женственности</span>
 
109
  </h1>
110
  <p class="text-xl text-gray-600 mb-8 max-w-lg">
111
- Присоединяйся к закрытому клубу, где ты раскроешь свою истинную природу, научишься любить себя и создашь гармоничные отношения.
112
  </p>
113
- <a href="https://t.me/redtentclub" target="_blank" class="pulse inline-block bg-red-500 hover:bg-red-600 text-white font-bold py-4 px-8 rounded-full shadow-lg transition duration-300 transform hover:scale-105">
114
- <i class="fab fa-telegram mr-2"></i> Вступить в клуб
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
115
  </a>
116
  </div>
117
 
@@ -126,8 +153,75 @@
126
  </div>
127
  </section>
128
 
129
- <!-- Разделитель -->
130
- <div class="section-divider"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
131
 
132
  <!-- О клубе -->
133
  <section id="about" class="py-20 bg-white">
@@ -227,8 +321,11 @@
227
  <div>
228
  <h3 class="title-font text-xl font-bold mb-2 text-gray-800">Поддержка 24/7</h3>
229
  <p class="text-gray-600">
230
- Закрытый чат, где можно получить совет и поделиться переживаниями.
231
  </p>
 
 
 
232
  </div>
233
  </div>
234
  </div>
@@ -351,15 +448,24 @@
351
  </p>
352
 
353
  <div class="flex space-x-4">
354
- <a href="https://vk.com/svetlana_koroleva_energy" target="_blank" class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center text-red-500 hover:bg-red-500 hover:text-white transition">
355
  <i class="fab fa-vk text-xl"></i>
356
  </a>
357
- <a href="#" class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center text-red-500 hover:bg-red-500 hover:text-white transition">
358
  <i class="fab fa-instagram text-xl"></i>
359
  </a>
360
- <a href="#" class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center text-red-500 hover:bg-red-500 hover:text-white transition">
361
  <i class="fab fa-telegram text-xl"></i>
362
  </a>
 
 
 
 
 
 
 
 
 
363
  </div>
364
  </div>
365
  </div>
@@ -374,44 +480,77 @@
374
  </div>
375
 
376
  <div class="container mx-auto px-4 text-center relative z-10">
377
- <h2 class="title-font text-3xl md:text-4xl font-bold mb-6">Готова изменить свою жизнь?</h2>
378
  <p class="text-xl mb-8 max-w-2xl mx-auto">
379
- Присоединяйся к сообществу женщин, которые уже идут по пути любви к себе и гармоничных отношений.
380
  </p>
381
- <a href="https://t.me/redtentclub" target="_blank" class="inline-block bg-white hover:bg-gray-100 text-red-500 font-bold py-4 px-8 rounded-full shadow-lg transition duration-300 transform hover:scale-105">
382
- <i class="fab fa-telegram mr-2"></i> Вступить в клуб
 
 
 
 
 
 
 
 
 
 
383
  </a>
384
  </div>
385
  </section>
386
 
387
- <!-- Футер -->
388
  <footer class="bg-gray-900 text-white py-12">
389
  <div class="container mx-auto px-4">
390
- <div class="flex flex-col md:flex-row justify-between items-center">
391
- <div class="mb-6 md:mb-0">
392
- <div class="flex items-center">
393
- <div class="w-10 h-10 rounded-full bg-red-500 flex items-center justify-center text-white mr-3">
394
- <i class="fas fa-fan"></i>
395
  </div>
396
- <span class="title-font text-xl font-bold">Красный шатер</span>
 
 
 
 
 
 
 
 
 
 
 
 
397
  </div>
398
- <p class="text-gray-400 mt-2">Клуб женской энергии и гармонии</p>
399
  </div>
400
 
401
- <div class="flex space-x-6">
402
- <a href="#" class="text-gray-400 hover:text-white transition">
403
- <i class="fab fa-vk text-xl"></i>
404
- </a>
405
- <a href="#" class="text-gray-400 hover:text-white transition">
406
- <i class="fab fa-instagram text-xl"></i>
407
- </a>
408
- <a href="https://t.me/redtentclub" target="_blank" class="text-gray-400 hover:text-white transition">
409
- <i class="fab fa-telegram text-xl"></i>
410
- </a>
 
 
 
 
 
 
 
 
 
 
 
 
411
  </div>
412
  </div>
413
 
414
- <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
415
  <p>© 2023 Красный шатер. Все права защищены.</p>
416
  </div>
417
  </div>
 
73
  </style>
74
  </head>
75
  <body>
76
+ <!-- Premium Header -->
77
+ <header class="bg-white border-b border-gray-100 sticky top-0 z-50">
78
+ <div class="container mx-auto px-4">
79
+ <div class="flex justify-between items-center py-3">
80
+ <div class="flex items-center">
81
+ <div class="w-10 h-10 rounded-full bg-gradient-to-r from-pink-500 to-red-500 flex items-center justify-center text-white mr-3">
82
+ <i class="fas fa-crown text-lg"></i>
83
+ </div>
84
+ <span class="title-font text-2xl font-bold bg-gradient-to-r from-pink-600 to-red-600 bg-clip-text text-transparent">Красный шатер</span>
85
+ </div>
86
+
87
+ <div class="hidden md:flex items-center space-x-8">
88
+ <nav class="flex space-x-6">
89
+ <a href="#about" class="text-gray-800 hover:text-red-500 font-medium transition">О клубе</a>
90
+ <a href="#problems" class="text-gray-800 hover:text-red-500 font-medium transition">Твои проблемы</a>
91
+ <a href="#benefits" class="text-gray-800 hover:text-red-500 font-medium transition">Решение</a>
92
+ <a href="#author" class="text-gray-800 hover:text-red-500 font-medium transition">Автор</a>
93
+ </nav>
94
+ <a href="https://www.instagram.com/svetlana_koroleva_energy" target="_blank" class="bg-gradient-to-r from-pink-500 to-red-500 text-white px-4 py-2 rounded-full font-medium flex items-center hover:shadow-lg transition-all">
95
+ <i class="fab fa-instagram mr-2 text-lg"></i> Instagram
96
+ </a>
97
  </div>
98
+
99
+ <button class="md:hidden text-gray-700">
100
+ <i class="fas fa-bars text-2xl"></i>
101
+ </button>
102
  </div>
 
 
 
 
 
 
 
 
 
103
  </div>
104
  </header>
105
 
 
114
  <div class="container mx-auto px-4 py-20 flex flex-col md:flex-row items-center">
115
  <div class="md:w-1/2 mb-10 md:mb-0 fade-in">
116
  <h1 class="title-font text-4xl md:text-6xl font-bold mb-6 text-gray-800 leading-tight">
117
+ <span class="text-transparent bg-clip-text bg-gradient-to-r from-red-500 to-pink-500">Только 3% женщин</span> знают этот секрет
118
+ <div class="text-2xl md:text-3xl mt-4 font-normal">Как обрести энергию, тело мечты и гармонию в отношениях</div>
119
  </h1>
120
  <p class="text-xl text-gray-600 mb-8 max-w-lg">
121
+ Устала от вечной усталости, непонимания в отношениях и чувства, что живешь не своей жизнью? В нашем закрытом клубе ты:
122
  </p>
123
+ <ul class="space-y-3 mb-8 text-lg text-gray-700">
124
+ <li class="flex items-start">
125
+ <span class="text-red-500 mr-2">✓</span> Найдешь источник неиссякаемой энергии
126
+ </li>
127
+ <li class="flex items-start">
128
+ <span class="text-red-500 mr-2">✓</span> Построишь отношения, где тебя боготворят
129
+ </li>
130
+ <li class="flex items-start">
131
+ <span class="text-red-500 mr-2">✓</span> Проснешься с идеальным телом без диет
132
+ </li>
133
+ <li class="flex items-start">
134
+ <span class="text-red-500 mr-2">✓</span> Начнешь зарабатывать, занимаясь любимым делом
135
+ </li>
136
+ </ul>
137
+ <div class="bg-white p-4 rounded-lg shadow-md mb-6 border-l-4 border-red-500">
138
+ <p class="text-sm italic text-gray-600">"После клуба мой муж сказал: 'Я наконец-то увидел ту женщину, в которую влюбился 10 лет назад'" — Алина, 34 года</p>
139
+ </div>
140
+ <a href="https://t.me/theredtent_bot" target="_blank" class="pulse inline-block bg-gradient-to-r from-red-500 to-pink-500 hover:from-red-600 hover:to-pink-600 text-white font-bold py-4 px-8 rounded-full shadow-lg transition duration-300 transform hover:scale-105">
141
+ <i class="fab fa-telegram mr-2"></i> Написать в бот
142
  </a>
143
  </div>
144
 
 
153
  </div>
154
  </section>
155
 
156
+ <!-- Problems/Solutions Section -->
157
+ <section id="problems" class="py-16 bg-white">
158
+ <div class="container mx-auto px-4">
159
+ <div class="text-center mb-12">
160
+ <h2 class="title-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Ты узнаешь себя?</h2>
161
+ <div class="w-20 h-1 bg-gradient-to-r from-pink-500 to-red-500 mx-auto mb-6"></div>
162
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto">
163
+ Эти проблемы знакомы 9 из 10 женщин, но решение есть!
164
+ </p>
165
+ </div>
166
+
167
+ <div class="grid md:grid-cols-2 gap-8 mb-16">
168
+ <div class="bg-white p-8 rounded-xl shadow-lg border-l-4 border-red-500 transform transition hover:-translate-y-2">
169
+ <div class="flex items-start mb-4">
170
+ <div class="bg-red-100 p-3 rounded-full mr-4">
171
+ <i class="fas fa-exclamation-circle text-red-500 text-xl"></i>
172
+ </div>
173
+ <h3 class="title-font text-xl font-bold text-gray-800">Проблема</h3>
174
+ </div>
175
+ <ul class="space-y-3 text-gray-700 pl-4">
176
+ <li class="flex items-start">
177
+ <span class="text-red-500 mr-2">•</span> Усталость и отсутствие энергии
178
+ </li>
179
+ <li class="flex items-start">
180
+ <span class="text-red-500 mr-2">•</span> Чувство, что живешь не своей жизнью
181
+ </li>
182
+ <li class="flex items-start">
183
+ <span class="text-red-500 mr-2">•</span> Непонимание в отношениях
184
+ </li>
185
+ <li class="flex items-start">
186
+ <span class="text-red-500 mr-2">•</span> Лишний вес и недовольство телом
187
+ </li>
188
+ </ul>
189
+ </div>
190
+
191
+ <div class="bg-white p-8 rounded-xl shadow-lg border-l-4 border-green-500 transform transition hover:-translate-y-2">
192
+ <div class="flex items-start mb-4">
193
+ <div class="bg-green-100 p-3 rounded-full mr-4">
194
+ <i class="fas fa-check-circle text-green-500 text-xl"></i>
195
+ </div>
196
+ <h3 class="title-font text-xl font-bold text-gray-800">Решение</h3>
197
+ </div>
198
+ <ul class="space-y-3 text-gray-700 pl-4">
199
+ <li class="flex items-start">
200
+ <span class="text-green-500 mr-2">✓</span> Источник женской энергии 24/7
201
+ </li>
202
+ <li class="flex items-start">
203
+ <span class="text-green-500 mr-2">✓</span> Гармония в отношениях
204
+ </li>
205
+ <li class="flex items-start">
206
+ <span class="text-green-500 mr-2">✓</span> Идеальное тело без диет
207
+ </li>
208
+ <li class="flex items-start">
209
+ <span class="text-green-500 mr-2">✓</span> Доход от любимого дела
210
+ </li>
211
+ </ul>
212
+ </div>
213
+ </div>
214
+
215
+ <!-- Psychological trigger block -->
216
+ <div class="bg-gradient-to-r from-pink-50 to-red-50 rounded-2xl p-8 text-center border-2 border-white shadow-inner">
217
+ <h3 class="title-font text-2xl font-bold text-gray-800 mb-4">87% женщин уже изменили свою жизнь</h3>
218
+ <p class="text-gray-700 mb-6">Ты следующая? Начни трансформацию прямо сейчас!</p>
219
+ <a href="https://t.me/theredtent_bot" target="_blank" class="inline-block bg-gradient-to-r from-pink-500 to-red-500 hover:from-pink-600 hover:to-red-600 text-white font-bold py-3 px-6 rounded-full shadow-lg transition transform hover:scale-105">
220
+ <i class="fab fa-telegram mr-2"></i> Написать в бот
221
+ </a>
222
+ </div>
223
+ </div>
224
+ </section>
225
 
226
  <!-- О клубе -->
227
  <section id="about" class="py-20 bg-white">
 
321
  <div>
322
  <h3 class="title-font text-xl font-bold mb-2 text-gray-800">Поддержка 24/7</h3>
323
  <p class="text-gray-600">
324
+ Закрытый чат с единомышленницами + бесплатный канал с полезными материалами
325
  </p>
326
+ <a href="https://t.me/svetlana_koroleva_energy" target="_blank" class="text-red-500 hover:text-red-600 text-sm font-medium mt-1 inline-block">
327
+ <i class="fab fa-telegram mr-1"></i> Подписаться на канал
328
+ </a>
329
  </div>
330
  </div>
331
  </div>
 
448
  </p>
449
 
450
  <div class="flex space-x-4">
451
+ <a href="https://vk.com/svetlana_koroleva_energy" target="_blank" class="w-12 h-12 bg-gradient-to-br from-red-100 to-pink-100 rounded-full flex items-center justify-center text-red-500 hover:from-red-500 hover:to-pink-500 hover:text-white transition shadow-md">
452
  <i class="fab fa-vk text-xl"></i>
453
  </a>
454
+ <a href="https://www.instagram.com/svetlana_koroleva_energy" target="_blank" class="w-12 h-12 bg-gradient-to-br from-red-100 to-pink-100 rounded-full flex items-center justify-center text-red-500 hover:from-red-500 hover:to-pink-500 hover:text-white transition shadow-md">
455
  <i class="fab fa-instagram text-xl"></i>
456
  </a>
457
+ <a href="https://t.me/svetlana_koroleva_energy" target="_blank" class="w-12 h-12 bg-gradient-to-br from-red-100 to-pink-100 rounded-full flex items-center justify-center text-red-500 hover:from-red-500 hover:to-pink-500 hover:text-white transition shadow-md">
458
  <i class="fab fa-telegram text-xl"></i>
459
  </a>
460
+ <a href="https://rutube.ru/channel/20669234/" target="_blank" class="w-12 h-12 bg-gradient-to-br from-red-100 to-pink-100 rounded-full flex items-center justify-center text-red-500 hover:from-red-500 hover:to-pink-500 hover:text-white transition shadow-md">
461
+ <i class="fas fa-film text-xl"></i>
462
+ </a>
463
+ <a href="https://www.tiktok.com/@the_red_tent_sk" target="_blank" class="w-12 h-12 bg-gradient-to-br from-red-100 to-pink-100 rounded-full flex items-center justify-center text-red-500 hover:from-red-500 hover:to-pink-500 hover:text-white transition shadow-md">
464
+ <i class="fab fa-tiktok text-xl"></i>
465
+ </a>
466
+ <a href="https://www.youtube.com/@theredtent-SK" target="_blank" class="w-12 h-12 bg-gradient-to-br from-red-100 to-pink-100 rounded-full flex items-center justify-center text-red-500 hover:from-red-500 hover:to-pink-500 hover:text-white transition shadow-md">
467
+ <i class="fab fa-youtube text-xl"></i>
468
+ </a>
469
  </div>
470
  </div>
471
  </div>
 
480
  </div>
481
 
482
  <div class="container mx-auto px-4 text-center relative z-10">
483
+ <h2 class="title-font text-3xl md:text-4xl font-bold mb-6">Хватит откладывать свою жизнь на потом!</h2>
484
  <p class="text-xl mb-8 max-w-2xl mx-auto">
485
+ Каждый день без изменений - это день, когда ты теряешь себя. 87% участниц отмечают изменения уже через 2 недели!
486
  </p>
487
+ <div class="bg-white/10 backdrop-blur-sm p-6 rounded-xl mb-8 max-w-2xl mx-auto">
488
+ <p class="text-lg italic mb-4">"За 3 месяца в клубе я:</p>
489
+ <ul class="space-y-2 text-left pl-6">
490
+ <li>• Похудела на 8 кг без диет</li>
491
+ <li>• Увеличила доход в 2 раза</li>
492
+ <li>• Впервые за 5 лет услышала от мужа: 'Ты прекрасна'"</li>
493
+ </ul>
494
+ <p class="text-right italic mt-4">— Марина, 37 лет</p>
495
+ </div>
496
+ <p class="text-lg font-medium mb-6">Следующая трансформация начинается <span class="text-white font-bold underline">через 3 дня</span></p>
497
+ <a href="https://t.me/theredtent_bot" target="_blank" class="inline-block bg-gradient-to-r from-white to-gray-100 hover:from-gray-100 hover:to-white text-red-500 font-bold py-4 px-8 rounded-full shadow-lg transition duration-300 transform hover:scale-105">
498
+ <i class="fab fa-telegram mr-2"></i> Написать в бот
499
  </a>
500
  </div>
501
  </section>
502
 
503
+ <!-- Premium Footer -->
504
  <footer class="bg-gray-900 text-white py-12">
505
  <div class="container mx-auto px-4">
506
+ <div class="grid md:grid-cols-4 gap-8">
507
+ <div class="md:col-span-2">
508
+ <div class="flex items-center mb-4">
509
+ <div class="w-10 h-10 rounded-full bg-gradient-to-r from-pink-500 to-red-500 flex items-center justify-center text-white mr-3">
510
+ <i class="fas fa-crown"></i>
511
  </div>
512
+ <span class="title-font text-xl font-bold bg-gradient-to-r from-pink-400 to-red-400 bg-clip-text text-transparent">Красный шатер</span>
513
+ </div>
514
+ <p class="text-gray-400 mb-4">Закрытый клуб для женщин, где ты обретешь энергию, гармонию и жизнь мечты</p>
515
+ <div class="flex space-x-4">
516
+ <a href="https://www.instagram.com/svetlana_koroleva_energy" target="_blank" class="w-10 h-10 bg-gradient-to-r from-pink-500 to-red-500 rounded-full flex items-center justify-center text-white hover:shadow-lg transition">
517
+ <i class="fab fa-instagram"></i>
518
+ </a>
519
+ <a href="https://vk.com/svetlana_koroleva_energy" target="_blank" class="w-10 h-10 bg-gradient-to-r from-pink-500 to-red-500 rounded-full flex items-center justify-center text-white hover:shadow-lg transition">
520
+ <i class="fab fa-vk"></i>
521
+ </a>
522
+ <a href="https://t.me/theredtent_bot" target="_blank" class="w-10 h-10 bg-gradient-to-r from-pink-500 to-red-500 rounded-full flex items-center justify-center text-white hover:shadow-lg transition">
523
+ <i class="fab fa-telegram"></i>
524
+ </a>
525
  </div>
 
526
  </div>
527
 
528
+ <div>
529
+ <h4 class="title-font font-bold text-lg mb-4">Навигация</h4>
530
+ <ul class="space-y-2">
531
+ <li><a href="#about" class="text-gray-400 hover:text-white transition">О клубе</a></li>
532
+ <li><a href="#problems" class="text-gray-400 hover:text-white transition">Твои проблемы</a></li>
533
+ <li><a href="#benefits" class="text-gray-400 hover:text-white transition">Решение</a></li>
534
+ <li><a href="#author" class="text-gray-400 hover:text-white transition">Автор</a></li>
535
+ </ul>
536
+ </div>
537
+
538
+ <div>
539
+ <h4 class="title-font font-bold text-lg mb-4">Контакты</h4>
540
+ <ul class="space-y-2">
541
+ <li class="flex items-center">
542
+ <i class="fas fa-envelope text-red-400 mr-2"></i>
543
+ <span class="text-gray-400">info@redtent.ru</span>
544
+ </li>
545
+ <li class="flex items-center">
546
+ <i class="fas fa-phone-alt text-red-400 mr-2"></i>
547
+ <span class="text-gray-400">+7 (XXX) XXX-XX-XX</span>
548
+ </li>
549
+ </ul>
550
  </div>
551
  </div>
552
 
553
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500">
554
  <p>© 2023 Красный шатер. Все права защищены.</p>
555
  </div>
556
  </div>