Hugging Face's logo

Spaces:
abhiabhash
/
algotradeai-smart-trading-companion
Running

App Files Community
abhiabhash commited on
Commit
69f533c
·
verified ·
1 Parent(s): caaffac

# AI-Powered Trading Bot for Indian Markets

Browse files

## Complete Working Structure Documentation

---

## 1. EXECUTIVE SUMMARY

### Project Overview
An intelligent trading bot system designed specifically for Indian equity markets (NSE/BSE) that uses artificial intelligence to analyze market conditions, generate trading signals, execute trades, and provide comprehensive portfolio management for indices like NIFTY, BANKNIFTY, FINNIFTY, and individual stocks across all sectors.

### Key Objectives
- Provide real-time AI-driven entry and exit signals
- Analyze financial news and sentiment impact
- Automatically backtest trading strategies
- Monitor all market sectors simultaneously
- Execute trades with risk management
- Provide comprehensive performance analytics

---

## 2. SYSTEM ARCHITECTURE OVERVIEW

### Core Components

#### 2.1 Data Collection Layer
**Purpose**: Gather all necessary market data in real-time

**Components**:
- **Market Data Fetcher**
- Connects to NSE/BSE APIs for live price feeds
- Fetches historical data for analysis
- Collects tick-by-tick data for intraday trading
- Updates every 1-5 seconds during market hours
- Stores OHLCV (Open, High, Low, Close, Volume) data

- **News Aggregator**
- Scrapes financial news from multiple sources (Moneycontrol, Economic Times, Bloomberg, Reuters)
- Collects company announcements and regulatory filings
- Monitors social media sentiment (Twitter, Reddit)
- Updates every 5-15 minutes
- Categorizes news by relevance and impact

- **Fundamental Data Collector**
- Quarterly earnings reports
- Balance sheet data
- Cash flow statements
- Corporate actions (dividends, splits, bonuses)
- Shareholding patterns
- Updates daily after market hours

#### 2.2 Data Processing & Storage Layer
**Purpose**: Clean, normalize, and store data efficiently

**Components**:
- **Data Cleaner**
- Removes anomalies and outliers
- Handles missing data points
- Normalizes data formats
- Validates data integrity

- **Database System**
- Time-series database for price data (optimized for quick queries)
- Relational database for fundamental data
- Document database for news and text data
- Stores minimum 5 years of historical data
- Implements data compression for efficiency

- **Feature Engineering Module**
- Calculates technical indicators (RSI, MACD, Bollinger Bands, ATR, etc.)
- Generates custom indicators
- Creates derived features for AI models
- Calculates correlation matrices
- Performs statistical analysis

#### 2.3 AI/ML Engine
**Purpose**: The brain of the system that makes trading decisions

**Components**:

- **Price Prediction Model**
- Uses LSTM (Long Short-Term Memory) neural networks
- Predicts next 15-minute, 1-hour, and daily price movements
- Trained on 5+ years of historical data
- Re-trains weekly with new data
- Achieves 65-75% directional accuracy

- **Sentiment Analysis Model**
- NLP (Natural Language Processing) model for news analysis
- Classifies sentiment as positive, negative, or neutral
- Assigns impact score (0-100)
- Analyzes headline and full article content
- Uses transformer-based architecture (BERT/FinBERT)

- **Pattern Recognition System**
- Identifies chart patterns (head & shoulders, triangles, flags)
- Detects support and resistance levels
- Recognizes candlestick patterns
- Uses computer vision techniques
- Provides confidence scores for each pattern

- **Risk Assessment Model**
- Calculates position sizing based on volatility
- Determines optimal stop-loss levels
- Assesses portfolio risk exposure
- Monitors correlation between positions
- Prevents over-leveraging

- **Signal Generation Engine**
- Combines all AI model outputs
- Generates BUY, SELL, or HOLD signals
- Provides confidence scores (0-100%)
- Includes entry price, target price, and stop-loss
- Timestamps all signals

#### 2.4 Strategy Management System
**Purpose**: Define, test, and optimize trading strategies

**Components**:

- **Strategy Builder**
- Pre-built strategies (momentum, mean reversion, breakout, scalping)
- Custom strategy creation interface
- Combines multiple indicators
- Defines entry/exit rules
- Sets risk parameters

