Spaces:
Running
Running
File size: 6,981 Bytes
bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 54b6d55 bbafb94 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 | <!doctype html>
<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>
|