Spaces:
Running
Running
There is also option to add custom ipa phonemes. There is no limit on generations. Users can paste hindi text which is preferred. but there is also english to hindi typing. All the processing occurs in the user's phone so no issue with privacy. It doesn't need internet also to function.
b7fbf44 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Hindi Bolo - Text to Speech App</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> | |
| <style> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| } | |
| body { | |
| background-color: #f5f5f5; | |
| color: #333; | |
| line-height: 1.6; | |
| } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 0 20px; | |
| } | |
| header { | |
| background-color: #FF5722; | |
| color: white; | |
| padding: 20px 0; | |
| text-align: center; | |
| } | |
| .hero { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| min-height: 70vh; | |
| text-align: center; | |
| padding: 40px 20px; | |
| background: linear-gradient(135deg, #FF5722, #FF9800); | |
| color: white; | |
| } | |
| .hero h1 { | |
| font-size: 3rem; | |
| margin-bottom: 20px; | |
| } | |
| .hero p { | |
| font-size: 1.2rem; | |
| max-width: 700px; | |
| margin-bottom: 30px; | |
| } | |
| .app-icon { | |
| width: 150px; | |
| height: 150px; | |
| border-radius: 25px; | |
| margin-bottom: 30px; | |
| box-shadow: 0 10px 30px rgba(0,0,0,0.2); | |
| } | |
| .btn { | |
| display: inline-block; | |
| background-color: white; | |
| color: #FF5722; | |
| padding: 12px 30px; | |
| border-radius: 50px; | |
| text-decoration: none; | |
| font-weight: bold; | |
| font-size: 1.1rem; | |
| transition: all 0.3s ease; | |
| box-shadow: 0 5px 15px rgba(0,0,0,0.1); | |
| } | |
| .btn:hover { | |
| transform: translateY(-3px); | |
| box-shadow: 0 8px 20px rgba(0,0,0,0.2); | |
| } | |
| .btn i { | |
| margin-right: 10px; | |
| } | |
| .features { | |
| padding: 80px 0; | |
| background-color: white; | |
| } | |
| .features h2 { | |
| text-align: center; | |
| margin-bottom: 50px; | |
| color: #FF5722; | |
| font-size: 2.5rem; | |
| } | |
| .features-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); | |
| gap: 30px; | |
| } | |
| .feature-card { | |
| padding: 30px; | |
| border-radius: 10px; | |
| background-color: #f9f9f9; | |
| text-align: center; | |
| transition: transform 0.3s ease; | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-10px); | |
| } | |
| .feature-icon { | |
| font-size: 3rem; | |
| color: #FF5722; | |
| margin-bottom: 20px; | |
| } | |
| .feature-card h3 { | |
| margin-bottom: 15px; | |
| color: #333; | |
| } | |
| footer { | |
| background-color: #333; | |
| color: white; | |
| text-align: center; | |
| padding: 30px 0; | |
| margin-top: 50px; | |
| } | |
| @media (max-width: 768px) { | |
| .hero h1 { | |
| font-size: 2.2rem; | |
| } | |
| .hero p { | |
| font-size: 1rem; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="container"> | |
| <h1>Hindi Bolo</h1> | |
| </div> | |
| </header> | |
| <section class="hero"> | |
| <img src="http://static.photos/technology/320x240/42" alt="Hindi Bolo App Icon" class="app-icon"> | |
| <h1>Hindi Text to Speech Made Easy</h1> | |
| <p>Convert any Hindi text to natural sounding speech with our easy-to-use app. Works completely offline with full privacy. Perfect for learning pronunciation, reading assistance, and more!</p> | |
| <a href="https://play.google.com/store/apps/details?id=com.cooldude.hindibolo" class="btn"> | |
| <i class="fab fa-google-play"></i> Download on Play Store | |
| </a> | |
| </section> | |
| <section class="features"> | |
| <div class="container"> | |
| <h2>Key Features</h2> | |
| <div class="features-grid"> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-user-secret"></i> | |
| </div> | |
| <h3>Full Privacy</h3> | |
| <p>Your text never leaves your device - all processing happens locally.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-volume-up"></i> | |
| </div> | |
| <h3>Multiple Voice Options</h3> | |
| <p>Choose from 2 male and 2 female voices for natural sounding Hindi speech.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-text-height"></i> | |
| </div> | |
| <h3>Flexible Text Input</h3> | |
| <p>Type or paste Hindi text or use English-to-Hindi typing. Supports custom IPA phonemes for precise pronunciation control.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="feature-icon"> | |
| <i class="fas fa-sliders-h"></i> | |
| </div> | |
| <h3>Privacy & Offline</h3> | |
| <p>All processing happens on your device - no internet needed, no data leaves your phone, with unlimited generations.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <footer> | |
| <div class="container"> | |
| <p>© 2023 Hindi Bolo. All rights reserved.</p> | |
| <p> | |
| <a href="https://play.google.com/store/apps/details?id=com.cooldude.hindibolo" style="color: #FF5722; text-decoration: none;"> | |
| <i class="fab fa-google-play"></i> Get it on Google Play | |
| </a> | |
| </p> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |