|
|
<!DOCTYPE html> |
|
|
<html lang="ru"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>PhaseAI - Что делает PhaseAI?</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> |
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script> |
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script> |
|
|
<style> |
|
|
.terminal-glass { |
|
|
background: rgba(15, 23, 42, 0.8); |
|
|
backdrop-filter: blur(10px); |
|
|
border: 1px solid rgba(124, 58, 237, 0.2); |
|
|
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15); |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.terminal-glass:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 25px -5px rgba(124, 58, 237, 0.4), |
|
|
0 10px 10px -5px rgba(59, 130, 246, 0.3); |
|
|
border-color: rgba(124, 58, 237, 0.4); |
|
|
} |
|
|
|
|
|
.icon-glow { |
|
|
filter: drop-shadow(0 0 8px currentColor); |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.terminal-glass:hover .icon-glow { |
|
|
filter: drop-shadow(0 0 16px currentColor); |
|
|
} |
|
|
|
|
|
.gradient-text { |
|
|
background-clip: text; |
|
|
-webkit-background-clip: text; |
|
|
color: transparent; |
|
|
} |
|
|
|
|
|
|
|
|
.feature-card { |
|
|
opacity: 1 !important; |
|
|
transform: none !important; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-900 text-gray-100 font-sans"> |
|
|
|
|
|
<section id="features" class="relative z-10 py-20 px-4 sm:px-6 bg-gradient-to-b from-gray-900 to-gray-800 overflow-hidden"> |
|
|
|
|
|
<div class="absolute inset-0 overflow-hidden opacity-20"> |
|
|
<div class="absolute top-0 left-1/4 w-32 h-32 rounded-full bg-purple-600 filter blur-3xl opacity-30"></div> |
|
|
<div class="absolute top-1/3 right-1/4 w-40 h-40 rounded-full bg-blue-600 filter blur-3xl opacity-30"></div> |
|
|
<div class="absolute bottom-0 left-1/2 w-48 h-48 rounded-full bg-pink-600 filter blur-3xl opacity-30"></div> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-7xl mx-auto relative"> |
|
|
|
|
|
<div class="text-center mb-16 px-4"> |
|
|
<h2 class="text-4xl md:text-5xl font-bold mb-6 gradient-text bg-gradient-to-r from-purple-400 via-blue-400 to-pink-400"> |
|
|
Что делает PhaseAI? |
|
|
</h2> |
|
|
<p class="text-lg md: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 px-4"> |
|
|
|
|
|
<div class="terminal-glass feature-card p-8 rounded-2xl transform transition-all duration-500 hover:scale-[1.02]"> |
|
|
<div class="text-purple-400 text-4xl mb-6 icon-glow"> |
|
|
<i class="fas fa-bullseye"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3 text-white">Распознаёт фазу</h3> |
|
|
<p class="text-gray-300 leading-relaxed"> |
|
|
Отдача, холд или слив — система определяет текущее состояние слота с точностью до 92%. |
|
|
</p> |
|
|
<div class="mt-4 pt-4 border-t border-gray-700"> |
|
|
<span class="text-xs text-purple-300 font-mono">AI-PREDICTION</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-glass feature-card p-8 rounded-2xl transform transition-all duration-500 hover:scale-[1.02]"> |
|
|
<div class="text-blue-400 text-4xl mb-6 icon-glow"> |
|
|
<i class="fas fa-sync-alt"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3 text-white">Реальное время</h3> |
|
|
<p class="text-gray-300 leading-relaxed"> |
|
|
Обновления фаз происходят каждые 15 секунд. Никакой задержки — только актуальные данные. |
|
|
</p> |
|
|
<div class="mt-4 pt-4 border-t border-gray-700"> |
|
|
<span class="text-xs text-blue-300 font-mono">LIVE-UPDATE</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-glass feature-card p-8 rounded-2xl transform transition-all duration-500 hover:scale-[1.02]"> |
|
|
<div class="text-pink-400 text-4xl mb-6 icon-glow"> |
|
|
<i class="fas fa-brain"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3 text-white">AI-анализ</h3> |
|
|
<p class="text-gray-300 leading-relaxed"> |
|
|
Нейросеть обучена на сотнях тысяч раундов, находит скрытые сигналы и паттерны выплат. |
|
|
</p> |
|
|
<div class="mt-4 pt-4 border-t border-gray-700"> |
|
|
<span class="text-xs text-pink-300 font-mono">NEURAL-NET</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-glass feature-card p-8 rounded-2xl transform transition-all duration-500 hover:scale-[1.02]"> |
|
|
<div class="text-yellow-400 text-4xl mb-6 icon-glow"> |
|
|
<i class="fas fa-gamepad"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3 text-white">Работает с топ-играми</h3> |
|
|
<p class="text-gray-300 leading-relaxed"> |
|
|
Aviator, Bonanza, Sugar Rush, Gates и другие слоты — всё под контролем нашей системы. |
|
|
</p> |
|
|
<div class="mt-4 pt-4 border-t border-gray-700"> |
|
|
<span class="text-xs text-yellow-300 font-mono">MULTI-GAME</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mt-16 text-center"> |
|
|
<div class="inline-flex items-center px-6 py-3 rounded-full bg-gray-800 border border-gray-700"> |
|
|
<span class="text-sm font-mono text-gray-300">Точность прогноза: <span class="text-green-400">до 92%</span></span> |
|
|
<div class="ml-3 w-2 h-2 rounded-full bg-green-400 animate-pulse"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => { |
|
|
|
|
|
gsap.registerPlugin(ScrollTrigger); |
|
|
|
|
|
|
|
|
gsap.set(".feature-card", { opacity: 1, y: 0 }); |
|
|
|
|
|
|
|
|
gsap.from(".feature-card", { |
|
|
opacity: 0, |
|
|
y: 50, |
|
|
duration: 0.8, |
|
|
stagger: 0.2, |
|
|
ease: "back.out(1.2)", |
|
|
scrollTrigger: { |
|
|
trigger: "#features", |
|
|
start: "top 80%", |
|
|
toggleActions: "play none none none", |
|
|
markers: false |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
gsap.from("#features h2", { |
|
|
opacity: 0, |
|
|
y: 30, |
|
|
duration: 0.8, |
|
|
ease: "power2.out", |
|
|
scrollTrigger: { |
|
|
trigger: "#features", |
|
|
start: "top 85%", |
|
|
toggleActions: "play none none none" |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
gsap.from("#features p", { |
|
|
opacity: 0, |
|
|
y: 20, |
|
|
duration: 0.8, |
|
|
delay: 0.3, |
|
|
ease: "power2.out", |
|
|
scrollTrigger: { |
|
|
trigger: "#features", |
|
|
start: "top 85%", |
|
|
toggleActions: "play none none none" |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('.terminal-glass').forEach(card => { |
|
|
card.addEventListener('mouseenter', () => { |
|
|
gsap.to(card, { |
|
|
scale: 1.03, |
|
|
duration: 0.3, |
|
|
ease: "power2.out", |
|
|
boxShadow: "0 15px 30px -10px rgba(124, 58, 237, 0.4)" |
|
|
}); |
|
|
|
|
|
const icon = card.querySelector('.icon-glow i'); |
|
|
gsap.to(icon, { |
|
|
scale: 1.15, |
|
|
duration: 0.3, |
|
|
ease: "power2.out" |
|
|
}); |
|
|
}); |
|
|
|
|
|
card.addEventListener('mouseleave', () => { |
|
|
gsap.to(card, { |
|
|
scale: 1, |
|
|
duration: 0.3, |
|
|
ease: "power2.out", |
|
|
boxShadow: "0 8px 32px 0 rgba(31, 38, 135, 0.15)" |
|
|
}); |
|
|
|
|
|
const icon = card.querySelector('.icon-glow i'); |
|
|
gsap.to(icon, { |
|
|
scale: 1, |
|
|
duration: 0.3, |
|
|
ease: "power2.out" |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
</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/phase2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
