|
|
<!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> |
|
|
|
