added telegram bot link to website

index.html

@@ -31,6 +31,10 @@ <h2>Crypto Price Predictor</h2>
                 <h3>Predicted Price:</h3>
                 <p id="price"></p>
             </div>
+            <div id="telegram-bot">
+                <p class="bot-text">Track prices with our Telegram bot</p>
+                <h3><a href="https://t.me/trackingcryptopricerbot" class="bot-link">@TrackCryptoPriceBot</a></h3>
+            </div>
         </section>
     </div>
 

script.js

@@ -26,6 +26,11 @@ const cryptoMap = {
     'FIL': 'filecoin',
     'NEAR': 'near',
     'HBAR': 'hedera-hashgraph',
+    'TON': 'toncoin',
+    'SUI':'sui',
+    'OP': 'optimism',
+    'INJ': 'injective',
+    'ARB': 'arbitrum',
 
     // Stablecoins
     'DAI': 'dai',
@@ -84,8 +89,20 @@ const cryptoMap = {
     'BABYDOGE': 'baby-doge-coin',
     'SAFEMOON': 'safemoon',
     'ELON': 'dogelon-mars',
+    'PEPE': 'memetic',
+    'WIF': 'dogwithat',
+    'BONK': 'bonk',
+    'FLOKI': 'floki',
 
     // Add more symbols and tokens as needed
+    'WETH': 'wrapped-ethereum',
+    'MKR': 'maker',
+    'BAL': 'balancer',
+    'WLD': 'worldcoin',
+    'OM': 'mantra-dao',
+    'PHB': 'phoenix',
+    'LISTA': 'lista',
+    'RENDER': 'render',
 };
 
 const cryptoInput = document.getElementById('crypto');

styles.css

@@ -219,3 +219,22 @@ h1, h2, h3 {
         word-wrap: break-word;
     }
 }
+
+
+
+#telegram-bot {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+.bot-link{
+    text-decoration: none;
+    color: #FFEB55;
+}
+
+.bot-text{
+    font-size: 1rem;
+    margin-block: 0px;
+}