Spaces:

docto41
/

course-gen

Running

App Files Files Community

docto41 commited on May 16

Commit

cc54850

verified ·

1 Parent(s): a1eb0c5

Add 2 files

Browse files

Files changed (2) hide show

index.html +601 -3
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -131,6 +131,37 @@
             -ms-overflow-style: none;
             scrollbar-width: none;
         }
     </style>
 </head>
 <body class="min-h-screen">
@@ -248,10 +279,10 @@
                         La plus grande plateforme de cours en ligne alimentée par l'IA. Accédez à des milliers de cours dans tous les domaines.
                     </p>
                     <div class="mt-10 flex justify-center space-x-4">
-                        <button class="payment-btn paypal-btn">
                             <i class="fab fa-paypal mr-2"></i> S'abonner avec PayPal
                         </button>
-                        <button class="payment-btn stripe-btn">
                             <i class="fab fa-stripe mr-2"></i> S'abonner avec Stripe
                         </button>
                     </div>
@@ -279,5 +310,572 @@
                         </div>
                     </div>
                 </div>
-                <
 </html>

             -ms-overflow-style: none;
             scrollbar-width: none;
         }
+        .tab-content {
+            display: none;
+        }
+        .tab-content.active {
+            display: block;
+        }
+        .tab-button {
+            background: transparent;
+            border: none;
+            color: white;
+            padding: 10px 20px;
+            cursor: pointer;
+            position: relative;
+        }
+        .tab-button.active {
+            color: #9d50bb;
+        }
+        .tab-button.active::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 3px;
+            background: linear-gradient(90deg, #6e48aa, #9d50bb);
+        }
     </style>
 </head>
 <body class="min-h-screen">
                         La plus grande plateforme de cours en ligne alimentée par l'IA. Accédez à des milliers de cours dans tous les domaines.
                     </p>
                     <div class="mt-10 flex justify-center space-x-4">
+                        <button class="payment-btn paypal-btn" onclick="showPaymentOverlay('paypal')">
                             <i class="fab fa-paypal mr-2"></i> S'abonner avec PayPal
                         </button>
+                        <button class="payment-btn stripe-btn" onclick="showPaymentOverlay('stripe')">
                             <i class="fab fa-stripe mr-2"></i> S'abonner avec Stripe
                         </button>
                     </div>
                         </div>
                     </div>
                 </div>
