Added YouTube video

index.html

@@ -30,6 +30,23 @@
             </div>
         </section>
 
+        <section class="video-demo">
+            <div class="container">
+                <h2>See It In Action</h2>
+                <div class="video-wrapper">
+                    <iframe 
+                        width="560" 
+                        height="315" 
+                        src="https://www.youtube.com/embed/lnIk2DD-noM" 
+                        title="Reachy F1 Commentator Demo" 
+                        frameborder="0" 
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                        allowfullscreen>
+                    </iframe>
+                </div>
+            </div>
+        </section>
+
         <section class="features">
             <div class="container">
                 <h2>Features</h2>

style.css

@@ -73,6 +73,39 @@ header h1 {
     line-height: 1.8;
 }
 
+/* Video Demo Section */
+.video-demo {
+    background-color: var(--bg-light);
+    padding: 80px 0;
+}
+
+.video-demo h2 {
+    font-size: 2.5rem;
+    text-align: center;
+    margin-bottom: 50px;
+    color: var(--secondary-color);
+}
+
+.video-wrapper {
+    max-width: 900px;
+    margin: 0 auto;
+    position: relative;
+    padding-bottom: 56.25%; /* 16:9 aspect ratio */
+    height: 0;
+    overflow: hidden;
+    border-radius: 12px;
+    box-shadow: var(--shadow-lg);
+}
+
+.video-wrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 12px;
+}
+
 /* Buttons */
 .cta-buttons {
     display: flex;