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