Add 2 files
Browse files- index.html +53 -375
- prompts.txt +3 -1
index.html
CHANGED
|
@@ -110,6 +110,7 @@
|
|
| 110 |
cursor: pointer;
|
| 111 |
transition: all 0.3s ease;
|
| 112 |
user-select: none;
|
|
|
|
| 113 |
}
|
| 114 |
|
| 115 |
button:active, a.button-like:active {
|
|
@@ -158,6 +159,56 @@
|
|
| 158 |
transform: translateY(-3px);
|
| 159 |
box-shadow: 0 5px 15px rgba(110, 0, 255, 0.3);
|
| 160 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 161 |
</style>
|
| 162 |
</head>
|
| 163 |
<body>
|
|
@@ -196,7 +247,7 @@
|
|
| 196 |
</div>
|
| 197 |
<input class="block w-full pl-10 pr-3 py-2 bg-gray-900 border border-gray-700 rounded-md text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent" placeholder="Rechercher parmi 6M+ produits..." type="search">
|
| 198 |
</div>
|
| 199 |
-
<button id="accountBtn" class="
|
| 200 |
<i class="fas fa-robot mr-2"></i>Mon compte
|
| 201 |
</button>
|
| 202 |
</div>
|
|
@@ -218,378 +269,5 @@
|
|
| 218 |
<a href="#categories" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Catégories</a>
|
| 219 |
<a href="#creators" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Créateurs IA</a>
|
| 220 |
<a href="#subscriptions" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Abonnements</a>
|
| 221 |
-
<div class="pt-4 pb-3 border-t border-gray-
|
| 222 |
-
<button id="mobileAccountBtn" class="neon-border px-4 py-2 rounded-md text-sm font-medium text-white hover:bg-purple-900 transition w-full">
|
| 223 |
-
<i class="fas fa-robot mr-2"></i>Mon compte
|
| 224 |
-
</button>
|
| 225 |
-
</div>
|
| 226 |
-
</div>
|
| 227 |
-
</div>
|
| 228 |
-
</nav>
|
| 229 |
-
|
| 230 |
-
<!-- Hero Section -->
|
| 231 |
-
<div class="relative pt-24 pb-32 overflow-hidden">
|
| 232 |
-
<div class="absolute inset-0">
|
| 233 |
-
<div class="absolute inset-0 bg-gradient-to-b from-purple-900 to-black opacity-75"></div>
|
| 234 |
-
<div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80')] bg-cover bg-center opacity-20"></div>
|
| 235 |
-
</div>
|
| 236 |
-
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 237 |
-
<div class="text-center">
|
| 238 |
-
<h1 class="text-5xl md:text-7xl font-orbitron font-bold tracking-tight text-white mb-6">
|
| 239 |
-
<span class="gradient-text">LA PLUS GRANDE</span><br>
|
| 240 |
-
MARKETPLACE IA
|
| 241 |
-
</h1>
|
| 242 |
-
<p class="mt-6 max-w-lg mx-auto text-xl text-gray-300">
|
| 243 |
-
Accédez à <span class="gradient-text font-bold">6,548,850 produits numériques</span> générés par <span class="gradient-text font-bold">22,456 IA</span> robotisées. Téléchargez gratuitement après inscription.
|
| 244 |
-
</p>
|
| 245 |
-
<div class="mt-10 flex justify-center gap-4">
|
| 246 |
-
<a href="#featured" class="button-like px-8 py-4 bg-gradient-to-r from-purple-600 to-blue-500 rounded-md text-white font-bold hover:opacity-90 transition glow-hover">
|
| 247 |
-
<i class="fas fa-bolt mr-2"></i> Explorer maintenant
|
| 248 |
-
</a>
|
| 249 |
-
<a href="#subscriptions" class="button-like px-8 py-4 border border-purple-500 rounded-md text-white font-bold hover:bg-purple-900 transition glow-hover">
|
| 250 |
-
<i class="fas fa-robot mr-2"></i> Voir les abonnements
|
| 251 |
-
</a>
|
| 252 |
-
</div>
|
| 253 |
-
</div>
|
| 254 |
-
</div>
|
| 255 |
-
|
| 256 |
-
<!-- Floating AI Avatars -->
|
| 257 |
-
<div class="absolute top-1/4 left-10 floating" style="animation-delay: 0.5s;">
|
| 258 |
-
<div class="robot-avatar">
|
| 259 |
-
<i class="fas fa-brain text-white"></i>
|
| 260 |
-
</div>
|
| 261 |
-
</div>
|
| 262 |
-
<div class="absolute top-1/3 right-20 floating" style="animation-delay: 1s;">
|
| 263 |
-
<div class="robot-avatar">
|
| 264 |
-
<i class="fas fa-microchip text-white"></i>
|
| 265 |
-
</div>
|
| 266 |
-
</div>
|
| 267 |
-
<div class="absolute bottom-1/4 left-1/4 floating" style="animation-delay: 1.5s;">
|
| 268 |
-
<div class="robot-avatar">
|
| 269 |
-
<i class="fas fa-cogs text-white"></i>
|
| 270 |
-
</div>
|
| 271 |
-
</div>
|
| 272 |
-
<div class="absolute bottom-1/3 right-1/3 floating" style="animation-delay: 2s;">
|
| 273 |
-
<div class="robot-avatar">
|
| 274 |
-
<i class="fas fa-atom text-white"></i>
|
| 275 |
-
</div>
|
| 276 |
-
</div>
|
| 277 |
-
</div>
|
| 278 |
-
|
| 279 |
-
<!-- Stats Section -->
|
| 280 |
-
<div class="bg-gray-900 py-16">
|
| 281 |
-
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 282 |
-
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center">
|
| 283 |
-
<div class="p-6 neon-border rounded-lg glow-hover">
|
| 284 |
-
<div id="products-counter" class="stats-counter">0+</div>
|
| 285 |
-
<div class="text-gray-400 mt-2">Produits IA</div>
|
| 286 |
-
</div>
|
| 287 |
-
<div class="p-6 neon-border rounded-lg glow-hover">
|
| 288 |
-
<div id="ai-counter" class="stats-counter">0</div>
|
| 289 |
-
<div class="text-gray-400 mt-2">Systèmes IA</div>
|
| 290 |
-
</div>
|
| 291 |
-
<div class="p-6 neon-border rounded-lg glow-hover">
|
| 292 |
-
<div class="stats-counter">98.7%</div>
|
| 293 |
-
<div class="text-gray-400 mt-2">Satisfaction</div>
|
| 294 |
-
</div>
|
| 295 |
-
<div class="p-6 neon-border rounded-lg glow-hover">
|
| 296 |
-
<div class="stats-counter">24/7</div>
|
| 297 |
-
<div class="text-gray-400 mt-2">Génération</div>
|
| 298 |
-
</div>
|
| 299 |
-
</div>
|
| 300 |
-
</div>
|
| 301 |
-
</div>
|
| 302 |
-
|
| 303 |
-
<!-- Featured Products -->
|
| 304 |
-
<div id="featured" class="py-16 bg-black">
|
| 305 |
-
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 306 |
-
<div class="text-center mb-16">
|
| 307 |
-
<h2 class="text-3xl font-orbitron font-bold text-white mb-4">
|
| 308 |
-
<span class="gradient-text">PRODUITS TENDANCES</span> GÉNÉRÉS PAR IA
|
| 309 |
-
</h2>
|
| 310 |
-
<p class="text-gray-400 max-w-2xl mx-auto">
|
| 311 |
-
Découvrez les créations les plus populaires de nos intelligences artificielles robotisées. Téléchargeable gratuitement après inscription.
|
| 312 |
-
</p>
|
| 313 |
-
</div>
|
| 314 |
-
|
| 315 |
-
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
|
| 316 |
-
<!-- Product 1 -->
|
| 317 |
-
<div class="product-card rounded-lg overflow-hidden relative glow-hover">
|
| 318 |
-
<div class="ai-generated-tag px-3 py-1 text-xs font-bold text-white">
|
| 319 |
-
IA ROBOT #4572
|
| 320 |
-
</div>
|
| 321 |
-
<img src="https://images.unsplash.com/photo-1639762681057-408e52192e55?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Produit IA" class="w-full h-48 object-cover">
|
| 322 |
-
<div class="p-4">
|
| 323 |
-
<h3 class="text-white font-bold mb-2">Pack UI Futuriste v4.7</h3>
|
| 324 |
-
<p class="text-gray-400 text-sm mb-4">Interface utilisateur générée par IA pour applications futuristes</p>
|
| 325 |
-
<div class="flex justify-between items-center">
|
| 326 |
-
<div class="flex items-center">
|
| 327 |
-
<i class="fas fa-star text-yellow-400 mr-1"></i>
|
| 328 |
-
<span class="text-white text-sm">4.9</span>
|
| 329 |
-
<span class="text-gray-500 text-sm ml-1">(2.4k)</span>
|
| 330 |
-
</div>
|
| 331 |
-
<button class="download-btn text-xs bg-purple-600 hover:bg-purple-700 text-white px-3 py-1 rounded" data-product="Pack UI Futuriste v4.7">
|
| 332 |
-
<i class="fas fa-download mr-1"></i> Gratuit
|
| 333 |
-
</button>
|
| 334 |
-
</div>
|
| 335 |
-
</div>
|
| 336 |
-
</div>
|
| 337 |
-
|
| 338 |
-
<!-- Product 2 -->
|
| 339 |
-
<div class="product-card rounded-lg overflow-hidden relative glow-hover">
|
| 340 |
-
<div class="ai-generated-tag px-3 py-1 text-xs font-bold text-white">
|
| 341 |
-
IA ROBOT #8921
|
| 342 |
-
</div>
|
| 343 |
-
<img src="https://images.unsplash.com/photo-1626785774573-4b799315345d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Produit IA" class="w-full h-48 object-cover">
|
| 344 |
-
<div class="p-4">
|
| 345 |
-
<h3 class="text-white font-bold mb-2">Musique Électronique AI</h3>
|
| 346 |
-
<p class="text-gray-400 text-sm mb-4">Album complet généré par IA en style futuriste</p>
|
| 347 |
-
<div class="flex justify-between items-center">
|
| 348 |
-
<div class="flex items-center">
|
| 349 |
-
<i class="fas fa-star text-yellow-400 mr-1"></i>
|
| 350 |
-
<span class="text-white text-sm">4.8</span>
|
| 351 |
-
<span class="text-gray-500 text-sm ml-1">(1.7k)</span>
|
| 352 |
-
</div>
|
| 353 |
-
<button class="download-btn text-xs bg-purple-600 hover:bg-purple-700 text-white px-3 py-1 rounded" data-product="Musique Électronique AI">
|
| 354 |
-
<i class="fas fa-download mr-1"></i> Gratuit
|
| 355 |
-
</button>
|
| 356 |
-
</div>
|
| 357 |
-
</div>
|
| 358 |
-
</div>
|
| 359 |
-
|
| 360 |
-
<!-- Product 3 -->
|
| 361 |
-
<div class="product-card rounded-lg overflow-hidden relative glow-hover">
|
| 362 |
-
<div class="ai-generated-tag px-3 py-1 text-xs font-bold text-white">
|
| 363 |
-
IA ROBOT #1564
|
| 364 |
-
</div>
|
| 365 |
-
<img src="https://images.unsplash.com/photo-1639762681485-074b7f938ba0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Produit IA" class="w-full h-48 object-cover">
|
| 366 |
-
<div class="p-4">
|
| 367 |
-
<h3 class="text-white font-bold mb-2">Textures 3D Quantiques</h3>
|
| 368 |
-
<p class="text-gray-400 text-sm mb-4">Pack de 500 textures pour modélisation 3D</p>
|
| 369 |
-
<div class="flex justify-between items-center">
|
| 370 |
-
<div class="flex items-center">
|
| 371 |
-
<i class="fas fa-star text-yellow-400 mr-1"></i>
|
| 372 |
-
<span class="text-white text-sm">4.7</span>
|
| 373 |
-
<span class="text-gray-500 text-sm ml-1">(3.1k)</span>
|
| 374 |
-
</div>
|
| 375 |
-
<button class="download-btn text-xs bg-purple-600 hover:bg-purple-700 text-white px-3 py-1 rounded" data-product="Textures 3D Quantiques">
|
| 376 |
-
<i class="fas fa-download mr-1"></i> Gratuit
|
| 377 |
-
</button>
|
| 378 |
-
</div>
|
| 379 |
-
</div>
|
| 380 |
-
</div>
|
| 381 |
-
|
| 382 |
-
<!-- Product 4 -->
|
| 383 |
-
<div class="product-card rounded-lg overflow-hidden relative glow-hover">
|
| 384 |
-
<div class="ai-generated-tag px-3 py-1 text-xs font-bold text-white">
|
| 385 |
-
IA ROBOT #3421
|
| 386 |
-
</div>
|
| 387 |
-
<img src="https://images.unsplash.com/photo-1639762681057-408e52192e55?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Produit IA" class="w-full h-48 object-cover">
|
| 388 |
-
<div class="p-4">
|
| 389 |
-
<h3 class="text-white font-bold mb-2">Script Auto-Code AI</h3>
|
| 390 |
-
<p class="text-gray-400 text-sm mb-4">Générateur automatique de code JavaScript</p>
|
| 391 |
-
<div class="flex justify-between items-center">
|
| 392 |
-
<div class="flex items-center">
|
| 393 |
-
<i class="fas fa-star text-yellow-400 mr-1"></i>
|
| 394 |
-
<span class="text-white text-sm">4.9</span>
|
| 395 |
-
<span class="text-gray-500 text-sm ml-1">(4.2k)</span>
|
| 396 |
-
</div>
|
| 397 |
-
<button class="download-btn text-xs bg-purple-600 hover:bg-purple-700 text-white px-3 py-1 rounded" data-product="Script Auto-Code AI">
|
| 398 |
-
<i class="fas fa-download mr-1"></i> Gratuit
|
| 399 |
-
</button>
|
| 400 |
-
</div>
|
| 401 |
-
</div>
|
| 402 |
-
</div>
|
| 403 |
-
</div>
|
| 404 |
-
|
| 405 |
-
<div class="text-center mt-12">
|
| 406 |
-
<button id="allProductsBtn" class="button-like inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gradient-to-r from-purple-600 to-blue-500 hover:from-purple-700 hover:to-blue-600 glow-hover">
|
| 407 |
-
<i class="fas fa-robot mr-2"></i> Voir tous les produits (6,548,850+)
|
| 408 |
-
</button>
|
| 409 |
-
</div>
|
| 410 |
-
</div>
|
| 411 |
-
</div>
|
| 412 |
-
|
| 413 |
-
<!-- Categories Section -->
|
| 414 |
-
<div id="categories" class="py-16 bg-gray-900">
|
| 415 |
-
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 416 |
-
<div class="text-center mb-16">
|
| 417 |
-
<h2 class="text-3xl font-orbitron font-bold text-white mb-4">
|
| 418 |
-
<span class="gradient-text">CATÉGORIES</span> POPULAIRES
|
| 419 |
-
</h2>
|
| 420 |
-
<p class="text-gray-400 max-w-2xl mx-auto">
|
| 421 |
-
Explorez nos principales catégories de produits générés par IA. Chaque jour, nos systèmes créent des milliers de nouveaux contenus.
|
| 422 |
-
</p>
|
| 423 |
-
</div>
|
| 424 |
-
|
| 425 |
-
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
|
| 426 |
-
<!-- Category 1 -->
|
| 427 |
-
<a href="#graphisme" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 428 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 429 |
-
<i class="fas fa-paint-brush text-white text-2xl"></i>
|
| 430 |
-
</div>
|
| 431 |
-
<h3 class="text-white font-medium">Graphisme</h3>
|
| 432 |
-
<p class="text-gray-400 text-xs mt-1">12,456 produits</p>
|
| 433 |
-
</a>
|
| 434 |
-
|
| 435 |
-
<!-- Category 2 -->
|
| 436 |
-
<a href="#musique" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 437 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 438 |
-
<i class="fas fa-music text-white text-2xl"></i>
|
| 439 |
-
</div>
|
| 440 |
-
<h3 class="text-white font-medium">Musique</h3>
|
| 441 |
-
<p class="text-gray-400 text-xs mt-1">8,742 produits</p>
|
| 442 |
-
</a>
|
| 443 |
-
|
| 444 |
-
<!-- Category 3 -->
|
| 445 |
-
<a href="#video" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 446 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 447 |
-
<i class="fas fa-video text-white text-2xl"></i>
|
| 448 |
-
</div>
|
| 449 |
-
<h3 class="text-white font-medium">Vidéo</h3>
|
| 450 |
-
<p class="text-gray-400 text-xs mt-1">5,321 produits</p>
|
| 451 |
-
</a>
|
| 452 |
-
|
| 453 |
-
<!-- Category 4 -->
|
| 454 |
-
<a href="#3d" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 455 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 456 |
-
<i class="fas fa-cube text-white text-2xl"></i>
|
| 457 |
-
</div>
|
| 458 |
-
<h3 class="text-white font-medium">3D</h3>
|
| 459 |
-
<p class="text-gray-400 text-xs mt-1">9,876 produits</p>
|
| 460 |
-
</a>
|
| 461 |
-
|
| 462 |
-
<!-- Category 5 -->
|
| 463 |
-
<a href="#code" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 464 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 465 |
-
<i class="fas fa-code text-white text-2xl"></i>
|
| 466 |
-
</div>
|
| 467 |
-
<h3 class="text-white font-medium">Code</h3>
|
| 468 |
-
<p class="text-gray-400 text-xs mt-1">15,678 produits</p>
|
| 469 |
-
</a>
|
| 470 |
-
|
| 471 |
-
<!-- Category 6 -->
|
| 472 |
-
<a href="#ecriture" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 473 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 474 |
-
<i class="fas fa-pen-fancy text-white text-2xl"></i>
|
| 475 |
-
</div>
|
| 476 |
-
<h3 class="text-white font-medium">Écriture</h3>
|
| 477 |
-
<p class="text-gray-400 text-xs mt-1">7,543 produits</p>
|
| 478 |
-
</a>
|
| 479 |
-
|
| 480 |
-
<!-- Category 7 -->
|
| 481 |
-
<a href="#photo" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 482 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 483 |
-
<i class="fas fa-camera text-white text-2xl"></i>
|
| 484 |
-
</div>
|
| 485 |
-
<h3 class="text-white font-medium">Photographie</h3>
|
| 486 |
-
<p class="text-gray-400 text-xs mt-1">10,987 produits</p>
|
| 487 |
-
</a>
|
| 488 |
-
|
| 489 |
-
<!-- Category 8 -->
|
| 490 |
-
<a href="#ui" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 491 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 492 |
-
<i class="fas fa-object-group text-white text-2xl"></i>
|
| 493 |
-
</div>
|
| 494 |
-
<h3 class="text-white font-medium">UI/UX</h3>
|
| 495 |
-
<p class="text-gray-400 text-xs mt-1">6,543 produits</p>
|
| 496 |
-
</a>
|
| 497 |
-
|
| 498 |
-
<!-- Category 9 -->
|
| 499 |
-
<a href="#marketing" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 500 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 501 |
-
<i class="fas fa-bullhorn text-white text-2xl"></i>
|
| 502 |
-
</div>
|
| 503 |
-
<h3 class="text-white font-medium">Marketing</h3>
|
| 504 |
-
<p class="text-gray-400 text-xs mt-1">3,456 produits</p>
|
| 505 |
-
</a>
|
| 506 |
-
|
| 507 |
-
<!-- Category 10 -->
|
| 508 |
-
<a href="#jeux" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 509 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 510 |
-
<i class="fas fa-gamepad text-white text-2xl"></i>
|
| 511 |
-
</div>
|
| 512 |
-
<h3 class="text-white font-medium">Jeux</h3>
|
| 513 |
-
<p class="text-gray-400 text-xs mt-1">4,321 produits</p>
|
| 514 |
-
</a>
|
| 515 |
-
|
| 516 |
-
<!-- Category 11 -->
|
| 517 |
-
<a href="#audio" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 518 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 519 |
-
<i class="fas fa-podcast text-white text-2xl"></i>
|
| 520 |
-
</div>
|
| 521 |
-
<h3 class="text-white font-medium">Audio</h3>
|
| 522 |
-
<p class="text-gray-400 text-xs mt-1">2,345 produits</p>
|
| 523 |
-
</a>
|
| 524 |
-
|
| 525 |
-
<!-- Category 12 -->
|
| 526 |
-
<a href="#autres" class="category-chip bg-gray-800 rounded-lg p-4 text-center glow-hover">
|
| 527 |
-
<div class="w-16 h-16 mx-auto mb-3 bg-gradient-to-r from-purple-600 to-blue-500 rounded-full flex items-center justify-center">
|
| 528 |
-
<i class="fas fa-ellipsis-h text-white text-2xl"></i>
|
| 529 |
-
</div>
|
| 530 |
-
<h3 class="text-white font-medium">Autres</h3>
|
| 531 |
-
<p class="text-gray-400 text-xs mt-1">9,001 produits</p>
|
| 532 |
-
</a>
|
| 533 |
-
</div>
|
| 534 |
-
|
| 535 |
-
<div class="text-center mt-12">
|
| 536 |
-
<button id="allCategoriesBtn" class="button-like inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gradient-to-r from-purple-600 to-blue-500 hover:from-purple-700 hover:to-blue-600 glow-hover">
|
| 537 |
-
<i class="fas fa-list mr-2"></i> Voir toutes les catégories
|
| 538 |
-
</button>
|
| 539 |
-
</div>
|
| 540 |
-
</div>
|
| 541 |
-
</div>
|
| 542 |
-
|
| 543 |
-
<!-- AI Creators Section -->
|
| 544 |
-
<div id="creators" class="py-16 bg-black">
|
| 545 |
-
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 546 |
-
<div class="text-center mb-16">
|
| 547 |
-
<h2 class="text-3xl font-orbitron font-bold text-white mb-4">
|
| 548 |
-
<span class="gradient-text">SYSTÈMES IA</span> ROBOTISÉS
|
| 549 |
-
</h2>
|
| 550 |
-
<p class="text-gray-400 max-w-2xl mx-auto">
|
| 551 |
-
Découvrez les 22,456 intelligences artificielles qui génèrent nos produits. Chaque système est spécialisé dans un domaine unique.
|
| 552 |
-
</p>
|
| 553 |
-
</div>
|
| 554 |
-
|
| 555 |
-
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 556 |
-
<div class="bg-gray-800 p-6 rounded-lg glow-hover">
|
| 557 |
-
<div class="flex items-center mb-4">
|
| 558 |
-
<div class="robot-avatar mr-4">
|
| 559 |
-
<i class="fas fa-paint-brush"></i>
|
| 560 |
-
</div>
|
| 561 |
-
<h3 class="text-xl font-bold text-white">ART-BOT 9000</h3>
|
| 562 |
-
</div>
|
| 563 |
-
<p class="text-gray-400 mb-4">Spécialisé dans la génération d'art numérique et d'illustrations futuristes. A produit 1,245,789 œuvres.</p>
|
| 564 |
-
<div class="flex justify-between text-sm text-gray-500">
|
| 565 |
-
<span><i class="fas fa-bolt mr-1"></i> 98.7% qualité</span>
|
| 566 |
-
<span><i class="fas fa-clock mr-1"></i> 0.4s/produit</span>
|
| 567 |
-
</div>
|
| 568 |
-
</div>
|
| 569 |
-
|
| 570 |
-
<div class="bg-gray-800 p-6 rounded-lg glow-hover">
|
| 571 |
-
<div class="flex items-center mb-4">
|
| 572 |
-
<div class="robot-avatar mr-4">
|
| 573 |
-
<i class="fas fa-music"></i>
|
| 574 |
-
</div>
|
| 575 |
-
<h3 class="text-xl font-bold text-white">SONIC-AI v5.2</h3>
|
| 576 |
-
</div>
|
| 577 |
-
<p class="text-gray-400 mb-4">Génère des compositions musicales complètes en style électronique et futuriste. 876,543 tracks créés.</p>
|
| 578 |
-
<div class="flex justify-between text-sm text-gray-500">
|
| 579 |
-
<span><i class="fas fa-bolt mr-1"></i> 97.3% qualité</span>
|
| 580 |
-
<span><i class="fas fa-clock mr-1"></i> 2.1s/produit</span>
|
| 581 |
-
</div>
|
| 582 |
-
</div>
|
| 583 |
-
|
| 584 |
-
<div class="bg-gray-800 p-6 rounded-lg glow-hover">
|
| 585 |
-
<div class="flex items-center mb-4">
|
| 586 |
-
<div class="robot-avatar mr-4">
|
| 587 |
-
<i class="fas fa-code"></i>
|
| 588 |
-
</div>
|
| 589 |
-
<h3 class="text-xl font-bold text-white">CODE-X 3000</h3>
|
| 590 |
-
</div>
|
| 591 |
-
<p class="text-gray-400 mb-4">Système expert en génération automatique de code pour divers langages de programmation. 2,345,678 scripts.</p>
|
| 592 |
-
<div class="flex justify-between text-sm text-gray-500">
|
| 593 |
-
<span><i class="fas fa-bolt mr-1"></i> 99.1% qualité</span>
|
| 594 |
-
|
| 595 |
</html>
|
|
|
|
| 110 |
cursor: pointer;
|
| 111 |
transition: all 0.3s ease;
|
| 112 |
user-select: none;
|
| 113 |
+
outline: none;
|
| 114 |
}
|
| 115 |
|
| 116 |
button:active, a.button-like:active {
|
|
|
|
| 159 |
transform: translateY(-3px);
|
| 160 |
box-shadow: 0 5px 15px rgba(110, 0, 255, 0.3);
|
| 161 |
}
|
| 162 |
+
|
| 163 |
+
/* Styles ajoutés pour les boutons */
|
| 164 |
+
.btn-primary {
|
| 165 |
+
background: linear-gradient(90deg, var(--primary), var(--secondary));
|
| 166 |
+
color: white;
|
| 167 |
+
border: none;
|
| 168 |
+
padding: 12px 24px;
|
| 169 |
+
border-radius: 6px;
|
| 170 |
+
font-weight: bold;
|
| 171 |
+
text-transform: uppercase;
|
| 172 |
+
letter-spacing: 1px;
|
| 173 |
+
}
|
| 174 |
+
|
| 175 |
+
.btn-primary:hover {
|
| 176 |
+
background: linear-gradient(90deg, #5a00d6, #00c8d6);
|
| 177 |
+
transform: translateY(-2px);
|
| 178 |
+
}
|
| 179 |
+
|
| 180 |
+
.btn-secondary {
|
| 181 |
+
background: transparent;
|
| 182 |
+
color: white;
|
| 183 |
+
border: 2px solid var(--primary);
|
| 184 |
+
padding: 10px 22px;
|
| 185 |
+
border-radius: 6px;
|
| 186 |
+
font-weight: bold;
|
| 187 |
+
}
|
| 188 |
+
|
| 189 |
+
.btn-secondary:hover {
|
| 190 |
+
background: rgba(110, 0, 255, 0.1);
|
| 191 |
+
border-color: var(--secondary);
|
| 192 |
+
}
|
| 193 |
+
|
| 194 |
+
.btn-download {
|
| 195 |
+
background: var(--primary);
|
| 196 |
+
color: white;
|
| 197 |
+
border: none;
|
| 198 |
+
padding: 6px 12px;
|
| 199 |
+
border-radius: 4px;
|
| 200 |
+
font-size: 0.8rem;
|
| 201 |
+
}
|
| 202 |
+
|
| 203 |
+
.btn-download:hover {
|
| 204 |
+
background: #5a00d6;
|
| 205 |
+
}
|
| 206 |
+
|
| 207 |
+
/* Section toutes les catégories */
|
| 208 |
+
#all-categories {
|
| 209 |
+
padding: 4rem 0;
|
| 210 |
+
background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 100%);
|
| 211 |
+
}
|
| 212 |
</style>
|
| 213 |
</head>
|
| 214 |
<body>
|
|
|
|
| 247 |
</div>
|
| 248 |
<input class="block w-full pl-10 pr-3 py-2 bg-gray-900 border border-gray-700 rounded-md text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent" placeholder="Rechercher parmi 6M+ produits..." type="search">
|
| 249 |
</div>
|
| 250 |
+
<button id="accountBtn" class="btn-secondary px-4 py-2 rounded-md text-sm font-medium">
|
| 251 |
<i class="fas fa-robot mr-2"></i>Mon compte
|
| 252 |
</button>
|
| 253 |
</div>
|
|
|
|
| 269 |
<a href="#categories" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Catégories</a>
|
| 270 |
<a href="#creators" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Créateurs IA</a>
|
| 271 |
<a href="#subscriptions" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Abonnements</a>
|
| 272 |
+
<div class="pt-4 pb-3 border-t border-gray-7
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 273 |
</html>
|
prompts.txt
CHANGED
|
@@ -1,3 +1,5 @@
|
|
| 1 |
créér le plus gisquantesque market place des produis numériques tout type plus de 6548850 produits téléchargeables généré par 22456 IA les plus puissant en systeme robosisé et en automatiques produit gratuites téléchargeable apres inscription d'un abonnement
|
| 2 |
probleme des boutons non cliquable veuillez corriger toutes les erreur des boutons qui ne foctionne pas activer toutes les boutons non fonctionnel , réparer toute et refaire une mise a jours pour toute corriger les problelme de fonctionnement
|
| 3 |
-
afficher toutes les catgories corriger toutes les boutons
|
|
|
|
|
|
|
|
|
| 1 |
créér le plus gisquantesque market place des produis numériques tout type plus de 6548850 produits téléchargeables généré par 22456 IA les plus puissant en systeme robosisé et en automatiques produit gratuites téléchargeable apres inscription d'un abonnement
|
| 2 |
probleme des boutons non cliquable veuillez corriger toutes les erreur des boutons qui ne foctionne pas activer toutes les boutons non fonctionnel , réparer toute et refaire une mise a jours pour toute corriger les problelme de fonctionnement
|
| 3 |
+
afficher toutes les catgories corriger toutes les boutons
|
| 4 |
+
corriger toutes les erreurs
|
| 5 |
+
les boutons voir toutes les catégories ne fonctionne pas
|