|
|
<!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> |
