Reachy_Mini_old / index.html
Anne-Charlotte's picture
Update index.html
3391f93 verified
raw
history blame
8.89 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Reachy Mini Kickstart</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Fonts -->
<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=Asap:wght@400;700&family=Space+Mono:wght@700&display=swap"
rel="stylesheet"
>
<link rel="stylesheet" href="script.css" />
</head>
<body>
<!-- HERO -->
<header class="hero">
<video class="hero-video" autoplay muted loop playsinline>
<source src="Reachy-mini-wake-up-companion.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
<div class="hero-overlay"></div>
<div class="hero-content container">
<h1 class="heading-1">Reachy Mini</h1>
<p class="hero-subtitle">The open-source companion robot for everyone.</p>
<p class="body">
Reachy Mini is an expressive, open-source robot designed for human-robot interaction,
creative coding, and AI experimentation.
</p>
<div class="hero-actions">
<a href="#kickstart" class="btn btn-primary">Kickstart your robot</a>
<a href="#buy" class="btn btn-ghost">Buy Reachy Mini</a>
</div>
</div>
</header>
<main>
<!-- KICKSTART SECTION -->
<section id="kickstart" class="section">
<div class="container">
<h2 class="heading-2">Kickstart your Reachy Mini</h2>
<p class="body section-intro">
Follow these steps to assemble your robot, start it with the dashboard, explore
community Spaces, and build your own experiences.
</p>
<div class="grid-4">
<!-- 1. Assemble -->
<article class="card">
<h3 class="heading-3">Build</h3>
<p class="body">
Assemble Reachy Mini yourself with our step-by-step online guide.
</p>
<p class="body">
This is currently the <span class="body-bold">Lite beta version</span>; the wireless version guide will arrive later.
</p>
<a
class="btn btn-secondary"
href="https://huggingface.co/spaces/pollen-robotics/Reachy_Mini_BETA_Assembly_Guide"
target="_blank"
rel="noopener noreferrer"
>
Open assembly guide
</a>
</article>
<!-- 2. Start + Dashboard + Best Spaces -->
<article class="card">
<h3 class="heading-3">Play</h3>
<p class="body">
Power on Reachy Mini and use the Dashboard to connect, monitor, and control your robot.
</p>
<p class="body">
Search, add, and remove Hugging Face Spaces directly from the interface.
</p>
<a
class="btn btn-secondary"
href="https://huggingface.co/spaces?q=reachy_mini"
target="_blank"
rel="noopener noreferrer"
>
Explore Spaces
</a>
</article>
<!-- 3. Create Spaces -->
<article class="card">
<h3 class="heading-3">Create</h3>
<p class="body">
Build custom behaviors, games, and interactive demos using our open template.
</p>
<p class="body">
Duplicate it, plug in your models or logic, and deploy to Hugging Face in minutes.
</p>
<a
class="btn btn-secondary"
href="https://huggingface.co/spaces/pollen-robotics/reachy_mini_app_example"
target="_blank"
rel="noopener noreferrer"
>
Duplicate the template
</a>
</article>
<!-- 4. Documentation -->
<article class="card">
<h3 class="heading-3">Code</h3>
<p class="body">
Check out the open-source SDKs and community-shared code to start building with your Reachy Mini.
</p>
<p class="body">
Learn how to extend Reachy Mini, integrate AI models, and build full experiences.
</p>
<a
class="btn btn-secondary"
href="https://github.com/pollen-robotics/reachy_mini"
target="_blank"
rel="noopener noreferrer"
>
View GitHub documentation
</a>
</article>
</div>
</div>
</section>
<!-- DISCORD SECTION -->
<section class="discord-cta-section">
<div class="discord-cta-container">
<h2 class="heading-2">Join the Community</h2>
<p class="discord-cta-description">
Connect with other Reachy Mini builders, share your projects, get help, and stay updated with the latest news.
</p>
<a href="https://discord.gg/2bAhWfXme9" class="btn btn-primary" target="_blank"><svg class="discord-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
</svg>
Join Pollen Robotics Discord</a>
</div>
</section>
<!-- BUY SECTION -->
<section id="buy" class="section section-buy">
<div class="container">
<h2 class="heading-2">Buy Reachy Mini</h2>
<p class="body section-intro">
Choose the version that best fits your needs. Both versions are fully compatible
with our open-source tooling and Hugging Face Spaces.
</p>
<div class="grid-2">
<!-- Lite -->
<article class="card card-pricing">
<div class="pricing-header">
<span class="badge badge-lite">Lite</span>
<h3 class="heading-3">Reachy Mini Lite</h3>
<p class="price">$299</p>
</div>
<ul class="feature-list">
<li>External compute (Mac &amp; Linux, Windows soon)</li>
<li>No Wi-Fi (wired power only)</li>
<li>4 microphones &amp; 5W speaker</li>
<li>Wide angle camera</li>
<li>No accelerometer</li>
<li>6 degrees of freedom head movement</li>
<li>Full body rotation</li>
<li>2 animated antennas</li>
</ul>
<a
class="btn btn-primary full-width"
href="https://buy.stripe.com/6oUfZj78P1a5e6b0FS73G02"
target="_blank"
rel="noopener noreferrer"
>
Buy Lite version
</a>
</article>
<!-- Wireless -->
<article class="card card-pricing">
<div class="pricing-header">
<span class="badge badge-wireless">Wireless</span>
<h3 class="heading-3">Reachy Mini Wireless</h3>
<p class="price">$449</p>
</div>
<ul class="feature-list">
<li>On-board compute (Raspberry Pi 4)</li>
<li>Works both wired and wireless, for power and communication</li>
<li>Wi-Fi enabled, or Ethernet via a USB-C adapter (not included)</li>
<li>4 microphones &amp; 5W speaker</li>
<li>Wide angle camera</li>
<li>Integrated accelerometer</li>
<li>6 degrees of freedom head movement</li>
<li>Full body rotation</li>
<li>2 animated antennas</li>
</ul>
<a
class="btn btn-primary full-width"
href="https://buy.stripe.com/9B65kFfFlaKFbY34W873G03"
target="_blank"
rel="noopener noreferrer"
>
Buy Wireless version
</a>
</article>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="footer">
<div class="container footer-content">
<p class="body">
Need help? Contact us on
<a
href="https://discord.gg/2bAhWfXme9"
target="_blank"
rel="noopener noreferrer"
>
Discord
</a>
and join the community.
</p>
<p class="caption">
Proudly brought by
<a href="https://www.pollen-robotics.com/" target="_blank" rel="noopener noreferrer">
Pollen Robotics
</a>
x
🤗 <a href="https://huggingface.co/" target="_blank" rel="noopener noreferrer">
Hugging Face
</a>
</p>
</div>
</footer>
</body>
</html>