| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Haven Kitchen OS - Reachy Mini App</title> |
| <link rel="stylesheet" href="style.css"> |
| </head> |
| <body> |
| <div class="container"> |
| <header> |
| <div class="hero-icons">👩🏻💼 🌿 👩🏻🍳</div> |
| <h1>Haven Kitchen OS</h1> |
| <p class="subtitle">Olivia & Brie - Your AI Home Companions</p> |
| </header> |
|
|
| <main> |
| <section class="intro"> |
| <p> |
| <strong>Haven Kitchen OS</strong> transforms your Reachy Mini into an intelligent |
| home management system with two distinct AI personas: |
| </p> |
| |
| <div class="personas"> |
| <div class="persona olivia"> |
| <span class="emoji">👩🏻💼</span> |
| <h3>Olivia</h3> |
| <p>Your professional household manager. She handles scheduling, reminders, and keeps your home running smoothly.</p> |
| </div> |
| <div class="persona brie"> |
| <span class="emoji">👩🏻🍳</span> |
| <h3>Brie</h3> |
| <p>Your enthusiastic personal chef. She creates recipes, guides you through cooking, and makes meals magical.</p> |
| </div> |
| </div> |
| </section> |
|
|
| <section class="features"> |
| <h2>✨ Features</h2> |
| <ul> |
| <li>🗣️ <strong>Voice Interaction</strong> - Talk naturally with Olivia & Brie</li> |
| <li>🤖 <strong>Expressive Animations</strong> - Each persona has unique robot movements</li> |
| <li>📖 <strong>Recipe Management</strong> - Step-by-step cooking guidance with voice commands</li> |
| <li>📱 <strong>Cast to Devices</strong> - Send recipes to your phone via QR code</li> |
| <li>🎭 <strong>Personality-Driven Eyes</strong> - Olivia glows sage green, Brie shines amber</li> |
| <li>💾 <strong>Memory System</strong> - Remembers your preferences and conversations</li> |
| </ul> |
| </section> |
|
|
| <section class="voice-commands"> |
| <h2>🎤 Voice Commands</h2> |
| <p>While cooking, just say:</p> |
| <div class="commands"> |
| <span class="cmd">"Next"</span> |
| <span class="cmd">"Repeat"</span> |
| <span class="cmd">"Back"</span> |
| <span class="cmd">"Ingredients"</span> |
| <span class="cmd">"Let's cook"</span> |
| </div> |
| </section> |
|
|
| <section class="installation"> |
| <h2>📦 Installation</h2> |
| <p>Install directly from your Reachy Mini dashboard, or manually:</p> |
| <pre><code>reachy-mini-app-assistant install AccidentalCoder80/Haven_ReachyMini_Contest_Final</code></pre> |
| </section> |
| </main> |
|
|
| <footer> |
| <p>Built with ❤️ from MindXpansion for the NVIDIA Reachy Mini Golden Ticket Contest</p> |
| <p class="hashtags">#ReachyMini #HuggingFace #NVIDIAGTC</p> |
| </footer> |
| </div> |
| </body> |
| </html> |
|
|
