Hugging Face's logo

Spaces:
frondoc
/
ami
Running

App Files Community
frondoc commited on
Commit
035a7bc
·
verified ·
1 Parent(s): 0832c2b

Crée moi un site plus révolutionai que Tik Tik qui pour me généré plus de 1000000€ par moi - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +508 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ami
3
- emoji: 😻
4
- colorFrom: gray
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: ami
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,508 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>TikTok+ - Votre machine à millions</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #ff00cc 0%, #3333ff 100%);
12
+ }
13
+ .pulse-animation {
14
+ animation: pulse 2s infinite;
15
+ }
16
+ @keyframes pulse {
17
+ 0% { transform: scale(1); }
18
+ 50% { transform: scale(1.05); }
19
+ 100% { transform: scale(1); }
20
+ }
21
+ .video-card {
22
+ transition: all 0.3s ease;
23
+ }
24
+ .video-card:hover {
25
+ transform: translateY(-10px);
26
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
27
+ }
28
+ .money-counter {
29
+ font-family: 'Courier New', monospace;
30
+ background: linear-gradient(to right, #f6d365, #fda085);
31
+ -webkit-background-clip: text;
32
+ background-clip: text;
33
+ color: transparent;
34
+ }
35
+ </style>
36
+ </head>
37
+ <body class="bg-gray-900 text-white">
38
+ <!-- Navigation -->
39
+ <nav class="gradient-bg py-4 sticky top-0 z-50">
40
+ <div class="container mx-auto px-4 flex justify-between items-center">
41
+ <div class="flex items-center space-x-2">
42
+ <i class="fas fa-bolt text-2xl text-yellow-300"></i>
43
+ <span class="text-xl font-bold">TikTok<span class="text-yellow-300">+</span></span>
44
+ </div>
45
+ <div class="hidden md:flex items-center space-x-6">
46
+ <a href="#" class="hover:text-yellow-300">Découvrir</a>
47
+ <a href="#" class="hover:text-yellow-300">Créer</a>
48
+ <a href="#" class="hover:text-yellow-300">Monétiser</a>
49
+ <a href="#" class="hover:text-yellow-300">Analytiques</a>
50
+ </div>
51
+ <div class="flex items-center space-x-4">
52
+ <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-2 px-6 rounded-full transition-all">
53
+ Inscription
54
+ </button>
55
+ <button class="md:hidden">
56
+ <i class="fas fa-bars text-xl"></i>
57
+ </button>
58
+ </div>
59
+ </div>
60
+ </nav>
61
+
62
+ <!-- Hero Section -->
63
+ <section class="gradient-bg py-20">
64
+ <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
65
+ <div class="md:w-1/2 mb-10 md:mb-0">
66
+ <h1 class="text-4xl md:text-6xl font-bold leading-tight mb-6">
67
+ La plateforme qui génère
68
+ <span class="text-yellow-300">1M€+</span>
69
+ par mois
70
+ </h1>
71
+ <p class="text-xl mb-8 opacity-90">
72
+ Avec nos algorithmes révolutionnaires, convertissez chaque vue en revenu réel.
73
+ Publiez une fois, gagnez à vie.
74
+ </p>
75
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
76
+ <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-3 px-8 rounded-full text-lg transition-all">
77
+ Commencer maintenant
78
+ </button>
79
+ <button class="bg-white bg-opacity-10 hover:bg-opacity-20 backdrop-blur-lg border border-white border-opacity-20 font-bold py-3 px-8 rounded-full text-lg transition-all flex items-center">
80
+ <i class="fas fa-play mr-2"></i> Voir la démo
81
+ </button>
82
+ </div>
83
+ </div>
84
+ <div class="md:w-1/2 flex justify-center">
85
+ <div class="relative w-80 h-80 md:w-96 md:h-96 rounded-2xl bg-gray-800 bg-opacity-30 backdrop-blur-lg p-4 shadow-xl pulse-animation">
86
+ <div class="absolute -inset-2 rounded-2xl bg-gradient-to-r from-yellow-400 to-pink-500 opacity-70 blur-md"></div>
87
+ <div class="relative h-full rounded-xl overflow-hidden bg-black flex items-center justify-center">
88
+ <div class="text-center p-4">
89
+ <div class="money-counter text-4xl font-bold mb-4">€1,287,452</div>
90
+ <p class="text-sm">Revenu généré ce mois-ci</p>
91
+ </div>
92
+ <div class="absolute bottom-4 left-4 flex space-x-2">
93
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
94
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
95
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </section>
102
+
103
+ <!-- Features Section -->
104
+ <section class="py-20 bg-gray-800">
105
+ <div class="container mx-auto px-4">
106
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">
107
+ Comment nous allons <span class="text-yellow-300">multiplier vos revenus</span>
108
+ </h2>
109
+
110
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-10">
111
+ <!-- Feature 1 -->
112
+ <div class="bg-gray-900 p-8 rounded-xl hover:bg-gradient-to-br from-gray-900 to-gray-800 transition-all video-card">
113
+ <div class="w-16 h-16 gradient-bg rounded-xl flex items-center justify-center mb-6">
114
+ <i class="fas fa-money-bill-wave text-2xl"></i>
115
+ </div>
116
+ <h3 class="text-xl font-bold mb-3">Multi-monétisation intelligente</h3>
117
+ <p class="text-gray-400">
118
+ 12 sources de revenus automatisées par vidéo, optimisées en temps réel par notre IA.
119
+ </p>
120
+ </div>
121
+
122
+ <!-- Feature 2 -->
123
+ <div class="bg-gray-900 p-8 rounded-xl hover:bg-gradient-to-br from-gray-900 to-gray-800 transition-all video-card">
124
+ <div class="w-16 h-16 gradient-bg rounded-xl flex items-center justify-center mb-6">
125
+ <i class="fas fa-robot text-2xl"></i>
126
+ </div>
127
+ <h3 class="text-xl font-bold mb-3">IA de création révolutionnaire</h3>
128
+ <p class="text-gray-400">
129
+ Notre IA crée du contenu viral à partir de vos idées en quelques secondes, 24h/24.
130
+ </p>
131
+ </div>
132
+
133
+ <!-- Feature 3 -->
134
+ <div class="bg-gray-900 p-8 rounded-xl hover:bg-gradient-to-br from-gray-900 to-gray-800 transition-all video-card">
135
+ <div class="w-16 h-16 gradient-bg rounded-xl flex items-center justify-center mb-6">
136
+ <i class="fas fa-network-wired text-2xl"></i>
137
+ </div>
138
+ <h3 class="text-xl font-bold mb-3">Réseau de distribution</h3>
139
+ <p class="text-gray-400">
140
+ Votre contenu est diffusé automatiquement sur 45 plateformes simultanément.
141
+ </p>
142
+ </div>
143
+
144
+ <!-- Feature 4 -->
145
+ <div class="bg-gray-900 p-8 rounded-xl hover:bg-gradient-to-br from-gray-900 to-gray-800 transition-all video-card">
146
+ <div class="w-16 h-16 gradient-bg rounded-xl flex items-center justify-center mb-6">
147
+ <i class="fas fa-chart-line text-2xl"></i>
148
+ </div>
149
+ <h3 class="text-xl font-bold mb-3">Algorithmes predictifs</h3>
150
+ <p class="text-gray-400">
151
+ Nous anticipons les tendances 72 heures à l'avance pour que vous soyez toujours en avance.
152
+ </p>
153
+ </div>
154
+
155
+ <!-- Feature 5 -->
156
+ <div class="bg-gray-900 p-8 rounded-xl hover:bg-gradient-to-br from-gray-900 to-gray-800 transition-all video-card">
157
+ <div class="w-16 h-16 gradient-bg rounded-xl flex items-center justify-center mb-6">
158
+ <i class="fas fa-sync-alt text-2xl"></i>
159
+ </div>
160
+ <h3 class="text-xl font-bold mb-3">Revenus passifs</h3>
161
+ <p class="text-gray-400">
162
+ Vos anciennes vidéos sont réactualisées automatiquement pour générer du revenu sans effort.
163
+ </p>
164
+ </div>
165
+
166
+ <!-- Feature 6 -->
167
+ <div class="bg-gray-900 p-8 rounded-xl hover:bg-gradient-to-br from-gray-900 to-gray-800 transition-all video-card">
168
+ <div class="w-16 h-16 gradient-bg rounded-xl flex items-center justify-center mb-6">
169
+ <i class="fas fa-users text-2xl"></i>
170
+ </div>
171
+ <h3 class="text-xl font-bold mb-3">Communauté premium</h3>
172
+ <p class="text-gray-400">
173
+ Accès à notre réseau exclusif de créateurs millionnaires pour collaborations et parrainages.
174
+ </p>
175
+ </div>
176
+ </div>
177
+ </div>
178
+ </section>
179
+
180
+ <!-- Testimonials -->
181
+ <section class="py-20 bg-gradient-to-b from-gray-800 to-gray-900">
182
+ <div class="container mx-auto px-4">
183
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-6">
184
+ Ils ont <span class="text-yellow-300">explosé</span> leurs revenus avec nous
185
+ </h2>
186
+ <p class="text-center text-gray-400 max-w-2xl mx-auto mb 16">
187
+ Découvrez comment nos utilisateurs ont atteint des revenus records en quelques mois seulement
188
+ </p>
189
+
190
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-12">
191
+ <!-- Testimonial 1 -->
192
+ <div class="bg-gray-800 rounded-2xl p-8 relative overflow-hidden">
193
+ <div class="absolute -top-10 -right-10 w-32 h-32 gradient-bg rounded-full opacity-20"></div>
194
+ <div class="relative z-10">
195
+ <div class="flex items-center mb-4">
196
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="User" class="w-12 h-12 rounded-full mr-4">
197
+ <div>
198
+ <h4 class="font-bold">Sarah K.</h4>
199
+ <p class="text-sm text-gray-400">Ex-influenceuse</p>
200
+ </div>
201
+ </div>
202
+ <p class="text-gray-300 mb-4">
203
+ "De 3K€ à 1.2M€ en 4 mois. C'est fou comme l'automatisation change tout. Je ne travaille que 2h/semaine maintenant."
204
+ </p>
205
+ <div class="flex justify-between text-sm">
206
+ <span class="text-yellow-400">+39,900%</span>
207
+ <span>Avril 2024</span>
208
+ </div>
209
+ </div>
210
+ </div>
211
+
212
+ <!-- Testimonial 2 -->
213
+ <div class="bg-gray-800 rounded-2xl p-8 relative overflow-hidden">
214
+ <div class="absolute -bottom-10 -left-10 w-32 h-32 gradient-bg rounded-full opacity-20"></div>
215
+ <div class="relative z-10">
216
+ <div class="flex items-center mb-4">
217
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="User" class="w-12 h-12 rounded-full mr-4">
218
+ <div>
219
+ <h4 class="font-bold">Marc D.</h4>
220
+ <p class="text-sm text-gray-400">Ancien employé</p>
221
+ </div>
222
+ </div>
223
+ <p class="text-gray-300 mb-4">
224
+ "J'ai quitté mon job après 3 semaines sur TikTok+. 876K€ le premier mois complet. La vie a changé."
225
+ </p>
226
+ <div class="flex justify-between text-sm">
227
+ <span class="text-yellow-400">+∞%</span>
228
+ <span>Mars 2024</span>
229
+ </div>
230
+ </div>
231
+ </div>
232
+
233
+ <!-- Testimonial 3 -->
234
+ <div class="bg-gray-800 rounded-2xl p-8 relative overflow-hidden">
235
+ <div class="absolute -top-5 -left-5 w-20 h-20 gradient-bg rounded-full opacity-20"></div>
236
+ <div class="absolute -bottom-5 -right-5 w-20 h-20 gradient-bg rounded-full opacity-20"></div>
237
+ <div class="relative z-10">
238
+ <div class="flex items-center mb-4">
239
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="User" class="w-12 h-12 rounded-full mr-4">
240
+ <div>
241
+ <h4 class="font-bold">Léa T.</h4>
242
+ <p class="text-sm text-gray-400">Créatrice digitale</p>
243
+ </div>
244
+ </div>
245
+ <p class="text-gray-300 mb-4">
246
+ "Notre agence a multiplié par 120 les revenus de nos clients en migrant sur TikTok+. Les résultats parlent d'eux-mêmes."
247
+ </p>
248
+ <div class="flex justify-between text-sm">
249
+ <span class="text-yellow-400">+12,000%</span>
250
+ <span>Février 2024</span>
251
+ </div>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </div>
256
+ </section>
257
+
258
+ <!-- AI Content Generator -->
259
+ <section class="py-20 bg-gray-900">
260
+ <div class="container mx-auto px-4">
261
+ <div class="flex flex-col md:flex-row items-center">
262
+ <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
263
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">
264
+ <span class="text-yellow-300">Générateur de contenu IA</span> révolutionnaire
265
+ </h2>
266
+ <p class="text-xl mb-8 opacity-90">
267
+ Notre intelligence artificielle crée pour vous du contenu viral optimisé pour le revenu en quelques secondes.
268
+ </p>
269
+ <ul class="space-y-4 mb-8">
270
+ <li class="flex items-start">
271
+ <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
272
+ <span>Génération de vidéos à partir d'une simple idée</span>
273
+ </li>
274
+ <li class="flex items-start">
275
+ <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
276
+ <span>Optimisation automatique pour le revenu maximum</span>
277
+ </li>
278
+ <li class="flex items-start">
279
+ <i class="fas fa-check-circle text-green-400 mt-1 mr-3"></i>
280
+ <span>Variations illimitées pour tester ce qui fonctionne</span>
281
+ </li>
282
+ </ul>
283
+ <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-3 px-8 rounded-full text-lg transition-all">
284
+ Essayer maintenant
285
+ </button>
286
+ </div>
287
+ <div class="md:w-1/2 relative">
288
+ <div class="relative bg-gray-800 rounded-xl overflow-hidden p-6 shadow-2xl">
289
+ <div class="flex items-center mb-4">
290
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
291
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
292
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
293
+ </div>
294
+ <div class="bg-black bg-opacity-50 rounded-lg p-4 mb-4">
295
+ <div class="text-green-400 font-mono text-sm mb-2">$ AITikTok+ > input_idea</div>
296
+ <div class="text-gray-300 font-mono text-sm mb-2">"Comment gagner 1M€ par mois sur Internet"</div>
297
+ <div class="text-green-400 font-mono text-sm">$ Génération en cours...</div>
298
+ </div>
299
+ <div class="grid grid-cols-2 gap-4">
300
+ <div class="bg-gray-700 rounded-lg h-32 flex items-center justify-center">
301
+ <i class="fas fa-video text-2xl text-gray-500"></i>
302
+ </div>
303
+ <div class="bg-gray-700 rounded-lg h-32 flex items-center justify-center">
304
+ <i class="fas fa-video text-2xl text-gray-500"></i>
305
+ </div>
306
+ <div class="bg-gray-700 rounded-lg h-32 flex items-center justify-center">
307
+ <i class="fas fa-video text-2xl text-gray-500"></i>
308
+ </div>
309
+ <div class="bg-gray-700 rounded-lg h-32 flex items-center justify-center">
310
+ <i class="fas fa-video text-2xl text-gray-500"></i>
311
+ </div>
312
+ </div>
313
+ <div class="absolute bottom-4 right-4 flex items-center">
314
+ <span class="text-xs mr-2">PUISSANCE IA</span>
315
+ <div class="w-16 h-1 bg-gray-600 rounded-full">
316
+ <div class="h-1 bg-yellow-400 rounded-full w-3/4"></div>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ <div class="absolute -top-8 -right-8 w-32 h-32 gradient-bg rounded-full opacity-20 z-0"></div>
321
+ </div>
322
+ </div>
323
+ </div>
324
+ </section>
325
+
326
+ <!-- Revenue Calculator -->
327
+ <section class="py-20 gradient-bg">
328
+ <div class="container mx-auto px-4">
329
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-6">
330
+ Calculez vos <span class="text-yellow-300">revenus potentiels</span>
331
+ </h2>
332
+ <p class="text-center max-w-2xl mx-auto mb-16 opacity-90">
333
+ Découvrez combien vous pourriez gagner en fonction de votre activité actuelle
334
+ </p>
335
+
336
+ <div class="max-w-3xl mx-auto bg-gray-900 bg-opacity-50 backdrop-blur-lg rounded-2xl p-8 shadow-xl">
337
+ <div class="mb-8">
338
+ <label class="block text-gray-300 mb-2">Nombre de vidéos publiées par semaine</label>
339
+ <input type="range" min="1" max="50" value="10" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer" id="videosSlider">
340
+ <div class="flex justify-between mt-2">
341
+ <span>1</span>
342
+ <span id="videosValue">10</span>
343
+ <span>50+</span>
344
+ </div>
345
+ </div>
346
+
347
+ <div class="mb-8">
348
+ <label class="block text-gray-300 mb-2">Vos vues actuelles par mois (toutes plateformes)</label>
349
+ <div class="flex items-center space-x-4">
350
+ <input type="range" min="1000" max="10000000" value="50000" step="1000" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer" id="viewsSlider">
351
+ </div>
352
+ <div class="flex justify-between mt-2">
353
+ <span>1K</span>
354
+ <span id="viewsValue">50K</span>
355
+ <span>10M+</span>
356
+ </div>
357
+ </div>
358
+
359
+ <div class="mb-8">
360
+ <label class="block text-gray-300 mb-2">Taux d'engagement actuel (%)</label>
361
+ <input type="range" min="1" max="30" value="8" step="0.1" class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer" id="engagementSlider">
362
+ <div class="flex justify-between mt-2">
363
+ <span>1%</span>
364
+ <span id="engagementValue">8%</span>
365
+ <span>30%</span>
366
+ </div>
367
+ </div>
368
+
369
+ <div class="bg-black bg-opacity-30 rounded-xl p-6 text-center">
370
+ <p class="text-gray-300 mb-2">Votre revenu estimé avec TikTok+</p>
371
+ <div class="money-counter text-4xl md:text-5xl font-bold mb-2" id="revenueEstimate">€12,450/mois</div>
372
+ <p class="text-gray-400 text-sm">* Estimation basée sur nos moyennes et algorithmes propriétaires</p>
373
+ </div>
374
+ </div>
375
+ </div>
376
+ </section>
377
+
378
+ <!-- CTA Section -->
379
+ <section class="py-20 bg-gray-900">
380
+ <div class="container mx-auto px-4 text-center">
381
+ <h2 class="text-3xl md:text-5xl font-bold mb-8 max-w-3xl mx-auto">
382
+ Prêt à <span class="text-yellow-300">transformer</span> votre revenu en ligne ?
383
+ </h2>
384
+ <p class="text-xl mb-12 max-w-2xl mx-auto opacity-90">
385
+ Rejoignez les milliers de créateurs qui ont multiplié leurs revenus par 10, 50 ou même 100.
386
+ </p>
387
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
388
+ <button class="bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-4 px-12 rounded-full text-lg transition-all">
389
+ Commencer gratuitement
390
+ </button>
391
+ <button class="bg-white bg-opacity-10 hover:bg-opacity-20 backdrop-blur-lg border border-white border-opacity-20 font-bold py-4 px-12 rounded-full text-lg transition-all">
392
+ Voir les plans Premium
393
+ </button>
394
+ </div>
395
+ </div>
396
+ </section>
397
+
398
+ <!-- Footer -->
399
+ <footer class="py-10 bg-black bg-opacity-50">
400
+ <div class="container mx-auto px-4">
401
+ <div class="flex flex-col md:flex-row justify-between items-center">
402
+ <div class="flex items-center space-x-2 mb-6 md:mb-0">
403
+ <i class="fas fa-bolt text-2xl text-yellow-300"></i>
404
+ <span class="text-xl font-bold">TikTok<span class="text-yellow-300">+</span></span>
405
+ </div>
406
+ <div class="flex space-x-6 mb-6 md:mb-0">
407
+ <a href="#" class="hover:text-yellow-300"><i class="fab fa-twitter"></i></a>
408
+ <a href="#" class="hover:text-yellow-300"><i class="fab fa-instagram"></i></a>
409
+ <a href="#" class="hover:text-yellow-300"><i class="fab fa-tiktok"></i></a>
410
+ <a href="#" class="hover:text-yellow-300"><i class="fab fa-youtube"></i></a>
411
+ </div>
412
+ <div class="text-gray-400 text-sm">
413
+ &copy; 2024 TikTok+ Inc. Tous droits réservés.
414
+ </div>
415
+ </div>
416
+ </div>
417
+ </footer>
418
+
419
+ <script>
420
+ // Revenue Calculator
421
+ const videosSlider = document.getElementById('videosSlider');
422
+ const viewsSlider = document.getElementById('viewsSlider');
423
+ const engagementSlider = document.getElementById('engagementSlider');
424
+ const videosValue = document.getElementById('videosValue');
425
+ const viewsValue = document.getElementById('viewsValue');
426
+ const engagementValue = document.getElementById('engagementValue');
427
+ const revenueEstimate = document.getElementById('revenueEstimate');
428
+
429
+ function formatNumber(num) {
430
+ if (num >= 1000000) {
431
+ return (num / 1000000).toFixed(1) + 'M';
432
+ }
433
+ if (num >= 1000) {
434
+ return (num / 1000).toFixed(1) + 'K';
435
+ }
436
+ return num;
437
+ }
438
+
439
+ function calculateRevenue() {
440
+ const videos = parseInt(videosSlider.value);
441
+ const views = parseInt(viewsSlider.value);
442
+ const engagement = parseFloat(engagementSlider.value);
443
+
444
+ // Base calculation (simplified for demo)
445
+ let base = (views / 1000) * (engagement / 5) * (videos / 5);
446
+
447
+ // Apply exponential growth for higher values
448
+ if (base > 5000) {
449
+ base = Math.pow(base, 1.1);
450
+ }
451
+
452
+ // Round to nearest 10
453
+ const revenue = Math.round(base / 10) * 10;
454
+
455
+ // Format with Euro symbol and comma separator
456
+ return new Intl.NumberFormat('fr-FR', {
457
+ style: 'currency',
458
+ currency: 'EUR',
459
+ maximumFractionDigits: 0
460
+ }).format(revenue) + '/mois';
461
+ }
462
+
463
+ function updateCalculator() {
464
+ videosValue.textContent = videosSlider.value;
465
+
466
+ const views = parseInt(viewsSlider.value);
467
+ viewsValue.textContent = formatNumber(views) + (views >= 1000000 ? '+' : '');
468
+
469
+ engagementValue.textContent = engagementSlider.value + '%';
470
+
471
+ revenueEstimate.textContent = calculateRevenue();
472
+ }
473
+
474
+ videosSlider.addEventListener('input', updateCalculator);
475
+ viewsSlider.addEventListener('input', updateCalculator);
476
+ engagementSlider.addEventListener('input', updateCalculator);
477
+
478
+ // Initialize
479
+ updateCalculator();
480
+
481
+ // Animate revenue counter on page load
482
+ document.addEventListener('DOMContentLoaded', () => {
483
+ const moneyCounters = document.querySelectorAll('.money-counter');
484
+
485
+ moneyCounters.forEach(counter => {
486
+ const target = counter.textContent.replace(/[^\d]/g, '');
487
+ const start = Math.floor(parseInt(target) * 0.1);
488
+ let current = start;
489
+
490
+ const animate = () => {
491
+ if (current < parseInt(target)) {
492
+ current += Math.ceil((parseInt(target) - start) / 20);
493
+ if (current > parseInt(target)) current = parseInt(target);
494
+ counter.textContent = new Intl.NumberFormat('fr-FR', {
495
+ style: 'currency',
496
+ currency: 'EUR',
497
+ maximumFractionDigits: 0
498
+ }).format(current);
499
+ requestAnimationFrame(animate);
500
+ }
501
+ };
502
+
503
+ setTimeout(animate, 1000);
504
+ });
505
+ });
506
+ </script>
507
+ <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=frondoc/ami" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
508
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Crée moi un site plus révolutionai que Tik Tik qui pour me généré plus de 1000000€ par moi