Spaces:
Running
Running
Создать профессиональный лендинг/сайт для продажи Roblox-скрипта по ссылке: loadstring(game:HttpGet("https://raw.githubusercontent.com/username12scripting/CloxoSS/refs/heads/main/Cloxo%20Server%20Side"))() --- 🔹 Основные разделы сайта: 🖥️ Главная (Hero Section): Название проекта: Cloxo Server Side Слоган: "Мощь сервера в твоих руках" Кнопка: Купить скрипт (ведёт на оплату) Ссылка на Discord или Telegram: @Legend32122 💼 О продукте: Что такое Cloxo Server Side Список функций (ESP, Fling, Server Admin, Ban и т.д.) Поддержка Exploit'ов: Delta X, Synapse X, KRNL ⭐ Отзывы: Настоящие отзывы от пользователей (можно добавить 3-5 фейковых для начала) Возможность оставить отзыв (форма) 💸 Оплата: Кнопка "Купить скрипт" Поддержка оплаты: Qiwi / Robokassa / PayPal / DonationAlerts 📞 Поддержка: Контакт: @Legend32122 Telegram-чат / Discord-сервер 🔒 Безопасность: Обещание: "Ключ выдается сразу после оплаты" Надёжная активация через Key System --- 🎨 Дизайн: Цвета: Фиолетовый + Чёрный (в стиле хакер/Roblox Cheat UI) Анимации при прокрутке (Smooth) Минимализм, но технологичный вид. Логотип с надписью: XLegend --- ✅ Требования к функционалу: Сайт должен выглядеть профессионально Отзывы можно читать и оставлять Кнопка Копировать скрипт (как CodeBlock) Поддержка мобильных устройств (адаптивный дизайн) 📌 Также можешь загрузить лого или иконку — вставим в дизайн. - Initial Deployment
9d4028d verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Cloxo Server Side - Мощь сервера в твоих руках</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"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#8b5cf6', | |
| dark: '#0f172a', | |
| darker: '#020617', | |
| }, | |
| animation: { | |
| 'fade-in': 'fadeIn 1s ease-in-out', | |
| 'slide-up': 'slideUp 0.8s ease-out', | |
| }, | |
| keyframes: { | |
| fadeIn: { | |
| '0%': { opacity: '0' }, | |
| '100%': { opacity: '1' }, | |
| }, | |
| slideUp: { | |
| '0%': { transform: 'translateY(20px)', opacity: '0' }, | |
| '100%': { transform: 'translateY(0)', opacity: '1' }, | |
| } | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Roboto:wght@300;400;500;700&display=swap'); | |
| body { | |
| font-family: 'Roboto', sans-serif; | |
| background-color: #020617; | |
| color: #f8fafc; | |
| scroll-behavior: smooth; | |
| } | |
| .code-font { | |
| font-family: 'JetBrains Mono', monospace; | |
| } | |
| .gradient-text { | |
| background: linear-gradient(90deg, #8b5cf6, #c4b5fd); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .glow { | |
| text-shadow: 0 0 10px rgba(139, 92, 246, 0.7); | |
| } | |
| .nav-link { | |
| position: relative; | |
| } | |
| .nav-link::after { | |
| content: ''; | |
| position: absolute; | |
| width: 0; | |
| height: 2px; | |
| bottom: -2px; | |
| left: 0; | |
| background-color: #8b5cf6; | |
| transition: width 0.3s ease; | |
| } | |
| .nav-link:hover::after { | |
| width: 100%; | |
| } | |
| .code-block { | |
| position: relative; | |
| } | |
| .copy-btn { | |
| position: absolute; | |
| top: 0.5rem; | |
| right: 0.5rem; | |
| opacity: 0; | |
| transition: opacity 0.2s ease; | |
| } | |
| .code-block:hover .copy-btn { | |
| opacity: 1; | |
| } | |
| .review-card { | |
| transition: transform 0.3s ease, box-shadow 0.3s ease; | |
| } | |
| .review-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(139, 92, 246, 0.3); | |
| } | |
| .feature-icon { | |
| transition: transform 0.3s ease; | |
| } | |
| .feature-card:hover .feature-icon { | |
| transform: scale(1.1) rotate(5deg); | |
| } | |
| </style> | |
| </head> | |
| <body class="min-h-screen"> | |
| <!-- Navigation --> | |
| <nav class="bg-darker/80 backdrop-blur-md fixed w-full z-50 border-b border-primary/20"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex items-center justify-between h-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <div class="h-8 w-8 rounded-full bg-primary flex items-center justify-center"> | |
| <span class="font-bold text-white">XL</span> | |
| </div> | |
| <span class="ml-2 text-white font-bold">XLegend</span> | |
| </div> | |
| </div> | |
| <div class="hidden md:block"> | |
| <div class="ml-10 flex items-baseline space-x-4"> | |
| <a href="#home" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Главная</a> | |
| <a href="#features" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Функции</a> | |
| <a href="#reviews" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Отзывы</a> | |
| <a href="#pricing" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Оплата</a> | |
| <a href="#support" class="nav-link text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Поддержка</a> | |
| </div> | |
| </div> | |
| <div class="md:hidden"> | |
| <button id="mobile-menu-button" class="text-gray-300 hover:text-white focus:outline-none"> | |
| <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> | |
| </svg> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div id="mobile-menu" class="hidden md:hidden bg-darker border-t border-primary/20"> | |
| <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> | |
| <a href="#home" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-primary/10">Главная</a> | |
| <a href="#features" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-primary/10">Функции</a> | |
| <a href="#reviews" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-primary/10">Отзывы</a> | |
| <a href="#pricing" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-primary/10">Оплата</a> | |
| <a href="#support" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-primary/10">Поддержка</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section id="home" class="pt-24 pb-16 md:pt-32 md:pb-24 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto min-h-screen flex items-center"> | |
| <div class="text-center w-full animate-fade-in"> | |
| <h1 class="text-4xl md:text-6xl font-bold mb-4 glow"> | |
| <span class="gradient-text">Cloxo Server Side</span> | |
| </h1> | |
| <p class="text-xl md:text-2xl text-gray-300 mb-8 animate-slide-up">Мощь сервера в твоих руках</p> | |
| <div class="max-w-3xl mx-auto mb-12 animate-slide-up"> | |
| <div class="code-block bg-black/50 rounded-lg p-4 text-left relative"> | |
| <pre class="code-font text-gray-300 overflow-x-auto"><code>loadstring(game:HttpGet("https://raw.githubusercontent.com/username12scripting/CloxoSS/refs/heads/main/Cloxo%20Server%20Side"))()</code></pre> | |
| <button class="copy-btn bg-primary/20 hover:bg-primary/30 text-white p-2 rounded-md transition" onclick="copyToClipboard()"> | |
| <i class="fas fa-copy"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4 mb-12 animate-slide-up"> | |
| <a href="#pricing" class="bg-primary hover:bg-primary/90 text-white font-bold py-3 px-8 rounded-lg transition duration-300 transform hover:scale-105"> | |
| Купить скрипт | |
| </a> | |
| <a href="https://t.me/Legend32122" target="_blank" class="bg-white/10 hover:bg-white/20 text-white font-bold py-3 px-8 rounded-lg border border-white/10 transition duration-300 transform hover:scale-105 flex items-center justify-center gap-2"> | |
| <i class="fab fa-telegram"></i> @Legend32122 | |
| </a> | |
| </div> | |
| <div class="flex justify-center gap-6 animate-slide-up"> | |
| <div class="flex items-center text-gray-400"> | |
| <i class="fas fa-bolt mr-2 text-primary"></i> | |
| <span>Мгновенная доставка</span> | |
| </div> | |
| <div class="flex items-center text-gray-400"> | |
| <i class="fas fa-shield-alt mr-2 text-primary"></i> | |
| <span>Безопасно</span> | |
| </div> | |
| <div class="flex items-center text-gray-400"> | |
| <i class="fas fa-sync-alt mr-2 text-primary"></i> | |
| <span>Обновления</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section id="features" class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">О продукте</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto">Cloxo Server Side - это мощный инструмент для управления сервером в Roblox с уникальными функциями</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Feature 1 --> | |
| <div class="feature-card bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-xl p-6 transition duration-300"> | |
| <div class="feature-icon bg-primary/10 text-primary w-14 h-14 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-eye text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">ESP</h3> | |
| <p class="text-gray-400">Визуализация игроков через стены с различными режимами отображения и настройками</p> | |
| </div> | |
| <!-- Feature 2 --> | |
| <div class="feature-card bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-xl p-6 transition duration-300"> | |
| <div class="feature-icon bg-primary/10 text-primary w-14 h-14 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-user-shield text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Server Admin</h3> | |
| <p class="text-gray-400">Полный контроль над сервером с расширенными административными функциями</p> | |
| </div> | |
| <!-- Feature 3 --> | |
| <div class="feature-card bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-xl p-6 transition duration-300"> | |
| <div class="feature-icon bg-primary/10 text-primary w-14 h-14 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-ban text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Ban System</h3> | |
| <p class="text-gray-400">Возможность банить игроков с различными уровнями ограничений</p> | |
| </div> | |
| <!-- Feature 4 --> | |
| <div class="feature-card bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-xl p-6 transition duration-300"> | |
| <div class="feature-icon bg-primary/10 text-primary w-14 h-14 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-running text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Fling</h3> | |
| <p class="text-gray-400">Возможность подбрасывать игроков с настраиваемой силой и эффектами</p> | |
| </div> | |
| <!-- Feature 5 --> | |
| <div class="feature-card bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-xl p-6 transition duration-300"> | |
| <div class="feature-icon bg-primary/10 text-primary w-14 h-14 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-tools text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Exploit Support</h3> | |
| <p class="text-gray-400">Поддержка всех популярных эксплойтов: Delta X, Synapse X, KRNL и других</p> | |
| </div> | |
| <!-- Feature 6 --> | |
| <div class="feature-card bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-xl p-6 transition duration-300"> | |
| <div class="feature-icon bg-primary/10 text-primary w-14 h-14 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-lock text-2xl"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-2">Key System</h3> | |
| <p class="text-gray-400">Надёжная система активации с мгновенной выдачей ключа после оплаты</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Reviews Section --> | |
| <section id="reviews" class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto bg-dark/50"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Отзывы пользователей</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto">Что говорят наши клиенты о Cloxo Server Side</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16"> | |
| <!-- Review 1 --> | |
| <div class="review-card bg-darker/70 border border-primary/20 rounded-xl p-6"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-3"> | |
| <i class="fas fa-user text-primary"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Alex</h4> | |
| <div class="flex text-yellow-400 text-sm"> | |
| <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">"Лучший серверсайд скрипт из всех, что я пробовал. ESP работает идеально, админка мощная. Ключ пришёл сразу после оплаты."</p> | |
| </div> | |
| <!-- Review 2 --> | |
| <div class="review-card bg-darker/70 border border-primary/20 rounded-xl p-6"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-3"> | |
| <i class="fas fa-user text-primary"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Mike</h4> | |
| <div class="flex text-yellow-400 text-sm"> | |
| <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">"Отличный функционал, особенно понравилась система банов. Поддержка отвечает быстро и помогает с любыми вопросами."</p> | |
| </div> | |
| <!-- Review 3 --> | |
| <div class="review-card bg-darker/70 border border-primary/20 rounded-xl p-6"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-3"> | |
| <i class="fas fa-user text-primary"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Sarah</h4> | |
| <div class="flex text-yellow-400 text-sm"> | |
| <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">"Работает с Synapse X без проблем. Обновления выходят регулярно, разработчик действительно заботится о продукте."</p> | |
| </div> | |
| </div> | |
| <!-- Add Review Form --> | |
| <div class="max-w-2xl mx-auto bg-darker/70 border border-primary/20 rounded-xl p-6"> | |
| <h3 class="text-xl font-bold mb-4 text-center">Оставить отзыв</h3> | |
| <form id="review-form"> | |
| <div class="mb-4"> | |
| <label for="name" class="block text-gray-300 mb-2">Имя</label> | |
| <input type="text" id="name" class="w-full bg-dark border border-white/10 rounded-lg px-4 py-2 text-white focus:outline-none focus:ring-2 focus:ring-primary"> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="rating" class="block text-gray-300 mb-2">Оценка</label> | |
| <div class="flex items-center"> | |
| <div class="rating-stars flex"> | |
| <i class="far fa-star text-yellow-400 text-xl cursor-pointer mr-1" data-rating="1"></i> | |
| <i class="far fa-star text-yellow-400 text-xl cursor-pointer mr-1" data-rating="2"></i> | |
| <i class="far fa-star text-yellow-400 text-xl cursor-pointer mr-1" data-rating="3"></i> | |
| <i class="far fa-star text-yellow-400 text-xl cursor-pointer mr-1" data-rating="4"></i> | |
| <i class="far fa-star text-yellow-400 text-xl cursor-pointer" data-rating="5"></i> | |
| </div> | |
| <input type="hidden" id="rating" value="0"> | |
| </div> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="review" class="block text-gray-300 mb-2">Отзыв</label> | |
| <textarea id="review" rows="4" class="w-full bg-dark border border-white/10 rounded-lg px-4 py-2 text-white focus:outline-none focus:ring-2 focus:ring-primary"></textarea> | |
| </div> | |
| <button type="submit" class="w-full bg-primary hover:bg-primary/90 text-white font-bold py-3 px-4 rounded-lg transition duration-300"> | |
| Отправить отзыв | |
| </button> | |
| </form> | |
| </div> | |
| </section> | |
| <!-- Pricing Section --> | |
| <section id="pricing" class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Оплата</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto">Выберите удобный способ оплаты и получите ключ мгновенно</p> | |
| </div> | |
| <div class="max-w-3xl mx-auto bg-darker/70 border border-primary/20 rounded-xl p-8"> | |
| <div class="flex flex-col md:flex-row items-center justify-between mb-8"> | |
| <div> | |
| <h3 class="text-2xl font-bold mb-2">Cloxo Server Side</h3> | |
| <p class="text-gray-400">Полная версия со всеми функциями</p> | |
| </div> | |
| <div class="mt-4 md:mt-0"> | |
| <span class="text-3xl font-bold gradient-text">$9.99</span> | |
| <span class="text-gray-400">/ навсегда</span> | |
| </div> | |
| </div> | |
| <div class="mb-8"> | |
| <h4 class="text-lg font-bold mb-4">Способы оплаты</h4> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> | |
| <div class="bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-lg p-4 flex items-center justify-center transition cursor-pointer"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Qiwi_logo.svg/1200px-Qiwi_logo.svg.png" alt="Qiwi" class="h-8"> | |
| </div> | |
| <div class="bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-lg p-4 flex items-center justify-center transition cursor-pointer"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/Robokassa_logo.svg/1200px-Robokassa_logo.svg.png" alt="Robokassa" class="h-8"> | |
| </div> | |
| <div class="bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-lg p-4 flex items-center justify-center transition cursor-pointer"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/PayPal.svg/1200px-PayPal.svg.png" alt="PayPal" class="h-8"> | |
| </div> | |
| <div class="bg-dark/50 hover:bg-dark/70 border border-white/5 rounded-lg p-4 flex items-center justify-center transition cursor-pointer"> | |
| <img src="https://donationalerts.com/img/da_logo.png" alt="DonationAlerts" class="h-8"> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-primary/10 border border-primary/20 rounded-lg p-4 mb-8"> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <i class="fas fa-key text-primary"></i> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-sm text-gray-300">После успешной оплаты ключ активации будет отправлен вам автоматически в течение 1 минуты. Если вы не получили ключ, свяжитесь с поддержкой.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <button class="w-full bg-primary hover:bg-primary/90 text-white font-bold py-4 px-4 rounded-lg transition duration-300 transform hover:scale-[1.02]"> | |
| Купить скрипт | |
| </button> | |
| </div> | |
| </section> | |
| <!-- Support Section --> | |
| <section id="support" class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto bg-dark/50"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Поддержка</h2> | |
| <p class="text-xl text-gray-300 max-w-3xl mx-auto">Мы всегда готовы помочь с любыми вопросами</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> | |
| <div class="bg-darker/70 border border-primary/20 rounded-xl p-8"> | |
| <h3 class="text-2xl font-bold mb-4">Контакты</h3> | |
| <div class="space-y-4"> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center mr-4"> | |
| <i class="fas fa-user-tie text-primary"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Разработчик</h4> | |
| <p class="text-gray-400">@Legend32122</p> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center mr-4"> | |
| <i class="fab fa-telegram text-primary"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Telegram</h4> | |
| <a href="https://t.me/Legend32122" target="_blank" class="text-gray-400 hover:text-primary transition">@Legend32122</a> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center mr-4"> | |
| <i class="fab fa-discord text-primary"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Discord</h4> | |
| <p class="text-gray-400">Legend#32122</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-darker/70 border border-primary/20 rounded-xl p-8"> | |
| <h3 class="text-2xl font-bold mb-4">FAQ</h3> | |
| <div class="space-y-4"> | |
| <div class="border-b border-white/10 pb-4"> | |
| <h4 class="font-bold mb-2">Как получить ключ после оплаты?</h4> | |
| <p class="text-gray-400">Ключ отправляется автоматически в течение 1 минуты после оплаты на указанный вами email или в Telegram.</p> | |
| </div> | |
| <div class="border-b border-white/10 pb-4"> | |
| <h4 class="font-bold mb-2">Какие эксплойты поддерживаются?</h4> | |
| <p class="text-gray-400">Delta X, Synapse X, KRNL и другие популярные эксплойты. Полный список можно уточнить у поддержки.</p> | |
| </div> | |
| <div class="border-b border-white/10 pb-4"> | |
| <h4 class="font-bold mb-2">Как часто выходят обновления?</h4> | |
| <p class="text-gray-400">Обновления выходят регулярно, обычно 1-2 раза в месяц, в зависимости от изменений в Roblox.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-darker py-12 px-4 sm:px-6 lg:px-8 border-t border-primary/20"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex items-center mb-6 md:mb-0"> | |
| <div class="h-8 w-8 rounded-full bg-primary flex items-center justify-center"> | |
| <span class="font-bold text-white">XL</span> | |
| </div> | |
| <span class="ml-2 text-white font-bold">XLegend</span> | |
| </div> | |
| <div class="flex space-x-6 mb-6 md:mb-0"> | |
| <a href="#home" class="text-gray-400 hover:text-white transition">Главная</a> | |
| <a href="#features" class="text-gray-400 hover:text-white transition">Функции</a> | |
| <a href="#reviews" class="text-gray-400 hover:text-white transition">Отзывы</a> | |
| <a href="#pricing" class="text-gray-400 hover:text-white transition">Оплата</a> | |
| <a href="#support" class="text-gray-400 hover:text-white transition">Поддержка</a> | |
| </div> | |
| <div class="flex space-x-4"> | |
| <a href="https://t.me/Legend32122" target="_blank" class="text-gray-400 hover:text-primary transition"> | |
| <i class="fab fa-telegram text-xl"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-primary transition"> | |
| <i class="fab fa-discord text-xl"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="mt-8 pt-8 border-t border-white/10 text-center text-gray-500 text-sm"> | |
| <p>© 2023 Cloxo Server Side. Все права защищены.</p> | |
| <p class="mt-2">Этот продукт не аффилирован с Roblox Corporation.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| // Copy to clipboard function | |
| function copyToClipboard() { | |
| const code = 'loadstring(game:HttpGet("https://raw.githubusercontent.com/username12scripting/CloxoSS/refs/heads/main/Cloxo%20Server%20Side"))()'; | |
| navigator.clipboard.writeText(code).then(function() { | |
| // Show copied tooltip | |
| const btn = event.currentTarget; | |
| const originalHTML = btn.innerHTML; | |
| btn.innerHTML = '<i class="fas fa-check"></i>'; | |
| btn.classList.add('bg-green-500/20'); | |
| btn.classList.remove('bg-primary/20'); | |
| // Reset after 2 seconds | |
| setTimeout(function() { | |
| btn.innerHTML = originalHTML; | |
| btn.classList.remove('bg-green-500/20'); | |
| btn.classList.add('bg-primary/20'); | |
| }, 2000); | |
| }); | |
| } | |
| // Rating stars | |
| const stars = document.querySelectorAll('.rating-stars i'); | |
| const ratingInput = document.getElementById('rating'); | |
| stars.forEach(star => { | |
| star.addEventListener('click', function() { | |
| const rating = this.getAttribute('data-rating'); | |
| ratingInput.value = rating; | |
| stars.forEach((s, index) => { | |
| if (index < rating) { | |
| s.classList.remove('far'); | |
| s.classList.add('fas'); | |
| } else { | |
| s.classList.remove('fas'); | |
| s.classList.add('far'); | |
| } | |
| }); | |
| }); | |
| star.addEventListener('mouseover', function() { | |
| const hoverRating = this.getAttribute('data-rating'); | |
| stars.forEach((s, index) => { | |
| if (index < hoverRating) { | |
| s.classList.remove('far'); | |
| s.classList.add('fas'); | |
| } else { | |
| s.classList.remove('fas'); | |
| s.classList.add('far'); | |
| } | |
| }); | |
| }); | |
| star.addEventListener('mouseout', function() { | |
| const currentRating = ratingInput.value; | |
| stars.forEach((s, index) => { | |
| if (index < currentRating) { | |
| s.classList.remove('far'); | |
| s.classList.add('fas'); | |
| } else { | |
| s.classList.remove('fas'); | |
| s.classList.add('far'); | |
| } | |
| }); | |
| }); | |
| }); | |
| // Review form submission | |
| document.getElementById('review-form').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| const name = document.getElementById('name').value; | |
| const rating = document.getElementById('rating').value; | |
| const review = document.getElementById('review').value; | |
| if (!name || !rating || !review) { | |
| alert('Пожалуйста, заполните все поля'); | |
| return; | |
| } | |
| // Here you would typically send the data to a server | |
| // For demo purposes, we'll just show an alert | |
| alert('Спасибо за ваш отзыв! Он будет опубликован после проверки.'); | |
| // Reset form | |
| this.reset(); | |
| stars.forEach(star => { | |
| star.classList.remove('fas'); | |
| star.classList.add('far'); | |
| }); | |
| ratingInput.value = '0'; | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| window.scrollTo({ | |
| top: targetElement.offsetTop - 80, | |
| behavior: 'smooth' | |
| }); | |
| // Close mobile menu if open | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| if (!mobileMenu.classList.contains('hidden')) { | |
| mobileMenu.classList.add('hidden'); | |
| } | |
| } | |
| }); | |
| }); | |
| // Animate elements when they come into view | |
| const animateOnScroll = function() { | |
| const elements = document.querySelectorAll('.animate-fade-in, .animate-slide-up'); | |
| elements.forEach(element => { | |
| const elementPosition = element.getBoundingClientRect().top; | |
| const screenPosition = window.innerHeight / 1.2; | |
| if (elementPosition < screenPosition) { | |
| element.style.opacity = '1'; | |
| element.style.transform = 'translateY(0)'; | |
| } | |
| }); | |
| }; | |
| // Set initial state for animated elements | |
| document.querySelectorAll('.animate-fade-in').forEach(el => { | |
| el.style.opacity = '0'; | |
| }); | |
| document.querySelectorAll('.animate-slide-up').forEach(el => { | |
| el.style.opacity = '0'; | |
| el.style.transform = 'translateY(20px)'; | |
| el.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out'; | |
| }); | |
| // Run once on load | |
| window.addEventListener('load', animateOnScroll); | |
| // Run on scroll | |
| window.addEventListener('scroll', animateOnScroll); | |
| </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=XLegendSigmaBro/xlegend" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |