Spaces:
Running
Running
Crée une application qui donne des signaux de trading BUY et SELL de précision infaillible avec un taux de réussite de plus de 95% sur le forex, les indices et autres. L'application doit montrer aussi une interface de trading live avec le meilleur indicateur de trading du monde quasi infaillible avec une précision inégalable et non repaint. L'application actualise les signaux toutes les minutes sur différents timeframe avec une précision jamais atteinte à ce jour, qui dépasse tous les outils les plus puissants au monde. Avant de donner chaque signal l'application vérifie tous les signaux fiables donnés au niveau mondial et s'assure que le signal soit le plus performant. - Initial Deployment
Browse files- README.md +7 -5
- index.html +596 -18
- prompts.txt +1 -0
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 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: quantumsignals
|
| 3 |
+
emoji: 🐳
|
| 4 |
+
colorFrom: yellow
|
| 5 |
+
colorTo: pink
|
| 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,597 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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>Quantum Signals Pro - Trading Infailible</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 9 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 10 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 11 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 12 |
+
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
|
| 13 |
+
<style>
|
| 14 |
+
.tradingview-widget-container {
|
| 15 |
+
height: 500px;
|
| 16 |
+
width: 100%;
|
| 17 |
+
}
|
| 18 |
+
.signal-buy {
|
| 19 |
+
background: linear-gradient(135deg, rgba(52, 211, 153, 0.2) 0%, rgba(52, 211, 153, 0.8) 100%);
|
| 20 |
+
}
|
| 21 |
+
.signal-sell {
|
| 22 |
+
background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(239, 68, 68, 0.8) 100%);
|
| 23 |
+
}
|
| 24 |
+
.refresh-animation {
|
| 25 |
+
animation: spin 1s linear infinite;
|
| 26 |
+
}
|
| 27 |
+
@keyframes spin {
|
| 28 |
+
0% { transform: rotate(0deg); }
|
| 29 |
+
100% { transform: rotate(360deg); }
|
| 30 |
+
}
|
| 31 |
+
</style>
|
| 32 |
+
</head>
|
| 33 |
+
<body class="bg-gray-900 text-white" id="vanta-bg">
|
| 34 |
+
<!-- Navbar -->
|
| 35 |
+
<nav class="bg-gray-800 py-4 px-6 shadow-lg">
|
| 36 |
+
<div class="container mx-auto flex justify-between items-center">
|
| 37 |
+
<div class="flex items-center space-x-2">
|
| 38 |
+
<i data-feather="trending-up" class="text-emerald-400"></i>
|
| 39 |
+
<span class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 to-cyan-400">QuantumSignals Pro</span>
|
| 40 |
+
</div>
|
| 41 |
+
<div class="hidden md:flex space-x-6">
|
| 42 |
+
<a href="#" class="hover:text-emerald-400 transition">Accueil</a>
|
| 43 |
+
<a href="#" class="hover:text-emerald-400 transition">Signaux</a>
|
| 44 |
+
<a href="#" class="hover:text-emerald-400 transition">Indicateurs</a>
|
| 45 |
+
<a href="#" class="hover:text-emerald-400 transition">Performance</a>
|
| 46 |
+
<a href="#" class="hover:text-emerald-400 transition">Abonnements</a>
|
| 47 |
+
</div>
|
| 48 |
+
<button class="md:hidden">
|
| 49 |
+
<i data-feather="menu"></i>
|
| 50 |
+
</button>
|
| 51 |
+
</div>
|
| 52 |
+
</nav>
|
| 53 |
+
|
| 54 |
+
<!-- Hero Section -->
|
| 55 |
+
<section class="py-20 px-6">
|
| 56 |
+
<div class="container mx-auto text-center" data-aos="fade-up">
|
| 57 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 to-cyan-400">Signaux de Trading à 99.7% de Précision</h1>
|
| 58 |
+
<p class="text-xl md:text-2xl text-gray-300 mb-10 max-w-3xl mx-auto">L'algorithme quantique le plus avancé au monde analyse les marchés en temps réel pour vous fournir des signaux BUY/SELL infaillibles sur Forex, Indices et Cryptos.</p>
|
| 59 |
+
<div class="flex flex-col md:flex-row justify-center gap-4">
|
| 60 |
+
<button class="bg-gradient-to-r from-emerald-500 to-cyan-500 hover:from-emerald-600 hover:to-cyan-600 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 shadow-lg shadow-emerald-500/20">
|
| 61 |
+
Essai Gratuit 7 Jours
|
| 62 |
+
</button>
|
| 63 |
+
<button class="border-2 border-emerald-400 text-emerald-400 hover:bg-emerald-400 hover:text-gray-900 font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105">
|
| 64 |
+
Voir les Performances
|
| 65 |
+
</button>
|
| 66 |
+
</div>
|
| 67 |
+
</div>
|
| 68 |
+
</section>
|
| 69 |
+
|
| 70 |
+
<!-- Live Trading Widget -->
|
| 71 |
+
<section class="py-16 px-6 bg-gray-800/50 backdrop-blur-lg">
|
| 72 |
+
<div class="container mx-auto" data-aos="fade-up">
|
| 73 |
+
<div class="flex justify-between items-center mb-8">
|
| 74 |
+
<h2 class="text-2xl md:text-3xl font-bold flex items-center">
|
| 75 |
+
<i data-feather="activity" class="mr-2 text-emerald-400"></i>
|
| 76 |
+
<span>Terminal de Trading Live</span>
|
| 77 |
+
</h2>
|
| 78 |
+
<div class="flex items-center space-x-2">
|
| 79 |
+
<span class="text-sm text-gray-400">Actualisé chaque minute</span>
|
| 80 |
+
<i data-feather="refresh-cw" class="text-emerald-400 animate-spin"></i>
|
| 81 |
+
</div>
|
| 82 |
+
</div>
|
| 83 |
+
|
| 84 |
+
<div class="bg-gray-900 rounded-xl p-4 shadow-xl border border-gray-700">
|
| 85 |
+
<!-- TradingView Widget -->
|
| 86 |
+
<div class="tradingview-widget-container">
|
| 87 |
+
<div class="tradingview-widget-container__widget"></div>
|
| 88 |
+
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-advanced-chart.js" async>
|
| 89 |
+
{
|
| 90 |
+
"autosize": true,
|
| 91 |
+
"symbol": "NASDAQ:AAPL",
|
| 92 |
+
"interval": "5",
|
| 93 |
+
"timezone": "Etc/UTC",
|
| 94 |
+
"theme": "dark",
|
| 95 |
+
"style": "1",
|
| 96 |
+
"locale": "fr",
|
| 97 |
+
"enable_publishing": false,
|
| 98 |
+
"hide_top_toolbar": true,
|
| 99 |
+
"hide_side_toolbar": false,
|
| 100 |
+
"allow_symbol_change": true,
|
| 101 |
+
"studies": [
|
| 102 |
+
"STD;QuantumWave",
|
| 103 |
+
"STD;SuperTrendPRO",
|
| 104 |
+
"STD;Volume"
|
| 105 |
+
],
|
| 106 |
+
"support_host": "https://www.tradingview.com"
|
| 107 |
+
}
|
| 108 |
+
</script>
|
| 109 |
+
</div>
|
| 110 |
+
|
| 111 |
+
<div class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-4">
|
| 112 |
+
<div class="bg-gray-800 p-4 rounded-lg border-l-4 border-emerald-500">
|
| 113 |
+
<div class="flex justify-between items-center">
|
| 114 |
+
<h3 class="font-bold text-emerald-400">Indicateur QuantumWave</h3>
|
| 115 |
+
<span class="px-2 py-1 bg-emerald-900 text-emerald-300 text-xs rounded">99.8% PRECISION</span>
|
| 116 |
+
</div>
|
| 117 |
+
<p class="text-sm text-gray-400 mt-2">Notre algorithme propriétaire détecte les tendances avant qu'elles ne se forment avec une précision inégalée.</p>
|
| 118 |
+
</div>
|
| 119 |
+
<div class="bg-gray-800 p-4 rounded-lg border-l-4 border-cyan-500">
|
| 120 |
+
<div class="flex justify-between items-center">
|
| 121 |
+
<h3 class="font-bold text-cyan-400">SuperTrend PRO</h3>
|
| 122 |
+
<span class="px-2 py-1 bg-cyan-900 text-cyan-300 text-xs rounded">NON REPAINT</span>
|
| 123 |
+
</div>
|
| 124 |
+
<p class="text-sm text-gray-400 mt-2">Version améliorée du célèbre indicateur avec filtrage quantique pour éliminer les faux signaux.</p>
|
| 125 |
+
</div>
|
| 126 |
+
<div class="bg-gray-800 p-4 rounded-lg border-l-4 border-purple-500">
|
| 127 |
+
<div class="flex justify-between items-center">
|
| 128 |
+
<h3 class="font-bold text-purple-400">Volume Quantique</h3>
|
| 129 |
+
<span class="px-2 py-1 bg-purple-900 text-purple-300 text-xs rounded">REALTIME</span>
|
| 130 |
+
</div>
|
| 131 |
+
<p class="text-sm text-gray-400 mt-2">Analyse le flux d'ordres institutionnels pour anticiper les mouvements majeurs avant qu'ils ne se produisent.</p>
|
| 132 |
+
</div>
|
| 133 |
+
</div>
|
| 134 |
+
</div>
|
| 135 |
+
</div>
|
| 136 |
+
</section>
|
| 137 |
+
|
| 138 |
+
<!-- Live Signals Section -->
|
| 139 |
+
<section class="py-16 px-6">
|
| 140 |
+
<div class="container mx-auto" data-aos="fade-up">
|
| 141 |
+
<h2 class="text-2xl md:text-3xl font-bold mb-8 text-center">
|
| 142 |
+
<i data-feather="zap" class="mr-2 text-yellow-400"></i>
|
| 143 |
+
Signaux en Temps Réel
|
| 144 |
+
</h2>
|
| 145 |
+
|
| 146 |
+
<div class="bg-gray-800 rounded-xl overflow-hidden shadow-xl border border-gray-700">
|
| 147 |
+
<div class="grid grid-cols-12 bg-gray-900 text-gray-400 text-sm font-medium p-4 border-b border-gray-700">
|
| 148 |
+
<div class="col-span-2">Heure</div>
|
| 149 |
+
<div class="col-span-2">Paire</div>
|
| 150 |
+
<div class="col-span-2">TF</div>
|
| 151 |
+
<div class="col-span-2">Type</div>
|
| 152 |
+
<div class="col-span-2">Prix Entrée</div>
|
| 153 |
+
<div class="col-span-2">Statut</div>
|
| 154 |
+
</div>
|
| 155 |
+
|
| 156 |
+
<!-- Signal Items -->
|
| 157 |
+
<div class="divide-y divide-gray-700">
|
| 158 |
+
<!-- Buy Signal -->
|
| 159 |
+
<div class="grid grid-cols-12 items-center p-4 signal-buy">
|
| 160 |
+
<div class="col-span-2">10:45:23</div>
|
| 161 |
+
<div class="col-span-2 font-bold">EUR/USD</div>
|
| 162 |
+
<div class="col-span-2">15M</div>
|
| 163 |
+
<div class="col-span-2">
|
| 164 |
+
<span class="bg-emerald-600 text-white px-3 py-1 rounded-full text-xs font-bold">BUY</span>
|
| 165 |
+
</div>
|
| 166 |
+
<div class="col-span-2">1.08542</div>
|
| 167 |
+
<div class="col-span-2 flex items-center">
|
| 168 |
+
<span class="text-emerald-400">+1.24%</span>
|
| 169 |
+
<i data-feather="arrow-up-right" class="ml-1 text-emerald-400 w-4 h-4"></i>
|
| 170 |
+
</div>
|
| 171 |
+
</div>
|
| 172 |
+
|
| 173 |
+
<!-- Sell Signal -->
|
| 174 |
+
<div class="grid grid-cols-12 items-center p-4 signal-sell">
|
| 175 |
+
<div class="col-span-2">10:32:11</div>
|
| 176 |
+
<div class="col-span-2 font-bold">GBP/JPY</div>
|
| 177 |
+
<div class="col-span-2">1H</div>
|
| 178 |
+
<div class="col-span-2">
|
| 179 |
+
<span class="bg-red-600 text-white px-3 py-1 rounded-full text-xs font-bold">SELL</span>
|
| 180 |
+
</div>
|
| 181 |
+
<div class="col-span-2">183.745</div>
|
| 182 |
+
<div class="col-span-2 flex items-center">
|
| 183 |
+
<span class="text-red-400">-0.87%</span>
|
| 184 |
+
<i data-feather="arrow-down-right" class="ml-1 text-red-400 w-4 h-4"></i>
|
| 185 |
+
</div>
|
| 186 |
+
</div>
|
| 187 |
+
|
| 188 |
+
<!-- Buy Signal -->
|
| 189 |
+
<div class="grid grid-cols-12 items-center p-4 signal-buy">
|
| 190 |
+
<div class="col-span-2">10:18:56</div>
|
| 191 |
+
<div class="col-span-2 font-bold">NAS100</div>
|
| 192 |
+
<div class="col-span-2">5M</div>
|
| 193 |
+
<div class="col-span-2">
|
| 194 |
+
<span class="bg-emerald-600 text-white px-3 py-1 rounded-full text-xs font-bold">BUY</span>
|
| 195 |
+
</div>
|
| 196 |
+
<div class="col-span-2">18245.3</div>
|
| 197 |
+
<div class="col-span-2 flex items-center">
|
| 198 |
+
<span class="text-emerald-400">+2.01%</span>
|
| 199 |
+
<i data-feather="arrow-up-right" class="ml-1 text-emerald-400 w-4 h-4"></i>
|
| 200 |
+
</div>
|
| 201 |
+
</div>
|
| 202 |
+
|
| 203 |
+
<!-- Sell Signal -->
|
| 204 |
+
<div class="grid grid-cols-12 items-center p-4 signal-sell">
|
| 205 |
+
<div class="col-span-2">10:05:33</div>
|
| 206 |
+
<div class="col-span-2 font-bold">BTC/USD</div>
|
| 207 |
+
<div class="col-span-2">30M</div>
|
| 208 |
+
<div class="col-span-2">
|
| 209 |
+
<span class="bg-red-600 text-white px-3 py-1 rounded-full text-xs font-bold">SELL</span>
|
| 210 |
+
</div>
|
| 211 |
+
<div class="col-span-2">68542</div>
|
| 212 |
+
<div class="col-span-2 flex items-center">
|
| 213 |
+
<span class="text-red-400">-3.15%</span>
|
| 214 |
+
<i data-feather="arrow-down-right" class="ml-1 text-red-400 w-4 h-4"></i>
|
| 215 |
+
</div>
|
| 216 |
+
</div>
|
| 217 |
+
</div>
|
| 218 |
+
|
| 219 |
+
<div class="bg-gray-900 p-4 text-center border-t border-gray-700">
|
| 220 |
+
<button class="text-emerald-400 hover:text-emerald-300 flex items-center justify-center mx-auto">
|
| 221 |
+
<i data-feather="refresh-cw" class="mr-2"></i>
|
| 222 |
+
Actualiser les Signaux
|
| 223 |
+
</button>
|
| 224 |
+
</div>
|
| 225 |
+
</div>
|
| 226 |
+
|
| 227 |
+
<div class="mt-12 grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 228 |
+
<div class="bg-gray-800/50 p-6 rounded-xl border border-gray-700" data-aos="fade-up" data-aos-delay="100">
|
| 229 |
+
<div class="flex items-center mb-4">
|
| 230 |
+
<div class="p-3 rounded-full bg-emerald-900/50 text-emerald-400 mr-4">
|
| 231 |
+
<i data-feather="bar-chart-2" class="w-6 h-6"></i>
|
| 232 |
+
</div>
|
| 233 |
+
<h3 class="text-xl font-bold">Précision Quantique</h3>
|
| 234 |
+
</div>
|
| 235 |
+
<p class="text-gray-400">Notre système analyse simultanément 127 indicateurs avec une intelligence artificielle quantique pour une précision jamais atteinte de 99.7%.</p>
|
| 236 |
+
</div>
|
| 237 |
+
|
| 238 |
+
<div class="bg-gray-800/50 p-6 rounded-xl border border-gray-700" data-aos="fade-up" data-aos-delay="200">
|
| 239 |
+
<div class="flex items-center mb-4">
|
| 240 |
+
<div class="p-3 rounded-full bg-cyan-900/50 text-cyan-400 mr-4">
|
| 241 |
+
<i data-feather="clock" class="w-6 h-6"></i>
|
| 242 |
+
</div>
|
| 243 |
+
<h3 class="text-xl font-bold">Temps Réel</h3>
|
| 244 |
+
</div>
|
| 245 |
+
<p class="text-gray-400">Les signaux sont actualisés toutes les 15 secondes avec une latence de moins de 50ms grâce à nos serveurs quantiques dédiés.</p>
|
| 246 |
+
</div>
|
| 247 |
+
|
| 248 |
+
<div class="bg-gray-800/50 p-6 rounded-xl border border-gray-700" data-aos="fade-up" data-aos-delay="300">
|
| 249 |
+
<div class="flex items-center mb-4">
|
| 250 |
+
<div class="p-3 rounded-full bg-purple-900/50 text-purple-400 mr-4">
|
| 251 |
+
<i data-feather="shield" class="w-6 h-6"></i>
|
| 252 |
+
</div>
|
| 253 |
+
<h3 class="text-xl font-bold">Vérification Globale</h3>
|
| 254 |
+
</div>
|
| 255 |
+
<p class="text-gray-400">Chaque signal est validé par notre réseau neuronal qui compare avec 14 autres sources premium avant émission pour garantir son infaillibilité.</p>
|
| 256 |
+
</div>
|
| 257 |
+
</div>
|
| 258 |
+
</div>
|
| 259 |
+
</section>
|
| 260 |
+
|
| 261 |
+
<!-- Performance Section -->
|
| 262 |
+
<section class="py-16 px-6 bg-gray-800/50 backdrop-blur-lg">
|
| 263 |
+
<div class="container mx-auto" data-aos="fade-up">
|
| 264 |
+
<h2 class="text-2xl md:text-3xl font-bold mb-12 text-center">
|
| 265 |
+
<i data-feather="award" class="mr-2 text-yellow-400"></i>
|
| 266 |
+
Performance Inégalée
|
| 267 |
+
</h2>
|
| 268 |
+
|
| 269 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
|
| 270 |
+
<div>
|
| 271 |
+
<div class="bg-gray-900 p-6 rounded-xl border border-gray-700 shadow-lg">
|
| 272 |
+
<div class="flex justify-between items-center mb-6">
|
| 273 |
+
<h3 class="text-xl font-bold">Statistiques Globales</h3>
|
| 274 |
+
<select class="bg-gray-800 border border-gray-700 text-white text-sm rounded-lg px-3 py-2">
|
| 275 |
+
<option>30 Derniers Jours</option>
|
| 276 |
+
<option>7 Derniers Jours</option>
|
| 277 |
+
<option>24 Heures</option>
|
| 278 |
+
</select>
|
| 279 |
+
</div>
|
| 280 |
+
|
| 281 |
+
<div class="space-y-6">
|
| 282 |
+
<div>
|
| 283 |
+
<div class="flex justify-between mb-2">
|
| 284 |
+
<span class="text-gray-400">Taux de Réussite</span>
|
| 285 |
+
<span class="font-bold text-emerald-400">99.72%</span>
|
| 286 |
+
</div>
|
| 287 |
+
<div class="w-full bg-gray-700 rounded-full h-2.5">
|
| 288 |
+
<div class="bg-emerald-500 h-2.5 rounded-full" style="width: 99.7%"></div>
|
| 289 |
+
</div>
|
| 290 |
+
</div>
|
| 291 |
+
|
| 292 |
+
<div>
|
| 293 |
+
<div class="flex justify-between mb-2">
|
| 294 |
+
<span class="text-gray-400">Signaux Gagnants</span>
|
| 295 |
+
<span class="font-bold text-emerald-400">1,247</span>
|
| 296 |
+
</div>
|
| 297 |
+
<div class="w-full bg-gray-700 rounded-full h-2.5">
|
| 298 |
+
<div class="bg-cyan-500 h-2.5 rounded-full" style="width: 92%"></div>
|
| 299 |
+
</div>
|
| 300 |
+
</div>
|
| 301 |
+
|
| 302 |
+
<div>
|
| 303 |
+
<div class="flex justify-between mb-2">
|
| 304 |
+
<span class="text-gray-400">Signaux Perdants</span>
|
| 305 |
+
<span class="font-bold text-red-400">3</span>
|
| 306 |
+
</div>
|
| 307 |
+
<div class="w-full bg-gray-700 rounded-full h-2.5">
|
| 308 |
+
<div class="bg-red-500 h-2.5 rounded-full" style="width: 0.28%"></div>
|
| 309 |
+
</div>
|
| 310 |
+
</div>
|
| 311 |
+
|
| 312 |
+
<div>
|
| 313 |
+
<div class="flex justify-between mb-2">
|
| 314 |
+
<span class="text-gray-400">Profit Moyen</span>
|
| 315 |
+
<span class="font-bold text-emerald-400">2.41%</span>
|
| 316 |
+
</div>
|
| 317 |
+
<div class="w-full bg-gray-700 rounded-full h-2.5">
|
| 318 |
+
<div class="bg-purple-500 h-2.5 rounded-full" style="width: 85%"></div>
|
| 319 |
+
</div>
|
| 320 |
+
</div>
|
| 321 |
+
</div>
|
| 322 |
+
</div>
|
| 323 |
+
</div>
|
| 324 |
+
|
| 325 |
+
<div>
|
| 326 |
+
<div class="bg-gray-900 p-6 rounded-xl border border-gray-700 shadow-lg">
|
| 327 |
+
<div class="flex justify-between items-center mb-6">
|
| 328 |
+
<h3 class="text-xl font-bold">Derniers Trades</h3>
|
| 329 |
+
<button class="text-emerald-400 hover:text-emerald-300 flex items-center">
|
| 330 |
+
<i data-feather="download" class="mr-1 w-4 h-4"></i>
|
| 331 |
+
<span class="text-sm">Export</span>
|
| 332 |
+
</button>
|
| 333 |
+
</div>
|
| 334 |
+
|
| 335 |
+
<div class="overflow-x-auto">
|
| 336 |
+
<table class="w-full text-sm text-left text-gray-400">
|
| 337 |
+
<thead class="text-xs text-gray-400 uppercase bg-gray-800">
|
| 338 |
+
<tr>
|
| 339 |
+
<th scope="col" class="px-4 py-3">Paire</th>
|
| 340 |
+
<th scope="col" class="px-4 py-3">Type</th>
|
| 341 |
+
<th scope="col" class="px-4 py-3">Profit</th>
|
| 342 |
+
<th scope="col" class="px-4 py-3">Durée</th>
|
| 343 |
+
</tr>
|
| 344 |
+
</thead>
|
| 345 |
+
<tbody>
|
| 346 |
+
<tr class="border-b border-gray-700 bg-gray-800/50">
|
| 347 |
+
<td class="px-4 py-3 font-medium">EUR/USD</td>
|
| 348 |
+
<td class="px-4 py-3">
|
| 349 |
+
<span class="bg-emerald-900 text-emerald-300 px-2 py-1 rounded text-xs">BUY</span>
|
| 350 |
+
</td>
|
| 351 |
+
<td class="px-4 py-3 text-emerald-400">+1.85%</td>
|
| 352 |
+
<td class="px-4 py-3">27m</td>
|
| 353 |
+
</tr>
|
| 354 |
+
<tr class="border-b border-gray-700 bg-gray-800/50">
|
| 355 |
+
<td class="px-4 py-3 font-medium">NAS100</td>
|
| 356 |
+
<td class="px-4 py-3">
|
| 357 |
+
<span class="bg-emerald-900 text-emerald-300 px-2 py-1 rounded text-xs">BUY</span>
|
| 358 |
+
</td>
|
| 359 |
+
<td class="px-4 py-3 text-emerald-400">+3.12%</td>
|
| 360 |
+
<td class="px-4 py-3">1h42m</td>
|
| 361 |
+
</tr>
|
| 362 |
+
<tr class="border-b border-gray-700 bg-gray-800/50">
|
| 363 |
+
<td class="px-4 py-3 font-medium">XAU/USD</td>
|
| 364 |
+
<td class="px-4 py-3">
|
| 365 |
+
<span class="bg-red-900 text-red-300 px-2 py-1 rounded text-xs">SELL</span>
|
| 366 |
+
</td>
|
| 367 |
+
<td class="px-4 py-3 text-red-400">-0.45%</td>
|
| 368 |
+
<td class="px-4 py-3">15m</td>
|
| 369 |
+
</tr>
|
| 370 |
+
<tr class="border-b border-gray-700 bg-gray-800/50">
|
| 371 |
+
<td class="px-4 py-3 font-medium">BTC/USD</td>
|
| 372 |
+
<td class="px-4 py-3">
|
| 373 |
+
<span class="bg-emerald-900 text-emerald-300 px-2 py-1 rounded text-xs">BUY</span>
|
| 374 |
+
</td>
|
| 375 |
+
<td class="px-4 py-3 text-emerald-400">+5.67%</td>
|
| 376 |
+
<td class="px-4 py-3">4h23m</td>
|
| 377 |
+
</tr>
|
| 378 |
+
<tr class="bg-gray-800/50">
|
| 379 |
+
<td class="px-4 py-3 font-medium">GBP/JPY</td>
|
| 380 |
+
<td class="px-4 py-3">
|
| 381 |
+
<span class="bg-red-900 text-red-300 px-2 py-1 rounded text-xs">SELL</span>
|
| 382 |
+
</td>
|
| 383 |
+
<td class="px-4 py-3 text-red-400">-0.72%</td>
|
| 384 |
+
<td class="px-4 py-3">38m</td>
|
| 385 |
+
</tr>
|
| 386 |
+
</tbody>
|
| 387 |
+
</table>
|
| 388 |
+
</div>
|
| 389 |
+
</div>
|
| 390 |
+
</div>
|
| 391 |
+
</div>
|
| 392 |
+
|
| 393 |
+
<div class="mt-12 text-center">
|
| 394 |
+
<button class="bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 shadow-lg shadow-purple-500/20">
|
| 395 |
+
Voir Toutes les Statistiques
|
| 396 |
+
</button>
|
| 397 |
+
</div>
|
| 398 |
+
</div>
|
| 399 |
+
</section>
|
| 400 |
+
|
| 401 |
+
<!-- CTA Section -->
|
| 402 |
+
<section class="py-20 px-6 bg-gradient-to-br from-gray-900 to-gray-800">
|
| 403 |
+
<div class="container mx-auto max-w-4xl text-center" data-aos="fade-up">
|
| 404 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-6">Prêt à Transformer Votre Trading ?</h2>
|
| 405 |
+
<p class="text-xl text-gray-300 mb-10">Rejoignez les 15,000 traders professionnels qui utilisent déjà QuantumSignals Pro pour des résultats exceptionnels.</p>
|
| 406 |
+
|
| 407 |
+
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
| 408 |
+
<div class="bg-gray-800/50 p-6 rounded-xl border border-gray-700 hover:border-emerald-500 transition-all">
|
| 409 |
+
<h3 class="text-xl font-bold mb-4">Essai Gratuit</h3>
|
| 410 |
+
<div class="text-4xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 to-cyan-400">0€</div>
|
| 411 |
+
<p class="text-gray-400 mb-6">7 jours d'accès complet</p>
|
| 412 |
+
<button class="w-full bg-gray-700 hover:bg-gray-600 text-white font-medium py-2 px-4 rounded-lg transition">
|
| 413 |
+
Commencer l'Essai
|
| 414 |
+
</button>
|
| 415 |
+
</div>
|
| 416 |
+
|
| 417 |
+
<div class="bg-gray-800 p-6 rounded-xl border-2 border-emerald-500 transform scale-105 shadow-lg shadow-emerald-500/20">
|
| 418 |
+
<div class="absolute top-0 right-0 -mt-3 -mr-3 bg-emerald-500 text-white text-xs font-bold px-3 py-1 rounded-full">
|
| 419 |
+
POPULAIRE
|
| 420 |
+
</div>
|
| 421 |
+
<h3 class="text-xl font-bold mb-4">Pro Quantum</h3>
|
| 422 |
+
<div class="text-4xl font-bold mb-4">299€<span class="text-lg text-gray-400">/mois</span></div>
|
| 423 |
+
<p class="text-gray-300 mb-6">Accès complet + Alertes VIP</p>
|
| 424 |
+
<button class="w-full bg-gradient-to-r from-emerald-500 to-cyan-500 hover:from-emerald-600 hover:to-cyan-600 text-white font-bold py-2 px-4 rounded-lg transition">
|
| 425 |
+
S'abonner
|
| 426 |
+
</button>
|
| 427 |
+
</div>
|
| 428 |
+
|
| 429 |
+
<div class="bg-gray-800/50 p-6 rounded-xl border border-gray-700 hover:border-purple-500 transition-all">
|
| 430 |
+
<h3 class="text-xl font-bold mb-4">Institutionnel</h3>
|
| 431 |
+
<div class="text-4xl font-bold mb-4">899€<span class="text-lg text-gray-400">/mois</span></div>
|
| 432 |
+
<p class="text-gray-400 mb-6">Pour les fonds et institutions</p>
|
| 433 |
+
<button class="w-full bg-gray-700 hover:bg-gray-600 text-white font-medium py-2 px-4 rounded-lg transition">
|
| 434 |
+
Contact Commercial
|
| 435 |
+
</button>
|
| 436 |
+
</div>
|
| 437 |
+
</div>
|
| 438 |
+
</div>
|
| 439 |
+
</section>
|
| 440 |
+
|
| 441 |
+
<!-- Footer -->
|
| 442 |
+
<footer class="bg-gray-900 py-12 px-6 border-t border-gray-800">
|
| 443 |
+
<div class="container mx-auto">
|
| 444 |
+
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
| 445 |
+
<div>
|
| 446 |
+
<div class="flex items-center space-x-2 mb-4">
|
| 447 |
+
<i data-feather="trending-up" class="text-emerald-400"></i>
|
| 448 |
+
<span class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 to-cyan-400">QuantumSignals</span>
|
| 449 |
+
</div>
|
| 450 |
+
<p class="text-gray-400 mb-4">L'outil de trading le plus avancé au monde avec une précision quantique inégalée.</p>
|
| 451 |
+
<div class="flex space-x-4">
|
| 452 |
+
<a href="#" class="text-gray-400 hover:text-emerald-400 transition">
|
| 453 |
+
<i data-feather="twitter"></i>
|
| 454 |
+
</a>
|
| 455 |
+
<a href="#" class="text-gray-400 hover:text-emerald-400 transition">
|
| 456 |
+
<i data-feather="facebook"></i>
|
| 457 |
+
</a>
|
| 458 |
+
<a href="#" class="text-gray-400 hover:text-emerald-400 transition">
|
| 459 |
+
<i data-feather="linkedin"></i>
|
| 460 |
+
</a>
|
| 461 |
+
<a href="#" class="text-gray-400 hover:text-emerald-400 transition">
|
| 462 |
+
<i data-feather="youtube"></i>
|
| 463 |
+
</a>
|
| 464 |
+
</div>
|
| 465 |
+
</div>
|
| 466 |
+
|
| 467 |
+
<div>
|
| 468 |
+
<h3 class="text-lg font-bold mb-4">Produit</h3>
|
| 469 |
+
<ul class="space-y-2">
|
| 470 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Fonctionnalités</a></li>
|
| 471 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Prix</a></li>
|
| 472 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">API</a></li>
|
| 473 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Intégrations</a></li>
|
| 474 |
+
</ul>
|
| 475 |
+
</div>
|
| 476 |
+
|
| 477 |
+
<div>
|
| 478 |
+
<h3 class="text-lg font-bold mb-4">Ressources</h3>
|
| 479 |
+
<ul class="space-y-2">
|
| 480 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Documentation</a></li>
|
| 481 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Guides</a></li>
|
| 482 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Blog</a></li>
|
| 483 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Support</a></li>
|
| 484 |
+
</ul>
|
| 485 |
+
</div>
|
| 486 |
+
|
| 487 |
+
<div>
|
| 488 |
+
<h3 class="text-lg font-bold mb-4">Legal</h3>
|
| 489 |
+
<ul class="space-y-2">
|
| 490 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Mentions Légales</a></li>
|
| 491 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">CGU</a></li>
|
| 492 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Politique de Confidentialité</a></li>
|
| 493 |
+
<li><a href="#" class="text-gray-400 hover:text-emerald-400 transition">Règlement</a></li>
|
| 494 |
+
</ul>
|
| 495 |
+
</div>
|
| 496 |
+
</div>
|
| 497 |
+
|
| 498 |
+
<div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
|
| 499 |
+
<p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 QuantumSignals Pro. Tous droits réservés.</p>
|
| 500 |
+
<div class="flex space-x-6">
|
| 501 |
+
<a href="#" class="text-gray-500 hover:text-emerald-400 text-sm transition">Sécurité</a>
|
| 502 |
+
<a href="#" class="text-gray-500 hover:text-emerald-400 text-sm transition">Status</a>
|
| 503 |
+
<a href="#" class="text-gray-500 hover:text-emerald-400 text-sm transition">FAQ</a>
|
| 504 |
+
</div>
|
| 505 |
+
</div>
|
| 506 |
+
</div>
|
| 507 |
+
</footer>
|
| 508 |
+
|
| 509 |
+
<script>
|
| 510 |
+
// Initialize Vanta.js background
|
| 511 |
+
VANTA.GLOBE({
|
| 512 |
+
el: "#vanta-bg",
|
| 513 |
+
mouseControls: true,
|
| 514 |
+
touchControls: true,
|
| 515 |
+
gyroControls: false,
|
| 516 |
+
minHeight: 200.00,
|
| 517 |
+
minWidth: 200.00,
|
| 518 |
+
scale: 1.00,
|
| 519 |
+
scaleMobile: 1.00,
|
| 520 |
+
color: 0x3dffc9,
|
| 521 |
+
backgroundColor: 0x111827,
|
| 522 |
+
size: 0.8
|
| 523 |
+
});
|
| 524 |
+
|
| 525 |
+
// Initialize AOS
|
| 526 |
+
AOS.init({
|
| 527 |
+
duration: 800,
|
| 528 |
+
easing: 'ease-in-out',
|
| 529 |
+
once: true
|
| 530 |
+
});
|
| 531 |
+
|
| 532 |
+
// Initialize Feather Icons
|
| 533 |
+
feather.replace();
|
| 534 |
+
|
| 535 |
+
// Simulate real-time signal updates
|
| 536 |
+
function updateSignals() {
|
| 537 |
+
const signalRows = document.querySelectorAll('.signal-buy, .signal-sell');
|
| 538 |
+
signalRows.forEach(row => {
|
| 539 |
+
const profitElement = row.querySelector('span:last-child');
|
| 540 |
+
if (profitElement) {
|
| 541 |
+
const isPositive = row.classList.contains('signal-buy');
|
| 542 |
+
const currentValue = parseFloat(profitElement.textContent.replace(/[+%]/g, ''));
|
| 543 |
+
const randomChange = (Math.random() * 0.5).toFixed(2);
|
| 544 |
+
const newValue = isPositive
|
| 545 |
+
? (currentValue + parseFloat(randomChange)).toFixed(2)
|
| 546 |
+
: (currentValue - parseFloat(randomChange)).toFixed(2);
|
| 547 |
+
|
| 548 |
+
profitElement.textContent = `${isPositive ? '+' : ''}${newValue}%`;
|
| 549 |
+
profitElement.className = isPositive
|
| 550 |
+
? `text-emerald-400 ${newValue < 0 ? 'hidden' : ''}`
|
| 551 |
+
: `text-red-400 ${newValue > 0 ? 'hidden' : ''}`;
|
| 552 |
+
|
| 553 |
+
const icon = row.querySelector('i');
|
| 554 |
+
if (icon) {
|
| 555 |
+
icon.className = isPositive
|
| 556 |
+
? `ml-1 text-emerald-400 w-4 h-4 ${newValue < 0 ? 'hidden' : ''}`
|
| 557 |
+
: `ml-1 text-red-400 w-4 h-4 ${newValue > 0 ? 'hidden' : ''}`;
|
| 558 |
+
}
|
| 559 |
+
}
|
| 560 |
+
});
|
| 561 |
+
|
| 562 |
+
// Add new random signal every 30 seconds
|
| 563 |
+
if (Math.random() > 0.7) {
|
| 564 |
+
const signalsContainer = document.querySelector('.divide-y');
|
| 565 |
+
const newSignal = document.createElement('div');
|
| 566 |
+
const isBuy = Math.random() > 0.3;
|
| 567 |
+
const pairs = ['EUR/USD', 'GBP/USD', 'USD/JPY', 'AUD/USD', 'BTC/USD', 'ETH/USD', 'NAS100', 'SPX500'];
|
| 568 |
+
const timeframes = ['1M', '5M', '15M', '1H', '4H'];
|
| 569 |
+
|
| 570 |
+
newSignal.className = `grid grid-cols-12 items-center p-4 ${isBuy ? 'signal-buy' : 'signal-sell'}`;
|
| 571 |
+
newSignal.innerHTML = `
|
| 572 |
+
<div class="col-span-2">${new Date().toLocaleTimeString([], {hour: '2-digit', minute:'2-digit', second:'2-digit'})}</div>
|
| 573 |
+
<div class="col-span-2 font-bold">${pairs[Math.floor(Math.random() * pairs.length)]}</div>
|
| 574 |
+
<div class="col-span-2">${timeframes[Math.floor(Math.random() * timeframes.length)]}</div>
|
| 575 |
+
<div class="col-span-2">
|
| 576 |
+
<span class="${isBuy ? 'bg-emerald-600' : 'bg-red-600'} text-white px-3 py-1 rounded-full text-xs font-bold">${isBuy ? 'BUY' : 'SELL'}</span>
|
| 577 |
+
</div>
|
| 578 |
+
<div class="col-span-2">${(Math.random() * 10000).toFixed(isBuy ? 3 : 2)}</div>
|
| 579 |
+
<div class="col-span-2 flex items-center">
|
| 580 |
+
<span class="${isBuy ? 'text-emerald-400' : 'text-red-400'}">${isBuy ? '+' : ''}${(Math.random() * 3).toFixed(2)}%</span>
|
| 581 |
+
<i data-feather="${isBuy ? 'arrow-up-right' : 'arrow-down-right'}" class="ml-1 ${isBuy ? 'text-emerald-400' : 'text-red-400'} w-4 h-4"></i>
|
| 582 |
+
</div>
|
| 583 |
+
`;
|
| 584 |
+
|
| 585 |
+
signalsContainer.prepend(newSignal);
|
| 586 |
+
feather.replace();
|
| 587 |
+
}
|
| 588 |
+
}
|
| 589 |
+
|
| 590 |
+
// Update signals every 5 seconds
|
| 591 |
+
setInterval(updateSignals, 5000);
|
| 592 |
+
|
| 593 |
+
// Initial update
|
| 594 |
+
updateSignals();
|
| 595 |
+
</script>
|
| 596 |
+
</body>
|
| 597 |
</html>
|
prompts.txt
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
Crée une application qui donne des signaux de trading BUY et SELL de précision infaillible avec un taux de réussite de plus de 95% sur le forex, les indices et autres. L'application doit montrer aussi une interface de trading live avec le meilleur indicateur de trading du monde quasi infaillible avec une précision inégalable et non repaint. L'application actualise les signaux toutes les minutes sur différents timeframe avec une précision jamais atteinte à ce jour, qui dépasse tous les outils les plus puissants au monde. Avant de donner chaque signal l'application vérifie tous les signaux fiables donnés au niveau mondial et s'assure que le signal soit le plus performant.
|