Spaces:

Denzel1989
/

ai-studio-chatbot

Running

App Files Files Community

Denzel1989 commited on May 3, 2025

Commit

720c958

verified ·

1 Parent(s): 7e739c9

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +649 -19
prompts.txt +2 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Ai Studio Chatbot
-emoji: 😻
-colorFrom: gray
-colorTo: indigo
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: ai-studio-chatbot
+emoji: 🐳
+colorFrom: blue
+colorTo: gray
 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,649 @@
-<!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="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI-STUDIO × TORUS GROUP | Квантовые нейрорешения</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>
+    @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@300;500;700&display=swap');
+    :root {
+      --primary: #8A2BE2;
+      --secondary: #00F5FF;
+      --dark: #0A0E17;
+      --light: #E6F1FF;
+      --accent: #FF2D75;
+    }
+    body {
+      font-family: 'Rajdhani', sans-serif;
+      background-color: var(--dark);
+      color: var(--light);
+      overflow-x: hidden;
+      position: relative;
+      background-image:
+        radial-gradient(circle at 10% 20%, rgba(138, 43, 226, 0.1) 0%, transparent 20%),
+        radial-gradient(circle at 90% 80%, rgba(0, 245, 255, 0.1) 0%, transparent 20%);
+    }
+    h1, h2, h3, .font-orbitron {
+      font-family: 'Orbitron', sans-serif;
+      letter-spacing: 1px;
+    }
+    /* Quantum Preloader */
+    #preloader {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: var(--dark);
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      z-index: 9999;
+      transition: opacity 0.8s ease;
+    }
+    .quantum-loader {
+      width: 120px;
+      height: 120px;
+      position: relative;
+    }
+    .quantum-dot {
+      position: absolute;
+      width: 20px;
+      height: 20px;
+      background: var(--accent);
+      border-radius: 50%;
+      animation: quantumOrbit 3s ease-in-out infinite;
+    }
+    .quantum-dot:nth-child(1) {
+      top: 0;
+      left: 50px;
+      animation-delay: 0s;
+      background: var(--primary);
+    }
+    .quantum-dot:nth-child(2) {
+      top: 50px;
+      right: 0;
+      animation-delay: -0.5s;
+      background: var(--secondary);
+    }
+    .quantum-dot:nth-child(3) {
+      bottom: 0;
+      left: 50px;
+      animation-delay: -1s;
+      background: var(--accent);
+    }
+    .quantum-dot:nth-child(4) {
+      top: 50px;
+      left: 0;
+      animation-delay: -1.5s;
+      background: #FFF;
+    }
+    @keyframes quantumOrbit {
+      0%, 100% { transform: rotate(0deg) translateX(40px) rotate(0deg); }
+      25% { transform: rotate(90deg) translateX(40px) rotate(-90deg); }
+      50% { transform: rotate(180deg) translateX(40px) rotate(-180deg); }
+      75% { transform: rotate(270deg) translateX(40px) rotate(-270deg); }
+    }
+    /* Holographic Card Effect */
+    .holographic-card {
+      position: relative;
+      background: rgba(10, 14, 23, 0.7);
+      backdrop-filter: blur(10px);
+      border-radius: 16px;
+      overflow: hidden;
+      z-index: 1;
+    }
+    .holographic-card::before {
+      content: '';
+      position: absolute;
+      top: -50%;
+      left: -50%;
+      width: 200%;
+      height: 200%;
+      background: linear-gradient(
+        45deg,
+        transparent 0%,
+        rgba(138, 43, 226, 0.1) 30%,
+        rgba(0, 245, 255, 0.2) 50%,
+        rgba(138, 43, 226, 0.1) 70%,
+        transparent 100%
+      );
+      transform: rotate(45deg);
+      animation: holographicFlow 8s linear infinite;
+      z-index: -1;
+    }
+    @keyframes holographicFlow {
+      0% { transform: translateY(0) rotate(45deg); }
+      100% { transform: translateY(-100%) rotate(45deg); }
+    }
+    /* Cyber Button */
+    .cyber-button {
+      position: relative;
+      background: transparent;
+      color: var(--light);
+      border: 2px solid var(--primary);
+      padding: 12px 28px;
+      font-weight: 700;
+      letter-spacing: 1px;
+      text-transform: uppercase;
+      transition: all 0.3s ease;
+      overflow: hidden;
+    }
+    .cyber-button::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: -100%;
+      width: 100%;
+      height: 100%;
+      background: linear-gradient(90deg, transparent, rgba(138, 43, 226, 0.4), transparent);
+      transition: all 0.5s ease;
+    }
+    .cyber-button:hover {
+      color: var(--accent);
+      box-shadow: 0 0 10px var(--primary), 0 0 20px rgba(138, 43, 226, 0.3);
+    }
+    .cyber-button:hover::before {
+      left: 100%;
+    }
+    /* Neural Network Background */
+    .neural-network {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: -1;
+      opacity: 0.3;
+    }
+    .neural-path {
+      stroke-dasharray: 2000;
+      stroke-dashoffset: 2000;
+      animation: drawPath 10s linear forwards infinite;
+    }
+    @keyframes drawPath {
+      to { stroke-dashoffset: 0; }
+    }
+    /* Floating Quantum Elements */
+    .quantum-element {
+      position: absolute;
+      z-index: -1;
+      opacity: 0.6;
+      filter: drop-shadow(0 0 5px currentColor);
+      animation: floatQuantum 8s ease-in-out infinite;
+    }
+    @keyframes floatQuantum {
+      0%, 100% { transform: translate(0, 0) rotate(0deg); }
+      25% { transform: translate(20px, -20px) rotate(5deg); }
+      50% { transform: translate(0, -30px) rotate(0deg); }
+      75% { transform: translate(-20px, -20px) rotate(-5deg); }
+    }
+    /* Section Divider */
+    .section-divider {
+      position: relative;
+      height: 100px;
+      overflow: hidden;
+    }
+    .section-divider::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      height: 2px;
+      background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent);
+      animation: dividerPulse 3s ease infinite;
+    }
+    @keyframes dividerPulse {
+      0%, 100% { opacity: 0.3; }
+      50% { opacity: 1; }
+    }
+    /* Responsive Adjustments */
+    @media (max-width: 768px) {
+      .quantum-loader {
+        width: 80px;
+        height: 80px;
+      }
+      .quantum-dot {
+        width: 15px;
+        height: 15px;
+      }
+    }
+  </style>
+</head>
+<body>
+  <!-- Quantum Preloader -->
+  <div id="preloader">
+    <div class="quantum-loader">
+      <div class="quantum-dot"></div>
+      <div class="quantum-dot"></div>
+      <div class="quantum-dot"></div>
+      <div class="quantum-dot"></div>
+    </div>
+    <p class="mt-8 text-xl text-var(--light) font-orbitron">ИНИЦИАЛИЗАЦИЯ СИСТЕМЫ...</p>
+  </div>
+  <!-- Neural Network Background -->
+  <svg class="neural-network" viewBox="0 0 1920 1080" preserveAspectRatio="none">
+    <path class="neural-path" stroke="rgba(138, 43, 226, 0.2)" stroke-width="1" fill="none" d="M0,540 Q320,180 640,540 T1280,540 T1920,180"></path>
+    <path class="neural-path" stroke="rgba(0, 245, 255, 0.2)" stroke-width="1" fill="none" d="M0,180 Q320,540 640,180 T1280,180 T1920,540" style="animation-delay: 2s"></path>
+    <path class="neural-path" stroke="rgba(255, 45, 117, 0.2)" stroke-width="1" fill="none" d="M0,360 Q320,720 640,360 T1280,360 T1920,720" style="animation-delay: 4s"></path>
+  </svg>
+  <!-- Floating Quantum Elements -->
+  <div class="quantum-element" style="top:15%; left:10%; color:#8A2BE2; font-size:3rem;">⚛️</div>
+  <div class="quantum-element" style="top:25%; right:15%; color:#00F5FF; font-size:2rem;">🔮</div>
+  <div class="quantum-element" style="bottom:20%; left:20%; color:#FF2D75; font-size:2.5rem;">🧠</div>
+  <div class="quantum-element" style="bottom:30%; right:10%; color:#FFFFFF; font-size:3.5rem;">🌌</div>
+  <!-- Main Container -->
+  <div class="container mx-auto px-4 py-12 max-w-7xl">
+    <!-- Hero Section -->
+    <section class="min-h-screen flex flex-col justify-center items-center text-center relative overflow-hidden">
+      <div class="absolute inset-0 z-0">
+        <div class="absolute top-1/4 left-1/4 w-64 h-64 rounded-full bg-purple-900/20 blur-3xl"></div>
+        <div class="absolute bottom-1/3 right-1/4 w-96 h-96 rounded-full bg-cyan-900/20 blur-3xl"></div>
+      </div>
+      <div class="relative z-10">
+        <div class="text-cyan-400 mb-6 text-lg tracking-widest font-orbitron">// КВАНТОВЫЙ ПРОРЫВ В БИЗНЕСЕ</div>
+        <h1 class="text-5xl md:text-8xl font-bold mb-8">
+          <span class="text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-cyan-400">AI-STUDIO</span>
+          <span class="mx-4 text-white/50">×</span>
+          <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-pink-500">TORUS GROUP</span>
+        </h1>
+        <div class="holographic-card max-w-3xl mx-auto p-8 mb-12">
+          <p class="text-xl md:text-2xl leading-relaxed">
+            <span class="text-cyan-400 font-bold">Квантовые нейрорешения</span> нового поколения,
+            объединяющие искусственный интеллект и когнитивные технологии для
+            <span class="text-purple-400 font-bold">революции</span> в вашем бизнесе.
+          </p>
+        </div>
+        <div class="flex flex-wrap justify-center gap-6">
+          <button class="cyber-button" onclick="window.location.href='#solutions'">
+            <i class="fas fa-atom mr-2"></i> Решения
+          </button>
+          <button class="cyber-button border-cyan-400" onclick="window.location.href='#contact'">
+            <i class="fas fa-terminal mr-2"></i> Контакты
+          </button>
+        </div>
+      </div>
+    </section>
+    <!-- Section Divider -->
+    <div class="section-divider my-20"></div>
+    <!-- Solutions Section -->
+    <section id="solutions" class="py-20">
+      <div class="text-center mb-20">
+        <h2 class="text-4xl md:text-6xl font-bold mb-6">
+          <span class="text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-cyan-400">Нейро</span>
+          <span class="text-white">-</span>
+          <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-pink-500">Решения</span>
+        </h2>
+        <p class="text-xl text-gray-400 max-w-3xl mx-auto">
+          Наши технологии используют квантовые принципы для обработки данных и принятия решений
+        </p>
+      </div>
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+        <!-- Solution 1 -->
+        <div class="holographic-card p-8 h-full">
+          <div class="text-6xl mb-6 text-purple-400">
+            <i class="fas fa-brain-circuit"></i>
+          </div>
+          <h3 class="text-2xl font-bold mb-4 font-orbitron">КВАНТОВЫЕ НЕЙРОСЕТИ</h3>
+          <p class="text-gray-400 mb-6">
+            Гибридные алгоритмы, сочетающие квантовые вычисления и глубокое обучение для решения сложных задач
+          </p>
+          <div class="mt-auto">
+            <button class="text-sm cyber-button border-purple-400 px-4 py-2">
+              ПОДРОБНЕЕ <i class="fas fa-arrow-right ml-2"></i>
+            </button>
+          </div>
+        </div>
+        <!-- Solution 2 -->
+        <div class="holographic-card p-8 h-full">
+          <div class="text-6xl mb-6 text-cyan-400">
+            <i class="fas fa-quantum-computer"></i>
+          </div>
+          <h3 class="text-2xl font-bold mb-4 font-orbitron">ПРЕДИКТИВНЫЙ АНАЛИЗ</h3>
+          <p class="text-gray-400 mb-6">
+            Точные прогнозы рыночных тенденций с использованием квантовых вероятностных моделей
+          </p>
+          <div class="mt-auto">
+            <button class="text-sm cyber-button border-cyan-400 px-4 py-2">
+              ПОДРОБНЕЕ <i class="fas fa-arrow-right ml-2"></i>
+            </button>
+          </div>
+        </div>
+        <!-- Solution 3 -->
+        <div class="holographic-card p-8 h-full">
+          <div class="text-6xl mb-6 text-pink-400">
+            <i class="fas fa-robot-advanced"></i>
+          </div>
+          <h3 class="text-2xl font-bold mb-4 font-orbitron">АВТОНОМНЫЕ АГЕНТЫ</h3>
+          <p class="text-gray-400 mb-6">
+            Самообучающиеся цифровые сущности для автоматизации сложных бизнес-процессов
+          </p>
+          <div class="mt-auto">
+            <button class="text-sm cyber-button border-pink-400 px-4 py-2">
+              ПОДРОБНЕЕ <i class="fas fa-arrow-right ml-2"></i>
+            </button>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- Section Divider -->
+    <div class="section-divider my-20"></div>
+    <!-- About Section -->
+    <section class="py-20">
+      <div class="flex flex-col lg:flex-row items-center gap-12">
+        <div class="lg:w-1/2">
+          <div class="holographic-card p-8">
+            <img src="https://ai-studio-pro.ru/wp-content/uploads/2024/05/ai-studio-logo-white-neon.png" alt="AI-STUDIO" class="w-full h-auto">
+          </div>
+        </div>
+        <div class="lg:w-1/2">
+          <h2 class="text-4xl md:text-5xl font-bold mb-8">
+            <span class="text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-cyan-400">О</span>
+            <span class="text-white">-</span>
+            <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-pink-500">ПАРТНЁРСТВЕ</span>
+          </h2>
+          <p class="text-gray-400 mb-6 text-lg">
+            AI-STUDIO и TORUS GROUP объединили свои технологии для создания первого в мире
+            <span class="text-cyan-400 font-bold">квантового нейроинтерфейса</span> для бизнеса.
+          </p>
+          <div class="space-y-4 mb-8">
+            <div class="flex items-start gap-4">
+              <div class="text-purple-400 text-xl mt-1">
+                <i class="fas fa-quantum"></i>
+              </div>
+              <div>
+                <h4 class="text-xl font-bold mb-1">Квантовые ал��оритмы</h4>
+                <p class="text-gray-400">Использование принципов суперпозиции и запутанности для обработки данных</p>
+              </div>
+            </div>
+            <div class="flex items-start gap-4">
+              <div class="text-cyan-400 text-xl mt-1">
+                <i class="fas fa-network-wired"></i>
+              </div>
+              <div>
+                <h4 class="text-xl font-bold mb-1">Нейроморфные системы</h4>
+                <p class="text-gray-400">Архитектура, имитирующая работу человеческого мозга</p>
+              </div>
+            </div>
+            <div class="flex items-start gap-4">
+              <div class="text-pink-400 text-xl mt-1">
+                <i class="fas fa-infinity"></i>
+              </div>
+              <div>
+                <h4 class="text-xl font-bold mb-1">Бесконечное масштабирование</h4>
+                <p class="text-gray-400">Решения растут вместе с вашим бизнесом</p>
+              </div>
+            </div>
+          </div>
+          <button class="cyber-button border-white">
+            <i class="fas fa-book mr-2"></i> ИСТОРИЯ ПАРТНЁРСТВА
+          </button>
+        </div>
+      </div>
+    </section>
+    <!-- Section Divider -->
+    <div class="section-divider my-20"></div>
+    <!-- Contact Section -->
+    <section id="contact" class="py-20">
+      <div class="text-center mb-20">
+        <h2 class="text-4xl md:text-6xl font-bold mb-6">
+          <span class="text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-cyan-400">ГОТОВЫ</span>
+          <span class="text-white"> К </span>
+          <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-pink-500">ПРОРЫВУ?</span>
+        </h2>
+        <p class="text-xl text-gray-400 max-w-3xl mx-auto">
+          Оставьте запрос и наш квантовый ИИ подберёт оптимальное решение для вашего бизнеса
+        </p>
+      </div>
+      <div class="flex flex-col lg:flex-row gap-12">
+        <div class="lg:w-1/2">
+          <div class="holographic-card p-8 h-full">
+            <h3 class="text-2xl font-bold mb-6 font-orbitron">КОНТАКТНЫЕ ДАННЫЕ</h3>
+            <div class="space-y-6">
+              <div class="flex items-center gap-4">
+                <div class="text-cyan-400 text-2xl">
+                  <i class="fas fa-envelope"></i>
+                </div>
+                <div>
+                  <h4 class="text-gray-400 text-sm">EMAIL</h4>
+                  <a href="mailto:contact@ai-studio.com" class="text-white hover:text-cyan-400 transition">contact@ai-studio.com</a>
+                </div>
+              </div>
+              <div class="flex items-center gap-4">
+                <div class="text-purple-400 text-2xl">
+                  <i class="fas fa-phone-alt"></i>
+                </div>
+                <div>
+                  <h4 class="text-gray-400 text-sm">ТЕЛЕФОН</h4>
+                  <a href="tel:+78005553535" class="text-white hover:text-purple-400 transition">+7 (800) 555-35-35</a>
+                </div>
+              </div>
+              <div class="flex items-center gap-4">
+                <div class="text-pink-400 text-2xl">
+                  <i class="fab fa-telegram"></i>
+                </div>
+                <div>
+                  <h4 class="text-gray-400 text-sm">TELEGRAM</h4>
+                  <a href="https://t.me/Denis_2024" class="text-white hover:text-pink-400 transition">@AI_STUDIO_BOT</a>
+                </div>
+              </div>
+              <div class="pt-6">
+                <h4 class="text-gray-400 text-sm mb-4">СОЦИАЛЬНЫЕ СЕТИ</h4>
+                <div class="flex gap-4">
+                  <a href="#" class="text-gray-400 hover:text-white text-xl transition">
+                    <i class="fab fa-vk"></i>
+                  </a>
+                  <a href="#" class="text-gray-400 hover:text-white text-xl transition">
+                    <i class="fab fa-youtube"></i>
+                  </a>
+                  <a href="#" class="text-gray-400 hover:text-white text-xl transition">
+                    <i class="fab fa-linkedin-in"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="lg:w-1/2">
+          <div class="holographic-card p-8">
+            <h3 class="text-2xl font-bold mb-6 font-orbitron">ФОРМА ОБРАЩЕНИЯ</h3>
+            <form class="space-y-6">
+              <div>
+                <label class="block text-gray-400 text-sm mb-2">ВАШЕ ИМЯ</label>
+                <input type="text" class="w-full bg-gray-900/50 border border-gray-800 focus:border-cyan-400 focus:ring-1 focus:ring-cyan-400/30 rounded px-4 py-3 text-white transition outline-none">
+              </div>
+              <div>
+                <label class="block text-gray-400 text-sm mb-2">EMAIL</label>
+                <input type="email" class="w-full bg-gray-900/50 border border-gray-800 focus:border-purple-400 focus:ring-1 focus:ring-purple-400/30 rounded px-4 py-3 text-white transition outline-none">
+              </div>
+              <div>
+                <label class="block text-gray-400 text-sm mb-2">СООБЩЕНИЕ</label>
+                <textarea rows="4" class="w-full bg-gray-900/50 border border-gray-800 focus:border-pink-400 focus:ring-1 focus:ring-pink-400/30 rounded px-4 py-3 text-white transition outline-none"></textarea>
+              </div>
+              <button type="submit" class="w-full cyber-button border-cyan-400 py-4 text-lg">
+                <i class="fas fa-paper-plane mr-2"></i> ОТПРАВИТЬ ЗАПРОС
+              </button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </section>
+  </div>
+  <!-- Floating Action Button -->
+  <button id="quantumButton" class="fixed bottom-8 right-8 w-16 h-16 rounded-full bg-gradient-to-br from-purple-600 to-cyan-500 flex items-center justify-center text-white text-2xl shadow-xl z-50 transition-all hover:scale-110 hover:shadow-2xl hover:from-purple-500 hover:to-cyan-400">
+    <i class="fas fa-bolt"></i>
+  </button>
+  <!-- Footer -->
+  <footer class="bg-gray-900/50 border-t border-gray-800 py-12">
+    <div class="container mx-auto px-4">
+      <div class="flex flex-col md:flex-row justify-between items-center gap-8">
+        <div class="flex items-center gap-4">
+          <img src="https://ai-studio-pro.ru/wp-content/uploads/2024/05/ai-studio-logo-white-neon.png" alt="AI-STUDIO" class="h-10">
+          <span class="text-gray-400">×</span>
+          <div class="text-white font-orbitron">TORUS GROUP</div>
+        </div>
+        <div class="text-center md:text-right">
+          <p class="text-gray-400 mb-2">© 2024 AI-STUDIO × TORUS GROUP. Все права защищены.</p>
+          <p class="text-gray-500 text-sm">Квантовые нейротехнологии нового поколения</p>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script>
+    // Quantum Preloader
+    window.addEventListener('load', function() {
+      setTimeout(function() {
+        document.getElementById('preloader').style.opacity = '0';
+        setTimeout(function() {
+          document.getElementById('preloader').style.display = 'none';
+          initQuantumEffects();
+        }, 800);
+      }, 2000);
+    });
+    // Initialize Quantum Effects
+    function initQuantumEffects() {
+      // Create quantum particles
+      for (let i = 0; i < 15; i++) {
+        createQuantumParticle();
+      }
+      // Animate sections on scroll
+      const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+          if (entry.isIntersecting) {
+            entry.target.classList.add('animate-fadeInUp');
+          }
+        });
+      }, { threshold: 0.1 });
+      document.querySelectorAll('section').forEach(section => {
+        observer.observe(section);
+      });
+      // Quantum button animation
+      const quantumBtn = document.getElementById('quantumButton');
+      quantumBtn.addEventListener('click', function() {
+        window.location.href = 'https://t.me/Denis_2024';
+      });
+      // Show/hide quantum button on scroll
+      window.addEventListener('scroll', function() {
+        if (window.scrollY > 300) {
+          quantumBtn.classList.add('opacity-100');
+          quantumBtn.classList.remove('opacity-0');
+        } else {
+          quantumBtn.classList.add('opacity-0');
+          quantumBtn.classList.remove('opacity-100');
+        }
+      });
+    }
+    // Create floating quantum particles
+    function createQuantumParticle() {
+      const particle = document.createElement('div');
+      particle.className = 'absolute rounded-full z-0';
+      const size = Math.random() * 6 + 2;
+      const colors = ['from-purple-500/20 to-purple-700/20',
+                     'from-cyan-400/20 to-cyan-600/20',
+                     'from-pink-500/20 to-pink-700/20'];
+      const color = colors[Math.floor(Math.random() * colors.length)];
+      particle.style.width = `${size}px`;
+      particle.style.height = `${size}px`;
+      particle.style.left = `${Math.random() * 100}%`;
+      particle.style.top = `${Math.random() * 100}%`;
+      particle.style.background = `linear-gradient(to bottom right, ${color})`;
+      particle.style.filter = 'blur(1px)';
+      particle.style.animation = `float ${Math.random() * 10 + 5}s ease-in-out infinite`;
+      document.body.appendChild(particle);
+    }
+    // Add animation keyframes dynamically
+    const styleSheet = document.createElement("style");
+    styleSheet.innerHTML = `
+      @keyframes float {
+        0%, 100% { transform: translate(0, 0) rotate(0deg); }
+        25% { transform: translate(${Math.random() * 20 - 10}px, ${Math.random() * 20 - 10}px) rotate(5deg); }
+        50% { transform: translate(${Math.random() * 30 - 15}px, ${Math.random() * 30 - 15}px) rotate(0deg); }
+        75% { transform: translate(${Math.random() * 20 - 10}px, ${Math.random() * 20 - 10}px) rotate(-5deg); }
+      }
+      @keyframes animate-fadeInUp {
+        from { opacity: 0; transform: translateY(20px); }
+        to { opacity: 1; transform: translateY(0); }
+      }
+    `;
+    document.head.appendChild(styleSheet);
+  </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=Denzel1989/ai-studio-chatbot" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AI-STUDIO × TORUS GROUP \| Нейро-решения для роста</title> <style> /* ...существующие стили... */ .pulse-button { position: fixed; bottom: 30px; right: 30px; background: #ff00cc; color: white; border: none; border-radius: 50px; padding: 15px 25px; font-size: 1.1em; font-weight: bold; cursor: pointer; box-shadow: 0 0 15px rgba(255, 0, 204, 0.4); animation: pulse 1.5s infinite; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.5s ease; } .pulse-button.show { opacity: 1; visibility: visible; } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 15px rgba(255, 0, 204, 0.4); } 50% { transform: scale(1.08); box-shadow: 0 0 25px rgba(255, 0, 204, 0.7); } 100% { transform: scale(1); box-shadow: 0 0 15px rgba(255, 0, 204, 0.4); } } </style> <script> window.addEventListener('scroll', function() { const btn = document.querySelector('.pulse-button'); if (window.scrollY > 400) { btn.classList.add('show'); } else { btn.classList.remove('show'); } }); </script> </head> <body> <div class="shooting-stars"></div> <div id="preloader"> <img class="loader-logo" src="https://ai-studio-pro.ru/wp-content/uploads/2024/05/ai-studio-logo-white-neon.png" alt="AI-STUDIO Logo"> <div class="loader"></div> </div> <div class="container"> <div class="welcome">Добро пожаловать в нейро-пространство AI-STUDIO</div> <h1>AI-STUDIO × TORUS GROUP</h1> <p><strong>Интеллектуальное партнёрство для ускоренного роста</strong></p> <!-- Остальной HTML-контент остаётся без изменений --> </div> <button class="pulse-button" onclick="window.location.href='https://t.me/Denis_2024'"> 🚀 Запустить ИИ для бизнеса </button> </body> </html>
2	+ Хорошо подумай и сделай редизайн