- **Backtesting Engine**
- Simulates strategies on historical data
- Calculates performance metrics
- Tests across different market conditions
- Provides detailed trade-by-trade analysis
- Runs in minutes for months of data

**Metrics Calculated**:
- Total return
- Annualized return
- Win rate
- Profit factor
- Sharpe ratio
- Maximum drawdown
- Average win/loss
- Risk-reward ratio

- **Strategy Optimizer**
- Automatically tunes strategy parameters
- Uses genetic algorithms for optimization
- Prevents overfitting with walk-forward analysis
- Tests robustness across different time periods
- Suggests optimal parameter combinations

#### 2.5 Trade Execution System
**Purpose**: Execute trades reliably and quickly

**Components**:

- **Order Management**
- Places market and limit orders
- Manages order queue
- Handles order modifications and cancellations
- Tracks order status in real-time
- Implements smart order routing

- **Broker Integration**
- Connects to broker APIs (Zerodha, Upstox, Angel One, ICICI Direct)
- Handles authentication and session management
- Manages API rate limits
- Implements fallback mechanisms
- Supports multiple brokers simultaneously

- **Execution Algorithms**
- Slices large orders to minimize market impact
- Implements VWAP (Volume Weighted Average Price) execution
- Uses TWAP (Time Weighted Average Price) for scheduled orders
- Optimizes for minimal slippage
- Executes within specified time windows

- **Risk Controls**
- Maximum position size limits
- Daily loss limits
- Prevents unauthorized trades
- Implements circuit breakers
- Requires manual approval for large trades (optional)

#### 2.6 Portfolio Management System
**Purpose**: Track and manage overall portfolio health

**Components**:

- **Position Tracker**
- Real-time P&L tracking
- Monitors open positions
- Tracks realized and unrealized profits
- Calculates portfolio Greeks (for options)
- Shows sector-wise exposure

- **Performance Analytics**
- Daily, weekly, monthly returns
- Comparison with benchmark indices
- Drawdown analysis
- Risk-adjusted returns
- Attribution analysis (what contributed to returns)

- **Rebalancing Module**
- Maintains target sector allocations
- Adjusts positions based on signals
- Implements position scaling (pyramiding)
- Reduces exposure during high volatility
- Automates portfolio optimization

#### 2.7 Monitoring & Alert System
**Purpose**: Keep user informed and system healthy

**Components**:

- **Real-time Alerts**
- New trading signals
- Order fills and rejections
- Stop-loss hits
- Target achievements
- Unusual market movements
- Delivery via: App notifications, Email, SMS, Telegram

- **System Health Monitor**
- Checks data feed connectivity
- Monitors API response times
- Tracks system resource usage
- Logs all errors and exceptions
- Sends alerts for system issues

- **Reporting Engine**
- Daily performance summary
- Weekly detailed reports
- Monthly comprehensive analysis
- Trade journal with screenshots
- Tax reports (capital gains)

#### 2.8 User Interface (Web Application)
**Purpose**: Provide intuitive access to all features

**Dashboard Sections**:

1. **Main Dashboard**
- Market overview (NIFTY, BANKNIFTY indices)
- Active positions summary
- Today's P&L
- Open signals
- Quick stats

2. **Signal Center**
- All active AI signals
- Signal history
- Performance of past signals
- Confidence indicators
- One-click execution

3. **Market Analysis**
- Live charts with indicators
- Sector heatmap
- Top gainers/losers
- Volume analysis
- Market breadth indicators

4. **News & Sentiment**
- Latest market news
- Sentiment scores
- News impact on specific stocks
- Filtered news by sector
- Timeline view

5. **Backtesting Lab**
- Strategy tester interface
- Historical performance charts
- Detailed statistics
- Export results
- Compare multiple strategies

6. **Portfolio View**
- All holdings
- Profit/loss breakdown
- Risk metrics
- Allocation charts
- Transaction history

7. **Settings & Configuration**
- Broker connection setup
- Risk parameters
- Alert preferences
- Strategy selection
- API keys management

---

## 3. WORKFLOW PROCESSES

### 3.1 Morning Pre-Market Routine (8:00 AM - 9:15 AM)

1. **System Startup**
- Load yesterday's positions
- Check broker connection
- Verify data feed status
- Initialize AI models

2. **Pre-Market Analysis**
- Scan overnight global markets
- Analyze pre-market news
- Calculate gap up/gap down scenarios
- Generate pre-market signals
- Identify potential opportunities

3. **Strategy Setup**
- Activate selected strategies
- Set daily risk limits
- Review open orders
- Prepare watchlists

### 3.2 Market Hours Routine (9:15 AM - 3:30 PM)

**Every 1 Minute**:
- Update price data
- Calculate technical indicators
- Check for pattern formations
- Monitor existing positions

**Every 5 Minutes**:
- Run AI prediction models
- Generate new signals
- Evaluate signal confidence
- Update risk metrics
- Check news updates

**When Signal Generated**:
1. Signal appears in dashboard
2. Risk assessment performed
3. Position size calculated
4. User notified (if auto-trade OFF)
5. Order placed (if auto-trade ON)
6. Order tracking begins
7. Stop-loss and target orders placed

**When Trade Executed**:
1. Position added to portfolio
2. Real-time P&L tracking starts
3. Risk exposure updated
4. Portfolio rebalanced if needed
5. Performance metrics updated

**When Exit Condition Met**:
1. Exit signal generated
2. Order to close position placed
3. Trade recorded in database
4. Performance analysis updated
5. Capital freed for new trades

### 3.3 Post-Market Routine (3:30 PM - 5:00 PM)

1. **Position Review**
- Close intraday positions (if applicable)
- Review op

Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +401 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Algotradeai Smart Trading Companion
3
- emoji: 📊
4
- colorFrom: indigo
5
- colorTo: yellow
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: AlgoTradeAI - Smart Trading Companion 🤖📈
3
+ colorFrom: blue
4
+ colorTo: blue
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,402 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>AlgoTradeAI - AI-Powered Trading Platform</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
11
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
13
+ body {
14
+ font-family: 'Inter', sans-serif;
15
+ }
16
+ .trading-card:hover {
17
+ transform: translateY(-5px);
18
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
19
+ }
20
+ #vanta-canvas {
21
+ position: absolute;
22
+ top: 0;
23
+ left: 0;
24
+ width: 100%;
25
+ height: 100%;
26
+ z-index: 0;
27
+ opacity: 0.3;
28
+ }
29
+ </style>
30
+ </head>
31
+ <body class="bg-gray-50">
32
+ <div id="vanta-canvas"></div>
33
+
34
+ <!-- Navigation -->
35
+ <nav class="relative z-10 bg-white shadow-sm">
36
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
37
+ <div class="flex justify-between h-16">
38
+ <div class="flex items-center">
39
+ <div class="flex-shrink-0 flex items-center">
40
+ <i data-feather="activity" class="text-indigo-600 h-8 w-8"></i>
41
+ <span class="ml-2 text-xl font-bold text-gray-900">AlgoTradeAI</span>
42
+ </div>
43
+ </div>
44
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
45
+ <a href="#" class="text-indigo-600 hover:text-indigo-800 px-3 py-2 text-sm font-medium">Dashboard</a>
46
+ <a href="#" class="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">Strategies</a>
47
+ <a href="#" class="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">Portfolio</a>
48
+ <a href="#" class="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">Backtesting</a>
49
+ <a href="#" class="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">Market Data</a>
50
+ <button class="ml-6 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
51
+ Connect Broker
52
+ </button>
53
+ </div>
54
+ </div>
55
+ </div>
56
+ </nav>
57
+
58
+ <!-- Hero Section -->
59
+ <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-24">
60
+ <div class="text-center">
61
+ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
62
+ <span class="block">AI-Powered Trading</span>
63
+ <span class="block text-indigo-600">For Indian Markets</span>
64
+ </h1>
65
+ <p class="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
66
+ Smart algorithmic trading powered by machine learning to analyze NSE, BSE markets and execute trades with precision.
67
+ </p>
68
+ <div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
69
+ <div class="rounded-md shadow">
70
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 md:py-4 md:text-lg md:px-10">
71
+ Start Free Trial
72
+ </a>
73
+ </div>
74
+ <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
75
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
76
+ See Demo
77
+ </a>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ </div>
82
+
83
+ <!-- Features Section -->
84
+ <div class="relative z-10 py-12 bg-white">
85
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
86
+ <div class="lg:text-center">
87
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Features</h2>
88
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
89
+ Smart Trading Made Simple
90
+ </p>
91
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
92
+ Our AI analyzes multiple data points to generate high-probability trading signals.
93
+ </p>
94
+ </div>
95
+
96
+ <div class="mt-10">
97
+ <div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3">
98
+ <!-- Feature 1 -->
99
+ <div class="trading-card transition duration-300 ease-in-out bg-white rounded-lg shadow-md overflow-hidden p-6 border border-gray-100">
100
+ <div class="flex items-center">
101
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
102
+ <i data-feather="bar-chart-2" class="h-6 w-6 text-white"></i>
103
+ </div>
104
+ <div class="ml-5">
105
+ <h3 class="text-lg font-medium text-gray-900">Real-time Market Analysis</h3>
106
+ </div>
107
+ </div>
108
+ <div class="mt-2 text-gray-500">
109
+ <p>Our AI continuously monitors NSE/BSE markets, analyzing price action, volume, and technical indicators across all sectors.</p>
110
+ </div>
111
+ </div>
112
+
113
+ <!-- Feature 2 -->
114
+ <div class="trading-card transition duration-300 ease-in-out bg-white rounded-lg shadow-md overflow-hidden p-6 border border-gray-100">
115
+ <div class="flex items-center">
116
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
117
+ <i data-feather="cpu" class="h-6 w-6 text-white"></i>
118
+ </div>
119
+ <div class="ml-5">
120
+ <h3 class="text-lg font-medium text-gray-900">AI Signal Generation</h3>
121
+ </div>
122
+ </div>
123
+ <div class="mt-2 text-gray-500">
124
+ <p>Combines technical analysis, sentiment analysis, and pattern recognition to generate high-confidence trading signals.</p>
125
+ </div>
126
+ </div>
127
+
128
+ <!-- Feature 3 -->
129
+ <div class="trading-card transition duration-300 ease-in-out bg-white rounded-lg shadow-md overflow-hidden p-6 border border-gray-100">
130
+ <div class="flex items-center">
131
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
132
+ <i data-feather="shield" class="h-6 w-6 text-white"></i>
133
+ </div>
134
+ <div class="ml-5">
135
+ <h3 class="text-lg font-medium text-gray-900">Automated Risk Management</h3>
136
+ </div>
137
+ </div>
138
+ <div class="mt-2 text-gray-500">
139
+ <p>Built-in risk controls including position sizing, stop-loss placement, and portfolio diversification to protect your capital.</p>
140
+ </div>
141
+ </div>
142
+
143
+ <!-- Feature 4 -->
144
+ <div class="trading-card transition duration-300 ease-in-out bg-white rounded-lg shadow-md overflow-hidden p-6 border border-gray-100">
145
+ <div class="flex items-center">
146
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
147
+ <i data-feather="clock" class="h-6 w-6 text-white"></i>
148
+ </div>
149
+ <div class="ml-5">
150
+ <h3 class="text-lg font-medium text-gray-900">Backtesting Engine</h3>
151
+ </div>
152
+ </div>
153
+ <div class="mt-2 text-gray-500">
154
+ <p>Test your strategies against 10+ years of historical market data before risking real capital.</p>
155
+ </div>
156
+ </div>
157
+
158
+ <!-- Feature 5 -->
159
+ <div class="trading-card transition duration-300 ease-in-out bg-white rounded-lg shadow-md overflow-hidden p-6 border border-gray-100">
160
+ <div class="flex items-center">
161
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
162
+ <i data-feather="zap" class="h-6 w-6 text-white"></i>
163
+ </div>
164
+ <div class="ml-5">
165
+ <h3 class="text-lg font-medium text-gray-900">Fast Execution</h3>
166
+ </div>
167
+ </div>
168
+ <div class="mt-2 text-gray-500">
169
+ <p>Direct integration with major Indian brokers ensures quick order execution with minimal slippage.</p>
170
+ </div>
171
+ </div>
172
+
173
+ <!-- Feature 6 -->
174
+ <div class="trading-card transition duration-300 ease-in-out bg-white rounded-lg shadow-md overflow-hidden p-6 border border-gray-100">
175
+ <div class="flex items-center">
176
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
177
+ <i data-feather="pie-chart" class="h-6 w-6 text-white"></i>
178
+ </div>
179
+ <div class="ml-5">
180
+ <h3 class="text-lg font-medium text-gray-900">Performance Analytics</h3>
181
+ </div>
182
+ </div>
183
+ <div class="mt-2 text-gray-500">
184
+ <p>Detailed reports on strategy performance, win rates, risk metrics, and comparison to benchmarks.</p>
185
+ </div>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ </div>
191
+
192
+ <!-- Market Overview Section -->
193
+ <div class="relative z-10 bg-gray-50 py-12">
194
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
195
+ <div class="lg:text-center mb-10">
196
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Live Market Data</h2>
197
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
198
+ Indian Market Overview
199
+ </p>
200
+ </div>
201
+
202
+ <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4">
203
+ <!-- NIFTY 50 -->
204
+ <div class="bg-white overflow-hidden shadow rounded-lg">
205
+ <div class="px-4 py-5 sm:p-6">
206
+ <div class="flex items-center">
207
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
208
+ <i data-feather="trending-up" class="h-6 w-6 text-white"></i>
209
+ </div>
210
+ <div class="ml-5 w-0 flex-1">
211
+ <dt class="text-sm font-medium text-gray-500 truncate">
212
+ NIFTY 50
213
+ </dt>
214
+ <dd class="flex items-baseline">
215
+ <div class="text-2xl font-semibold text-gray-900">
216
+ 21,856.10
217
+ </div>
218
+ <div class="ml-2 flex items-baseline text-sm font-semibold text-green-600">
219
+ <i data-feather="arrow-up" class="h-4 w-4"></i>
220
+ <span class="sr-only">Increased by</span>
221
+ 0.72%
222
+ </div>
223
+ </dd>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ </div>
228
+
229
+ <!-- BANKNIFTY -->
230
+ <div class="bg-white overflow-hidden shadow rounded-lg">
231
+ <div class="px-4 py-5 sm:p-6">
232
+ <div class="flex items-center">
233
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
234
+ <i data-feather="dollar-sign" class="h-6 w-6 text-white"></i>
235
+ </div>
236
+ <div class="ml-5 w-0 flex-1">
237
+ <dt class="text-sm font-medium text-gray-500 truncate">
238
+ BANKNIFTY
239
+ </dt>
240
+ <dd class="flex items-baseline">
241
+ <div class="text-2xl font-semibold text-gray-900">
242
+ 46,325.45
243
+ </div>
244
+ <div class="ml-2 flex items-baseline text-sm font-semibold text-green-600">
245
+ <i data-feather="arrow-up" class="h-4 w-4"></i>
246
+ <span class="sr-only">Increased by</span>
247
+ 1.12%
248
+ </div>
249
+ </dd>
250
+ </div>
251
+ </div>
252
+ </div>
253
+ </div>
254
+
255
+ <!-- INDIA VIX -->
256
+ <div class="bg-white overflow-hidden shadow rounded-lg">
257
+ <div class="px-4 py-5 sm:p-6">
258
+ <div class="flex items-center">
259
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
260
+ <i data-feather="alert-triangle" class="h-6 w-6 text-white"></i>
261
+ </div>
262
+ <div class="ml-5 w-0 flex-1">
263
+ <dt class="text-sm font-medium text-gray-500 truncate">
264
+ INDIA VIX
265
+ </dt>
266
+ <dd class="flex items-baseline">
267
+ <div class="text-2xl font-semibold text-gray-900">
268
+ 14.25
269
+ </div>
270
+ <div class="ml-2 flex items-baseline text-sm font-semibold text-red-600">
271
+ <i data-feather="arrow-down" class="h-4 w-4"></i>
272
+ <span class="sr-only">Decreased by</span>
273
+ 2.45%
274
+ </div>
275
+ </dd>
276
+ </div>
277
+ </div>
278
+ </div>
279
+ </div>
280
+
281
+ <!-- Active Signals -->
282
+ <div class="bg-white overflow-hidden shadow rounded-lg">
283
+ <div class="px-4 py-5 sm:p-6">
284
+ <div class="flex items-center">
285
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
286
+ <i data-feather="bell" class="h-6 w-6 text-white"></i>
287
+ </div>
288
+ <div class="ml-5 w-0 flex-1">
289
+ <dt class="text-sm font-medium text-gray-500 truncate">
290
+ Active Signals
291
+ </dt>
292
+ <dd class="flex items-baseline">
293
+ <div class="text-2xl font-semibold text-gray-900">
294
+ 8
295
+ </div>
296
+ <div class="ml-2 flex items-baseline text-sm font-semibold text-green-600">
297
+ <i data-feather="arrow-up" class="h-4 w-4"></i>
298
+ <span class="sr-only">Increased by</span>
299
+ 2 Today
300
+ </div>
301
+ </dd>
302
+ </div>
303
+ </div>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </div>
308
+ </div>
309
+
310
+ <!-- CTA Section -->
311
+ <div class="relative z-10 bg-indigo-700">
312
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
313
+ <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
314
+ <span class="block">Ready to automate your trading?</span>
315
+ <span class="block text-indigo-200">Start your free trial today.</span>
316
+ </h2>
317
+ <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
318
+ <div class="inline-flex rounded-md shadow">
319
+ <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50">
320
+ Get started
321
+ </a>
322
+ </div>
323
+ <div class="ml-3 inline-flex rounded-md shadow">
324
+ <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 bg-opacity-60 hover:bg-opacity-70">
325
+ Live demo
326
+ </a>
327
+ </div>
328
+ </div>
329
+ </div>
330
+ </div>
331
+
332
+ <!-- Footer -->
333
+ <footer class="relative z-10 bg-white">
334
+ <div class="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8">
335
+ <nav class="-mx-5 -my-2 flex flex-wrap justify-center" aria-label="Footer">
336
+ <div class="px-5 py-2">
337
+ <a href="#" class="text-base text-gray-500 hover:text-gray-900">
338
+ About
339
+ </a>
340
+ </div>
341
+ <div class="px-5 py-2">
342
+ <a href="#" class="text-base text-gray-500 hover:text-gray-900">
343
+ Pricing
344
+ </a>
345
+ </div>
346
+ <div class="px-5 py-2">
347
+ <a href="#" class="text-base text-gray-500 hover:text-gray-900">
348
+ Documentation
349
+ </a>
350
+ </div>
351
+ <div class="px-5 py-2">
352
+ <a href="#" class="text-base text-gray-500 hover:text-gray-900">
353
+ Privacy
354
+ </a>
355
+ </div>
356
+ <div class="px-5 py-2">
357
+ <a href="#" class="text-base text-gray-500 hover:text-gray-900">
358
+ Terms
359
+ </a>
360
+ </div>
361
+ </nav>
362
+ <div class="mt-8 flex justify-center space-x-6">
363
+ <a href="#" class="text-gray-400 hover:text-gray-500">
364
+ <i data-feather="twitter" class="h-6 w-6"></i>
365
+ </a>
366
+ <a href="#" class="text-gray-400 hover:text-gray-500">
367
+ <i data-feather="github" class="h-6 w-6"></i>
368
+ </a>
369
+ <a href="#" class="text-gray-400 hover:text-gray-500">
370
+ <i data-feather="linkedin" class="h-6 w-6"></i>
371
+ </a>
372
+ <a href="#" class="text-gray-400 hover:text-gray-500">
373
+ <i data-feather="youtube" class="h-6 w-6"></i>
374
+ </a>
375
+ </div>
376
+ <p class="mt-8 text-center text-base text-gray-400">
377
+ &copy; 2023 AlgoTradeAI. All rights reserved.
378
+ </p>
379
+ </div>
380
+ </footer>
381
+
382
+ <script>
383
+ // Initialize Vanta.js globe animation
384
+ VANTA.GLOBE({
385
+ el: "#vanta-canvas",
386
+ mouseControls: true,
387
+ touchControls: true,
388
+ gyroControls: false,
389
+ minHeight: 200.00,
390
+ minWidth: 200.00,
391
+ scale: 1.00,
392
+ scaleMobile: 1.00,
393
+ color: 0x5f6fff,
394
+ backgroundColor: 0xf8fafc,
395
+ size: 0.8
396
+ });
397
+
398
+ // Initialize feather icons
399
+ feather.replace();
400
+ </script>
401
+ </body>
402
  </html>