+                <div class="dashboard-card rounded-xl p-6 holographic-effect">
+                    <div class="flex items-center">
+                        <div class="p-3 rounded-full bg-blue-600 bg-opacity-20 mr-4">
+                            <i class="fas fa-money-bill-wave text-blue-400 text-xl"></i>
+                        </div>
+                        <div>
+                            <p class="text-gray-400 text-sm">Revenus</p>
+                            <h3 class="text-2xl font-bold text-white">24,850 €</h3>
+                        </div>
+                    </div>
+                </div>
+                <div class="dashboard-card rounded-xl p-6 holographic-effect">
+                    <div class="flex items-center">
+                        <div class="p-3 rounded-full bg-green-600 bg-opacity-20 mr-4">
+                            <i class="fas fa-graduation-cap text-green-400 text-xl"></i>
+                        </div>
+                        <div>
+                            <p class="text-gray-400 text-sm">Cours vendus</p>
+                            <h3 class="text-2xl font-bold text-white">3,742</h3>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Onglets du Dashboard -->
+            <div class="bg-gray-900 rounded-xl overflow-hidden mb-8">
+                <div class="border-b border-gray-800">
+                    <div class="flex">
+                        <button class="tab-button active" onclick="openTab(event, 'payments')">Paiements</button>
+                        <button class="tab-button" onclick="openTab(event, 'subscriptions')">Abonnements</button>
+                        <button class="tab-button" onclick="openTab(event, 'settings')">Paramètres</button>
+                    </div>
+                </div>
+                <!-- Contenu des onglets -->
+                <div id="payments" class="tab-content active p-6">
+                    <h3 class="text-xl font-bold text-white mb-6">Gestion des Paiements</h3>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
+                        <!-- Configuration PayPal -->
+                        <div class="dashboard-card rounded-xl p-6">
+                            <div class="flex items-center mb-4">
+                                <i class="fab fa-paypal text-2xl text-blue-400 mr-3"></i>
+                                <h4 class="text-lg font-bold">Configuration PayPal</h4>
+                            </div>
+                            <form>
+                                <div class="mb-4">
+                                    <label class="block text-gray-400 text-sm mb-2">Email PayPal</label>
+                                    <input type="email" value="[email protected]" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                                </div>
+                                <div class="mb-4">
+                                    <label class="block text-gray-400 text-sm mb-2">ID Marchand</label>
+                                    <input type="text" value="MERCHANT123456" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                                </div>
+                                <div class="mb-4">
+                                    <label class="block text-gray-400 text-sm mb-2">Clé API</label>
+                                    <input type="password" value="************" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                                </div>
+                                <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg">
+                                    Enregistrer
+                                </button>
+                            </form>
+                        </div>
+                        <!-- Configuration Stripe -->
+                        <div class="dashboard-card rounded-xl p-6">
+                            <div class="flex items-center mb-4">
+                                <i class="fab fa-stripe text-2xl text-purple-400 mr-3"></i>
+                                <h4 class="text-lg font-bold">Configuration Stripe</h4>
+                            </div>
+                            <form>
+                                <div class="mb-4">
+                                    <label class="block text-gray-400 text-sm mb-2">Clé Publique</label>
+                                    <input type="text" value="pk_test_51Hx..." class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                                </div>
+                                <div class="mb-4">
+                                    <label class="block text-gray-400 text-sm mb-2">Clé Secrète</label>
+                                    <input type="password" value="sk_test_51Hx..." class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                                </div>
+                                <div class="mb-4">
+                                    <label class="block text-gray-400 text-sm mb-2">Webhook Secret</label>
+                                    <input type="password" value="whsec_..." class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                                </div>
+                                <button type="submit" class="bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded-lg">
+                                    Enregistrer
+                                </button>
+                            </form>
+                        </div>
+                    </div>
+                    <!-- Historique des Paiements -->
+                    <div class="dashboard-card rounded-xl p-6">
+                        <h4 class="text-lg font-bold mb-4">Historique des Paiements</h4>
+                        <div class="overflow-x-auto">
+                            <table class="w-full">
+                                <thead>
+                                    <tr class="text-left text-gray-400 border-b border-gray-800">
+                                        <th class="pb-3">Date</th>
+                                        <th class="pb-3">Utilisateur</th>
+                                        <th class="pb-3">Montant</th>
+                                        <th class="pb-3">Méthode</th>
+                                        <th class="pb-3">Statut</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr class="border-b border-gray-800">
+                                        <td class="py-3">15/06/2023</td>
+                                        <td>[email protected]</td>
+                                        <td>49.99 €</td>
+                                        <td><span class="text-blue-400">PayPal</span></td>
+                                        <td><span class="text-green-400">Complété</span></td>
+                                    </tr>
+                                    <tr class="border-b border-gray-800">
+                                        <td class="py-3">14/06/2023</td>
+                                        <td>[email protected]</td>
+                                        <td>29.99 €</td>
+                                        <td><span class="text-purple-400">Stripe</span></td>
+                                        <td><span class="text-green-400">Complété</span></td>
+                                    </tr>
+                                    <tr class="border-b border-gray-800">
+                                        <td class="py-3">13/06/2023</td>
+                                        <td>[email protected]</td>
+                                        <td>99.99 €</td>
+                                        <td><span class="text-blue-400">PayPal</span></td>
+                                        <td><span class="text-yellow-400">En attente</span></td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                <div id="subscriptions" class="tab-content p-6">
+                    <h3 class="text-xl font-bold text-white mb-6">Gestion des Abonnements</h3>
+                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+                        <div class="dashboard-card rounded-xl p-6">
+                            <h4 class="text-lg font-bold mb-3">Abonnement Gratuit</h4>
+                            <p class="text-gray-400 mb-4">Accès limité aux cours</p>
+                            <p class="text-3xl font-bold mb-4">0 €<span class="text-sm text-gray-400">/mois</span></p>
+                            <ul class="text-gray-300 mb-6">
+                                <li class="mb-2"><i class="fas fa-check text-green-400 mr-2"></i> 3 cours/mois</li>
+                                <li class="mb-2"><i class="fas fa-check text-green-400 mr-2"></i> Support de base</li>
+                                <li class="mb-2"><i class="fas fa-times text-red-400 mr-2"></i> Accès aux nouveaux cours</li>
+                            </ul>
+                            <button class="w-full bg-gray-700 hover:bg-gray-600 text-white py-2 rounded-lg">
+                                Configurer
+                            </button>
+                        </div>
+                        <div class="dashboard-card rounded-xl p-6 glow-box">
+                            <h4 class="text-lg font-bold mb-3">Abonnement Premium</h4>
+                            <p class="text-gray-400 mb-4">Accès complet aux cours</p>
+                            <p class="text-3xl font-bold mb-4">29.99 €<span class="text-sm text-gray-400">/mois</span></p>
+                            <ul class="text-gray-300 mb-6">
+                                <li class="mb-2"><i class="fas fa-check text-green-400 mr-2"></i> Cours illimités</li>
+                                <li class="mb-2"><i class="fas fa-check text-green-400 mr-2"></i> Support prioritaire</li>
+                                <li class="mb-2"><i class="fas fa-check text-green-400 mr-2"></i> Accès aux nouveaux cours</li>
+                            </ul>
+                            <button class="w-full bg-purple-600 hover:bg-purple-700 text-white py-2 rounded-lg">
+                                Configurer
+                            </button>
+                        </div>
+                        <div class="dashboard-card rounded-xl p-6">
+                            <h4 class="text-lg font-bold mb-3">Abonnement Entreprise</h4>
+                            <p class="text-gray-400 mb-4">Pour les équipes</p>
+                            <p class="text-3xl font-bold mb-4">99.99 €<span class="text-sm text-gray-400">/mois</span></p>
+                            <ul class="text-gray-300 mb-6">
+                                <li class="mb-2"><i class="fas fa-check text-green-400 mr-2"></i> Jusqu'à 10 utilisateurs</li>
+                                <li class="mb-2"><i class="fas fa-check text-green-400 mr-2"></i> Statistiques avancées</li>
+                                <li class="mb-2"><i class="fas fa-check text-green-400 mr-2"></i> Support dédié</li>
+                            </ul>
+                            <button class="w-full bg-gray-700 hover:bg-gray-600 text-white py-2 rounded-lg">
+                                Configurer
+                            </button>
+                        </div>
+                    </div>
+                    <div class="dashboard-card rounded-xl p-6">
+                        <h4 class="text-lg font-bold mb-4">Utilisateurs Abonnés</h4>
+                        <div class="overflow-x-auto">
+                            <table class="w-full">
+                                <thead>
+                                    <tr class="text-left text-gray-400 border-b border-gray-800">
+                                        <th class="pb-3">Email</th>
+                                        <th class="pb-3">Abonnement</th>
+                                        <th class="pb-3">Date d'expiration</th>
+                                        <th class="pb-3">Statut</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr class="border-b border-gray-800">
+                                        <td class="py-3">[email protected]</td>
+                                        <td>Premium</td>
+                                        <td>15/07/2023</td>
+                                        <td><span class="text-green-400">Actif</span></td>
+                                    </tr>
+                                    <tr class="border-b border-gray-800">
+                                        <td class="py-3">[email protected]</td>
+                                        <td>Entreprise</td>
+                                        <td>30/06/2023</td>
+                                        <td><span class="text-green-400">Actif</span></td>
+                                    </tr>
+                                    <tr class="border-b border-gray-800">
+                                        <td class="py-3">[email protected]</td>
+                                        <td>Gratuit</td>
+                                        <td>-</td>
+                                        <td><span class="text-yellow-400">Limité</span></td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+                <div id="settings" class="tab-content p-6">
+                    <h3 class="text-xl font-bold text-white mb-6">Paramètres du Compte Admin</h3>
+                    <div class="dashboard-card rounded-xl p-6 mb-6">
+                        <h4 class="text-lg font-bold mb-4">Informations Administrateur</h4>
+                        <form>
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                                <div>
+                                    <label class="block text-gray-400 text-sm mb-2">Nom</label>
+                                    <input type="text" value="Admin" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                                </div>
+                                <div>
+                                    <label class="block text-gray-400 text-sm mb-2">Email</label>
+                                    <input type="email" value="[email protected]" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                                </div>
+                            </div>
+                            <div class="mb-4">
+                                <label class="block text-gray-400 text-sm mb-2">Email Secondaire</label>
+                                <input type="email" value="[email protected]" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                            </div>
+                            <div class="mb-4">
+                                <label class="block text-gray-400 text-sm mb-2">Mot de passe</label>
+                                <input type="password" value="Admin270574@" class="w-full px-4 py-2 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                            </div>
+                            <button type="submit" class="bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded-lg">
+                                Mettre à jour
+                            </button>
+                        </form>
+                    </div>
+                    <div class="dashboard-card rounded-xl p-6">
+                        <h4 class="text-lg font-bold mb-4">Paramètres de Sécurité</h4>
+                        <div class="space-y-4">
+                            <div class="flex items-center justify-between">
+                                <div>
+                                    <p class="font-medium">Authentification à deux facteurs</p>
+                                    <p class="text-sm text-gray-400">Ajoutez une couche de sécurité supplémentaire</p>
+                                </div>
+                                <label class="relative inline-flex items-center cursor-pointer">
+                                    <input type="checkbox" class="sr-only peer" checked>
+                                    <div class="w-11 h-6 bg-gray-700 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600"></div>
+                                </label>
+                            </div>
+                            <div class="flex items-center justify-between">
+                                <div>
+                                    <p class="font-medium">Notifications par email</p>
+                                    <p class="text-sm text-gray-400">Recevez des alertes importantes</p>
+                                </div>
+                                <label class="relative inline-flex items-center cursor-pointer">
+                                    <input type="checkbox" class="sr-only peer" checked>
+                                    <div class="w-11 h-6 bg-gray-700 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600"></div>
+                                </label>
+                            </div>
+                            <div class="flex items-center justify-between">
+                                <div>
+                                    <p class="font-medium">Journal d'activité</p>
+                                    <p class="text-sm text-gray-400">Conservez un historique des actions</p>
+                                </div>
+                                <label class="relative inline-flex items-center cursor-pointer">
+                                    <input type="checkbox" class="sr-only peer" checked>
+                                    <div class="w-11 h-6 bg-gray-700 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600"></div>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!-- Section Cours IA -->
+        <section id="courses" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+            <h2 class="text-3xl font-bold text-white mb-8 text-center glow-box inline-block px-6 py-3 rounded-lg">990099 Assistants IA de Cours</h2>
+            <div class="mb-8">
+                <div class="relative">
+                    <input type="text" placeholder="Rechercher un cours..." class="w-full px-6 py-4 bg-gray-900 border border-gray-800 rounded-full text-white focus:outline-none focus:ring-2 focus:ring-purple-500">
+                    <button class="absolute right-3 top-3 bg-purple-600 text-white p-2 rounded-full">
+                        <i class="fas fa-search"></i>
+                    </button>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
+                <!-- Les boutons de cours seront générés ici -->
+            </div>
+        </section>
+        <!-- Section Paiement -->
+        <section id="payment" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+            <h2 class="text-3xl font-bold text-white mb-8 text-center glow-box inline-block px-6 py-3 rounded-lg">Options de Paiement</h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                <div class="dashboard-card rounded-xl p-8">
+                    <div class="flex items-center mb-6">
+                        <i class="fab fa-paypal text-4xl text-blue-400 mr-4"></i>
+                        <h3 class="text-2xl font-bold">Paiement PayPal</h3>
+                    </div>
+                    <p class="text-gray-400 mb-6">Effectuez des paiements sécurisés via PayPal. Acceptez les cartes de crédit sans avoir besoin d'un compte PayPal.</p>
+                    <button onclick="showPaymentOverlay('paypal')" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-lg font-bold">
+                        Configurer PayPal
+                    </button>
+                </div>
+                <div class="dashboard-card rounded-xl p-8">
+                    <div class="flex items-center mb-6">
+                        <i class="fab fa-stripe text-4xl text-purple-400 mr-4"></i>
+                        <h3 class="text-2xl font-bold">Paiement Stripe</h3>
+                    </div>
+                    <p class="text-gray-400 mb-6">Acceptez les paiements par carte de crédit avec Stripe. Solution de paiement complète avec gestion des abonnements.</p>
+                    <button onclick="showPaymentOverlay('stripe')" class="w-full bg-purple-600 hover:bg-purple-700 text-white py-3 px-6 rounded-lg font-bold">
+                        Configurer Stripe
+                    </button>
+                </div>
+            </div>
+        </section>
+    </main>
+    <!-- Overlay de Paiement -->
+    <div id="paymentOverlay" class="fixed inset-0 bg-black bg-opacity-75 z-50 hidden flex items-center justify-center">
+        <div class="bg-gray-900 rounded-xl p-8 w-full max-w-md glow-box">
+            <div class="text-center mb-6">
+                <h2 id="paymentTitle" class="text-2xl font-bold text-white mb-2">Paiement PayPal</h2>
+                <p class="text-gray-400">Complétez votre abonnement</p>
+            </div>
+            <form id="paymentForm" class="space-y-4">
+                <div>
+                    <label class="block text-gray-400 text-sm mb-1">Montant</label>
+                    <select class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                        <option>29.99 € / mois (Premium)</option>
+                        <option>99.99 € / mois (Entreprise)</option>
+                        <option>199.99 € / an (Premium)</option>
+                    </select>
+                </div>
+                <div id="paypalFields">
+                    <div class="mb-4">
+                        <label class="block text-gray-400 text-sm mb-1">Email PayPal</label>
+                        <input type="email" placeholder="[email protected]" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                    </div>
+                </div>
+                <div id="stripeFields" class="hidden">
+                    <div class="mb-4">
+                        <label class="block text-gray-400 text-sm mb-1">Numéro de carte</label>
+                        <input type="text" placeholder="4242 4242 4242 4242" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                    </div>
+                    <div class="grid grid-cols-2 gap-4 mb-4">
+                        <div>
+                            <label class="block text-gray-400 text-sm mb-1">Date d'expiration</label>
+                            <input type="text" placeholder="MM/AA" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                        </div>
+                        <div>
+                            <label class="block text-gray-400 text-sm mb-1">CVC</label>
+                            <input type="text" placeholder="123" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg text-white">
+                        </div>
+                    </div>
+                </div>
+                <div class="pt-4">
+                    <button type="submit" class="w-full bg-gradient-to-r from-purple-600 to-blue-500 text-white py-3 px-4 rounded-lg font-bold hover:opacity-90 transition duration-200">
+                        Payer maintenant
+                    </button>
+                </div>
+            </form>
+            <div class="mt-6 text-center">
+                <button id="closePaymentBtn" class="text-gray-400 hover:text-white text-sm">
+                    <i class="fas fa-times mr-1"></i> Annuler
+                </button>
+            </div>
+        </div>
+    </div>
+    <!-- Footer -->
+    <footer class="bg-black bg-opacity-50 border-t border-gray-800 py-8">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="mb-4 md:mb-0">
+                    <span class="text-xl font-bold neon-text">AI<span class="text-purple-400">COURSE</span>GEN</span>
+                </div>
+                <div class="flex space-x-6">
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-facebook-f"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-twitter"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-instagram"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-linkedin-in"></i>
+                    </a>
+                </div>
+            </div>
+            <div class="mt-8 border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between">
+                <div class="mb-6 md:mb-0">
+                    <h3 class="text-sm font-semibold text-white uppercase tracking-wider">Contact</h3>
+                    <p class="mt-2 text-sm text-gray-400">
+                        Email: [email protected]<br>
+                        Téléphone: +33 1 23 45 67 89
+                    </p>
+                </div>
+                <div class="grid grid-cols-2 gap-8">
+                    <div>
+                        <h3 class="text-sm font-semibold text-white uppercase tracking-wider">Navigation</h3>
+                        <ul class="mt-2 space-y-2">
+                            <li><a href="#" class="text-sm text-gray-400 hover:text-white">Accueil</a></li>
+                            <li><a href="#courses" class="text-sm text-gray-400 hover:text-white">Cours</a></li>
+                            <li><a href="#dashboard" class="text-sm text-gray-400 hover:text-white">Dashboard</a></li>
+                        </ul>
+                    </div>
+                    <div>
+                        <h3 class="text-sm font-semibold text-white uppercase tracking-wider">Légal</h3>
+                        <ul class="mt-2 space-y-2">
+                            <li><a href="#" class="text-sm text-gray-400 hover:text-white">Confidentialité</a></li>
+                            <li><a href="#" class="text-sm text-gray-400 hover:text-white">Conditions</a></li>
+                            <li><a href="#" class="text-sm text-gray-400 hover:text-white">Cookies</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-8 text-center text-sm text-gray-500">
+                <p>&copy; 2023 AI Course Generator. Tous droits réservés.</p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Gestion des onglets
+        function openTab(evt, tabName) {
+            const tabContents = document.getElementsByClassName("tab-content");
+            for (let i = 0; i < tabContents.length; i++) {
+                tabContents[i].classList.remove("active");
+            }
+            const tabButtons = document.getElementsByClassName("tab-button");
+            for (let i = 0; i < tabButtons.length; i++) {
+                tabButtons[i].classList.remove("active");
+            }
+            document.getElementById(tabName).classList.add("active");
+            evt.currentTarget.classList.add("active");
+        }
+        // Gestion du panier
+        const cartBtn = document.getElementById("cartBtn");
+        const closeCartBtn = document.getElementById("closeCartBtn");
+        const cartOverlay = document.getElementById("cartOverlay");
+        cartBtn.addEventListener("click", () => {
+            cartOverlay.classList.remove("hidden");
+        });
+        closeCartBtn.addEventListener("click", () => {
+            cartOverlay.classList.add("hidden");
+        });
+        // Gestion de la connexion
+        const userMenuBtn = document.getElementById("userMenuBtn");
+        const loginOverlay = document.getElementById("loginOverlay");
+        userMenuBtn.addEventListener("click", () => {
+            loginOverlay.classList.remove("hidden");
+        });
+        // Fermer les overlays en cliquant à l'extérieur
+        [cartOverlay, loginOverlay].forEach(overlay => {
+            overlay.addEventListener("click", (e) => {
+                if (e.target === overlay) {
+                    overlay.classList.add("hidden");
+                }
+            });
+        });
+        // Gestion des paiements
+        const paymentOverlay = document.getElementById("paymentOverlay");
+        const closePaymentBtn = document.getElementById("closePaymentBtn");
+        const paypalFields = document.getElementById("paypalFields");
+        const stripeFields = document.getElementById("stripeFields");
+        const paymentTitle = document.getElementById("paymentTitle");
+        function showPaymentOverlay(type) {
+            if (type === 'paypal') {
+                paymentTitle.textContent = "Paiement PayPal";
+                paypalFields.classList.remove("hidden");
+                stripeFields.classList.add("hidden");
+            } else {
+                paymentTitle.textContent = "Paiement Stripe";
+                paypalFields.classList.add("hidden");
+                stripeFields.classList.remove("hidden");
+            }
+            paymentOverlay.classList.remove("hidden");
+        }
+        closePaymentBtn.addEventListener("click", () => {
+            paymentOverlay.classList.add("hidden");
+        });
+        paymentOverlay.addEventListener("click", (e) => {
+            if (e.target === paymentOverlay) {
+                paymentOverlay.classList.add("hidden");
+            }
+        });
+        // Génération des boutons de cours
+        const courseCategories = [
+            "Développement Web", "Data Science", "Intelligence Artificielle",
+            "Machine Learning", "Cybersécurité", "Blockchain",
+            "Cloud Computing", "DevOps", "Mobile", "Jeux Vidéo",
+            "Design UI/UX", "Marketing Digital", "Finance",
+            "Entrepreneuriat", "Photographie", "Musique",
+            "Santé", "Langues", "Préparation aux examens", "Écriture"
+        ];
+        const coursesContainer = document.querySelector("#courses .grid");
+        // Générer 100 boutons de cours (vous pouvez augmenter ce nombre)
+        for (let i = 0; i < 100; i++) {
+            const category = courseCategories[Math.floor(Math.random() * courseCategories.length)];
+            const courseName = `Assistant IA ${category} #${Math.floor(Math.random() * 1000)}`;
+            const courseBtn = document.createElement("button");
+            courseBtn.className = "course-btn glow-box";
+            courseBtn.textContent = courseName;
+            courseBtn.onclick = function() {
+                window.open(`https://aicoursegen.com/course/${i}`, '_blank');
+            };
+            coursesContainer.appendChild(courseBtn);
+        }
+        // Connexion automatique pour les admins
+        const loginForm = document.getElementById("loginForm");
+        loginForm.addEventListener("submit", function(e) {
+            e.preventDefault();
+            const email = document.getElementById("email").value;
+            const password = document.getElementById("password").value;
+            // Vérifier les identifiants admin
+            if ((email === "[email protected]" && password === "Admin270574@") ||
+                (email === "[email protected]" && password === "Admin270574@")) {
+                alert("Connexion admin réussie ! Accès complet activé.");
+                loginOverlay.classList.add("hidden");
+            } else {
+                alert("Identifiants incorrects. Seuls les admins peuvent accéder.");
+            }
+        });
+    </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/course-gen" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt CHANGED Viewed

	@@ -1 +1,2 @@
1	- je veux creer le plus gigantesque générateur de site de cours en ligne marché de INTELIGENCES ARTIFICIEL AVEC PLUS DE 990099 BOUTONS D ASSISANT IA dans toutes les domaine de courses en ligne, je veux q'uon affiche toutes les boutons directement et que chaque boutons cliqué s'ouvre dans une nouvel fenetre je veux que toi soit gré en automatique et aussi ,: je veux un tableau de bord gigantesque ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paement je veux acces et toute produit pour moi seul les autre devront payer un abonnement : [email protected] : Admin270574@ et [email protected] : Admin270574@ avec une interface futiriste


1	+ je veux creer le plus gigantesque générateur de site de cours en ligne marché de INTELIGENCES ARTIFICIEL AVEC PLUS DE 990099 BOUTONS D ASSISANT IA dans toutes les domaine de courses en ligne, je veux q'uon affiche toutes les boutons directement et que chaque boutons cliqué s'ouvre dans une nouvel fenetre je veux que toi soit gré en automatique et aussi ,: je veux un tableau de bord gigantesque ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paement je veux acces et toute produit pour moi seul les autre devront payer un abonnement : [email protected] : Admin270574@ et [email protected] : Admin270574@ avec une interface futiriste
2	+ aucun bouton fonctionnne , je veux un tableau de bord pour entrees toutes mes information de paiement pour etre payer