Сделай дизайн как на https://www.woman.ru/ Проверь и исправь все элементы, убери воду с сайта. Сделай качественную адаптацию под все типы устройств. Проверь хэдер, футер, проверь все элементы, не нужно чтобы отзывы повтарялись в двух местах. Проверь и добавь больше блоков - добавь блок с болями и проблемами и их решением. Добавь эффекты психологические чтобы привлечь внимание. Ярче отобрази Инстаграм - Follow Up Deployment
72cc3c6
verified
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Красный шатер | Клуб для женщин</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;600;700&display=swap'); | |
| body { | |
| font-family: 'Montserrat', sans-serif; | |
| background-color: #fef6f6; | |
| color: #333; | |
| overflow-x: hidden; | |
| } | |
| .hero { | |
| background: linear-gradient(135deg, rgba(255,0,0,0.1) 0%, rgba(255,255,255,1) 100%); | |
| } | |
| .title-font { | |
| font-family: 'Playfair Display', serif; | |
| } | |
| .floating { | |
| animation: floating 3s ease-in-out infinite; | |
| } | |
| @keyframes floating { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-15px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .pulse { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { transform: scale(1); } | |
| 50% { transform: scale(1.05); } | |
| 100% { transform: scale(1); } | |
| } | |
| .fade-in { | |
| animation: fadeIn 1.5s ease-in; | |
| } | |
| @keyframes fadeIn { | |
| from { opacity: 0; } | |
| to { opacity: 1; } | |
| } | |
| .section-divider { | |
| height: 150px; | |
| background: linear-gradient(to bottom right, transparent 49%, #fef6f6 50%), | |
| linear-gradient(to bottom left, transparent 49%, #fef6f6 50%); | |
| background-size: 50% 100%; | |
| background-repeat: no-repeat; | |
| background-position: left, right; | |
| } | |
| .testimonial-card { | |
| transition: all 0.3s ease; | |
| } | |
| .testimonial-card:hover { | |
| transform: translateY(-10px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Premium Header --> | |
| <header class="bg-white border-b border-gray-100 sticky top-0 z-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center py-3"> | |
| <div class="flex items-center"> | |
| <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"> | |
| <i class="fas fa-crown text-lg"></i> | |
| </div> | |
| <span class="title-font text-2xl font-bold bg-gradient-to-r from-pink-600 to-red-600 bg-clip-text text-transparent">Красный шатер</span> | |
| </div> | |
| <div class="hidden md:flex items-center space-x-8"> | |
| <nav class="flex space-x-6"> | |
| <a href="#about" class="text-gray-800 hover:text-red-500 font-medium transition">О клубе</a> | |
| <a href="#problems" class="text-gray-800 hover:text-red-500 font-medium transition">Твои проблемы</a> | |
| <a href="#benefits" class="text-gray-800 hover:text-red-500 font-medium transition">Решение</a> | |
| <a href="#author" class="text-gray-800 hover:text-red-500 font-medium transition">Автор</a> | |
| </nav> | |
| <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"> | |
| <i class="fab fa-instagram mr-2 text-lg"></i> Instagram | |
| </a> | |
| </div> | |
| <button class="md:hidden text-gray-700"> | |
| <i class="fas fa-bars text-2xl"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Герой --> | |
| <section class="hero min-h-screen flex items-center relative overflow-hidden"> | |
| <div class="absolute top-0 left-0 w-full h-full opacity-10"> | |
| <div class="absolute top-20 left-20 w-40 h-40 rounded-full bg-red-300"></div> | |
| <div class="absolute bottom-10 right-20 w-60 h-60 rounded-full bg-red-200"></div> | |
| <div class="absolute top-1/3 right-1/4 w-32 h-32 rounded-full bg-red-100"></div> | |
| </div> | |
| <div class="container mx-auto px-4 py-20 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0 fade-in"> | |
| <h1 class="title-font text-4xl md:text-6xl font-bold mb-6 text-gray-800 leading-tight"> | |
| <span class="text-transparent bg-clip-text bg-gradient-to-r from-red-500 to-pink-500">Только 3% женщин</span> знают этот секрет | |
| <div class="text-2xl md:text-3xl mt-4 font-normal">Как обрести энергию, тело мечты и гармонию в отношениях</div> | |
| </h1> | |
| <p class="text-xl text-gray-600 mb-8 max-w-lg"> | |
| Устала от вечной усталости, непонимания в отношениях и чувства, что живешь не своей жизнью? В нашем закрытом клубе ты: | |
| </p> | |
| <ul class="space-y-3 mb-8 text-lg text-gray-700"> | |
| <li class="flex items-start"> | |
| <span class="text-red-500 mr-2">✓</span> Найдешь источник неиссякаемой энергии | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-red-500 mr-2">✓</span> Построишь отношения, где тебя боготворят | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-red-500 mr-2">✓</span> Проснешься с идеальным телом без диет | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-red-500 mr-2">✓</span> Начнешь зарабатывать, занимаясь любимым делом | |
| </li> | |
| </ul> | |
| <div class="bg-white p-4 rounded-lg shadow-md mb-6 border-l-4 border-red-500"> | |
| <p class="text-sm italic text-gray-600">"После клуба мой муж сказал: 'Я наконец-то увидел ту женщину, в которую влюбился 10 лет назад'" — Алина, 34 года</p> | |
| </div> | |
| <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"> | |
| <i class="fab fa-telegram mr-2"></i> Написать в бот | |
| </a> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center floating"> | |
| <div class="relative"> | |
| <div class="w-64 h-64 md:w-80 md:h-80 rounded-full bg-red-100 absolute -top-5 -left-5"></div> | |
| <img src="https://images.unsplash.com/photo-1529626455594-4ff0802cfb7b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" | |
| alt="Женщина в красном" | |
| class="relative z-10 w-64 h-64 md:w-80 md:h-80 object-cover rounded-full border-4 border-white shadow-xl"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Problems/Solutions Section --> | |
| <section id="problems" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="title-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Ты узнаешь себя?</h2> | |
| <div class="w-20 h-1 bg-gradient-to-r from-pink-500 to-red-500 mx-auto mb-6"></div> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto"> | |
| Эти проблемы знакомы 9 из 10 женщин, но решение есть! | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8 mb-16"> | |
| <div class="bg-white p-8 rounded-xl shadow-lg border-l-4 border-red-500 transform transition hover:-translate-y-2"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-red-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-exclamation-circle text-red-500 text-xl"></i> | |
| </div> | |
| <h3 class="title-font text-xl font-bold text-gray-800">Проблема</h3> | |
| </div> | |
| <ul class="space-y-3 text-gray-700 pl-4"> | |
| <li class="flex items-start"> | |
| <span class="text-red-500 mr-2">•</span> Усталость и отсутствие энергии | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-red-500 mr-2">•</span> Чувство, что живешь не своей жизнью | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-red-500 mr-2">•</span> Непонимание в отношениях | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-red-500 mr-2">•</span> Лишний вес и недовольство телом | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg border-l-4 border-green-500 transform transition hover:-translate-y-2"> | |
| <div class="flex items-start mb-4"> | |
| <div class="bg-green-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-check-circle text-green-500 text-xl"></i> | |
| </div> | |
| <h3 class="title-font text-xl font-bold text-gray-800">Решение</h3> | |
| </div> | |
| <ul class="space-y-3 text-gray-700 pl-4"> | |
| <li class="flex items-start"> | |
| <span class="text-green-500 mr-2">✓</span> Источник женской энергии 24/7 | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-green-500 mr-2">✓</span> Гармония в отношениях | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-green-500 mr-2">✓</span> Идеальное тело без диет | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="text-green-500 mr-2">✓</span> Доход от любимого дела | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Psychological trigger block --> | |
| <div class="bg-gradient-to-r from-pink-50 to-red-50 rounded-2xl p-8 text-center border-2 border-white shadow-inner"> | |
| <h3 class="title-font text-2xl font-bold text-gray-800 mb-4">87% женщин уже изменили свою жизнь</h3> | |
| <p class="text-gray-700 mb-6">Ты следующая? Начни трансформацию прямо сейчас!</p> | |
| <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"> | |
| <i class="fab fa-telegram mr-2"></i> Написать в бот | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- О клубе --> | |
| <section id="about" class="py-20 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="title-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Что такое <span class="text-red-500">Красный шатер</span>?</h2> | |
| <div class="w-20 h-1 bg-red-500 mx-auto mb-6"></div> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto"> | |
| Это закрытое сообщество женщин, где в атмосфере доверия и поддержки ты сможешь раскрыть свою женскую суть, обрести внутреннюю гармонию и научиться строить счастливые отношения. | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-10"> | |
| <div class="bg-white p-8 rounded-xl shadow-md text-center hover:shadow-xl transition"> | |
| <div class="w-20 h-20 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-6"> | |
| <i class="fas fa-heart text-red-500 text-3xl"></i> | |
| </div> | |
| <h3 class="title-font text-xl font-bold mb-3 text-gray-800">Любовь к себе</h3> | |
| <p class="text-gray-600"> | |
| Научись принимать и любить себя такой, какая ты есть, без условий и оговорок. | |
| </p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-md text-center hover:shadow-xl transition"> | |
| <div class="w-20 h-20 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-6"> | |
| <i class="fas fa-hands-helping text-red-500 text-3xl"></i> | |
| </div> | |
| <h3 class="title-font text-xl font-bold mb-3 text-gray-800">Поддержка</h3> | |
| <p class="text-gray-600"> | |
| Получай поддержку и вдохновение от женщин, которые уже прошли этот путь. | |
| </p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-md text-center hover:shadow-xl transition"> | |
| <div class="w-20 h-20 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-6"> | |
| <i class="fas fa-seedling text-red-500 text-3xl"></i> | |
| </div> | |
| <h3 class="title-font text-xl font-bold mb-3 text-gray-800">Рост</h3> | |
| <p class="text-gray-600"> | |
| Развивайся, раскрывай свой потенциал и создавай жизнь своей мечты. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Преимущества --> | |
| <section id="benefits" class="py-20 bg-red-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="title-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Что ты получишь в <span class="text-red-500">Красном шатре</span>?</h2> | |
| <div class="w-20 h-1 bg-red-500 mx-auto mb-6"></div> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-10 items-center"> | |
| <div class="space-y-8"> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-red-100 rounded-full p-3 mr-4"> | |
| <i class="fas fa-check text-red-500"></i> | |
| </div> | |
| <div> | |
| <h3 class="title-font text-xl font-bold mb-2 text-gray-800">Эксклюзивные материалы</h3> | |
| <p class="text-gray-600"> | |
| Доступ к закрытым урокам, медитациям и практикам от Светланы Королевой. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-red-100 rounded-full p-3 mr-4"> | |
| <i class="fas fa-check text-red-500"></i> | |
| </div> | |
| <div> | |
| <h3 class="title-font text-xl font-bold mb-2 text-gray-800">Живые встречи</h3> | |
| <p class="text-gray-600"> | |
| Участие в онлайн и оффлайн встречах с единомышленницами. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-red-100 rounded-full p-3 mr-4"> | |
| <i class="fas fa-check text-red-500"></i> | |
| </div> | |
| <div> | |
| <h3 class="title-font text-xl font-bold mb-2 text-gray-800">Личный рост</h3> | |
| <p class="text-gray-600"> | |
| Программы и челленджи для раскрытия женственности и уверенности. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 bg-red-100 rounded-full p-3 mr-4"> | |
| <i class="fas fa-check text-red-500"></i> | |
| </div> | |
| <div> | |
| <h3 class="title-font text-xl font-bold mb-2 text-gray-800">Поддержка 24/7</h3> | |
| <p class="text-gray-600"> | |
| Закрытый чат с единомышленницами + бесплатный канал с полезными материалами | |
| </p> | |
| <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"> | |
| <i class="fab fa-telegram mr-1"></i> Подписаться на канал | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="relative"> | |
| <div class="w-full h-80 bg-red-100 rounded-2xl overflow-hidden shadow-xl"> | |
| <img src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=688&q=80" | |
| alt="Женский круг" | |
| class="w-full h-full object-cover"> | |
| </div> | |
| <div class="absolute -bottom-5 -right-5 w-32 h-32 bg-white rounded-full shadow-lg flex items-center justify-center"> | |
| <div class="w-28 h-28 bg-red-500 rounded-full flex items-center justify-center text-white text-4xl"> | |
| <i class="fas fa-fan"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Отзывы --> | |
| <section id="testimonials" class="py-20 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-16"> | |
| <h2 class="title-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Отзывы участниц</h2> | |
| <div class="w-20 h-1 bg-red-500 mx-auto mb-6"></div> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto"> | |
| Узнай, как изменилась жизнь женщин после вступления в клуб | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="testimonial-card bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" | |
| alt="Анна" | |
| class="w-16 h-16 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="font-bold text-gray-800">Анна, 32 года</h4> | |
| <div class="flex text-yellow-400"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic"> | |
| "Благодаря клубу я наконец-то полюбила себя и перестала зависеть от мнения окружающих. Мои отношения с мужем вышли на новый уровень!" | |
| </p> | |
| </div> | |
| <div class="testimonial-card bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=688&q=80" | |
| alt="Елена" | |
| class="w-16 h-16 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="font-bold text-gray-800">Елена, 28 лет</h4> | |
| <div class="flex text-yellow-400"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic"> | |
| "После развода я была в глубокой депрессии. Красный шатер помог мне восстановиться, поверить в себя и даже встретить нового мужчину!" | |
| </p> | |
| </div> | |
| <div class="testimonial-card bg-white p-8 rounded-xl shadow-md"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" | |
| alt="Ирина" | |
| class="w-16 h-16 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="font-bold text-gray-800">Ирина, 35 лет</h4> | |
| <div class="flex text-yellow-400"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star-half-alt"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic"> | |
| "Я всегда была "сильной женщиной", но это мешало моим отношениям. Теперь я умею быть мягкой и женственной, и мой муж это очень ценит!" | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Автор --> | |
| <section id="author" class="py-20 bg-red-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/3 mb-10 md:mb-0 flex justify-center"> | |
| <div class="relative"> | |
| <div class="w-64 h-64 md:w-80 md:h-80 rounded-full bg-red-100 absolute -top-5 -left-5"></div> | |
| <img src="https://sun9-79.userapi.com/impg/1k3QZ5Q9Jj5U3Q3Q3Q3Q3Q3Q3Q3Q3Q3Q3Q3Q3Q/ZxYxYxYxYxY.jpg?size=1080x1080&quality=96&sign=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p&type=album" | |
| alt="Светлана Королева" | |
| class="relative z-10 w-64 h-64 md:w-80 md:h-80 object-cover rounded-full border-4 border-white shadow-xl"> | |
| </div> | |
| </div> | |
| <div class="md:w-2/3 md:pl-16"> | |
| <h2 class="title-font text-3xl md:text-4xl font-bold mb-6 text-gray-800">Светлана Королева</h2> | |
| <div class="w-20 h-1 bg-red-500 mb-6"></div> | |
| <p class="text-lg text-gray-600 mb-6"> | |
| Основательница клуба "Красный шатер", эксперт по женской энергии и гармоничным отношениям. Более 10 лет помогает женщинам раскрыть свою истинную природу, обрести уверенность в себе и построить счастливые отношения. | |
| </p> | |
| <p class="text-lg text-gray-600 mb-8"> | |
| Автор уникальных методик и трансформационных программ, которые уже изменили жизни тысяч женщин. | |
| </p> | |
| <div class="flex space-x-4"> | |
| <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"> | |
| <i class="fab fa-vk text-xl"></i> | |
| </a> | |
| <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"> | |
| <i class="fab fa-instagram text-xl"></i> | |
| </a> | |
| <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"> | |
| <i class="fab fa-telegram text-xl"></i> | |
| </a> | |
| <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"> | |
| <i class="fas fa-film text-xl"></i> | |
| </a> | |
| <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"> | |
| <i class="fab fa-tiktok text-xl"></i> | |
| </a> | |
| <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"> | |
| <i class="fab fa-youtube text-xl"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA --> | |
| <section class="py-20 bg-red-500 text-white relative overflow-hidden"> | |
| <div class="absolute top-0 left-0 w-full h-full opacity-10"> | |
| <div class="absolute top-1/4 left-1/4 w-40 h-40 rounded-full bg-white"></div> | |
| <div class="absolute bottom-1/3 right-1/3 w-60 h-60 rounded-full bg-white"></div> | |
| </div> | |
| <div class="container mx-auto px-4 text-center relative z-10"> | |
| <h2 class="title-font text-3xl md:text-4xl font-bold mb-6">Хватит откладывать свою жизнь на потом!</h2> | |
| <p class="text-xl mb-8 max-w-2xl mx-auto"> | |
| Каждый день без изменений - это день, когда ты теряешь себя. 87% участниц отмечают изменения уже через 2 недели! | |
| </p> | |
| <div class="bg-white/10 backdrop-blur-sm p-6 rounded-xl mb-8 max-w-2xl mx-auto"> | |
| <p class="text-lg italic mb-4">"За 3 месяца в клубе я:</p> | |
| <ul class="space-y-2 text-left pl-6"> | |
| <li>• Похудела на 8 кг без диет</li> | |
| <li>• Увеличила доход в 2 раза</li> | |
| <li>• Впервые за 5 лет услышала от мужа: 'Ты прекрасна'"</li> | |
| </ul> | |
| <p class="text-right italic mt-4">— Марина, 37 лет</p> | |
| </div> | |
| <p class="text-lg font-medium mb-6">Следующая трансформация начинается <span class="text-white font-bold underline">через 3 дня</span></p> | |
| <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"> | |
| <i class="fab fa-telegram mr-2"></i> Написать в бот | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Premium Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div class="md:col-span-2"> | |
| <div class="flex items-center mb-4"> | |
| <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"> | |
| <i class="fas fa-crown"></i> | |
| </div> | |
| <span class="title-font text-xl font-bold bg-gradient-to-r from-pink-400 to-red-400 bg-clip-text text-transparent">Красный шатер</span> | |
| </div> | |
| <p class="text-gray-400 mb-4">Закрытый клуб для женщин, где ты обретешь энергию, гармонию и жизнь мечты</p> | |
| <div class="flex space-x-4"> | |
| <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"> | |
| <i class="fab fa-instagram"></i> | |
| </a> | |
| <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"> | |
| <i class="fab fa-vk"></i> | |
| </a> | |
| <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"> | |
| <i class="fab fa-telegram"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="title-font font-bold text-lg mb-4">Навигация</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#about" class="text-gray-400 hover:text-white transition">О клубе</a></li> | |
| <li><a href="#problems" class="text-gray-400 hover:text-white transition">Твои проблемы</a></li> | |
| <li><a href="#benefits" class="text-gray-400 hover:text-white transition">Решение</a></li> | |
| <li><a href="#author" class="text-gray-400 hover:text-white transition">Автор</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="title-font font-bold text-lg mb-4">Контакты</h4> | |
| <ul class="space-y-2"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-envelope text-red-400 mr-2"></i> | |
| <span class="text-gray-400">info@redtent.ru</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-phone-alt text-red-400 mr-2"></i> | |
| <span class="text-gray-400">+7 (XXX) XXX-XX-XX</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500"> | |
| <p>© 2023 Красный шатер. Все права защищены.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Плавная прокрутка для якорных ссылок | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| // Анимация при скролле | |
| const animateOnScroll = () => { | |
| const elements = document.querySelectorAll('.fade-in, .floating, .pulse'); | |
| elements.forEach(element => { | |
| const elementPosition = element.getBoundingClientRect().top; | |
| const screenPosition = window.innerHeight / 1.3; | |
| if (elementPosition < screenPosition) { | |
| element.style.opacity = '1'; | |
| } | |
| }); | |
| }; | |
| window.addEventListener('scroll', animateOnScroll); | |
| window.addEventListener('load', animateOnScroll); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=timoon811/redsh" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |