File size: 29,495 Bytes
57ba3ed
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ae9924d
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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Features - Reachy's Brain</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=Mulish:wght@400;500;600;700;800&family=Nunito:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <div class="page-wrapper">
        <!-- Navigation -->
        <nav class="nav">
            <div class="nav-brand">
                <a href="index.html" style="display: flex; align-items: center; gap: 0.75rem; text-decoration: none;">
                    <img src="logo.png" alt="Reachy's Brain" class="nav-logo-img">
                    <span class="nav-title">Reachy's Brain</span>
                </a>
            </div>
            <div class="nav-links">
                <a href="index.html">Home</a>
                <a href="index.html#examples">Examples</a>
                <a href="index.html#getting-started">Setup</a>
            </div>
        </nav>

        <!-- Features Documentation -->
        <section class="section docs-page">
            <div class="docs-header">
                <h1>Complete Feature Guide</h1>
                <p>Everything Reachy's Brain can do for you</p>
            </div>

            <!-- Voice & Communication -->
            <div class="docs-category">
                <h2>๐Ÿ—ฃ๏ธ Voice & Communication</h2>
                
                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿ—ฃ๏ธ</span>
                        <h3>Voice Conversations</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Have natural, flowing conversations with Reachy using OpenAI's Realtime API. The conversation feels natural with sub-second latency and interruption awareness.</p>
                        <h4>What you can do:</h4>
                        <ul>
                            <li>Ask questions on any topic</li>
                            <li>Have extended conversations with context memory</li>
                            <li>Interrupt Reachy mid-sentence naturally</li>
                            <li>Switch topics seamlessly</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Hey Reachy, tell me a joke"</code>
                            <code>"What's the meaning of life?"</code>
                            <code>"Can you explain quantum computing simply?"</code>
                            <code>"Tell me a story about a robot"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿ’ฌ</span>
                        <h3>Scheduled Messages</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Schedule WhatsApp and iMessage messages to be sent at a specific time. Perfect for birthday wishes, reminders to friends, or any message you want to send later.</p>
                        <h4>Supported platforms:</h4>
                        <ul>
                            <li><strong>WhatsApp</strong> - Schedule messages to any WhatsApp contact</li>
                            <li><strong>iMessage</strong> - Schedule texts to iPhone contacts</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Send a WhatsApp to Mom tomorrow at 9am saying happy birthday"</code>
                            <code>"Schedule a message to John on Friday: Don't forget our meeting"</code>
                            <code>"Text Sarah at 6pm: I'm on my way home"</code>
                            <code>"Send a WhatsApp to the team at 10am: Meeting starts in 30 minutes"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿ‘ฅ</span>
                        <h3>iOS Contacts</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Access your iPhone contacts through voice commands. Quickly find phone numbers, email addresses, and other contact details without picking up your phone.</p>
                        <h4>What you can access:</h4>
                        <ul>
                            <li>Phone numbers</li>
                            <li>Email addresses</li>
                            <li>Physical addresses</li>
                            <li>Contact notes</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"What's John's phone number?"</code>
                            <code>"Find Sarah's email address"</code>
                            <code>"Show me the contact details for my dentist"</code>
                            <code>"What's the address for ABC Company?"</code>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Information & Search -->
            <div class="docs-category">
                <h2>๐Ÿ” Information & Search</h2>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐ŸŒค๏ธ</span>
                        <h3>Weather</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Get current weather conditions and forecasts for any location worldwide. Reachy can tell you about temperature, conditions, humidity, and upcoming weather.</p>
                        <h4>Information available:</h4>
                        <ul>
                            <li>Current temperature and conditions</li>
                            <li>Weather forecasts</li>
                            <li>Humidity and wind information</li>
                            <li>Sunrise and sunset times</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"What's the weather like today?"</code>
                            <code>"Will it rain in Amsterdam tomorrow?"</code>
                            <code>"What's the temperature in Tokyo?"</code>
                            <code>"Do I need an umbrella this week?"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿ“ฐ</span>
                        <h3>News</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Stay informed with the latest news headlines and stories. Reachy can fetch news from various categories and give you summaries.</p>
                        <h4>News categories:</h4>
                        <ul>
                            <li>Top headlines</li>
                            <li>Technology news</li>
                            <li>Sports updates</li>
                            <li>Business & finance</li>
                            <li>Entertainment</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"What's in the news today?"</code>
                            <code>"Tell me about the latest tech news"</code>
                            <code>"Any sports news?"</code>
                            <code>"What's happening in the stock market?"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿ”</span>
                        <h3>Web Search</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Search the web for information, facts, and answers. Reachy uses web search to find up-to-date information on any topic.</p>
                        <h4>Use cases:</h4>
                        <ul>
                            <li>Fact-checking and research</li>
                            <li>Finding local businesses</li>
                            <li>Looking up current events</li>
                            <li>Getting how-to information</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Search for the best Italian restaurants nearby"</code>
                            <code>"Who won the World Cup in 2022?"</code>
                            <code>"How tall is the Eiffel Tower?"</code>
                            <code>"What are the opening hours of the local library?"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿ“</span>
                        <h3>Location</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Get your current location and find nearby places. Ask about distances, directions, and points of interest around you.</p>
                        <h4>Features:</h4>
                        <ul>
                            <li>Current location detection</li>
                            <li>Nearby place search</li>
                            <li>Distance calculations</li>
                            <li>Points of interest</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Where am I right now?"</code>
                            <code>"Find coffee shops nearby"</code>
                            <code>"How far is the nearest train station?"</code>
                            <code>"What restaurants are within walking distance?"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿ•</span>
                        <h3>Date & Time</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Get current time, dates, and time zone information. Useful for scheduling, international calls, or just checking the time hands-free.</p>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"What time is it?"</code>
                            <code>"What's the date today?"</code>
                            <code>"What time is it in New York?"</code>
                            <code>"How many days until Christmas?"</code>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Vision & Camera -->
            <div class="docs-category">
                <h2>๐Ÿ“ท Vision & Camera</h2>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿ“ท</span>
                        <h3>Vision</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Reachy can see and describe what's in front of it using the built-in camera. This enables visual understanding, object recognition, and scene description.</p>
                        <h4>Capabilities:</h4>
                        <ul>
                            <li>Describe scenes and surroundings</li>
                            <li>Identify objects and people</li>
                            <li>Read text from documents or screens</li>
                            <li>Analyze images and photos</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"What do you see?"</code>
                            <code>"Describe what's on my desk"</code>
                            <code>"Can you read what's on this paper?"</code>
                            <code>"How many people are in the room?"</code>
                            <code>"What color is my shirt?"</code>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Productivity -->
            <div class="docs-category">
                <h2>๐Ÿ“ Productivity</h2>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">โฐ</span>
                        <h3>iOS Reminders</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Create and manage reminders directly on your iPhone through voice commands. Never forget important tasks, appointments, or to-dos.</p>
                        <h4>Features:</h4>
                        <ul>
                            <li>Create time-based reminders</li>
                            <li>Set recurring reminders</li>
                            <li>Add reminders to specific lists</li>
                            <li>Check existing reminders</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Remind me to call mom at 5pm"</code>
                            <code>"Add a reminder to buy groceries tomorrow"</code>
                            <code>"Set a reminder for my dentist appointment on Friday"</code>
                            <code>"Remind me every Monday to submit my timesheet"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿ“</span>
                        <h3>Notes</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Quickly capture thoughts and ideas through voice. Dictate notes to Reachy and save them for later reference.</p>
                        <h4>Use cases:</h4>
                        <ul>
                            <li>Quick thought capture</li>
                            <li>Shopping lists</li>
                            <li>Ideas and brainstorming</li>
                            <li>Personal memos</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Take a note: remember to update the project timeline"</code>
                            <code>"Save this idea: new feature for the app"</code>
                            <code>"Note to self: research machine learning frameworks"</code>
                            <code>"Add to my shopping list: milk, eggs, bread"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐ŸŽ™๏ธ</span>
                        <h3>Meeting Notes</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Automatic meeting transcription and summarization. Reachy listens to your meetings, captures key points, and generates summaries with action items.</p>
                        <h4>Features:</h4>
                        <ul>
                            <li>Real-time transcription</li>
                            <li>Automatic summarization</li>
                            <li>Action item extraction</li>
                            <li>Key decision tracking</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Start taking meeting notes"</code>
                            <code>"Summarize our discussion"</code>
                            <code>"What were the action items from this meeting?"</code>
                            <code>"Stop recording the meeting"</code>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Games & Entertainment -->
            <div class="docs-category">
                <h2>๐ŸŽฎ Games & Entertainment</h2>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">โ™Ÿ๏ธ</span>
                        <h3>Play Chess</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Challenge Reachy to a game of chess! Play using voice commands and watch Reachy react to your moves with expressive animations.</p>
                        <h4>Features:</h4>
                        <ul>
                            <li>Full chess game with standard rules</li>
                            <li>Voice-controlled moves</li>
                            <li>Multiple difficulty levels</li>
                            <li>Move suggestions and analysis</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Let's play chess"</code>
                            <code>"Move pawn to e4"</code>
                            <code>"Castle kingside"</code>
                            <code>"What's your next move?"</code>
                            <code>"Show me the board"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿƒ</span>
                        <h3>Memory Game</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Test your memory with interactive card matching games. Reachy keeps track of the game state and celebrates your wins!</p>
                        <h4>Features:</h4>
                        <ul>
                            <li>Classic card matching gameplay</li>
                            <li>Multiple difficulty levels</li>
                            <li>Score tracking</li>
                            <li>Celebratory animations on wins</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Let's play a memory game"</code>
                            <code>"Flip card number 3"</code>
                            <code>"How many matches do I have?"</code>
                            <code>"Start a new game"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐Ÿฅš</span>
                        <h3>Tamareachy</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Virtual pet mode! Take care of Reachy like a Tamagotchi. Feed it, play with it, keep it hydrated, and watch its mood change based on how well you care for it.</p>
                        <h4>Stats to manage:</h4>
                        <ul>
                            <li><strong>Hunger</strong> - Feed Reachy regularly</li>
                            <li><strong>Thirst</strong> - Give water to stay hydrated</li>
                            <li><strong>Happiness</strong> - Play and interact to keep happy</li>
                            <li><strong>Energy</strong> - Let Reachy rest when tired</li>
                            <li><strong>Boredom</strong> - Entertain with games and conversation</li>
                            <li><strong>Health</strong> - Overall wellbeing</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Feed Reachy"</code>
                            <code>"How is Reachy feeling?"</code>
                            <code>"Play with Reachy"</code>
                            <code>"Give Reachy some water"</code>
                            <code>"Let Reachy sleep"</code>
                            <code>"Check Reachy's stats"</code>
                        </div>
                        <p class="docs-note">๐Ÿ’ก When stats get low, Reachy will proactively ask for help!</p>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐ŸŽญ</span>
                        <h3>Animations</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Trigger expressive head movements, gestures, and emotional expressions. Make Reachy come alive with personality!</p>
                        <h4>Animation types:</h4>
                        <ul>
                            <li>Emotional expressions (happy, sad, surprised, thinking)</li>
                            <li>Head movements (nod, shake, tilt)</li>
                            <li>Dances and celebrations</li>
                            <li>Custom recorded animations</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Nod your head"</code>
                            <code>"Do a happy dance"</code>
                            <code>"Look surprised"</code>
                            <code>"Show me you're thinking"</code>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Creation & Development -->
            <div class="docs-category">
                <h2>๐Ÿ› ๏ธ Creation & Development</h2>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐ŸŽฏ</span>
                        <h3>Create Apps</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Build custom apps for Reachy using natural language. Describe what you want and watch it come to life. No coding required!</p>
                        <h4>What you can create:</h4>
                        <ul>
                            <li>Custom conversation personalities</li>
                            <li>Interactive games</li>
                            <li>Utility apps</li>
                            <li>Entertainment experiences</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Create an app that tells dad jokes"</code>
                            <code>"Make a meditation timer app"</code>
                            <code>"Build a trivia game about science"</code>
                            <code>"Create a daily affirmation app"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐ŸŒ</span>
                        <h3>Vibe Coding</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Generate websites and web apps through conversation. Describe your vision and Reachy builds it for you with HTML, CSS, and JavaScript.</p>
                        <h4>What you can create:</h4>
                        <ul>
                            <li>Personal websites and portfolios</li>
                            <li>Landing pages</li>
                            <li>Simple web applications</li>
                            <li>Interactive demos</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Create a portfolio website for me"</code>
                            <code>"Build a simple todo list app"</code>
                            <code>"Make a landing page for my startup"</code>
                            <code>"Create a recipe collection website"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐ŸŽฌ</span>
                        <h3>Animation Recording</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Record custom animations by physically moving Reachy's head. Save your creations and replay them anytime.</p>
                        <h4>Features:</h4>
                        <ul>
                            <li>Record head movements in real-time</li>
                            <li>Save with custom names</li>
                            <li>Replay recorded animations</li>
                            <li>Share with others</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Start recording an animation"</code>
                            <code>"Save this animation as 'greeting'"</code>
                            <code>"Play my custom animation"</code>
                            <code>"List my recorded animations"</code>
                        </div>
                    </div>
                </div>

                <div class="docs-feature">
                    <div class="docs-feature-header">
                        <span class="docs-icon">๐ŸŽญ</span>
                        <h3>Custom Personalities</h3>
                    </div>
                    <div class="docs-feature-content">
                        <p>Create unique AI personalities with different voices, behaviors, and conversation styles. Make Reachy truly your own.</p>
                        <h4>Customizable aspects:</h4>
                        <ul>
                            <li>Voice selection (8 OpenAI voices)</li>
                            <li>Personality traits</li>
                            <li>Speaking style</li>
                            <li>Knowledge focus areas</li>
                        </ul>
                        <h4>Example commands:</h4>
                        <div class="docs-examples">
                            <code>"Create a personality that speaks like a pirate"</code>
                            <code>"Make Reachy more formal"</code>
                            <code>"Switch to the Coral voice"</code>
                            <code>"Create a science teacher personality"</code>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Back to Home -->
            <div class="docs-footer-nav">
                <a href="index.html" class="btn btn-primary">โ† Back to Home</a>
                <a href="index.html#getting-started" class="btn btn-secondary">Get Started</a>
            </div>
        </section>

        <!-- Footer -->
        <footer class="footer">
            <div class="footer-content">
                <div class="footer-brand">
                    <img src="logo.png" alt="Reachy's Brain" class="footer-logo-img">
                    <span>Reachy's Brain</span>
                </div>
                <div class="footer-links">
                    <a href="index.html">Home</a>
                    <a href="features.html">All Features</a>
                    <a href="privacy.html">Privacy Policy</a>
                    <a href="terms.html">Terms of Service</a>
                </div>
                <p class="footer-copyright">MIT License</p>
            </div>
        </footer>
    </div>
</body>
</html>