|
|
<!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> |
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@keyframes float { |
|
|
0%, 100% { transform: translateY(0) rotate(-2deg); } |
|
|
50% { transform: translateY(-10px) rotate(2deg); } |
|
|
} |
|
|
.floating-icon { |
|
|
animation: float 4s ease-in-out infinite; |
|
|
} |
|
|
.gradient-text { |
|
|
background: linear-gradient(90deg, #3b82f6, #8b5cf6); |
|
|
-webkit-background-clip: text; |
|
|
background-clip: text; |
|
|
color: transparent; |
|
|
} |
|
|
.trust-card { |
|
|
background: rgba(31, 41, 55, 0.8); |
|
|
backdrop-filter: blur(10px); |
|
|
border: 1px solid rgba(255, 255, 255, 0.1); |
|
|
transform-style: preserve-3d; |
|
|
perspective: 1000px; |
|
|
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); |
|
|
box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3); |
|
|
} |
|
|
.trust-card:hover { |
|
|
background: rgba(31, 41, 55, 0.95); |
|
|
transform: translateY(-10px) scale(1.02) rotateX(5deg); |
|
|
box-shadow: 0 20px 40px -10px rgba(59, 130, 246, 0.4); |
|
|
} |
|
|
.trust-card::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
left: 0; |
|
|
right: 0; |
|
|
bottom: 0; |
|
|
background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%); |
|
|
opacity: 0; |
|
|
transition: opacity 0.3s ease; |
|
|
z-index: -1; |
|
|
} |
|
|
.trust-card:hover::before { |
|
|
opacity: 1; |
|
|
} |
|
|
.card-glow { |
|
|
position: absolute; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
top: 0; |
|
|
left: 0; |
|
|
background: radial-gradient(circle at center, rgba(59, 130, 246, 0.3) 0%, transparent 70%); |
|
|
opacity: 0; |
|
|
transition: opacity 0.5s ease; |
|
|
} |
|
|
.trust-card:hover .card-glow { |
|
|
opacity: 1; |
|
|
} |
|
|
.card-border { |
|
|
position: absolute; |
|
|
inset: 0; |
|
|
border-radius: 12px; |
|
|
padding: 1px; |
|
|
background: linear-gradient(135deg, rgba(59, 130, 246, 0.5), rgba(139, 92, 246, 0.5)); |
|
|
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); |
|
|
-webkit-mask-composite: xor; |
|
|
mask-composite: exclude; |
|
|
pointer-events: none; |
|
|
opacity: 0; |
|
|
transition: opacity 0.3s ease; |
|
|
} |
|
|
.trust-card:hover .card-border { |
|
|
opacity: 1; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-900 text-white min-h-screen"> |
|
|
|
|
|
<section class="py-24 relative overflow-hidden"> |
|
|
|
|
|
<div class="absolute inset-0 overflow-hidden opacity-10"> |
|
|
<div class="absolute top-0 left-1/4 w-64 h-64 bg-purple-600 rounded-full filter blur-3xl opacity-20 animate-pulse" style="animation-duration: 7s;"></div> |
|
|
<div class="absolute bottom-0 right-1/4 w-64 h-64 bg-blue-600 rounded-full filter blur-3xl opacity-20 animate-pulse" style="animation-duration: 5s;"></div> |
|
|
<div class="absolute top-1/3 right-1/3 w-40 h-40 bg-indigo-500 rounded-full filter blur-3xl opacity-15 animate-pulse" style="animation-duration: 6s;"></div> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-7xl mx-auto px-6 text-center relative z-10"> |
|
|
|
|
|
<div class="mb-16"> |
|
|
<span class="inline-block px-4 py-2 text-sm font-semibold bg-gray-800 rounded-full mb-4 text-blue-400 border border-gray-700 hover:bg-gray-700 transition-all duration-300"> |
|
|
<i class="fas fa-shield-alt mr-2"></i> НАДЕЖНОСТЬ И БЕЗОПАСНОСТЬ |
|
|
</span> |
|
|
<h2 class="text-4xl md:text-5xl font-bold mb-6"> |
|
|
<span class="gradient-text">Почему PhaseAI заслуживает доверия</span> |
|
|
</h2> |
|
|
<p class="text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed"> |
|
|
Мы не угадываем — мы анализируем данные. Наши алгоритмы обрабатывают исторические паттерны и текущие тенденции, предоставляя вам точные прогнозы. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> |
|
|
|
|
|
<div class="trust-card rounded-xl p-8 relative overflow-hidden h-full"> |
|
|
<div class="card-glow"></div> |
|
|
<div class="card-border"></div> |
|
|
<div class="absolute inset-0 bg-gradient-to-br from-blue-900/20 to-purple-900/10 opacity-30"></div> |
|
|
<div class="relative z-10 h-full flex flex-col"> |
|
|
<div class="floating-icon text-5xl mb-6 text-blue-400"> |
|
|
<i class="fas fa-brain"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-xl mb-3 text-white">AI-аналитика в реальном времени</h3> |
|
|
<p class="text-gray-300 text-base leading-relaxed mb-4 flex-grow"> |
|
|
Наш ИИ непрерывно анализирует историю ставок и поведение слотов, обновляя данные каждые 30 секунд. |
|
|
</p> |
|
|
<div class="mt-auto"> |
|
|
<div class="inline-flex items-center px-4 py-2 bg-blue-900/30 rounded-full text-sm text-blue-400 font-medium border border-blue-800/50"> |
|
|
<i class="fas fa-bolt mr-2"></i> 100% автоматизация |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="trust-card rounded-xl p-8 relative overflow-hidden h-full"> |
|
|
<div class="card-glow"></div> |
|
|
<div class="card-border"></div> |
|
|
<div class="absolute inset-0 bg-gradient-to-br from-purple-900/20 to-indigo-900/10 opacity-30"></div> |
|
|
<div class="relative z-10 h-full flex flex-col"> |
|
|
<div class="floating-icon text-5xl mb-6 text-purple-400"> |
|
|
<i class="fas fa-chart-line"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-xl mb-3 text-white">Тесты на тысячах раундов</h3> |
|
|
<p class="text-gray-300 text-base leading-relaxed mb-4 flex-grow"> |
|
|
Наши модели проверены на выборке из 10,000+ игровых сессий с точностью прогнозирования 87.3%. |
|
|
</p> |
|
|
<div class="mt-auto"> |
|
|
<div class="inline-flex items-center px-4 py-2 bg-purple-900/30 rounded-full text-sm text-purple-400 font-medium border border-purple-800/50"> |
|
|
<i class="fas fa-check-circle mr-2"></i> Подтвержденная эффективность |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="trust-card rounded-xl p-8 relative overflow-hidden h-full"> |
|
|
<div class="card-glow"></div> |
|
|
<div class="card-border"></div> |
|
|
<div class="absolute inset-0 bg-gradient-to-br from-green-900/20 to-teal-900/10 opacity-30"></div> |
|
|
<div class="relative z-10 h-full flex flex-col"> |
|
|
<div class="floating-icon text-5xl mb-6 text-green-400"> |
|
|
<i class="fas fa-lock"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-xl mb-3 text-white">Безопасность и приватность</h3> |
|
|
<p class="text-gray-300 text-base leading-relaxed mb-4 flex-grow"> |
|
|
Мы не собираем личные данные. Вся аналитика полностью анонимна и защищена 256-битным шифрованием. |
|
|
</p> |
|
|
<div class="mt-auto"> |
|
|
<div class="inline-flex items-center px-4 py-2 bg-green-900/30 rounded-full text-sm text-green-400 font-medium border border-green-800/50"> |
|
|
<i class="fas fa-shield-alt mr-2"></i> Защита данных |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="trust-card rounded-xl p-8 relative overflow-hidden h-full"> |
|
|
<div class="card-glow"></div> |
|
|
<div class="card-border"></div> |
|
|
<div class="absolute inset-0 bg-gradient-to-br from-yellow-900/20 to-amber-900/10 opacity-30"></div> |
|
|
<div class="relative z-10 h-full flex flex-col"> |
|
|
<div class="floating-icon text-5xl mb-6 text-yellow-400"> |
|
|
<i class="fas fa-globe"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-xl mb-3 text-white">Работаем с крупными брендами</h3> |
|
|
<p class="text-gray-300 text-base leading-relaxed mb-4 flex-grow"> |
|
|
Поддержка популярных казино: Stake, Pin-Up, 1win и других. Совместимость с 20+ платформами. |
|
|
</p> |
|
|
<div class="mt-auto"> |
|
|
<div class="flex flex-wrap justify-center gap-2"> |
|
|
<span class="px-3 py-1 bg-gray-800 rounded-full text-xs font-medium hover:bg-gray-700 transition">Stake</span> |
|
|
<span class="px-3 py-1 bg-gray-800 rounded-full text-xs font-medium hover:bg-gray-700 transition">1win</span> |
|
|
<span class="px-3 py-1 bg-gray-800 rounded-full text-xs font-medium hover:bg-gray-700 transition">Pin-Up</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mt-16 bg-gray-800 rounded-xl p-8 border border-gray-700 max-w-4xl mx-auto relative overflow-hidden hover:border-blue-500/30 transition-all duration-300 group"> |
|
|
<div class="absolute inset-0 bg-gradient-to-r from-blue-900/10 to-purple-900/10 opacity-50 group-hover:opacity-70 transition-opacity duration-300"></div> |
|
|
<div class="relative z-10"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/3 mb-6 md:mb-0 flex justify-center"> |
|
|
<div class="flex items-center justify-center w-20 h-20 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 shadow-lg group-hover:scale-110 transition-transform duration-300"> |
|
|
<i class="fas fa-certificate text-3xl text-white"></i> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-2/3 text-center md:text-left md:pl-6"> |
|
|
<h4 class="font-bold text-2xl mb-3 text-white group-hover:text-blue-300 transition-colors duration-300">Доказанная эффективность</h4> |
|
|
<p class="text-gray-300 text-lg leading-relaxed group-hover:text-gray-200 transition-colors duration-300"> |
|
|
Наш алгоритм прошел независимую проверку с результатом 82% точности прогнозирования фаз выплат. |
|
|
Тестирование проводилось на 15,000 реальных игровых сессиях в течение 3 месяцев. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => { |
|
|
|
|
|
gsap.set(".trust-card", { |
|
|
opacity: 0, |
|
|
y: 30, |
|
|
scale: 0.95 |
|
|
}); |
|
|
|
|
|
gsap.to(".trust-card", { |
|
|
duration: 1, |
|
|
y: 0, |
|
|
opacity: 1, |
|
|
scale: 1, |
|
|
stagger: 0.15, |
|
|
ease: "back.out(1.4)", |
|
|
delay: 0.3 |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('.trust-card').forEach(card => { |
|
|
const glow = card.querySelector('.card-glow'); |
|
|
const icon = card.querySelector('.floating-icon'); |
|
|
|
|
|
card.addEventListener('mouseenter', () => { |
|
|
gsap.to(card, { |
|
|
y: -10, |
|
|
scale: 1.02, |
|
|
duration: 0.5, |
|
|
ease: "power2.out" |
|
|
}); |
|
|
|
|
|
gsap.to(glow, { |
|
|
opacity: 1, |
|
|
duration: 0.5 |
|
|
}); |
|
|
|
|
|
gsap.to(icon, { |
|
|
y: -5, |
|
|
scale: 1.1, |
|
|
duration: 0.3 |
|
|
}); |
|
|
}); |
|
|
|
|
|
card.addEventListener('mouseleave', () => { |
|
|
gsap.to(card, { |
|
|
y: 0, |
|
|
scale: 1, |
|
|
duration: 0.5, |
|
|
ease: "power2.out" |
|
|
}); |
|
|
|
|
|
gsap.to(glow, { |
|
|
opacity: 0, |
|
|
duration: 0.5 |
|
|
}); |
|
|
|
|
|
gsap.to(icon, { |
|
|
y: 0, |
|
|
scale: 1, |
|
|
duration: 0.3 |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
</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/phase5" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
