Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>MethdAI Receptionist — Reachy Mini App</title> | |
| <meta name="description" content="Voice + face recognition receptionist for the Reachy Mini robot. Built by MethdAI." /> | |
| <meta property="og:title" content="MethdAI Receptionist — Reachy Mini App" /> | |
| <meta property="og:description" content="Voice + face recognition receptionist for the Reachy Mini robot." /> | |
| <meta property="og:type" content="website" /> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <header class="hero"> | |
| <div class="topline"> | |
| <div class="brand"> | |
| <img src="src/reachy_mini_receptionist/static/logo.png" alt="MethdAI" class="brand-logo" onerror="this.style.display='none'; this.nextElementSibling.style.display='inline';" /> | |
| <span class="logo" style="display:none">🤖</span> | |
| <span class="brand-name">MethdAI Receptionist</span> | |
| </div> | |
| <div class="pill">Reachy Mini app · live</div> | |
| </div> | |
| <div class="hero-grid"> | |
| <div class="hero-copy"> | |
| <p class="eyebrow">AI Receptionist for Reachy Mini</p> | |
| <h1> | |
| A front desk that <span class="accent">recognizes faces</span> and notifies the right host. | |
| </h1> | |
| <p class="lede"> | |
| Visitors walk up to your Reachy Mini, the robot greets them by voice, looks up who they came to see, and emails the host that their guest has arrived — all in under ten seconds. | |
| </p> | |
| <p class="lede"> | |
| Returning visitors are recognized by face on their next visit. Operators run everything from a browser dashboard. | |
| </p> | |
| <div class="hero-actions"> | |
| <a class="btn primary" href="#install">Install on your robot</a> | |
| <a class="btn ghost" href="#features">See what's inside</a> | |
| </div> | |
| <div class="hero-badges"> | |
| <span>Gemini Live · OpenAI Realtime</span> | |
| <span>YuNet + LBPH face recognition</span> | |
| <span>iCal calendar matching</span> | |
| <span>Resend email delivery</span> | |
| </div> | |
| </div> | |
| <div class="hero-visual"> | |
| <div class="glass-card"> | |
| <img src="screenshot.png" alt="MethdAI Receptionist dashboard" class="hero-gif" /> | |
| <p class="caption">The operator dashboard — live camera, visitor log, employees, calendar, and settings, all in one browser tab.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <section id="features" class="section"> | |
| <div class="section-header"> | |
| <p class="eyebrow">What's inside</p> | |
| <h2>Everything a front desk needs, in one app</h2> | |
| <p class="intro">A camera-aware front-desk assistant that combines realtime voice, computer vision, calendar lookup, and email delivery into a single self-contained robot app.</p> | |
| </div> | |
| <div class="feature-grid"> | |
| <div class="feature-card"> | |
| <span class="icon">🎤</span> | |
| <h3>Natural voice</h3> | |
| <p>Bi-directional audio with Gemini Live (default) or OpenAI Realtime — chosen from a Settings toggle, no code changes.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <span class="icon">👁️</span> | |
| <h3>Face recognition</h3> | |
| <p>YuNet detector + LBPH recognizer. New visitors get registered, returning ones get greeted by name.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <span class="icon">📅</span> | |
| <h3>Calendar-aware</h3> | |
| <p>Pulls today's appointments from any Google Calendar iCal feed. Auto-matches visitor names to host appointments.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <span class="icon">📨</span> | |
| <h3>Real email delivery</h3> | |
| <p>Hosts get a real email via Resend the moment their visitor arrives — no waiting, no manual reception step.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <span class="icon">📊</span> | |
| <h3>Live ops dashboard</h3> | |
| <p>Stats, visitor log, employee directory, calendar, settings — every operator action lives in one browser tab.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <span class="icon">🛟</span> | |
| <h3>Operator escape hatch</h3> | |
| <p>Bot mishears a name? The operator types it on the dashboard and the conversation picks back up seamlessly.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="install" class="install"> | |
| <div class="install-card"> | |
| <p class="eyebrow" style="text-transform:uppercase;letter-spacing:0.12em;color:#a78bfa;font-size:0.78rem;font-weight:600;">One-click install</p> | |
| <h3 style="margin-top:8px;">Install on your Reachy Mini</h3> | |
| <p>From the Reachy Mini Control app, search <code style="background:#00000040;padding:2px 8px;border-radius:6px;color:#f8fafc;">MethdAI/receptionist-app</code> and click Install. Or install via pip on the robot directly:</p> | |
| <pre class="code">/venvs/apps_venv/bin/pip install --upgrade \ | |
| git+https://huggingface.co/spaces/MethdAI/receptionist-app | |
| /venvs/apps_venv/bin/python -m reachy_mini_receptionist.main</pre> | |
| <p style="margin-top:18px;">After install, open <code style="background:#00000040;padding:2px 8px;border-radius:6px;color:#f8fafc;">http://<your-robot>.local:7860/dashboard</code> and follow the welcome banner — it tells you which API keys to add (Gemini, Resend, iCal) and where to get them.</p> | |
| </div> | |
| </section> | |
| <section id="story" class="section"> | |
| <div class="story-grid"> | |
| <div class="story-card"> | |
| <p class="eyebrow">How a visit feels</p> | |
| <h3>From greeting to host notification in 10 seconds</h3> | |
| <ul class="story-list"> | |
| <li><span>👋</span> Robot greets the visitor as soon as a face is detected.</li> | |
| <li><span>🗣️</span> Visitor says their name and who they came to see.</li> | |
| <li><span>📇</span> Bot looks up the host in the employee directory.</li> | |
| <li><span>📨</span> Host gets an email — visitor arrival, time, appointment context.</li> | |
| <li><span>🧠</span> Next visit, the visitor is recognized by face — no name needed.</li> | |
| </ul> | |
| </div> | |
| <div class="story-card secondary"> | |
| <p class="eyebrow">Where it shines</p> | |
| <h3>Offices, demos, and small-team lobbies</h3> | |
| <p class="story-text">Built for actual reception workflows — not a toy. Used by the team at MethdAI as the lobby greeter for our own office. Apache-2.0 licensed so you can fork, adapt, or rebrand for your own venue.</p> | |
| <div class="chips"> | |
| <span class="chip">Voice + Vision</span> | |
| <span class="chip">Calendar lookup</span> | |
| <span class="chip">Real emails</span> | |
| <span class="chip">Dashboard ops</span> | |
| <span class="chip">Apache-2.0</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <footer class="footer"> | |
| <p> | |
| Built by <a href="https://methdai.com" target="_blank" rel="noopener">MethdAI</a>, based on the Reachy Mini conversation app by <a href="https://github.com/pollen-robotics" target="_blank" rel="noopener">Pollen Robotics</a>. | |
| Explore more apps on <a href="https://huggingface.co/spaces/pollen-robotics/Reachy_Mini_Apps" target="_blank" rel="noopener">Hugging Face Spaces</a>. | |
| </p> | |
| </footer> | |
| </body> | |
| </html> | |