| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
| <title>People Home AI</title> |
| <link rel="stylesheet" href="style.css" /> |
| </head> |
| <body class="app-body"> |
|
|
| <header class="app-header"> |
| <div class="logo">🤖 AI Legal Assistant</div> |
| <button class="logout-btn" onclick="logout()">Logout</button> |
| </header> |
|
|
| <section class="hero"> |
| <h1>Speak. Think. Discover.</h1> |
| <p> |
| Your AI voice assistant is ready to help you explore ideas, |
| get answers, and have meaningful conversations. |
| </p> |
|
|
| <div class="feature-grid"> |
| <div class="feature-card">🎙 Natural Voice</div> |
| <div class="feature-card">⚡ Instant AI</div> |
| <div class="feature-card">🧠 Smart Conversations</div> |
| <div class="feature-card">🌍 Always Available</div> |
| </div> |
| </section> |
|
|
| <button class="voice-button" onclick="openVoiceAgent()">🎤</button> |
|
|
| <script src="script.js"></script> |
| <script> |
| function openVoiceAgent() { |
| window.open( |
| "https://app.openhome.xyz/api/personalities/demo?token=AI-vMsEx", |
| "AI Voice", |
| "width=420,height=620" |
| ); |
| } |
| </script> |
|
|
| </body> |
| </html> |
|
|
