| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Crypto Intelligence Hub - Pages</title> |
| <style> |
| * { |
| margin: 0; |
| padding: 0; |
| box-sizing: border-box; |
| } |
| |
| body { |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| min-height: 100vh; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| padding: 20px; |
| } |
| |
| .container { |
| background: white; |
| border-radius: 20px; |
| padding: 40px; |
| max-width: 900px; |
| width: 100%; |
| box-shadow: 0 20px 60px rgba(0,0,0,0.3); |
| } |
| |
| h1 { |
| color: #667eea; |
| margin-bottom: 10px; |
| font-size: 2.5em; |
| } |
| |
| .subtitle { |
| color: #666; |
| margin-bottom: 30px; |
| font-size: 1.1em; |
| } |
| |
| .pages-grid { |
| display: grid; |
| grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
| gap: 20px; |
| margin-top: 30px; |
| } |
| |
| .page-card { |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| border-radius: 12px; |
| padding: 25px; |
| text-decoration: none; |
| color: white; |
| transition: transform 0.3s, box-shadow 0.3s; |
| display: flex; |
| flex-direction: column; |
| gap: 10px; |
| } |
| |
| .page-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4); |
| } |
| |
| .page-card h3 { |
| font-size: 1.3em; |
| margin-bottom: 5px; |
| } |
| |
| .page-card p { |
| font-size: 0.9em; |
| opacity: 0.9; |
| } |
| |
| .icon { |
| font-size: 2em; |
| margin-bottom: 10px; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| <h1>🚀 Crypto Intelligence Hub</h1> |
| <p class="subtitle">Multi-Page Application - Choose a page to explore</p> |
| |
| <div class="pages-grid"> |
| <a href="/dashboard" class="page-card"> |
| <div class="icon">📊</div> |
| <h3>Dashboard</h3> |
| <p>Overview and statistics</p> |
| </a> |
| |
| <a href="/market" class="page-card"> |
| <div class="icon">💹</div> |
| <h3>Market Data</h3> |
| <p>Real-time cryptocurrency prices</p> |
| </a> |
| |
| <a href="/models" class="page-card"> |
| <div class="icon">🤖</div> |
| <h3>AI Models</h3> |
| <p>Machine learning models</p> |
| </a> |
| |
| <a href="/sentiment" class="page-card"> |
| <div class="icon">📈</div> |
| <h3>Sentiment Analysis</h3> |
| <p>Market sentiment indicators</p> |
| </a> |
| |
| <a href="/ai-analyst" class="page-card"> |
| <div class="icon">🧠</div> |
| <h3>AI Analyst</h3> |
| <p>AI-powered trading insights</p> |
| </a> |
| |
| <a href="/trading-assistant" class="page-card"> |
| <div class="icon">💼</div> |
| <h3>Trading Assistant</h3> |
| <p>Advanced trading tools</p> |
| </a> |
| |
| <a href="/news" class="page-card"> |
| <div class="icon">📰</div> |
| <h3>News</h3> |
| <p>Latest crypto news</p> |
| </a> |
| |
| <a href="/providers" class="page-card"> |
| <div class="icon">🔌</div> |
| <h3>Data Providers</h3> |
| <p>API providers status</p> |
| </a> |
| |
| <a href="/diagnostics" class="page-card"> |
| <div class="icon">🔍</div> |
| <h3>Diagnostics</h3> |
| <p>System health and testing</p> |
| </a> |
| |
| <a href="/api-explorer" class="page-card"> |
| <div class="icon">🛠️</div> |
| <h3>API Explorer</h3> |
| <p>Explore API endpoints</p> |
| </a> |
| </div> |
| </div> |
| </body> |
| </html> |
|
|
