Add Privacy Policy and Terms of Service sections

index.html

@@ -440,6 +440,54 @@
             </div>
         </section>
 
+        <!-- Privacy & Terms Section -->
+        <section id="legal" class="section section-alt">
+            <div class="legal-grid">
+                <div class="legal-card">
+                    <h2>Privacy Policy</h2>
+                    <div class="legal-content">
+                        <h4>Data Collection</h4>
+                        <p>Reachy iOS Bridge does not collect, store, or transmit any personal data to external servers operated by us. All data processing happens locally on your Reachy Mini robot.</p>
+                        
+                        <h4>OpenAI API</h4>
+                        <p>Voice conversations and text-to-speech are processed through OpenAI's API using your own API key. Your conversations are subject to <a href="https://openai.com/policies/privacy-policy" target="_blank">OpenAI's Privacy Policy</a>. We do not have access to your API key or conversation data.</p>
+                        
+                        <h4>Camera & Vision</h4>
+                        <p>When using vision features, images from Reachy's camera are sent to OpenAI for processing. These images are not stored by us and are handled according to OpenAI's data policies.</p>
+                        
+                        <h4>Local Storage</h4>
+                        <p>Settings, recorded animations, and conversation history are stored locally on your Reachy Mini. No data is synced to cloud services.</p>
+                        
+                        <h4>Network Communication</h4>
+                        <p>The iOS app communicates with Reachy over your local WiFi network. No data is transmitted outside your network except for OpenAI API calls.</p>
+                    </div>
+                </div>
+                
+                <div class="legal-card">
+                    <h2>Terms of Service</h2>
+                    <div class="legal-content">
+                        <h4>Acceptance</h4>
+                        <p>By using Reachy iOS Bridge, you agree to these terms. If you do not agree, please do not use the software.</p>
+                        
+                        <h4>License</h4>
+                        <p>This software is provided under the MIT License. You are free to use, modify, and distribute it according to the license terms.</p>
+                        
+                        <h4>API Keys</h4>
+                        <p>You are responsible for your own OpenAI API key and any costs incurred through its use. Keep your API key secure and do not share it.</p>
+                        
+                        <h4>No Warranty</h4>
+                        <p>This software is provided "as is" without warranty of any kind. We are not liable for any damages arising from its use.</p>
+                        
+                        <h4>Robot Safety</h4>
+                        <p>You are responsible for the safe operation of your Reachy Mini robot. Ensure the robot is placed securely and supervise its operation.</p>
+                        
+                        <h4>Third-Party Services</h4>
+                        <p>Use of OpenAI services is subject to their terms. We are not responsible for third-party service availability or changes.</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- Footer -->
         <footer class="footer">
             <div class="footer-content">
@@ -451,6 +499,7 @@
                     <a href="https://huggingface.co/spaces/robertkeus/reachy_ios_bridge/blob/main/README.md">Documentation</a>
                     <a href="https://github.com/robertkeus/reachy-ios-bridge">GitHub</a>
                     <a href="https://huggingface.co/pollen-robotics">Pollen Robotics</a>
+                    <a href="#legal">Privacy & Terms</a>
                 </div>
                 <p class="footer-copyright">MIT License</p>
             </div>

style.css

@@ -709,6 +709,57 @@ code {
     padding: 0.35rem 0;
 }
 
+/* Legal Section */
+.legal-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+    gap: 2rem;
+}
+
+.legal-card {
+    background: var(--surface);
+    padding: 2rem;
+    border-radius: 1rem;
+    border: 1px solid var(--border);
+}
+
+.legal-card h2 {
+    font-family: 'DM Serif Display', Georgia, serif;
+    font-size: 1.5rem;
+    font-weight: 400;
+    margin-bottom: 1.5rem;
+    padding-bottom: 1rem;
+    border-bottom: 1px solid var(--divider);
+    color: var(--text-primary);
+}
+
+.legal-content h4 {
+    font-size: 0.95rem;
+    font-weight: 700;
+    margin-top: 1.25rem;
+    margin-bottom: 0.5rem;
+    color: var(--text-primary);
+}
+
+.legal-content h4:first-child {
+    margin-top: 0;
+}
+
+.legal-content p {
+    font-size: 0.9rem;
+    color: var(--text-secondary);
+    line-height: 1.6;
+}
+
+.legal-content a {
+    color: var(--accent);
+    text-decoration: none;
+}
+
+.legal-content a:hover {
+    text-decoration: underline;
+}
+
 /* Footer */
 .footer {
     border-top: 1px solid var(--divider);
@@ -794,7 +845,8 @@ code {
     
     .features-grid,
     .api-grid,
-    .help-grid {
+    .help-grid,
+    .legal-grid {
         grid-template-columns: 1fr;
     }
 }