Spaces:
Running
Running
buatkan saya sebuah Project WEBSITE bot otp via telegram yang bisa nge akses semua nomor dan otp otomatis yang ada di twilio, virtusim, dan ivasms. lengkap dengan token bot, id owner, dan id grup. token bot, id owner, dan id grup nya bisa di ganti. lengkap juga dengan nomor nomor nomor gratis yang tersedia dari platform platform tersebut dan juga otp nya akan di kirim oleh bot ke grup yang sudah terdaftar id nya. ketika OWNER mengetik command /getnumber di pm bot maka bot akan mendeteksi nomor nomor dari platform platform tersebut secara detail dan juga akan mengirimkan otp dari platform platform tersebut secara otomatis buatkan secara detail apa yang saya mau dan juga harus berhasil.
295b28a verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Telegram OTP Ninja Bot</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| </head> | |
| <body class="bg-gray-900 text-white"> | |
| <custom-navbar></custom-navbar> | |
| <main class="container mx-auto px-4 py-8"> | |
| <section class="mb-12"> | |
| <div class="bg-gray-800 rounded-xl p-6 shadow-lg"> | |
| <h1 class="text-3xl font-bold mb-6 text-purple-400">Telegram OTP Ninja Bot 🕵️♂️</h1> | |
| <p class="text-gray-300 mb-4">Automate OTP collection from Twilio, Virtusim, and IVASMS with this powerful Telegram bot.</p> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> | |
| <div class="bg-gray-700 p-4 rounded-lg"> | |
| <h3 class="text-lg font-semibold text-purple-300 mb-2">Bot Features</h3> | |
| <ul class="list-disc pl-5 text-gray-300"> | |
| <li>Automatic OTP detection</li> | |
| <li>Multi-platform support</li> | |
| <li>Real-time forwarding</li> | |
| <li>Free number database</li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-700 p-4 rounded-lg"> | |
| <h3 class="text-lg font-semibold text-purple-300 mb-2">Supported Platforms</h3> | |
| <ul class="list-disc pl-5 text-gray-300"> | |
| <li>Twilio</li> | |
| <li>Virtusim</li> | |
| <li>IVASMS</li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-700 p-4 rounded-lg"> | |
| <h3 class="text-lg font-semibold text-purple-300 mb-2">Commands</h3> | |
| <ul class="list-disc pl-5 text-gray-300"> | |
| <li><code>/getnumber</code> - Get available numbers</li> | |
| <li><code>/config</code> - Configure bot settings</li> | |
| <li><code>/help</code> - Show help menu</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="mb-12"> | |
| <div class="bg-gray-800 rounded-xl p-6 shadow-lg"> | |
| <h2 class="text-2xl font-bold mb-4 text-purple-400">Bot Configuration</h2> | |
| <form id="botConfigForm" class="space-y-4"> | |
| <div> | |
| <label class="block text-gray-300 mb-2">Bot Token</label> | |
| <input type="text" id="botToken" class="w-full bg-gray-700 border border-gray-600 rounded p-2 text-white" placeholder="Enter your bot token"> | |
| </div> | |
| <div> | |
| <label class="block text-gray-300 mb-2">Owner ID</label> | |
| <input type="text" id="ownerId" class="w-full bg-gray-700 border border-gray-600 rounded p-2 text-white" placeholder="Enter your Telegram ID"> | |
| </div> | |
| <div> | |
| <label class="block text-gray-300 mb-2">Group ID</label> | |
| <input type="text" id="groupId" class="w-full bg-gray-700 border border-gray-600 rounded p-2 text-white" placeholder="Enter group chat ID"> | |
| </div> | |
| <button type="submit" class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded transition duration-200"> | |
| Save Configuration | |
| </button> | |
| </form> | |
| </div> | |
| </section> | |
| <section class="mb-12"> | |
| <div class="bg-gray-800 rounded-xl p-6 shadow-lg"> | |
| <h2 class="text-2xl font-bold mb-4 text-purple-400">Available Numbers</h2> | |
| <div class="overflow-x-auto"> | |
| <table class="min-w-full bg-gray-700 rounded-lg overflow-hidden"> | |
| <thead> | |
| <tr class="bg-gray-600 text-gray-300"> | |
| <th class="py-3 px-4 text-left">Platform</th> | |
| <th class="py-3 px-4 text-left">Number</th> | |
| <th class="py-3 px-4 text-left">Country</th> | |
| <th class="py-3 px-4 text-left">Status</th> | |
| <th class="py-3 px-4 text-left">Action</th> | |
| </tr> | |
| </thead> | |
| <tbody id="numbersTableBody" class="text-gray-300"> | |
| <!-- Numbers will be populated by JavaScript --> | |
| </tbody> | |
| </table> | |
| </div> | |
| <div class="mt-4"> | |
| <button id="refreshNumbers" class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded transition duration-200"> | |
| <i data-feather="refresh-cw" class="inline mr-2"></i> Refresh Numbers | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <section> | |
| <div class="bg-gray-800 rounded-xl p-6 shadow-lg"> | |
| <h2 class="text-2xl font-bold mb-4 text-purple-400">Recent OTP Messages</h2> | |
| <div class="bg-gray-700 rounded-lg p-4 h-64 overflow-y-auto" id="otpMessages"> | |
| <div class="text-center text-gray-500">No OTP messages received yet</div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| <script>feather.replace();</script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |