tomrikert commited on
Commit
4d21f26
Β·
1 Parent(s): 96d6c81

Add Reachy Mini animated GIF to main page hero section

Browse files

Replace text architecture diagram with animated GIF showing the robot
in action for a more engaging visual on the Space landing page.

Files changed (2) hide show
  1. index.html +3 -14
  2. style.css +9 -0
index.html CHANGED
@@ -42,20 +42,9 @@
42
  </div>
43
  <div class="hero-visual">
44
  <div class="glass-card">
45
- <div class="architecture-preview">
46
- <pre>
47
- You speak β†’ Reachy Mini 🎀
48
- (or Simulator πŸ–₯️)
49
- ↓
50
- OpenAI Realtime API
51
- (speech recognition + TTS)
52
- ↓
53
- OpenClaw Gateway
54
- (Clawson's brain 🦞)
55
- ↓
56
- Robot speaks & moves πŸ€–πŸ’ƒ
57
- </pre>
58
- </div>
59
  <p class="caption">Works with physical robot OR MuJoCo simulator!</p>
60
  </div>
61
  </div>
 
42
  </div>
43
  <div class="hero-visual">
44
  <div class="glass-card">
45
+ <img src="https://huggingface.co/spaces/pollen-robotics/reachy_mini_conversation_app/resolve/main/docs/assets/reachy_mini_dance.gif"
46
+ alt="Reachy Mini Robot Dancing"
47
+ class="hero-gif">
 
 
 
 
 
 
 
 
 
 
 
48
  <p class="caption">Works with physical robot OR MuJoCo simulator!</p>
49
  </div>
50
  </div>
style.css CHANGED
@@ -210,6 +210,15 @@ a {
210
  backdrop-filter: blur(10px);
211
  }
212
 
 
 
 
 
 
 
 
 
 
213
  .architecture-preview {
214
  background: rgba(0, 0, 0, 0.4);
215
  border-radius: 14px;
 
210
  backdrop-filter: blur(10px);
211
  }
212
 
213
+ .hero-gif {
214
+ width: 100%;
215
+ max-width: 500px;
216
+ height: auto;
217
+ border-radius: 14px;
218
+ display: block;
219
+ margin: 0 auto;
220
+ }
221
+
222
  .architecture-preview {
223
  background: rgba(0, 0, 0, 0.4);
224
  border-radius: 14px;