Spaces:

timoon811
/

kjlsdfsljkf64432

Running

App Files Files Community

timoon811 commited on Apr 23, 2025

Commit

d37439b

verified ·

1 Parent(s): 69d5f48

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +749 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Kjlsdfsljkf64432
-emoji: 🌍
-colorFrom: blue
-colorTo: red
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: kjlsdfsljkf64432
+emoji: 🐳
+colorFrom: pink
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,749 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Casino Brain Mapping - Смотри, как думает слот</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 pulse {
+            0%, 100% { opacity: 0.5; }
+            50% { opacity: 1; }
+        }
+        .neuron-pulse {
+            animation: pulse 2s infinite;
+        }
+        .brain-map {
+            background-image: radial-gradient(circle, rgba(103, 58, 183, 0.1) 1px, transparent 1px);
+            background-size: 20px 20px;
+        }
+        .phase-timeline {
+            background: linear-gradient(90deg, #1e293b, #0f172a, #1e293b);
+        }
+        .glow {
+            box-shadow: 0 0 15px currentColor;
+        }
+        .neuro-path {
+            stroke-dasharray: 1000;
+            stroke-dashoffset: 1000;
+            animation: dash 5s linear forwards;
+        }
+        @keyframes dash {
+            to {
+                stroke-dashoffset: 0;
+            }
+        }
+        .tooltip {
+            position: relative;
+        }
+        .tooltip-text {
+            visibility: hidden;
+            width: 200px;
+            background-color: #0f172a;
+            color: #fff;
+            text-align: center;
+            border-radius: 6px;
+            padding: 8px;
+            position: absolute;
+            z-index: 1;
+            bottom: 125%;
+            left: 50%;
+            transform: translateX(-50%);
+            opacity: 0;
+            transition: opacity 0.3s;
+            border: 1px solid #334155;
+        }
+        .tooltip:hover .tooltip-text {
+            visibility: visible;
+            opacity: 1;
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-gray-100 font-sans">
+    <!-- Header -->
+    <header class="bg-gradient-to-b from-gray-900 to-gray-800 py-6 px-4 md:px-12 border-b border-gray-800">
+        <div class="container mx-auto flex justify-between items-center">
+            <div class="flex items-center space-x-2">
+                <div class="w-10 h-10 rounded-full bg-purple-600 flex items-center justify-center">
+                    <i class="fas fa-brain text-xl"></i>
+                </div>
+                <h1 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-600">
+                    Casino Brain Mapping
+                </h1>
+            </div>
+            <nav class="hidden md:flex space-x-8">
+                <a href="#how-it-works" class="hover:text-purple-400 transition">Как работает</a>
+                <a href="#examples" class="hover:text-purple-400 transition">Примеры</a>
+                <a href="#pricing" class="hover:text-purple-400 transition">Тарифы</a>
+                <a href="#testimonials" class="hover:text-purple-400 transition">Отзывы</a>
+            </nav>
+            <button class="md:hidden text-2xl">
+                <i class="fas fa-bars"></i>
+            </button>
+        </div>
+    </header>
+    <!-- Hero Section -->
+    <section class="py-20 px-4 md:px-12 bg-gradient-to-b from-gray-800 to-gray-900 relative overflow-hidden">
+        <div class="absolute inset-0 opacity-20">
+            <div class="absolute top-1/4 left-1/4 w-64 h-64 rounded-full bg-purple-600 blur-3xl opacity-50"></div>
+            <div class="absolute top-1/3 right-1/4 w-64 h-64 rounded-full bg-blue-600 blur-3xl opacity-50"></div>
+            <div class="absolute bottom-1/4 left-1/2 w-64 h-64 rounded-full bg-pink-600 blur-3xl opacity-50"></div>
+        </div>
+        <div class="container mx-auto relative z-10">
+            <div class="max-w-3xl mx-auto text-center">
+                <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
+                    <span class="bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-600">
+                        Разум казино-игр под контролем ИИ
+                    </span>
+                </h1>
+                <p class="text-xl md:text-2xl text-gray-300 mb-10">
+                    Мы расшифровали, как "думают" слоты. Теперь ты можешь предугадать их настроение.
+                </p>
+                <div class="flex flex-col sm:flex-row justify-center gap-4">
+                    <button class="px-8 py-4 bg-gradient-to-r from-purple-600 to-pink-600 rounded-lg font-bold text-lg hover:from-purple-700 hover:to-pink-700 transition transform hover:scale-105 shadow-lg">
+                        Сканировать слот бесплатно
+                    </button>
+                    <button class="px-8 py-4 bg-gray-800 rounded-lg font-bold text-lg hover:bg-gray-700 transition transform hover:scale-105 border border-gray-700">
+                        <i class="fas fa-play mr-2"></i> Видео демо
+                    </button>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Interactive Brain Map Demo -->
+    <section class="py-16 px-4 md:px-12 bg-gray-900">
+        <div class="container mx-auto">
+            <div class="max-w-4xl mx-auto bg-gray-800 rounded-xl overflow-hidden border border-gray-700 shadow-xl">
+                <div class="p-6 border-b border-gray-700 flex justify-between items-center bg-gray-800">
+                    <h3 class="text-xl font-bold">Gates of Olympus - Карта сознания</h3>
+                    <div class="flex items-center space-x-2">
+                        <span class="px-3 py-1 bg-pink-900 text-pink-300 rounded-full text-sm">Live</span>
+                        <span class="px-3 py-1 bg-gray-700 text-gray-300 rounded-full text-sm">Demo Mode</span>
+                    </div>
+                </div>
+                <div class="p-6 brain-map min-h-[400px] relative">
+                    <!-- Interactive Brain Map SVG -->
+                    <svg width="100%" height="400" viewBox="0 0 800 400" class="mx-auto">
+                        <!-- Main brain outline -->
+                        <path d="M400,50 Q500,100 550,200 Q600,300 500,350 Q400,380 300,350 Q200,300 250,200 Q300,100 400,50"
+                              fill="none" stroke="#4B5563" stroke-width="2" />
+                        <!-- Neural pathways -->
+                        <path class="neuro-path" d="M400,100 Q450,150 470,200 Q480,250 450,300 Q420,330 400,320"
+                              fill="none" stroke="#8B5CF6" stroke-width="2" />
+                        <path class="neuro-path" d="M350,120 Q300,180 320,250 Q340,300 380,320"
+                              fill="none" stroke="#EC4899" stroke-width="2" />
+                        <path class="neuro-path" d="M450,120 Q500,180 480,250 Q460,300 420,320"
+                              fill="none" stroke="#3B82F6" stroke-width="2" />
+                        <!-- Activity nodes -->
+                        <circle cx="400" cy="150" r="15" fill="#8B5CF6" class="neuron-pulse glow" />
+                        <circle cx="350" cy="200" r="12" fill="#EC4899" class="neuron-pulse glow" />
+                        <circle cx="450" cy="250" r="10" fill="#3B82F6" class="neuron-pulse glow" />
+                        <circle cx="380" cy="280" r="8" fill="#10B981" class="neuron-pulse glow" />
+                        <circle cx="420" cy="220" r="6" fill="#F59E0B" class="neuron-pulse glow" />
+                        <!-- Phase indicators -->
+                        <g transform="translate(600, 100)">
+                            <circle cx="0" cy="0" r="40" fill="#1F2937" stroke="#4B5563" stroke-width="2" />
+                            <text x="0" y="5" text-anchor="middle" fill="#F3F4F6" font-size="14" font-weight="bold">Текущая фаза</text>
+                            <text x="0" y="25" text-anchor="middle" fill="#EC4899" font-size="18" font-weight="bold">Дразнилка</text>
+                        </g>
+                        <g transform="translate(600, 200)">
+                            <circle cx="0" cy="0" r="40" fill="#1F2937" stroke="#4B5563" stroke-width="2" />
+                            <text x="0" y="5" text-anchor="middle" fill="#F3F4F6" font-size="14" font-weight="bold">Рекомендация</text>
+                            <text x="0" y="25" text-anchor="middle" fill="#10B981" font-size="18" font-weight="bold">Пауза</text>
+                        </g>
+                    </svg>
+                    <!-- Tooltips for nodes -->
+                    <div class="absolute top-1/4 left-1/4 tooltip">
+                        <div class="w-3 h-3 rounded-full bg-purple-500 glow"></div>
+                        <div class="tooltip-text">Кластер анализа множителей</div>
+                    </div>
+                    <div class="absolute top-1/3 right-1/4 tooltip">
+                        <div class="w-3 h-3 rounded-full bg-pink-500 glow"></div>
+                        <div class="tooltip-text">Эмоциональный паттерн: Дразнилка</div>
+                    </div>
+                </div>
+                <div class="p-6 bg-gray-800 border-t border-gray-700">
+                    <div class="flex flex-col md:flex-row justify-between items-center">
+                        <div>
+                            <h4 class="font-bold text-lg mb-2">Фаза Дразнилки</h4>
+                            <p class="text-gray-400">Последние 15 спинов: конфеты, почти бонуски, иксы X2–X4</p>
+                            <p class="text-gray-300 mt-1">ИИ считает, что слот заманивает, но не отдаёт</p>
+                        </div>
+                        <div class="mt-4 md:mt-0">
+                            <span class="inline-block px-4 py-2 bg-gray-700 rounded-lg font-bold">
+                                Рекомендация: <span class="text-yellow-400">Пауза или смена игры</span>
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- How It Works -->
+    <section id="how-it-works" class="py-16 px-4 md:px-12 bg-gray-900">
+        <div class="container mx-auto">
+            <h2 class="text-3xl font-bold text-center mb-16">
+                <span class="bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-blue-400">
+                    Как работает Casino Brain Mapping
+                </span>
+            </h2>
+            <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
+                <!-- Step 1 -->
+                <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-purple-500 transition group">
+                    <div class="w-16 h-16 rounded-full bg-purple-900 flex items-center justify-center mb-6 mx-auto group-hover:bg-purple-700 transition">
+                        <span class="text-2xl font-bold">1</span>
+                    </div>
+                    <h3 class="text-xl font-bold text-center mb-4">Слот анализируется ИИ</h3>
+                    <p class="text-gray-400 text-center">
+                        Наш искусственный интеллект сканирует тысячи спинов, выявляя паттерны поведения и эмоциональные фазы игры.
+                    </p>
+                </div>
+                <!-- Step 2 -->
+                <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-blue-500 transition group">
+                    <div class="w-16 h-16 rounded-full bg-blue-900 flex items-center justify-center mb-6 mx-auto group-hover:bg-blue-700 transition">
+                        <span class="text-2xl font-bold">2</span>
+                    </div>
+                    <h3 class="text-xl font-bold text-center mb-4">Выводится "карта поведения"</h3>
+                    <p class="text-gray-400 text-center">
+                        Создается визуальная карта сознания слота с выделением ключевых фаз: отдача, дразнилка, агрессия.
+                    </p>
+                </div>
+                <!-- Step 3 -->
+                <div class="bg-gray-800 rounded-xl p-6 border border-gray-700 hover:border-pink-500 transition group">
+                    <div class="w-16 h-16 rounded-full bg-pink-900 flex items-center justify-center mb-6 mx-auto group-hover:bg-pink-700 transition">
+                        <span class="text-2xl font-bold">3</span>
+                    </div>
+                    <h3 class="text-xl font-bold text-center mb-4">Получаешь прогноз</h3>
+                    <p class="text-gray-400 text-center">
+                        ИИ дает рекомендации: когда играть, когда делать паузу, когда ожидать бонусный раунд.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Examples -->
+    <section id="examples" class="py-16 px-4 md:px-12 bg-gray-800">
+        <div class="container mx-auto">
+            <h2 class="text-3xl font-bold text-center mb-16">
+                <span class="bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-pink-400">
+                    Примеры анализа фаз
+                </span>
+            </h2>
+            <div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
+                <!-- Example 1 -->
+                <div class="bg-gray-900 rounded-xl overflow-hidden border border-gray-700">
+                    <div class="p-6 bg-gradient-to-r from-purple-900 to-purple-800">
+                        <h3 class="text-xl font-bold flex items-center">
+                            <span class="w-6 h-6 rounded-full bg-purple-400 flex items-center justify-center mr-3">
+                                <i class="fas fa-brain text-xs"></i>
+                            </span>
+                            Фаза Отдачи
+                        </h3>
+                    </div>
+                    <div class="p-6">
+                        <div class="flex items-center mb-4">
+                            <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
+                            <span class="font-bold">Вероятность бонуски: 74%</span>
+                        </div>
+                        <p class="text-gray-400 mb-4">
+                            Множители стабильны, нет резких откатов. Слот находится в фазе щедрости.
+                        </p>
+                        <div class="bg-gray-800 rounded-lg p-4 border border-gray-700">
+                            <div class="flex justify-between items-center mb-2">
+                                <span class="text-sm text-gray-400">Тенденция:</span>
+                                <span class="font-bold text-green-400">Рост отдачи</span>
+                            </div>
+                            <div class="w-full bg-gray-700 rounded-full h-2.5">
+                                <div class="bg-green-500 h-2.5 rounded-full" style="width: 75%"></div>
+                            </div>
+                        </div>
+                        <div class="mt-4 text-center">
+                            <span class="inline-block px-4 py-2 bg-green-900/50 text-green-400 rounded-lg font-bold">
+                                Рекомендация: Играть
+                            </span>
+                        </div>
+                    </div>
+                </div>
+                <!-- Example 2 -->
+                <div class="bg-gray-900 rounded-xl overflow-hidden border border-gray-700">
+                    <div class="p-6 bg-gradient-to-r from-pink-900 to-pink-800">
+                        <h3 class="text-xl font-bold flex items-center">
+                            <span class="w-6 h-6 rounded-full bg-pink-400 flex items-center justify-center mr-3">
+                                <i class="fas fa-brain text-xs"></i>
+                            </span>
+                            Фаза Агрессии
+                        </h3>
+                    </div>
+                    <div class="p-6">
+                        <div class="flex items-center mb-4">
+                            <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
+                            <span class="font-bold">Уровень нервозности: 88%</span>
+                        </div>
+                        <p class="text-gray-400 mb-4">
+                            Частые пустые спины, резкие обрывы множителей. Слот "злится" и забирает ставки.
+                        </p>
+                        <div class="bg-gray-800 rounded-lg p-4 border border-gray-700">
+                            <div class="flex justify-between items-center mb-2">
+                                <span class="text-sm text-gray-400">Тенденция:</span>
+                                <span class="font-bold text-red-400">Высокий риск</span>
+                            </div>
+                            <div class="w-full bg-gray-700 rounded-full h-2.5">
+                                <div class="bg-red-500 h-2.5 rounded-full" style="width: 88%"></div>
+                            </div>
+                        </div>
+                        <div class="mt-4 text-center">
+                            <span class="inline-block px-4 py-2 bg-red-900/50 text-red-400 rounded-lg font-bold">
+                                Рекомендация: Выйти из игры
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Timeline Visualization -->
+            <div class="mt-16 max-w-4xl mx-auto bg-gray-900 rounded-xl p-6 border border-gray-700">
+                <h3 class="text-xl font-bold mb-6 text-center">Таймлайн поведения слота за последние 24 часа</h3>
+                <div class="phase-timeline rounded-lg p-4 overflow-x-auto">
+                    <div class="flex space-x-2" style="min-width: 800px;">
+                        <!-- Timeline segments -->
+                        <div class="flex-1 h-16 rounded bg-gradient-to-b from-purple-900 to-purple-800 flex items-center justify-center tooltip">
+                            <span class="text-xs font-bold">Отдача</span>
+                            <div class="tooltip-text">12:00 - 14:30 (17% времени)</div>
+                        </div>
+                        <div class="flex-1 h-16 rounded bg-gradient-to-b from-pink-900 to-pink-800 flex items-center justify-center tooltip">
+                            <span class="text-xs font-bold">Дразнилка</span>
+                            <div class="tooltip-text">14:30 - 17:45 (28% времени)</div>
+                        </div>
+                        <div class="flex-1 h-16 rounded bg-gradient-to-b from-gray-700 to-gray-800 flex items-center justify-center tooltip">
+                            <span class="text-xs font-bold">Нейтрал</span>
+                            <div class="tooltip-text">17:45 - 20:15 (21% времени)</div>
+                        </div>
+                        <div class="flex-1 h-16 rounded bg-gradient-to-b from-red-900 to-red-800 flex items-center justify-center tooltip">
+                            <span class="text-xs font-bold">Агрессия</span>
+                            <div class="tooltip-text">20:15 - 23:30 (34% времени)</div>
+                        </div>
+                    </div>
+                    <div class="mt-4 flex justify-between text-xs text-gray-400">
+                        <span>12:00</span>
+                        <span>18:00</span>
+                        <span>00:00</span>
+                    </div>
+                </div>
+                <div class="mt-6 grid grid-cols-2 md:grid-cols-4 gap-4 text-center">
+                    <div>
+                        <div class="w-4 h-4 rounded-full bg-purple-500 mx-auto mb-1"></div>
+                        <span class="text-sm">Отдача: 17%</span>
+                    </div>
+                    <div>
+                        <div class="w-4 h-4 rounded-full bg-pink-500 mx-auto mb-1"></div>
+                        <span class="text-sm">Дразнилка: 28%</span>
+                    </div>
+                    <div>
+                        <div class="w-4 h-4 rounded-full bg-gray-500 mx-auto mb-1"></div>
+                        <span class="text-sm">Нейтрал: 21%</span>
+                    </div>
+                    <div>
+                        <div class="w-4 h-4 rounded-full bg-red-500 mx-auto mb-1"></div>
+                        <span class="text-sm">Агрессия: 34%</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Pricing -->
+    <section id="pricing" class="py-16 px-4 md:px-12 bg-gray-900">
+        <div class="container mx-auto">
+            <h2 class="text-3xl font-bold text-center mb-16">
+                <span class="bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-400">
+                    Выбери свой тариф
+                </span>
+            </h2>
+            <div class="grid md:grid-cols-2 gap-8 max-w-5xl mx-auto">
+                <!-- Free Plan -->
+                <div class="bg-gray-800 rounded-xl overflow-hidden border border-gray-700 transform hover:scale-105 transition duration-300">
+                    <div class="p-6 bg-gradient-to-r from-gray-700 to-gray-800">
+                        <h3 class="text-xl font-bold">Free</h3>
+                        <p class="text-gray-400">Базовый доступ к аналитике</p>
+                    </div>
+                    <div class="p-6">
+                        <div class="mb-6">
+                            <span class="text-4xl font-bold">$0</span>
+                            <span class="text-gray-400">/ навсегда</span>
+                        </div>
+                        <ul class="space-y-3 mb-8">
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                <span>Карта 1 слота</span>
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                <span>Базовые эмо-фазы</span>
+                            </li>
+                            <li class="flex items-center text-gray-500">
+                                <i class="fas fa-times-circle text-gray-600 mr-2"></i>
+                                <span>Таймлайн поведения</span>
+                            </li>
+                            <li class="flex items-center text-gray-500">
+                                <i class="fas fa-times-circle text-gray-600 mr-2"></i>
+                                <span>Прогноз следующей фазы</span>
+                            </li>
+                            <li class="flex items-center text-gray-500">
+                                <i class="fas fa-times-circle text-gray-600 mr-2"></i>
+                                <span>Мультисравнение слотов</span>
+                            </li>
+                        </ul>
+                        <button class="w-full py-3 bg-gray-700 hover:bg-gray-600 rounded-lg font-bold transition">
+                            Начать бесплатно
+                        </button>
+                    </div>
+                </div>
+                <!-- Premium Plan -->
+                <div class="bg-gray-800 rounded-xl overflow-hidden border-2 border-purple-500 transform hover:scale-105 transition duration-300 relative">
+                    <div class="absolute top-4 right-4 bg-purple-600 text-xs font-bold px-2 py-1 rounded-full">
+                        Популярный
+                    </div>
+                    <div class="p-6 bg-gradient-to-r from-purple-800 to-purple-700">
+                        <h3 class="text-xl font-bold">Premium</h3>
+                        <p class="text-purple-200">Полный доступ ко всем возможностям</p>
+                    </div>
+                    <div class="p-6">
+                        <div class="mb-6">
+                            <span class="text-4xl font-bold">$29</span>
+                            <span class="text-gray-400">/ месяц</span>
+                        </div>
+                        <ul class="space-y-3 mb-8">
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-purple-500 mr-2"></i>
+                                <span>Карта всех слотов</span>
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-purple-500 mr-2"></i>
+                                <span>Глубокий анализ эмо-фаз</span>
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-purple-500 mr-2"></i>
+                                <span>Таймлайн поведения</span>
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-purple-500 mr-2"></i>
+                                <span>Прогноз следующей фазы</span>
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-purple-500 mr-2"></i>
+                                <span>Мультисравнение слотов</span>
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-purple-500 mr-2"></i>
+                                <span>Рекомендации по входу/выходу</span>
+                            </li>
+                        </ul>
+                        <button class="w-full py-3 bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 rounded-lg font-bold transition">
+                            Купить Premium
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonials -->
+    <section id="testimonials" class="py-16 px-4 md:px-12 bg-gray-800">
+        <div class="container mx-auto">
+            <h2 class="text-3xl font-bold text-center mb-16">
+                <span class="bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-pink-400">
+                    Что говорят игроки
+                </span>
+            </h2>
+            <div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
+                <!-- Testimonial 1 -->
+                <div class="bg-gray-900 rounded-xl p-6 border border-gray-700">
+                    <div class="flex items-center mb-4">
+                        <div class="w-12 h-12 rounded-full bg-purple-900 flex items-center justify-center mr-4">
+                            <span class="text-xl">JD</span>
+                        </div>
+                        <div>
+                            <h4 class="font-bold">John D.</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-300 italic mb-4">
+                        "Слот реально вел себя как "обиженный" — ИИ дал паузу, и потом пошёл занос. Выиграл x120 на следующей сессии!"
+                    </p>
+                    <div class="text-sm text-gray-500">
+                        <i class="fas fa-gamepad mr-1"></i> Gates of Olympus
+                    </div>
+                </div>
+                <!-- Testimonial 2 -->
+                <div class="bg-gray-900 rounded-xl p-6 border border-gray-700">
+                    <div class="flex items-center mb-4">
+                        <div class="w-12 h-12 rounded-full bg-pink-900 flex items-center justify-center mr-4">
+                            <span class="text-xl">MS</span>
+                        </div>
+                        <div>
+                            <h4 class="font-bold">Maria S.</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-300 italic mb-4">
+                        "Теперь чувствую фазу игры. Это не магия, это карта мозга. Особенно помогло избежать агрессивной фазы Sweet Bonanza."
+                    </p>
+                    <div class="text-sm text-gray-500">
+                        <i class="fas fa-gamepad mr-1"></i> Sweet Bonanza
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Lead Magnet -->
+    <section class="py-16 px-4 md:px-12 bg-gradient-to-br from-gray-900 to-purple-900/50">
+        <div class="container mx-auto max-w-4xl">
+            <div class="bg-gray-800 rounded-xl p-8 md:p-12 border border-gray-700 shadow-xl">
+                <div class="flex flex-col md:flex-row items-center">
+                    <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
+                        <h3 class="text-2xl font-bold mb-4">
+                            <span class="bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-400">
+                                Получи бесплатный PDF-гайд
+                            </span>
+                        </h3>
+                        <h4 class="text-xl font-bold mb-2">"5 эмоций слота и как их распознать"</h4>
+                        <p class="text-gray-400 mb-6">
+                            Узнай, как определять фазы отдачи, агрессии и дразнилки без нашего сервиса. Основные паттерны поведения популярных слотов.
+                        </p>
+                        <ul class="space-y-2 text-gray-300 mb-6">
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-purple-500 mr-2"></i>
+                                <span>Как выглядит "злой" слот</span>
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-purple-500 mr-2"></i>
+                                <span>3 признака скорой бонусной игры</span>
+                            </li>
+                            <li class="flex items-center">
+                                <i class="fas fa-check-circle text-purple-500 mr-2"></i>
+                                <span>Когда слот "заманивает"</span>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="md:w-1/2 w-full">
+                        <div class="bg-gray-900 rounded-lg p-6 border border-gray-700">
+                            <h5 class="font-bold mb-4 text-center">Оставь email и получи гайд</h5>
+                            <form>
+                                <div class="mb-4">
+                                    <input type="email" placeholder="Ваш email" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600">
+                                </div>
+                                <button type="submit" class="w-full py-3 bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 rounded-lg font-bold transition">
+                                    Получить гайд
+                                </button>
+                            </form>
+                            <p class="text-xs text-gray-500 mt-3 text-center">
+                                Нажимая, вы соглашаетесь с обработкой данных
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- FAQ -->
+    <section class="py-16 px-4 md:px-12 bg-gray-900">
+        <div class="container mx-auto max-w-4xl">
+            <h2 class="text-3xl font-bold text-center mb-12">
+                <span class="bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-blue-400">
+                    Частые вопросы
+                </span>
+            </h2>
+            <div class="space-y-4">
+                <!-- FAQ Item 1 -->
+                <div class="bg-gray-800 rounded-xl overflow-hidden border border-gray-700">
+                    <button class="faq-toggle w-full p-6 text-left flex justify-between items-center hover:bg-gray-700 transition">
+                        <span class="font-bold">Это гарантирует выигрыш?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content px-6 pb-6 hidden">
+                        <p class="text-gray-400">
+                            Нет, Casino Brain Mapping не гарантирует выигрыш. Мы анализируем поведение игры и показываем вероятностные сценарии. Как и в покере, даже зная статистику, исход зависит от случайности. Но наш сервис помогает избегать самых неблагоприятных фаз.
+                        </p>
+                    </div>
+                </div>
+                <!-- FAQ Item 2 -->
+                <div class="bg-gray-800 rounded-xl overflow-hidden border border-gray-700">
+                    <button class="faq-toggle w-full p-6 text-left flex justify-between items-center hover:bg-gray-700 transition">
+                        <span class="font-bold">Как часто обновляются данные?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content px-6 pb-6 hidden">
+                        <p class="text-gray-400">
+                            Данные обновляются в режиме реального времени для Premium-пользователей. Free-версия показывает данные с задержкой до 15 минут. Наш ИИ постоянно обучается на новых данных, улучшая точность прогнозов.
+                        </p>
+                    </div>
+                </div>
+                <!-- FAQ Item 3 -->
+                <div class="bg-gray-800 rounded-xl overflow-hidden border border-gray-700">
+                    <button class="faq-toggle w-full p-6 text-left flex justify-between items-center hover:bg-gray-700 transition">
+                        <span class="font-bold">Какие игры поддерживаются?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content px-6 pb-6 hidden">
+                        <p class="text-gray-400">
+                            В Free-версии доступен 1 слот (Gates of Olympus). Premium включает все популярные слоты (Pragmatic Play, Play'n GO, NetEnt), а также crash, dice и plinko игры. Полный список из 120+ игр доступен после регистрации.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- CTA -->
+    <section class="py-16 px-4 md:px-12 bg-gradient-to-br from-purple-900 to-gray-900">
+        <div class="container mx-auto text-center">
+            <h2 class="text-3xl md:text-4xl font-bold mb-6">
+                <span class="bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-400">
+                    Готов увидеть, как думает слот?
+                </span>
+            </h2>
+            <p class="text-xl text-gray-300 mb-10 max-w-2xl mx-auto">
+                Начни бесплатный анализ прямо сейчас и получи преимущество в игре.
+            </p>
+            <div class="flex flex-col sm:flex-row justify-center gap-4">
+                <button class="px-8 py-4 bg-gradient-to-r from-purple-600 to-pink-600 rounded-lg font-bold text-lg hover:from-purple-700 hover:to-pink-700 transition transform hover:scale-105 shadow-lg">
+                    Начать бесплатно
+                </button>
+                <button class="px-8 py-4 bg-gray-800 rounded-lg font-bold text-lg hover:bg-gray-700 transition transform hover:scale-105 border border-gray-700">
+                    <i class="fas fa-crown mr-2"></i> Premium доступ
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="py-12 px-4 md:px-12 bg-gray-900 border-t border-gray-800">
+        <div class="container mx-auto">
+            <div class="grid md:grid-cols-4 gap-8">
+                <div>
+                    <div class="flex items-center space-x-2 mb-4">
+                        <div class="w-8 h-8 rounded-full bg-purple-600 flex items-center justify-center">
+                            <i class="fas fa-brain"></i>
+                        </div>
+                        <h3 class="text-xl font-bold">Casino Brain Mapping</h3>
+                    </div>
+                    <p class="text-gray-400 mb-4">
+                        ИИ-анализ поведения казино-игр. Смотри, как думает слот. Играй, когда он готов отдать.
+                    </p>
+                    <div class="flex space-x-4">
+                        <a href="#" class="text-gray-400 hover:text-purple-400 transition">
+                            <i class="fab fa-telegram text-xl"></i>
+                        </a>
+                        <a href="#" class="text-gray-400 hover:text-purple-400 transition">
+                            <i class="fab fa-discord text-xl"></i>
+                        </a>
+                        <a href="#" class="text-gray-400 hover:text-purple-400 transition">
+                            <i class="fab fa-twitter text-xl"></i>
+                        </a>
+                    </div>
+                </div>
+                <div>
+                    <h4 class="font-bold text-lg mb-4">Навигация</h4>
+                    <ul class="space-y-2">
+                        <li><a href="#how-it-works" class="text-gray-400 hover:text-purple-400 transition">Как работает</a></li>
+                        <li><a href="#examples" class="text-gray-400 hover:text-purple-400 transition">Примеры</a></li>
+                        <li><a href="#pricing" class="text-gray-400 hover:text-purple-400 transition">Тарифы</a></li>
+                        <li><a href="#testimonials" class="text-gray-400 hover:text-purple-400 transition">Отзывы</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="font-bold text-lg mb-4">Поддержка</h4>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">FAQ</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Контакты</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Политика конфиденциальности</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Условия использования</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="font-bold text-lg mb-4">Контакты</h4>
+                    <ul class="space-y-2 text-gray-400">
+                        <li class="flex items-center">
+                            <i class="fas fa-envelope mr-2"></i>
+                            <span>support@casinobrain.com</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-globe mr-2"></i>
+                            <span>24/7 Support</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500">
+                <p>© 2023 Casino Brain Mapping. Все права защищены.</p>
+                <p class="text-xs mt-2">Это развлекательный сервис. Мы не гарантируем выигрыши и не управляем играми.</p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // FAQ toggle functionality
+        document.querySelectorAll('.faq-toggle').forEach(button => {
+            button.addEventListener('click', () => {
+                const content = button.nextElementSibling;
+                const icon = button.querySelector('i');
+                content.classList.toggle('hidden');
+                icon.classList.toggle('rotate-180');
+            });
+        });
+        // Animate neuro pathways on scroll into view
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    const paths = entry.target.querySelectorAll('.neuro-path');
+                    paths.forEach(path => {
+                        path.style.animation = 'dash 5s linear forwards';
+                    });
+                }
+            });
+        }, {threshold: 0.1});
+        document.querySelectorAll('.brain-map').forEach(map => {
+            observer.observe(map);
+        });
+    </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/kjlsdfsljkf64432" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ Отлично. Ниже — подробное ТЗ на лендинг сервиса “Casino Brain Mapping” — интеллектуальная карта поведения игр, визуализированная как «разум» слота. ⸻ 🧠 Техническое задание: Лендинг сервиса “Casino Brain Mapping” ИИ-карта “мышления” казино-игр — визуализация фаз, настроений и поведения ⸻ 🧠 Название проекта: Casino Brain Mapping Слоган: Смотри, как думает слот. Играй, когда он готов отдать. ⸻ 🎯 Цель лендинга: Показать игроку, что каждый слот якобы имеет своё “мышление” — предсказуемую структуру поведения. ИИ анализирует: • Эмоциональные фазы игры (усталость, агрессия, отдача) • Настроение слота (в виде визуальных паттернов) • Когда слот “подогревается”, а когда “пугает и отталкивает” Цель — повысить траст через глубину и необычный подход, визуал, интеллект и сторителлинг. ⸻ 💻 Описание функционала: 🔹 Бесплатный режим: • Можно выбрать 1 слот (например, Gates of Olympus) • Отображается: • Мозговая карта поведения (в упрощённом виде) • “Фаза сейчас: Нейтрально-Пугающая” • Подсказка: “Рекомендуется наблюдение, не ставка” 🔒 Premium: • Доступ ко всем слотам / crash / dice / plinko • Расширенная карта “сознания игры” с визуальными кластерами: • 🔵 Фаза тишины • 🔴 Фаза отдачи • ⚠️ Фаза дразнилки (почти бонуска, но нет) • Таймлайн фаз (динамическое поведение во времени) • Прогноз фазы “что будет дальше” • Индикаторы: • Уровень нервозности слота • Готовность на бонуску • Тенденция к заносу ⸻ 📄 Структура лендинга: 1. Первый экран • Заголовок: «Разум казино-игр под контролем ИИ» • Подзаголовок: Мы расшифровали, как “думают” слоты. Теперь ты можешь предугадать их настроение. • CTA-кнопка: [Сканировать слот бесплатно] ⸻ 2. Как работает Casino Brain Mapping • 3 шага: 1. Слот анализируется ИИ 2. Выводится “карта поведения” 3. Получаешь прогноз и рекомендации по действию ⸻ 3. Примеры отображения карты (визуал): • “Сейчас: Фаза Дразнилки” Последние 15 спинов: конфеты, почти бонуски, иксы X2–X4 ИИ считает, что слот заманивает, но не отдаёт Рекомендация: Пауза или смена игры • “Фаза Отдачи” Множители стабильны, нет резких откатов Вероятность бонуски: 74% ⸻ 4. Почему это работает • ИИ создаёт модель “поведения”, как будто у игры есть психология • Используется история игры, статистика, повторяемость сценариев • Визуализация создаёт wow-эффект и ощущение глубины ⸻ 5. Сравнение тарифов Возможности Free Premium Карта 1 слота ✅ ✅ Эмо-фазы ⚠️ базовые ✅ глубокие Таймлайн поведения ❌ ✅ Прогноз следующей фазы ❌ ✅ Рекомендации по входу/выходу ❌ ✅ Мультисравнение слотов ❌ ✅ ⸻ 6. Отзывы • «Слот реально вел себя как “обиженный” — ИИ дал паузу, и потом пошёл занос» • «Теперь чувствую фазу игры. Это не магия, это карта мозга.» ⸻ 7. Лид-магнит “PDF-гайд: 5 эмоций слота и как их распознать” → e-mail → показ Premium-возможностей ⸻ 🎨 Дизайн: • Тематика: нейросети, мозг, карта сознания • Цвета: тём��ый фон, яркие мозговые вспышки (неон: синий, фиолетовый, красный) • Элементы: • Динамическая карта фаз • Таймлайн в виде нейроимпульсов • Визуал эмоций (радость, паника, агрессия) ⸻ 🔧 Технические блоки: • Live-анимация “мозговой активности” слота • Галерея карт сознания для популярных игр • Статистика поведения игры за сутки: “Фаза отдачи — 17%, фаза паники — 39%” ⸻ ❓Уточняющие вопросы: 1. Делаем ли визуальную нейро-карту прямо на лендинге как интерактив? 2. Хотим ли показать “архетипы слотов” — какие игры склонны к каким эмоциям? 3. Добавим ли механику “ИИ в реальном времени читает эмоции” (имитация live-анализа)? ⸻ Если всё устраивает — перехожу к следующему ТЗ: Watch & Copy AI. Подтверди.