| | <!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 - Olivia & Brie</title> |
| | <link rel="stylesheet" href="style.css"> |
| | <link rel="preconnect" href="https://fonts.googleapis.com"> |
| | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| | <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=Inter:wght@300;400;500&display=swap" rel="stylesheet"> |
| | </head> |
| | <body> |
| | <div class="container"> |
| | <header> |
| | <div class="hero-icons"> |
| | <span class="icon">👩🏻💼</span> |
| | <span class="icon leaf">🌿</span> |
| | <span class="icon">👩🏻🍳</span> |
| | </div> |
| | <h1>Olivia & Brie</h1> |
| | <p class="subtitle">THE HAVEN SYSTEM</p> |
| | <p class="tagline">Your AI Home Companions for Reachy Mini</p> |
| | </header> |
| |
|
| | <main> |
| | <div class="personas"> |
| | <div class="persona olivia"> |
| | <div class="persona-header"> |
| | <span class="emoji">👩🏻💼</span> |
| | <h3>Olivia</h3> |
| | </div> |
| | <p class="role">Household Manager</p> |
| | <p>Your calm, professional companion who handles scheduling, reminders, and keeps your home running smoothly with a warm sage-green presence.</p> |
| | </div> |
| | <div class="persona brie"> |
| | <div class="persona-header"> |
| | <span class="emoji">👩🏻🍳</span> |
| | <h3>Brie</h3> |
| | </div> |
| | <p class="role">Personal Chef</p> |
| | <p>Your enthusiastic culinary guide who creates recipes, walks you through cooking step-by-step, and makes every meal magical with amber warmth.</p> |
| | </div> |
| | </div> |
| |
|
| | <section class="features"> |
| | <h2>What Haven Can Do</h2> |
| | <div class="feature-grid"> |
| | <div class="feature"> |
| | <span class="feature-icon">🗣️</span> |
| | <h4>Voice Interaction</h4> |
| | <p>Talk naturally with Olivia & Brie</p> |
| | </div> |
| | <div class="feature"> |
| | <span class="feature-icon">🤖</span> |
| | <h4>Expressive Robot</h4> |
| | <p>Unique animations for each persona</p> |
| | </div> |
| | <div class="feature"> |
| | <span class="feature-icon">📖</span> |
| | <h4>Recipe Guidance</h4> |
| | <p>Step-by-step cooking with voice commands</p> |
| | </div> |
| | <div class="feature"> |
| | <span class="feature-icon">📱</span> |
| | <h4>Cast to Phone</h4> |
| | <p>Send recipes via QR code</p> |
| | </div> |
| | <div class="feature"> |
| | <span class="feature-icon">🎭</span> |
| | <h4>Personality Eyes</h4> |
| | <p>Sage green for Olivia, amber for Brie</p> |
| | </div> |
| | <div class="feature"> |
| | <span class="feature-icon">💾</span> |
| | <h4>Memory System</h4> |
| | <p>Remembers your preferences</p> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | <section class="voice-commands"> |
| | <h2>Voice Commands</h2> |
| | <p>While cooking with Brie, 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 from your Reachy Mini dashboard or run:</p> |
| | <code>reachy-mini-app-assistant install AccidentalCoder80/Haven_ReachyMini_Contest_Final</code> |
| | </section> |
| | </main> |
| |
|
| | <footer> |
| | <p>Built with 💚 for the NVIDIA Reachy Mini Golden Ticket Contest</p> |
| | <div class="hashtags"> |
| | <span>#ReachyMini</span> |
| | <span>#HuggingFace</span> |
| | <span>#NVIDIAGTC</span> |
| | </div> |
| | </footer> |
| | </div> |
| | </body> |
| | </html> |
| |
|
