| <!DOCTYPE html> |
| <html lang="ru"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>PhaseAI - Социальные доказательства</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> |
| @keyframes fadeInUp { |
| from { |
| opacity: 0; |
| transform: translateY(20px); |
| } |
| to { |
| opacity: 1; |
| transform: translateY(0); |
| } |
| } |
| |
| @keyframes countUp { |
| from { |
| opacity: 0; |
| transform: translateY(10px); |
| } |
| to { |
| opacity: 1; |
| transform: translateY(0); |
| } |
| } |
| |
| .animate-fade-up { |
| animation: fadeInUp 0.6s ease-out forwards; |
| } |
| |
| .animate-count-up { |
| animation: countUp 1s ease-out forwards; |
| } |
| |
| .avatar-hover:hover { |
| filter: drop-shadow(0 0 8px rgba(74, 222, 128, 0.6)); |
| transition: all 0.3s ease; |
| } |
| |
| .review-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); |
| transition: all 0.3s ease; |
| } |
| |
| .stat-item:hover .stat-value { |
| transform: scale(1.05); |
| transition: all 0.3s ease; |
| } |
| </style> |
| </head> |
| <body> |
| <section class="bg-gray-950 py-24 text-white overflow-hidden"> |
| <div class="max-w-6xl mx-auto px-6 text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-blue-400 animate-fade-up"> |
| Люди уже выигрывают с PhaseAI |
| </h2> |
| <p class="text-lg opacity-70 mb-12 max-w-2xl mx-auto animate-fade-up" style="animation-delay: 0.2s;"> |
| Отзывы пользователей, которым удалось вывести деньги с помощью анализа фаз |
| </p> |
|
|
| |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-6 mb-16"> |
| <div class="stat-item"> |
| <div class="text-3xl font-bold text-green-400 animate-count-up" data-target="14000">0</div> |
| <div class="text-sm opacity-70 mt-2">активных пользователей</div> |
| </div> |
| <div class="stat-item"> |
| <div class="text-3xl font-bold text-blue-400 animate-count-up" data-target="92">0</div> |
| <div class="text-sm opacity-70 mt-2">положительных отзывов</div> |
| </div> |
| <div class="stat-item"> |
| <div class="text-3xl font-bold text-yellow-400 animate-count-up" data-target="1200000">0</div> |
| <div class="text-sm opacity-70 mt-2">прогнозируемые выигрыши</div> |
| </div> |
| <div class="stat-item"> |
| <div class="text-3xl font-bold text-pink-400 animate-count-up" data-target="78">0</div> |
| <div class="text-sm opacity-70 mt-2">повторные заходы</div> |
| </div> |
| </div> |
|
|
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="bg-gray-900/50 p-6 rounded-xl border border-gray-800 text-left review-card transform transition-all duration-300 animate-fade-up" style="animation-delay: 0.4s;"> |
| <div class="flex items-center mb-4"> |
| <div class="avatar-hover"> |
| <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="avatar" class="w-12 h-12 rounded-full mr-3 object-cover border-2 border-green-400/30"> |
| </div> |
| <div> |
| <div class="font-semibold flex items-center"> |
| @LudaSlot |
| <span class="ml-2 text-green-400 text-xs bg-green-900/30 px-2 py-1 rounded-full">Вывела $420</span> |
| </div> |
| <div class="text-xs opacity-60 flex items-center mt-1"> |
| <i class="fas fa-jet-fighter-up text-blue-400 mr-1"></i> Играла в Aviator |
| </div> |
| </div> |
| </div> |
| <p class="text-sm opacity-80 mb-3">"Проверила фазу — показало отдачу. Зашла и за 15 минут сделала x3. Первый раз вывела!"</p> |
| <div class="text-xs text-gray-400 flex items-center"> |
| <i class="fas fa-calendar-alt mr-1 text-blue-400"></i> 3 дня назад · |
| <i class="fas fa-check-circle ml-2 mr-1 text-green-400"></i> Подтвержденный вывод |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-900/50 p-6 rounded-xl border border-gray-800 text-left review-card transform transition-all duration-300 animate-fade-up" style="animation-delay: 0.6s;"> |
| <div class="flex items-center mb-4"> |
| <div class="avatar-hover"> |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="avatar" class="w-12 h-12 rounded-full mr-3 object-cover border-2 border-blue-400/30"> |
| </div> |
| <div> |
| <div class="font-semibold flex items-center"> |
| @CryptoSlot |
| <span class="ml-2 text-blue-400 text-xs bg-blue-900/30 px-2 py-1 rounded-full">Вывел $780</span> |
| </div> |
| <div class="text-xs opacity-60 flex items-center mt-1"> |
| <i class="fas fa-crown text-yellow-400 mr-1"></i> Gates of Olympus |
| </div> |
| </div> |
| </div> |
| <p class="text-sm opacity-80 mb-3">"Обычно сливал сразу. Тут проверил фазу — был холд. Подождал, потом вкатил. Игра дал ×5. Сервис реально экономит деньги!"</p> |
| <div class="text-xs text-gray-400 flex items-center"> |
| <i class="fas fa-calendar-alt mr-1 text-blue-400"></i> Неделю назад · |
| <i class="fas fa-check-circle ml-2 mr-1 text-green-400"></i> Подтвержденный вывод |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-900/50 p-6 rounded-xl border border-gray-800 text-left review-card transform transition-all duration-300 animate-fade-up" style="animation-delay: 0.8s;"> |
| <div class="flex items-center mb-4"> |
| <div class="avatar-hover"> |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="avatar" class="w-12 h-12 rounded-full mr-3 object-cover border-2 border-pink-400/30"> |
| </div> |
| <div> |
| <div class="font-semibold flex items-center"> |
| @slotqueen |
| <span class="ml-2 text-pink-400 text-xs bg-pink-900/30 px-2 py-1 rounded-full">Вывела $1,200</span> |
| </div> |
| <div class="text-xs opacity-60 flex items-center mt-1"> |
| <i class="fas fa-candy-cane text-purple-400 mr-1"></i> Sweet Bonanza |
| </div> |
| </div> |
| </div> |
| <p class="text-sm opacity-80 mb-3">"Сервис бомба! Особенно помогает, когда не знаешь, стоит ли заходить. Теперь без него не играю. Уже 3 раза выводила благодаря анализу фаз."</p> |
| <div class="text-xs text-gray-400 flex items-center"> |
| <i class="fas fa-calendar-alt mr-1 text-blue-400"></i> 2 недели назад · |
| <i class="fas fa-check-double ml-2 mr-1 text-green-400"></i> Множественные выводы |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="mt-16 flex flex-wrap justify-center items-center gap-6 opacity-80 animate-fade-up" style="animation-delay: 1s;"> |
| <div class="flex items-center"> |
| <i class="fas fa-shield-alt text-green-400 mr-2"></i> |
| <span>Безопасность</span> |
| </div> |
| <div class="flex items-center"> |
| <i class="fas fa-lock text-blue-400 mr-2"></i> |
| <span>Конфиденциальность</span> |
| </div> |
| <div class="flex items-center"> |
| <i class="fas fa-chart-line text-yellow-400 mr-2"></i> |
| <span>Реальные результаты</span> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| <script> |
| |
| function animateCounters() { |
| const counters = document.querySelectorAll('[data-target]'); |
| const speed = 200; |
| |
| counters.forEach(counter => { |
| const target = +counter.getAttribute('data-target'); |
| const count = +counter.innerText; |
| const increment = target / speed; |
| |
| if (count < target) { |
| counter.innerText = Math.ceil(count + increment); |
| setTimeout(animateCounters, 1); |
| } else { |
| counter.innerText = target.toLocaleString(); |
| |
| |
| if (target === 14000 || target === 1200000) { |
| counter.innerText += '+'; |
| } else if (target === 92 || target === 78) { |
| counter.innerText += '%'; |
| } |
| } |
| }); |
| } |
| |
| |
| window.addEventListener('load', () => { |
| setTimeout(animateCounters, 500); |
| |
| |
| const cards = document.querySelectorAll('.animate-fade-up'); |
| cards.forEach((card, index) => { |
| card.style.animationDelay = `${index * 0.2 + 0.4}s`; |
| }); |
| }); |
| |
| |
| document.querySelectorAll('.avatar-hover').forEach(avatar => { |
| avatar.addEventListener('mouseenter', () => { |
| const color = avatar.querySelector('img').classList.contains('border-green-400/30') ? 'green' : |
| avatar.querySelector('img').classList.contains('border-blue-400/30') ? 'blue' : 'pink'; |
| avatar.style.filter = `drop-shadow(0 0 12px rgba(${ |
| color === 'green' ? '74, 222, 128' : |
| color === 'blue' ? '96, 165, 250' : '244, 114, 182' |
| }, 0.7))`; |
| }); |
| avatar.addEventListener('mouseleave', () => { |
| avatar.style.filter = 'drop-shadow(0 0 8px rgba(74, 222, 128, 0.6))'; |
| }); |
| }); |
| </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/phase7" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
