index.html
1 <!DOCTYPE html> 2 <html lang="en" style="background-color: #0b131b"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> 6 <meta name="robots" content="index, follow" /> 7 <meta property="og:title" content="Teleghosts — integrate SimpleX-Chat with Telegram"> 8 <meta property="og:image" content="/media/avatar.jpg"> 9 <meta property="og:site_name" content="Teleghosts"> 10 <meta property="og:description" content="Secure transparent bridge"> 11 12 <link rel="icon shortcut" href="/favicon.ico" sizes="32x32" /> 13 <link rel="icon" href="/favicon.svg" type="image/svg+xml" id="favicon-svg" /> 14 <link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" /> 15 <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" /> 16 <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" /> 17 <link fetchpriority="low" href="/site.webmanifest" rel="manifest" /> 18 <link href="landing.css" rel="stylesheet"> 19 20 <title>Teleghosts</title> 21 22 <noscript> 23 <style> 24 body { background: var(--bg-muted); } 25 .promo { background-image: linear-gradient(var(--bg-muted) 86%, var(--bg-main)); } 26 .usage { background-color: var(--bg-main); } 27 .usage { background-color: var(--bg-main); } 28 .purchase { background-image: linear-gradient(var(--bg-main) 86%, var(--bg-muted)); } 29 </style> 30 </noscript> 31 32 </head> 33 <body> 34 <canvas id="aurora"></canvas> 35 36 <header> 37 <div class="header-inner"> 38 <a href="/" class="logo"> 39 <span>teleghosts.app</span> 40 </a> 41 42 <nav> 43 <a href="/donate" class="nav-ref fancy-button fancy-gold gold-gold-gold">Donate!</a> 44 <a href="/announcements/public-alpha" class="nav-ref fancy-button fancy-silver">Join public alpha!</a> 45 </nav> 46 </div> 47 </header> 48 <main class="main"> 49 <section class="promo"> 50 <h1>Integrate SimpleX Chat with Telegram</h1> 51 52 <div> 53 <video autoplay muted loop width="720" height="720"><source src="media/Main2.mp4" type="video/mp4"></video> 54 </div> 55 </section> 56 57 <section class="usage"> 58 <h1>Use cases</h1> 59 60 <div class="use-case-grid"> 61 <div class="use-case"> 62 <div> 63 <video controls muted autoplay loop width="540" height="540"><source src="media/Personal2.mp4" type="video/mp4"></video> 64 </div> 65 66 <h2>Personal</h2> 67 68 <p> 69 Communicate with your Telegram friends and family from SimpleX-Chat! 70 Send them your Teleghosts bot link, ask to press the start button, 71 and forget that you're using different messengers! 72 </p> 73 </div> 74 75 <div class="use-case"> 76 <div> 77 <video controls muted autoplay loop width="540" height="540"><source src="media/Business2.mp4" type="video/mp4"></video> 78 </div> 79 80 <h2>Business</h2> 81 82 <p> 83 Use SimpleX business addresses to easily extend your customer support 84 to Telegram users or to stay in touch with your Telegram contacts on 85 multiple SimpleX devices! 86 </p> 87 88 </div> 89 90 <div class="use-case"> 91 <div> 92 <video controls muted autoplay loop width="540" height="540"><source src="media/Dev2.mp4" type="video/mp4"></video> 93 </div> 94 95 <h2>Development</h2> 96 97 <p> 98 Cut development costs by making your existing SimpleX bots available 99 on Telegram utilizing Teleghosts bot mirroring features! 100 </p> 101 </div> 102 103 </div> 104 </section> 105 106 <section class="purchase"> 107 <h1>How does it work?</h1> 108 <p> 109 You send us a SimpleX address and our bot contacts you to finish the 110 setup process! Don't have a Telegram account? We can allocate you a bot 111 for an extra fee! 112 </p> 113 <div class="use-case-grid"> 114 <div class="offer silver"> 115 <h1>Silver</h1> 116 <p>$0/mo</p> 117 <ul> 118 <li>Communicate with Telegram contacts via direct chats</li> 119 <li>Download files up to 20MB in size</li> 120 <li>Upload files up to 50MB in size</li> 121 </ul> 122 <div> 123 <a href="/announcements/public-alpha" class="fancy-button fancy-diamond">Join public alpha!</a> 124 </div> 125 </div> 126 127 <div class="offer platinum"> 128 <h1>Platinum</h1> 129 <p>$0/mo</p> 130 <ul> 131 <li>Participate in Telegram channels and groups</li> 132 <li>Unlimited file downloads</li> 133 <li>Upload files up to 2GB in size</li> 134 <li>...and more</li> 135 </ul> 136 <div> 137 <a href="/announcements/public-alpha" class="fancy-button fancy-diamond">Join public alpha!</a> 138 </div> 139 </div> 140 141 <div class="offer diamond"> 142 <h1>Diamond</h1> 143 <p>Private offer</p> 144 <ul> 145 <li>Customize Teleghosts for your specific business needs</li> 146 <li>Get support from dedicated team</li> 147 <li>Run on your own infrastructure or reuse ours</li> 148 </ul> 149 <div> 150 <a href="/announcements/public-alpha" class="fancy-button fancy-diamond">Join public alpha!</a> 151 </div> 152 </div> 153 </div> 154 </section> 155 156 <footer> 157 <div> 158 <p> 159 © 2026 teleghosts.app. 160 <a href="/docs">Documentation</a> 161 is built with 162 <a href="https://github.com/gohugoio/hugo">Hugo</a> 163 powered by 164 <a href="https://github.com/imfing/hextra">Hextra theme</a> 165 </p> 166 167 <p> 168 All rights reserved. 169 </p> 170 </div> 171 </footer> 172 173 </main> 174 </body> 175 <script src="aurora.js"></script> 176 </html>