Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Accès VIP - MegaMarket IA</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> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #6e48aa 0%, #9d50bb 100%); | |
| } | |
| .vip-card { | |
| border: 2px solid #f59e0b; | |
| box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.3); | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans bg-gray-50"> | |
| <!-- VIP Access Modal --> | |
| <div id="vipModal" class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50"> | |
| <div class="bg-white rounded-lg shadow-xl w-full max-w-md"> | |
| <div class="p-6"> | |
| <div class="flex justify-center mb-6"> | |
| <div class="bg-yellow-100 p-4 rounded-full"> | |
| <i class="fas fa-crown text-yellow-600 text-2xl"></i> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold text-center mb-2">Accès VIP MegaMarket IA</h3> | |
| <p class="text-gray-600 text-center mb-6">Accès gratuit exclusif pour les comptes autorisés</p> | |
| <form id="vipForm" class="space-y-4"> | |
| <div> | |
| <label for="vipEmail" class="block text-sm font-medium text-gray-700 mb-1">Email</label> | |
| <input type="email" id="vipEmail" required class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500"> | |
| </div> | |
| <div> | |
| <label for="vipPassword" class="block text-sm font-medium text-gray-700 mb-1">Mot de passe</label> | |
| <input type="password" id="vipPassword" required class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500"> | |
| </div> | |
| <button type="button" onclick="checkVipAccess()" class="w-full bg-yellow-600 text-white py-2 px-4 rounded-md hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2"> | |
| Vérifier l'accès VIP | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- VIP Dashboard (hidden by default) --> | |
| <div id="vipDashboard" class="hidden max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
| <div class="text-center mb-12"> | |
| <div class="mx-auto h-16 w-16 bg-yellow-100 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-crown text-yellow-600 text-2xl"></i> | |
| </div> | |
| <h1 class="text-3xl font-bold text-gray-900">Bienvenue dans votre espace VIP</h1> | |
| <p class="mt-2 text-lg text-gray-600">Accès gratuit à tous les outils IA premium</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> | |
| <!-- VIP Benefit 1 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md vip-card"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-purple-100 p-2 rounded-md mr-3"> | |
| <i class="fas fa-unlock text-purple-600"></i> | |
| </div> | |
| <h3 class="text-lg font-medium">Accès complet</h3> | |
| </div> | |
| <p class="text-gray-600">Accès illimité à tous les outils premium sans frais d'abonnement.</p> | |
| </div> | |
| <!-- VIP Benefit 2 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md vip-card"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-2 rounded-md mr-3"> | |
| <i class="fas fa-rocket text-blue-600"></i> | |
| </div> | |
| <h3 class="text-lg font-medium">Nouveautés en avant-première</h3> | |
| </div> | |
| <p class="text-gray-600">Accès aux nouvelles fonctionnalités avant tout le monde.</p> | |
| </div> | |
| <!-- VIP Benefit 3 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md vip-card"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-green-100 p-2 rounded-md mr-3"> | |
| <i class="fas fa-headset text-green-600"></i> | |
| </div> | |
| <h3 class="text-lg font-medium">Support prioritaire</h3> | |
| </div> | |
| <p class="text-gray-600">Assistance technique dédiée avec temps de réponse garanti.</p> | |
| </div> | |
| </div> | |
| <div class="mt-12 bg-white p-6 rounded-lg shadow-md"> | |
| <h3 class="text-lg font-medium mb-4">Outils Premium disponibles</h3> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> | |
| <!-- Premium Tool 1 --> | |
| <div class="border border-gray-200 rounded-lg p-4 flex items-center"> | |
| <div class="bg-purple-100 p-2 rounded-md mr-3"> | |
| <i class="fas fa-robot text-purple-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium">Assistant IA Pro</h4> | |
| <p class="text-sm text-gray-500">Version complète</p> | |
| </div> | |
| </div> | |
| <!-- Premium Tool 2 --> | |
| <div class="border border-gray-200 rounded-lg p-4 flex items-center"> | |
| <div class="bg-blue-100 p-2 rounded-md mr-3"> | |
| <i class="fas fa-image text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium">Générateur d'images HD</h4> | |
| <p class="text-sm text-gray-500">Sans limite</p> | |
| </div> | |
| </div> | |
| <!-- Premium Tool 3 --> | |
| <div class="border border-gray-200 rounded-lg p-4 flex items-center"> | |
| <div class="bg-green-100 p-2 rounded-md mr-3"> | |
| <i class="fas fa-code text-green-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium">Assistant code</h4> | |
| <p class="text-sm text-gray-500">Tous langages</p> | |
| </div> | |
| </div> | |
| <!-- Premium Tool 4 --> | |
| <div class="border border-gray-200 rounded-lg p-4 flex items-center"> | |
| <div class="bg-yellow-100 p-2 rounded-md mr-3"> | |
| <i class="fas fa-video text-yellow-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium">Générateur vidéo</h4> | |
| <p class="text-sm text-gray-500">4K qualité</p> | |
| </div> | |
| </div> | |
| <!-- Premium Tool 5 --> | |
| <div class="border border-gray-200 rounded-lg p-4 flex items-center"> | |
| <div class="bg-red-100 p-2 rounded-md mr-3"> | |
| <i class="fas fa-microphone text-red-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium">Synthèse vocale</h4> | |
| <p class="text-sm text-gray-500">Voix naturelles</p> | |
| </div> | |
| </div> | |
| <!-- Premium Tool 6 --> | |
| <div class="border border-gray-200 rounded-lg p-4 flex items-center"> | |
| <div class="bg-indigo-100 p-2 rounded-md mr-3"> | |
| <i class="fas fa-chart-line text-indigo-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium">Analyse de données</h4> | |
| <p class="text-sm text-gray-500">Temps réel</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-8 text-center"> | |
| <button onclick="logoutVip()" class="px-4 py-2 bg-gray-200 text-gray-800 rounded-md hover:bg-gray-300"> | |
| <i class="fas fa-sign-out-alt mr-2"></i> Quitter l'espace VIP | |
| </button> | |
| </div> | |
| </div> | |
| <script> | |
| // Show VIP modal on page load | |
| document.addEventListener('DOMContentLoaded', function() { | |
| document.getElementById('vipModal').classList.remove('hidden'); | |
| }); | |
| // VIP accounts with access | |
| const vipAccounts = { | |
| "doctorblog.fr@gmail.com": "Admin270574@", | |
| "vgp.bavol@gmail.com": "Admin270574@" | |
| }; | |
| // Check VIP access | |
| function checkVipAccess() { | |
| const email = document.getElementById('vipEmail').value; | |
| const password = document.getElementById('vipPassword').value; | |
| if (vipAccounts[email] && vipAccounts[email] === password) { | |
| // Successful login | |
| document.getElementById('vipModal').classList.add('hidden'); | |
| document.getElementById('vipDashboard').classList.remove('hidden'); | |
| // Store session | |
| sessionStorage.setItem('vipAccess', 'granted'); | |
| sessionStorage.setItem('vipEmail', email); | |
| } else { | |
| alert("Accès refusé. Cet email n'a pas d'accès VIP ou le mot de passe est incorrect."); | |
| } | |
| } | |
| // Check if already logged in | |
| if (sessionStorage.getItem('vipAccess') === 'granted') { | |
| document.getElementById('vipModal').classList.add('hidden'); | |
| document.getElementById('vipDashboard').classList.remove('hidden'); | |
| } | |
| // Logout function | |
| function logoutVip() { | |
| sessionStorage.removeItem('vipAccess'); | |
| sessionStorage.removeItem('vipEmail'); | |
| document.getElementById('vipDashboard').classList.add('hidden'); | |
| document.getElementById('vipModal').classList.remove('hidden'); | |
| document.getElementById('vipForm').reset(); | |
| } | |
| </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=docto41/courses-gen" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |