home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Crypto Trading Bot - Home</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="home.html">Home</a></li>
                <li><a href="about_us.html">About Us</a></li>
                <li><a href="dashboard.html">Dashboard</a></li>
                <li class="dropdown"><a href="#">Signals</a>
                    <ul class="dropdown-content">
                        <li><a href="buy_signals.html">Buy Signals</a></li>
                        <li><a href="sell_signals.html">Sell Signals</a></li>
                        <li><a href="neutral_signals.html">Neutral Signals</a></li>
                        <li><a href="all_signals.html">All Signals</a></li>
                    </ul>
                </li>
                <li><a href="statistics.html">Statistics</a></li>
                <li><a href="history.html">History</a></li>
                <li><a href="autotrader.html">Auto Trader</a></li>
            </ul>
            <div class="profile">
                <img src="profile_icon.png" alt="Profile Icon">
                <div class="profile-dropdown">
                    <a href="profile.html">Profile</a>
                </div>
            </div>
        </nav>
    </header>
    <main>
        <section class="splash">
            <h1>Welcome to Our Crypto Trading Bot</h1>
            <p>Explore the power of our AI-driven trading algorithms.</p>
        </section>
        <section class="market-overview">
            <h2>Live Market Data</h2>
            <div id="market-data"></div>
        </section>
        <section class="insights">
            <p>Today's Fear/Greed Index: ___</p>
            <p>Top 10 Gainers: ___</p>
            <p>Top 10 Losers: ___</p>
        </section>
        <section class="news-feed">
            <h2>Latest Crypto News</h2>
            <div id="news-feed"></div>
        </section>
        <section class="education">
            <h2>Learn and Grow</h2>
            <a href="tutorials.html">Tutorials</a>
            <a href="webinars.html">Webinars</a>
            <a href="blogs.html">Blogs</a>
        </section>
    </main>
    <footer>
        <p>&copy; 2023 Crypto Trading Bot</p>
    </footer>
</body>
</html>

dashboard.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard - Crypto Trading Bot</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="home.html">Home</a></li>
                <!-- Other links -->
            </ul>
        </nav>
    </header>
    <main>
        <h1>Dashboard</h1>
        <section class="user-info">
            <h2>Welcome, [Username]</h2>
            <p>Available Balance: $12345.67</p>
            <p>Total Profits and Losses: $678.90</p>
            <p>Trades Placed: 45</p>
            <p>Successful Trades: 30 / Lost Trades: 15</p>
            <p>Win Percentage: 66.67%</p>
            <!-- Add more details as described -->
        </section>
        <section class="portfolio">
            <h2>Current Trades</h2>
            <div id="trades"></div>
        </section>
    </main>
    <footer>
        <p>&copy; 2023 Crypto Trading Bot</p>
    </footer>
</body>
</html>

about_us.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us - Crypto Trading Bot</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="home.html">Home</a></li>
                <!-- Other links -->
            </ul>
        </nav>
    </header>
    <main>
        <h1>About Us</h1>
        <p>Our team is comprised of experts in blockchain, AI, and cryptocurrency. We leverage advanced algorithms and machine learning techniques to develop secure and robust trading solutions.</p>
        <section>
            <h2>Technology Stack</h2>
            <p>Our bot is built using...</p>
        </section>
        <section>
            <h2>Our Mission</h2>
            <p>To revolutionize trading with state-of-the-art AI technology.</p>
        </section>
        <!-- Add more sections about team, vision, etc. -->
    </main>
    <footer>
        <p>&copy; 2023 Crypto Trading Bot</p>
    </footer>
</body>
</html>

buy_signals.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Buy Signals - Crypto Trading Bot</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="home.html">Home</a></li>
                <!-- Other links -->
            </ul>
        </nav>
    </header>
    <main>
        <h1>Buy Signals</h1>
        <div class="tabs">
            <button class="tablinks" onclick="openTab(event, 'VeryBullish')">Very Bullish</button>
            <button class="tablinks" onclick="openTab(event, 'Bullish')">Bullish</button>
            <button class="tablinks" onclick="openTab(event, 'WeakBullish')">Weak Bullish</button>
        </div>
        <div id="VeryBullish" class="tabcontent">
            <h3>Very Bullish Signals</h3>
            <table id="veryBullishTable">
                <!-- Table Headers -->
            </table>
        </div>
        <div id="Bullish" class="tabcontent">
            <h3>Bullish Signals</h3>
            <table id="bullishTable">
                <!-- Table Headers -->
            </table>
        </div>
        <div id="WeakBullish" class="tabcontent">
            <h3>Weak Bullish Signals</h3>
            <table id="weakBullishTable">
                <!-- Table Headers -->
            </table>
        </div>
    </main>
    <footer>
        <p>&copy; 2023 Crypto Trading Bot</p>
    </footer>
    <script src="tabs.js"></script>
</body>
</html>

I want you to rewrite my templates and include more advanced and comples features. I want you to create a website for my crypto trading bot with the following pages
Home page: This will act as the landing page when someone visits the site. It should have buttons to go to other pages including About Us, Dashboard, Signals, Statistics, History, and Auto Trader. On the top right should have a small circle with profile icon and the username that can be clicked on to show options under profile. If not logged in should have an Easy access to login or signup forms. Language Selection: Multi-language support to cater to a global audience. With Sleek, attractive design, Clear explanation of the bot's functionality and key features. It should show an Interactive Overview: Animated introduction to the bot’s features with a concise summary of its capabilities. Live Market Overview: Real-time data feed displaying key market trends and indices. It should show insights such as greed/fear index for that day and other insights, encouraging users to sign in or explore further for detailed analysis tools available on the dashboard. It should also show top 10 gainers and top 10 losers which is calculated based on 24h price change . Testimonials and Reviews: Display reviews from existing users with ratings to build trust. News Feed Integration: Display pertinent crypto news to keep users up-to-date with market events. Educational Content: Provide links to tutorials, webinars, or blogs to help users understand market dynamics and bot functionality. The homepage should be clean and easy to navigate so ensure that the chart presentation is clean and does not overwhelm other elements.

Profile Icon: When clicked, it will show options that fall under the profile including 1. Manage Account page (With details like username, Name, email address and phone number each having an option to change except for the official name), 2. Saved Signals page (Signals that a user is interested to follow and indicated that they want to trade. Bookmark Functionality: Save and organize signals for future review and action. Categorization and Tagging: Features to categorize and tag saved signals for easy retrieval. Alerts and Notifications: Send alerts when saved signals are approaching set thresholds or showing increased activity.) 3. API management (Link to the user's trading account (e.g., Coinbase Pro, Binance)) 4. My Subscription Page (Enable users to manage their subscription plans and payment methods easily) 5. Security Settings page (Multi factor authentication, login history, session management. Offer features for managing 2FA, session logs, and device-specific access.) 
About Us page: This page should talk about our team and what we are building. You can generate a well curated message for this page, telling that we have extensive knowledge and experience in blockchain, AI technology and cryptocurrency. Make it elaborate and appealing. Talk about technology Stack: Information on technologies used to develop the bot, emphasizing security and AI/ML applications, Explain the advanced algorithms and machine learning techniques, Detailed description of the team and their experience in the crypto and algorithm trading, Detailed Company Information: History, mission, vision, and team profiles with qualifications.
Dashboard Page: This is where details of a user are shown. It should summarize the available balance, total profits and or losses a user has accumulated, number of trades placed, the number of successful trades and those lost with a link to view them which would take the user to the history page, and the win percentage. It should also include the currently running trades and the option to click on them to view more information (It would take them to the page with running trades or bots in autotrader). On the dashboard the user should be able to also see other features like the exchange connected and other relevant information. Customizable Widgets: Allow users to personalize their dashboard with widgets showing different data views like portfolio performance, market heat maps, or risk analysis. Real-Time Portfolio Tracking: Include charts and alerts for major market changes affecting the user's portfolio. Alert Center: Customizable alerts for price changes, news, and bot performance updates. Dynamic visualizations with an advanced real-time price chart with advanced features and customizations (e.g., line charts, candlestick charts, heatmaps) Use tradingview chart with option to add different technical indicators. Add option to maximize the chart to full screen or minimize it. Customizable views and filters. Access to settings and preferences for the bot (e.g., risk management, position sizing).  Please don’t write everything on the page randomly, organize the features well and sub categorize them to make the page look clean, organized, and optimized to improve user experience. The users should easily switch between different sections of the Dashboard without having to navigate away from the main page.
Signals: This is not a page itself but should show a dropdown when clicked or hover over it, the dropdown should have Buy signals page, Sell signals page, Neutral Signals Page and All Signals page.
Buy Signals page: This page should have a table with all buy (bullish) signals categorized into three. Very Bullish, Bullish, and Weak Bullish. These three should be tabs on the same page, so when a user clicks or Very Bullish, they see signals that have been confirmed by 3 or more sets of analysis. Weak Bullish should have buy signals indicated by only one set of analysis. Example, if only price action and one set of technical analysis show buy it is Bullish, but if more sets of analysis e.g price action, machine learning model, one set of technical analysis and sentiment analysis show buy it is very bullish. The signals table should have the following columns, 1. number(#), 2. timestamp, 3. Symbol 4. 24h price change 5. Signal type (Buy, Sell or Neutral), 6. Stop loss (Price at which I should exit the trade to avoid further losses), 7. Take Profit (price at which I should take the profit and exit the trade) 8. Signal Price (Price of the crypto at the time signal was generated) 9. Current Price (The actual real time price of the crypto from the websocket) 10. Result (If the current price reaches stop loss first the result is Lost, if it reaches take profit price first it is Successful, if it still swings in between the result is Pending), 11. Win rate (Convert Prediction Confidence Score: AI-generated confidence score for each signal and Signal Strength Indicator: Include confidence levels based on historical data and AI predictions into a percentage that show the probability of success) 12. View in Chart (A link to open the symbol in the real time price chart in dashboard) In signals table, when I click on any signal, that row should expand to show more information about that particular signal. It should show signals by all other sets of analysis about that symbol, results of analysis for different timeframes, e.g the signal for 5m analysis, 15m analysis, and 1h analysis, Prediction Confidence Score: AI-generated confidence score for each signal. Signal Strength Indicator: Include confidence levels based on historical data and AI predictions. Advanced Signal Indicators: Detailed breakdown of indicators behind each signal. Also include Success rate which should measure the number of signals generated by that set of analysis and calculate how many have been successful in percentage. Also, the user should be able to sort signals based on the table titles. Example if I click on Symbol it should sort the symbols from A to Z. When I click on symbol again, it should sort symbols from Z to A. If I click on price_change_24h it should sort from smallest to biggest but when I click on it again it changes to biggest to smallest. Apply the same on all table titles. When I sort it should remain that way until I change or exit the page. It should not go back to default until I exit the page.
Sell signals page and sideways page: They should be similar to the buy signals page but render bearish signals for sell and Neutral signals for Neutral page.
All signals page: This page shows all signals (buy, sell, neutral) in one table but will have more advanced filtering. The user should be able to filter based on signal type, date signals were generated, different combinations of analysis set etc. By combination of analysis set I mean if price action and machine learning and sentiment analysis (or any other combination) all indicate the same signal e.g buy. You then look for all signals with that combination. Allow user to filter and only view signals generated by specific combination of analysis described above.
History page: Comprehensive Trade History: Detailed log of all past trades with Advanced Filtering: Present filters for different time frames, e.g past 24 hours, past one week, past one month, or all of them, or filter by trading pairs, and strategies used (The analysis set combination that were used on signals used). Profit and Loss Analysis: Show Detailed ROI, success rate, Detailed P&L reports, and other key performance indicators providing trade insights and overall performance. Export Options: Ability to export data in multiple formats (CSV, Excel, PDF).
Statistics Page: This page should show all sets of analysis used to generate signals. It should show the best sets combination of analysis with highest success rate by checking how many signals each combination has produced and how many of those ones were successful and how many lost. Only write combinations that have generated signal e.g if there is no signal that both price action and sentiment analysis indicate the same don’t write it. But once price action and sentiment analysis and volume analysis all indicate buy that becomes one combination and include it. In-Depth Analysis Tools: Advanced charting tools, heatmaps, and ratio analysis. Trends and Patterns: Highlight trending coins, patterns, and anomalies in user portfolios. Comparative Insights: Compare user’s portfolio performance against major indices or average user results. Detailed Market Insights: Offer detailed statistical analysis of market trends, price movements, correlations, anomalies and volume distributions. Benchmark Comparisons: Include comparative statistics against industry benchmarks or peer performance. Enhanced Visualizations: Use complex charts, heat maps, and interactive elements to visually represent statistical data. Advanced analytics and machine learning-driven insights. Please don’t write everything on the page randomly, organize the features well and sub categorize them to make the page look clean, organized, and optimized to improve user experience. 
Autotrader Page: This is where the user can enable or disable automatic execution of trades by the bot, choose which signals the bot should execute automatically, perform Risk Management Settings: Set stop-loss, take profit, and leverage preferences, and Performance Overlay: Overlay real-time trade performance with market data for immediate insights. It should show all the running bots or trades with the option to manually stop them, or set conditions to stop them. Each signal or trade should have an option to also open the symbol in the chart in dashboard. Real-time monitoring of trades, positions, and performance. It should have a feature for Strategy Builder: Offer a drag-and-drop interface for creating, testing, and deploying custom strategies. (e.g choosing which combinations of analysis the user wants to use, how many trading bots should run concurrently at the same time, maximum amount each bot can use when entering trade, the leverage to use among others) Risk Management Tools: Allow users to set parameters for stop-loss, take-profit, and risk-reward ratios. Please don’t write everything on the page randomly, organize the features well and sub categorize them to make the page look clean, organized, and optimized to improve user experience. 
If possible, please put all user enabled configurations and settings in a different script. 
General Features Across All Pages: User Feedback Mechanism: Easy access to support with integrated feedback/comment system. Create feedback/comment system. Adaptive Design: Fully responsive design adaptable for mobile, tablet, and desktop. Dark Mode/Light Mode: Theme switcher to enhance visual comfort based on user preference.
Please give me the following files; home.html, about_us.html, dashboard.html, buy_signals.html, sell_signals.html, neutral_signals.html, statistics.html, Autotrader.html, profile.html, and history.html

Also, please include any other advanced features that would improve user experience and write other scripts that are needed for the robust and complex functioning of this amazing site.