Hugging Face's logo

Spaces:
docto41
/
site-de-cours
Running

App Files Community
docto41 commited on
Commit
bb10f9a
·
verified ·
1 Parent(s): 8656b3c

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +170 -26
  2. prompts.txt +3 -1
index.html CHANGED
@@ -26,6 +26,10 @@
26
  background-color: #6e48aa;
27
  color: white;
28
  }
 
 
 
 
29
  .payment-method {
30
  transition: all 0.3s ease;
31
  border: 2px solid transparent;
@@ -51,6 +55,20 @@
51
  transform: translateY(-3px);
52
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
53
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54
  </style>
55
  </head>
56
  <body class="bg-gray-50 font-sans">
@@ -135,7 +153,7 @@
135
  <span class="font-semibold">Total:</span>
136
  <span id="cart-total" class="font-bold">€0.00</span>
137
  </div>
138
- <div class="grid grid-cols-2 gap-4">
139
  <button id="paypal-checkout" class="bg-blue-500 text-white py-2 rounded-lg font-semibold hover:bg-blue-600 flex items-center justify-center">
140
  <img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Paypal_2014_logo.png" alt="PayPal" class="h-6 mr-2">
141
  Payer avec PayPal
@@ -163,6 +181,67 @@
163
  </div>
164
  </div>
165
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
166
  <!-- Main Content -->
167
  <div class="container mx-auto px-4 py-8">
168
  <!-- Dashboard Section (Hidden by default) -->
@@ -250,7 +329,12 @@
250
  </div>
251
 
252
  <div class="bg-white p-6 rounded-xl shadow">
253
- <h3 class="text-xl font-bold mb-4">Méthodes de Paiement</h3>
 
 
 
 
 
254
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
255
  <div class="payment-method active p-4 rounded-lg border">
256
  <div class="flex items-center">
@@ -287,9 +371,6 @@
287
  </div>
288
  </div>
289
  </div>
290
- <button class="bg-purple-600 text-white px-4 py-2 rounded-lg font-semibold hover:bg-purple-700">
291
- <i class="fas fa-plus mr-2"></i> Ajouter une méthode de paiement
292
- </button>
293
  </div>
294
  </div>
295
 
@@ -303,7 +384,7 @@
303
  <p class="text-gray-600 mb-6">Pour accéder à tous les outils IA, vous devez souscrire à un abonnement premium. Choisissez le plan qui vous convient:</p>
304
 
305
  <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
306
- <div class="border rounded-lg p-6 hover:border-purple-500 transition-all">
307
  <h3 class="text-xl font-bold mb-2">Mensuel</h3>
308
  <p class="text-gray-600 mb-4">Accès illimité à tous les outils</p>
309
  <div class="text-3xl font-bold mb-4">€29<small class="text-gray-500 text-sm">/mois</small></div>
@@ -311,7 +392,7 @@
311
  Choisir ce plan
312
  </button>
313
  </div>
314
- <div class="border rounded-lg p-6 bg-purple-50 border-purple-200 hover:border-purple-500 transition-all">
315
  <div class="bg-purple-600 text-white text-xs font-bold px-2 py-1 rounded-full inline-block mb-2">ÉCONOMISEZ 20%</div>
316
  <h3 class="text-xl font-bold mb-2">Annuel</h3>
317
  <p class="text-gray-600 mb-4">Accès illimité à tous les outils</p>
@@ -322,6 +403,16 @@
322
  </div>
323
  </div>
324
 
 
 
 
 
 
 
 
 
 
 
325
  <p class="text-gray-500 text-sm">Vous pouvez annuler votre abonnement à tout moment. Paiements sécurisés via Stripe ou PayPal.</p>
326
  </div>
327
  </div>
@@ -333,33 +424,33 @@
333
  <div class="bg-white p-6 rounded-xl shadow mb-6">
334
  <h3 class="text-xl font-bold mb-4">Catégories</h3>
335
  <div class="space-y-2">
336
- <div class="flex justify-between items-center category-chip bg-gray-100 px-4 py-2 rounded-lg cursor-pointer">
337
  <span>Tous</span>
338
- <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">9,898,989</span>
339
  </div>
340
- <div class="flex justify-between items-center category-chip bg-gray-100 px-4 py-2 rounded-lg cursor-pointer">
341
  <span>Chatbots</span>
342
- <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">1,250,000</span>
343
  </div>
344
- <div class="flex justify-between items-center category-chip bg-gray-100 px-4 py-2 rounded-lg cursor-pointer">
345
  <span>Génération d'Images</span>
346
- <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">980,000</span>
347
  </div>
348
- <div class="flex justify-between items-center category-chip bg-gray-100 px-4 py-2 rounded-lg cursor-pointer">
349
  <span>Productivité</span>
350
- <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">875,000</span>
351
  </div>
352
- <div class="flex justify-between items-center category-chip bg-gray-100 px-4 py-2 rounded-lg cursor-pointer">
353
  <span>Développement</span>
354
- <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">765,000</span>
355
  </div>
356
- <div class="flex justify-between items-center category-chip bg-gray-100 px-4 py-2 rounded-lg cursor-pointer">
357
  <span>Audio & Voix</span>
358
- <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">654,000</span>
359
  </div>
360
- <div class="flex justify-between items-center category-chip bg-gray-100 px-4 py-2 rounded-lg cursor-pointer">
361
  <span>Vidéo</span>
362
- <span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">543,000</span>
363
  </div>
364
  </div>
365
  </div>
@@ -400,7 +491,10 @@
400
 
401
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
402
  <!-- AI Tool Card 1 -->
403
- <div class="ai-tool-card bg-white border rounded-xl p-4">
 
 
 
404
  <div class="flex justify-between items-start mb-3">
405
  <div>
406
  <h3 class="font-bold text-lg">ChatGPT</h3>
@@ -424,7 +518,10 @@
424
  </div>
425
 
426
  <!-- AI Tool Card 2 -->
427
- <div class="ai-tool-card bg-white border rounded-xl p-4">
 
 
 
428
  <div class="flex justify-between items-start mb-3">
429
  <div>
430
  <h3 class="font-bold text-lg">Midjourney</h3>
@@ -448,7 +545,10 @@
448
  </div>
449
 
450
  <!-- AI Tool Card 3 -->
451
- <div class="ai-tool-card bg-white border rounded-xl p-4">
 
 
 
452
  <div class="flex justify-between items-start mb-3">
453
  <div>
454
  <h3 class="font-bold text-lg">Grammarly</h3>
@@ -478,7 +578,10 @@
478
  <h2 class="text-2xl font-bold mb-6">Nouveaux Outils</h2>
479
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
480
  <!-- New Tool Card 1 -->
481
- <div class="ai-tool-card bg-white border rounded-xl p-4">
 
 
 
482
  <div class="flex justify-between items-start mb-3">
483
  <div>
484
  <h3 class="font-bold text-lg">HeyGen</h3>
@@ -584,6 +687,14 @@
584
  const subscriptionRequired = document.getElementById('subscription-required');
585
  const premiumLockedButtons = document.querySelectorAll('.premium-locked');
586
  const addToCartButtons = document.querySelectorAll('.add-to-cart');
 
 
 
 
 
 
 
 
587
 
588
  // Event Listeners
589
  loginBtn.addEventListener('click', toggleLoginModal);
@@ -593,10 +704,21 @@
593
  paypalCheckout.addEventListener('click', processPaypalPayment);
594
  stripeCheckout.addEventListener('click', processStripePayment);
595
  closeSuccess.addEventListener('click', closePaymentSuccess);
 
 
 
 
 
596
 
597
  // Add to cart buttons
598
  addToCartButtons.forEach(button => {
599
  button.addEventListener('click', function() {
 
 
 
 
 
 
600
  const plan = this.dataset.plan;
601
  const price = parseFloat(this.dataset.price);
602
 
@@ -638,6 +760,20 @@
638
  cartModal.classList.toggle('hidden');
639
  }
640
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
641
  function updateCart() {
642
  // Update cart count
643
  if(cart.length > 0) {
@@ -709,7 +845,7 @@
709
  paypalCheckout.disabled = true;
710
  stripeCheckout.disabled = true;
711
 
712
- setTimeout(() => {
713
  // In a real app, this would redirect to PayPal
714
  // Here we simulate a successful payment
715
  cartModal.classList.add('hidden');
@@ -717,6 +853,7 @@
717
 
718
  // Update user state
719
  hasPremium = true;
 
720
 
721
  // Show dashboard
722
  dashboardSection.classList.remove('hidden');
@@ -754,6 +891,7 @@
754
 
755
  // Update user state
756
  hasPremium = true;
 
757
 
758
  // Show dashboard
759
  dashboardSection.classList.remove('hidden');
@@ -772,6 +910,12 @@
772
  }, 2000);
773
  }
774
 
 
 
 
 
 
 
775
  function closePaymentSuccess() {
776
  paymentSuccess.classList.add('hidden');
777
  }
 
26
  background-color: #6e48aa;
27
  color: white;
28
  }
29
+ .category-chip.active {
30
+ background-color: #6e48aa;
31
+ color: white;
32
+ }
33
  .payment-method {
34
  transition: all 0.3s ease;
35
  border: 2px solid transparent;
 
55
  transform: translateY(-3px);
56
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
57
  }
58
+ .premium-badge {
59
+ position: absolute;
60
+ top: -10px;
61
+ right: -10px;
62
+ background-color: #f59e0b;
63
+ color: white;
64
+ border-radius: 50%;
65
+ width: 25px;
66
+ height: 25px;
67
+ display: flex;
68
+ align-items: center;
69
+ justify-content: center;
70
+ font-size: 12px;
71
+ }
72
  </style>
73
  </head>
74
  <body class="bg-gray-50 font-sans">
 
153
  <span class="font-semibold">Total:</span>
154
  <span id="cart-total" class="font-bold">€0.00</span>
155
  </div>
156
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
157
  <button id="paypal-checkout" class="bg-blue-500 text-white py-2 rounded-lg font-semibold hover:bg-blue-600 flex items-center justify-center">
158
  <img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Paypal_2014_logo.png" alt="PayPal" class="h-6 mr-2">
159
  Payer avec PayPal
 
181
  </div>
182
  </div>
183
 
184
+ <!-- Add Payment Method Modal -->
185
+ <div id="payment-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
186
+ <div class="bg-white rounded-lg p-6 w-full max-w-md">
187
+ <div class="flex justify-between items-center mb-4">
188
+ <h2 class="text-2xl font-bold">Ajouter un moyen de paiement</h2>
189
+ <button id="close-payment" class="text-gray-500 hover:text-gray-700">
190
+ <i class="fas fa-times"></i>
191
+ </button>
192
+ </div>
193
+ <div class="space-y-4">
194
+ <div class="border rounded-lg p-4">
195
+ <div class="flex items-center mb-4">
196
+ <input type="radio" id="paypal-option" name="payment-method" class="mr-3" checked>
197
+ <label for="paypal-option" class="flex items-center">
198
+ <img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Paypal_2014_logo.png" alt="PayPal" class="h-6 mr-2">
199
+ PayPal
200
+ </label>
201
+ </div>
202
+ <div id="paypal-fields">
203
+ <div class="mb-3">
204
+ <label class="block text-gray-700 mb-1">Email PayPal</label>
205
+ <input type="email" class="w-full p-2 border rounded" placeholder="votre@email.com">
206
+ </div>
207
+ </div>
208
+ </div>
209
+ <div class="border rounded-lg p-4">
210
+ <div class="flex items-center mb-4">
211
+ <input type="radio" id="stripe-option" name="payment-method" class="mr-3">
212
+ <label for="stripe-option" class="flex items-center">
213
+ <img src="https://upload.wikimedia.org/wikipedia/commons/b/ba/Stripe_Logo%2C_revised_2016.png" alt="Stripe" class="h-6 mr-2">
214
+ Carte Bancaire (Stripe)
215
+ </label>
216
+ </div>
217
+ <div id="stripe-fields" class="hidden">
218
+ <div class="mb-3">
219
+ <label class="block text-gray-700 mb-1">Numéro de carte</label>
220
+ <input type="text" class="w-full p-2 border rounded" placeholder="4242 4242 4242 4242">
221
+ </div>
222
+ <div class="grid grid-cols-2 gap-4 mb-3">
223
+ <div>
224
+ <label class="block text-gray-700 mb-1">Date d'expiration</label>
225
+ <input type="text" class="w-full p-2 border rounded" placeholder="MM/AA">
226
+ </div>
227
+ <div>
228
+ <label class="block text-gray-700 mb-1">CVV</label>
229
+ <input type="text" class="w-full p-2 border rounded" placeholder="123">
230
+ </div>
231
+ </div>
232
+ <div>
233
+ <label class="block text-gray-700 mb-1">Nom sur la carte</label>
234
+ <input type="text" class="w-full p-2 border rounded" placeholder="Votre Nom">
235
+ </div>
236
+ </div>
237
+ </div>
238
+ <button id="save-payment" class="w-full bg-purple-600 text-white py-2 rounded-lg font-semibold hover:bg-purple-700">
239
+ Enregistrer le moyen de paiement
240
+ </button>
241
+ </div>
242
+ </div>
243
+ </div>
244
+
245
  <!-- Main Content -->
246
  <div class="container mx-auto px-4 py-8">
247
  <!-- Dashboard Section (Hidden by default) -->
 
329
  </div>
330
 
331
  <div class="bg-white p-6 rounded-xl shadow">
332
+ <div class="flex justify-between items-center mb-4">
333
+ <h3 class="text-xl font-bold">Méthodes de Paiement</h3>
334
+ <button id="add-payment" class="bg-purple-600 text-white px-4 py-2 rounded-lg font-semibold hover:bg-purple-700">
335
+ <i class="fas fa-plus mr-2"></i> Ajouter
336
+ </button>
337
+ </div>
338
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
339
  <div class="payment-method active p-4 rounded-lg border">
340
  <div class="flex items-center">
 
371
  </div>
372
  </div>
373
  </div>
 
 
 
374
  </div>
375
  </div>
376
 
 
384
  <p class="text-gray-600 mb-6">Pour accéder à tous les outils IA, vous devez souscrire à un abonnement premium. Choisissez le plan qui vous convient:</p>
385
 
386
  <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
387
+ <div class="border rounded-lg p-6 hover:border-purple-500 transition-all relative">
388
  <h3 class="text-xl font-bold mb-2">Mensuel</h3>
389
  <p class="text-gray-600 mb-4">Accès illimité à tous les outils</p>
390
  <div class="text-3xl font-bold mb-4">€29<small class="text-gray-500 text-sm">/mois</small></div>
 
392
  Choisir ce plan
393
  </button>
394
  </div>
395
+ <div class="border rounded-lg p-6 bg-purple-50 border-purple-200 hover:border-purple-500 transition-all relative">
396
  <div class="bg-purple-600 text-white text-xs font-bold px-2 py-1 rounded-full inline-block mb-2">ÉCONOMISEZ 20%</div>
397
  <h3 class="text-xl font-bold mb-2">Annuel</h3>
398
  <p class="text-gray-600 mb-4">Accès illimité à tous les outils</p>
 
403
  </div>
404
  </div>
405
 
406
+ <div class="bg-gray-100 p-4 rounded-lg mb-4">
407
+ <h4 class="font-bold mb-2">Méthodes de paiement acceptées</h4>
408
+ <div class="flex justify-center space-x-6">
409
+ <img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Paypal_2014_logo.png" alt="PayPal" class="h-8">
410
+ <img src="https://upload.wikimedia.org/wikipedia/commons/b/ba/Stripe_Logo%2C_revised_2016.png" alt="Stripe" class="h-8">
411
+ <img src="https://upload.wikimedia.org/wikipedia/commons/5/5e/Visa_Inc._logo.svg" alt="Visa" class="h-8">
412
+ <img src="https://upload.wikimedia.org/wikipedia/commons/2/2a/Mastercard-logo.svg" alt="Mastercard" class="h-8">
413
+ </div>
414
+ </div>
415
+
416
  <p class="text-gray-500 text-sm">Vous pouvez annuler votre abonnement à tout moment. Paiements sécurisés via Stripe ou PayPal.</p>
417
  </div>
418
  </div>
 
424
  <div class="bg-white p-6 rounded-xl shadow mb-6">
425
  <h3 class="text-xl font-bold mb-4">Catégories</h3>
426
  <div class="space-y-2">
427
+ <div class="flex justify-between items-center category-chip bg-purple-600 text-white px-4 py-2 rounded-lg cursor-pointer active">
428
  <span>Tous</span>
429
+ <span class="bg-white text-purple-800 px-2 py-1 rounded-full text-xs">9,898,989</span>
430
  </div>
431
+ <div class="flex justify-between items-center category-chip bg-purple-600 text-white px-4 py-2 rounded-lg cursor-pointer active">
432
  <span>Chatbots</span>
433
+ <span class="bg-white text-purple-800 px-2 py-1 rounded-full text-xs">1,250,000</span>
434
  </div>
435
+ <div class="flex justify-between items-center category-chip bg-purple-600 text-white px-4 py-2 rounded-lg cursor-pointer active">
436
  <span>Génération d'Images</span>
437
+ <span class="bg-white text-purple-800 px-2 py-1 rounded-full text-xs">980,000</span>
438
  </div>
439
+ <div class="flex justify-between items-center category-chip bg-purple-600 text-white px-4 py-2 rounded-lg cursor-pointer active">
440
  <span>Productivité</span>
441
+ <span class="bg-white text-purple-800 px-2 py-1 rounded-full text-xs">875,000</span>
442
  </div>
443
+ <div class="flex justify-between items-center category-chip bg-purple-600 text-white px-4 py-2 rounded-lg cursor-pointer active">
444
  <span>Développement</span>
445
+ <span class="bg-white text-purple-800 px-2 py-1 rounded-full text-xs">765,000</span>
446
  </div>
447
+ <div class="flex justify-between items-center category-chip bg-purple-600 text-white px-4 py-2 rounded-lg cursor-pointer active">
448
  <span>Audio & Voix</span>
449
+ <span class="bg-white text-purple-800 px-2 py-1 rounded-full text-xs">654,000</span>
450
  </div>
451
+ <div class="flex justify-between items-center category-chip bg-purple-600 text-white px-4 py-2 rounded-lg cursor-pointer active">
452
  <span>Vidéo</span>
453
+ <span class="bg-white text-purple-800 px-2 py-1 rounded-full text-xs">543,000</span>
454
  </div>
455
  </div>
456
  </div>
 
491
 
492
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
493
  <!-- AI Tool Card 1 -->
494
+ <div class="ai-tool-card bg-white border rounded-xl p-4 relative">
495
+ <div class="premium-badge">
496
+ <i class="fas fa-crown"></i>
497
+ </div>
498
  <div class="flex justify-between items-start mb-3">
499
  <div>
500
  <h3 class="font-bold text-lg">ChatGPT</h3>
 
518
  </div>
519
 
520
  <!-- AI Tool Card 2 -->
521
+ <div class="ai-tool-card bg-white border rounded-xl p-4 relative">
522
+ <div class="premium-badge">
523
+ <i class="fas fa-crown"></i>
524
+ </div>
525
  <div class="flex justify-between items-start mb-3">
526
  <div>
527
  <h3 class="font-bold text-lg">Midjourney</h3>
 
545
  </div>
546
 
547
  <!-- AI Tool Card 3 -->
548
+ <div class="ai-tool-card bg-white border rounded-xl p-4 relative">
549
+ <div class="premium-badge">
550
+ <i class="fas fa-crown"></i>
551
+ </div>
552
  <div class="flex justify-between items-start mb-3">
553
  <div>
554
  <h3 class="font-bold text-lg">Grammarly</h3>
 
578
  <h2 class="text-2xl font-bold mb-6">Nouveaux Outils</h2>
579
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
580
  <!-- New Tool Card 1 -->
581
+ <div class="ai-tool-card bg-white border rounded-xl p-4 relative">
582
+ <div class="premium-badge">
583
+ <i class="fas fa-crown"></i>
584
+ </div>
585
  <div class="flex justify-between items-start mb-3">
586
  <div>
587
  <h3 class="font-bold text-lg">HeyGen</h3>
 
687
  const subscriptionRequired = document.getElementById('subscription-required');
688
  const premiumLockedButtons = document.querySelectorAll('.premium-locked');
689
  const addToCartButtons = document.querySelectorAll('.add-to-cart');
690
+ const paymentModal = document.getElementById('payment-modal');
691
+ const closePayment = document.getElementById('close-payment');
692
+ const addPayment = document.getElementById('add-payment');
693
+ const savePayment = document.getElementById('save-payment');
694
+ const paypalOption = document.getElementById('paypal-option');
695
+ const stripeOption = document.getElementById('stripe-option');
696
+ const paypalFields = document.getElementById('paypal-fields');
697
+ const stripeFields = document.getElementById('stripe-fields');
698
 
699
  // Event Listeners
700
  loginBtn.addEventListener('click', toggleLoginModal);
 
704
  paypalCheckout.addEventListener('click', processPaypalPayment);
705
  stripeCheckout.addEventListener('click', processStripePayment);
706
  closeSuccess.addEventListener('click', closePaymentSuccess);
707
+ addPayment.addEventListener('click', togglePaymentModal);
708
+ closePayment.addEventListener('click', togglePaymentModal);
709
+ savePayment.addEventListener('click', savePaymentMethod);
710
+ paypalOption.addEventListener('change', togglePaymentFields);
711
+ stripeOption.addEventListener('change', togglePaymentFields);
712
 
713
  // Add to cart buttons
714
  addToCartButtons.forEach(button => {
715
  button.addEventListener('click', function() {
716
+ if(!isLoggedIn) {
717
+ alert('Veuillez vous connecter pour ajouter des articles à votre panier.');
718
+ toggleLoginModal();
719
+ return;
720
+ }
721
+
722
  const plan = this.dataset.plan;
723
  const price = parseFloat(this.dataset.price);
724
 
 
760
  cartModal.classList.toggle('hidden');
761
  }
762
 
763
+ function togglePaymentModal() {
764
+ paymentModal.classList.toggle('hidden');
765
+ }
766
+
767
+ function togglePaymentFields() {
768
+ if(paypalOption.checked) {
769
+ paypalFields.classList.remove('hidden');
770
+ stripeFields.classList.add('hidden');
771
+ } else {
772
+ paypalFields.classList.add('hidden');
773
+ stripeFields.classList.remove('hidden');
774
+ }
775
+ }
776
+
777
  function updateCart() {
778
  // Update cart count
779
  if(cart.length > 0) {
 
845
  paypalCheckout.disabled = true;
846
  stripeCheckout.disabled = true;
847
 
848
+ setTimeout(() {
849
  // In a real app, this would redirect to PayPal
850
  // Here we simulate a successful payment
851
  cartModal.classList.add('hidden');
 
853
 
854
  // Update user state
855
  hasPremium = true;
856
+ isLoggedIn = true;
857
 
858
  // Show dashboard
859
  dashboardSection.classList.remove('hidden');
 
891
 
892
  // Update user state
893
  hasPremium = true;
894
+ isLoggedIn = true;
895
 
896
  // Show dashboard
897
  dashboardSection.classList.remove('hidden');
 
910
  }, 2000);
911
  }
912
 
913
+ function savePaymentMethod() {
914
+ // In a real app, this would save the payment method to your backend
915
+ alert('Méthode de paiement enregistrée avec succès!');
916
+ togglePaymentModal();
917
+ }
918
+
919
  function closePaymentSuccess() {
920
  paymentSuccess.classList.add('hidden');
921
  }
prompts.txt CHANGED
@@ -5,4 +5,6 @@ aucun bouton fonctionne activer les fonctionnement
5
  AUCUN BOUTON FONCTIONNE CORRIGER
6
  Créez votre plateforme de cours en ligne automatiquement Notre IA spécialisée génère des plateformes éducatives complètes en quelques minutes, sans aucune compétence technique requise.:: je veux entrer mes informations de paypal et stripe pour recevoir les paiment , et je veux quil prend un abonnement recurent pour avoir acces au outils
7
  MegaMarket IA Rechercher parmi 9,898,989 outils IA... 9,898,989 Outils IA 100% Fonctionnels Ouverture Automatique Mise à jour en Temps Réel Prêts à l'Emploi 9,898,989 Assistants IA 247 Catégories 24/7 Disponibilité ∞ Possibilités Tous (9 898 989) Chatbots (1 250 000) Génération d'Images (980 000) Productivité (875 000) Développement (765 000) Audio & Voix (654 000) Vidéo (543 000) Marketing (432 000) Recherche (321 000) Business (210 000) Éducation (198 000) Créativité (187 000) Santé (176 000) Finance (165 000) Juridique (154 000) Design (143 000) Rédaction (132 000) Traduction (121 000) SEO (110 000) Réseaux Sociaux (99 000) Nouveautés (25 000) Khanmigo 690 Tuteur IA de Khan Academy - Version 4.6 Utiliser Grammarly 438 Correcteur et assistant d'écriture - Version 8.4 Utiliser Anthropic 317 IA conversationnelle sécurisée - Version 3.6 Utiliser Notion AI 767 Assistant d'écriture intégré à Notion - Version 7.1 Utiliser Adept 4 IA pour automatiser les workflows - Version 3.0 Utiliser Runway ML 792 Génération et édition vidéo - Version 2.5 Utiliser Pictory 275 Création de vidéos à partir de texte - Version 0.8 Utiliser Anyword 50 Copywriting optimisé - Version 7.2 Utiliser Bard 729 Assistant IA conversationnel par Google - Version 8.1 Utiliser Notion AI 552 Assistant d'écriture intégré à Notion - Version 6.6 Utiliser Peppertype 191 Génération de contenu - Version 6.7 Utiliser Tabnine 457 Autocomplétion de code - Version 7.0 Utiliser Anyword 309 Copywriting optimisé - Version 1.5 Utiliser Voicemod 832 Modification de voix en temps réel - Version 4.5 Utiliser Peppertype 688 Génération de contenu - Version 8.1 Utiliser Midjourney 525 Génération d'images par IA - Version 3.1 Utiliser Notion AI 49 Assistant d'écriture intégré à Notion - Version 0.7 Utiliser Murf AI 440 Générateur de voix réalistes - Version 9.8 Utiliser Pictory 837 Création de vidéos à partir de texte - Version 1.0 Utiliser Quillbot 946 Paraphraser et assistant d'écriture - Version 8.9 Utiliser Peppertype 736 Génération de contenu - Version 7.6 Utiliser Adobe Sensei 571 IA créative d'Adobe - Version 1.6 Utiliser Notion AI 973 Assistant d'écriture intégré à Notion - Version 2.0 Utiliser Canva AI 710 Design assisté par IA - Version 5.2 Utiliser Tabnine 273 Autocomplétion de code - Version 4.8 Utiliser Replit Ghostwriter 758 IA pour coder dans le navigateur - Version 1.2 Utiliser NightCafe 475 Génération d'art par IA - Version 4.0 Utiliser Elicit 161 Assistant de recherche académique - Version 4.9 Utiliser Voicemod 793 Modification de voix en temps réel - Version 7.1 Utiliser Murf AI 475 Générateur de voix réalistes - Version 0.7 Utiliser Runway ML 9 Génération et édition vidéo - Version 2.9 Utiliser Khanmigo 255 Tuteur IA de Khan Academy - Version 9.2 Utiliser Stable Diffusion 395 Génération d'images open-source - Version 7.5 Utiliser Cohere 627 IA pour les entreprises - Version 4.2 Utiliser Quillbot 427 Paraphraser et assistant d'écriture - Version 8.4 Utiliser Adept 431 IA pour automatiser les workflows - Version 7.6 Utiliser Adobe Sensei 435 IA créative d'Adobe - Version 7.9 Utiliser Midjourney 563 Génération d'images par IA - Version 1.1 Utiliser HeyGen 33 Création de vidéos avec avatars - Version 8.0 Utiliser ElevenLabs 122 Synthèse vocale avancée - Version 7.2 Utiliser Leonardo.AI 236 Génération et édition d'images - Version 5.7 Utiliser Tabnine 625 Autocomplétion de code - Version 8.3 Utiliser ChatGPT 894 Assistant conversationnel avancé par OpenAI - Version 5.4 Utiliser Adobe Sensei 361 IA créative d'Adobe - Version 9.2 Utiliser Elicit 46 Assistant de recherche académique - Version 6.0 Utiliser Fireflies 958 Assistant de réunion IA - Version 0.1 Utiliser Leonardo.AI 295 Génération et édition d'images - Version 2.0 Utiliser Gong 454 Analyse d'appels commerciaux - Version 0.3 Utiliser Tabnine 720 Autocomplétion de code - Version 0.2 Utiliser Anthropic 593 IA conversationnelle sécurisée - Version 1.9 Utiliser Research Rabbit 154 Cartographie de la recherche - Version 0.6 Utiliser Voicemod 642 Modification de voix en temps réel - Version 8.7 Utiliser Quillbot 12 Paraphraser et assistant d'écriture - Version 0.3 Utiliser Anyword 647 Copywriting optimisé - Version 3.4 Utiliser Claude AI 293 Assistant IA par Anthropic - Version 7.6 Utiliser Scite 362 Analyse de citations scientifiques - Version 5.4 Utiliser Runway 225 Outils créatifs avec IA - Version 3.3 Utiliser Claude AI 154 Assistant IA par Anthropic - Version 2.9 Utiliser Fliki 232 Vidéos avec voix IA et images - Version 8.7 Utiliser Runway ML 922 Génération et édition vidéo - Version 8.7 Utiliser MegaMarket IA La plus grande collection d'assistants IA prêts à l'emploi avec 9,898,989 outils réels. Catégories Populaires Tous (9 898 989) Chatbots (1 250 000) Génération d'Images (980 000) Productivité (875 000) Développement (765 000) Audio & Voix (654 000) Vidéo (543 000) Ressources Documentation Blog Tutoriels API Newsletter Recevez les nouveaux outils IA chaque jour. Votre email © 2023 MegaMarket IA. Tous droits réservés. Conditions Confidentialité CGU Made with DeepSite LogoDeepSite - 🧬 Remix
8
- 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
 
 
 
5
  AUCUN BOUTON FONCTIONNE CORRIGER
6
  Créez votre plateforme de cours en ligne automatiquement Notre IA spécialisée génère des plateformes éducatives complètes en quelques minutes, sans aucune compétence technique requise.:: je veux entrer mes informations de paypal et stripe pour recevoir les paiment , et je veux quil prend un abonnement recurent pour avoir acces au outils
7
  MegaMarket IA Rechercher parmi 9,898,989 outils IA... 9,898,989 Outils IA 100% Fonctionnels Ouverture Automatique Mise à jour en Temps Réel Prêts à l'Emploi 9,898,989 Assistants IA 247 Catégories 24/7 Disponibilité ∞ Possibilités Tous (9 898 989) Chatbots (1 250 000) Génération d'Images (980 000) Productivité (875 000) Développement (765 000) Audio & Voix (654 000) Vidéo (543 000) Marketing (432 000) Recherche (321 000) Business (210 000) Éducation (198 000) Créativité (187 000) Santé (176 000) Finance (165 000) Juridique (154 000) Design (143 000) Rédaction (132 000) Traduction (121 000) SEO (110 000) Réseaux Sociaux (99 000) Nouveautés (25 000) Khanmigo 690 Tuteur IA de Khan Academy - Version 4.6 Utiliser Grammarly 438 Correcteur et assistant d'écriture - Version 8.4 Utiliser Anthropic 317 IA conversationnelle sécurisée - Version 3.6 Utiliser Notion AI 767 Assistant d'écriture intégré à Notion - Version 7.1 Utiliser Adept 4 IA pour automatiser les workflows - Version 3.0 Utiliser Runway ML 792 Génération et édition vidéo - Version 2.5 Utiliser Pictory 275 Création de vidéos à partir de texte - Version 0.8 Utiliser Anyword 50 Copywriting optimisé - Version 7.2 Utiliser Bard 729 Assistant IA conversationnel par Google - Version 8.1 Utiliser Notion AI 552 Assistant d'écriture intégré à Notion - Version 6.6 Utiliser Peppertype 191 Génération de contenu - Version 6.7 Utiliser Tabnine 457 Autocomplétion de code - Version 7.0 Utiliser Anyword 309 Copywriting optimisé - Version 1.5 Utiliser Voicemod 832 Modification de voix en temps réel - Version 4.5 Utiliser Peppertype 688 Génération de contenu - Version 8.1 Utiliser Midjourney 525 Génération d'images par IA - Version 3.1 Utiliser Notion AI 49 Assistant d'écriture intégré à Notion - Version 0.7 Utiliser Murf AI 440 Générateur de voix réalistes - Version 9.8 Utiliser Pictory 837 Création de vidéos à partir de texte - Version 1.0 Utiliser Quillbot 946 Paraphraser et assistant d'écriture - Version 8.9 Utiliser Peppertype 736 Génération de contenu - Version 7.6 Utiliser Adobe Sensei 571 IA créative d'Adobe - Version 1.6 Utiliser Notion AI 973 Assistant d'écriture intégré à Notion - Version 2.0 Utiliser Canva AI 710 Design assisté par IA - Version 5.2 Utiliser Tabnine 273 Autocomplétion de code - Version 4.8 Utiliser Replit Ghostwriter 758 IA pour coder dans le navigateur - Version 1.2 Utiliser NightCafe 475 Génération d'art par IA - Version 4.0 Utiliser Elicit 161 Assistant de recherche académique - Version 4.9 Utiliser Voicemod 793 Modification de voix en temps réel - Version 7.1 Utiliser Murf AI 475 Générateur de voix réalistes - Version 0.7 Utiliser Runway ML 9 Génération et édition vidéo - Version 2.9 Utiliser Khanmigo 255 Tuteur IA de Khan Academy - Version 9.2 Utiliser Stable Diffusion 395 Génération d'images open-source - Version 7.5 Utiliser Cohere 627 IA pour les entreprises - Version 4.2 Utiliser Quillbot 427 Paraphraser et assistant d'écriture - Version 8.4 Utiliser Adept 431 IA pour automatiser les workflows - Version 7.6 Utiliser Adobe Sensei 435 IA créative d'Adobe - Version 7.9 Utiliser Midjourney 563 Génération d'images par IA - Version 1.1 Utiliser HeyGen 33 Création de vidéos avec avatars - Version 8.0 Utiliser ElevenLabs 122 Synthèse vocale avancée - Version 7.2 Utiliser Leonardo.AI 236 Génération et édition d'images - Version 5.7 Utiliser Tabnine 625 Autocomplétion de code - Version 8.3 Utiliser ChatGPT 894 Assistant conversationnel avancé par OpenAI - Version 5.4 Utiliser Adobe Sensei 361 IA créative d'Adobe - Version 9.2 Utiliser Elicit 46 Assistant de recherche académique - Version 6.0 Utiliser Fireflies 958 Assistant de réunion IA - Version 0.1 Utiliser Leonardo.AI 295 Génération et édition d'images - Version 2.0 Utiliser Gong 454 Analyse d'appels commerciaux - Version 0.3 Utiliser Tabnine 720 Autocomplétion de code - Version 0.2 Utiliser Anthropic 593 IA conversationnelle sécurisée - Version 1.9 Utiliser Research Rabbit 154 Cartographie de la recherche - Version 0.6 Utiliser Voicemod 642 Modification de voix en temps réel - Version 8.7 Utiliser Quillbot 12 Paraphraser et assistant d'écriture - Version 0.3 Utiliser Anyword 647 Copywriting optimisé - Version 3.4 Utiliser Claude AI 293 Assistant IA par Anthropic - Version 7.6 Utiliser Scite 362 Analyse de citations scientifiques - Version 5.4 Utiliser Runway 225 Outils créatifs avec IA - Version 3.3 Utiliser Claude AI 154 Assistant IA par Anthropic - Version 2.9 Utiliser Fliki 232 Vidéos avec voix IA et images - Version 8.7 Utiliser Runway ML 922 Génération et édition vidéo - Version 8.7 Utiliser MegaMarket IA La plus grande collection d'assistants IA prêts à l'emploi avec 9,898,989 outils réels. Catégories Populaires Tous (9 898 989) Chatbots (1 250 000) Génération d'Images (980 000) Productivité (875 000) Développement (765 000) Audio & Voix (654 000) Vidéo (543 000) Ressources Documentation Blog Tutoriels API Newsletter Recevez les nouveaux outils IA chaque jour. Votre email © 2023 MegaMarket IA. Tous droits réservés. Conditions Confidentialité CGU Made with DeepSite LogoDeepSite - 🧬 Remix
8
+ 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
9
+ 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
10
+ activer toutes les bouton des catégorie en automatiqiue