docs: move demo section to top for better visual impact

Author: bcpmarvel

README.md

@@ -17,6 +17,35 @@
 
 ---
 
+## 🎬 Demo
+
+### 📸 Object Detection
+
+<table>
+  <tr>
+    <td align="center" width="50%">
+      <b>Pedestrian Detection</b><br>
+      <img src="demos/outputs/images/pedestrian.jpg" alt="YOLO11 pedestrian detection" width="100%">
+    </td>
+    <td align="center" width="50%">
+      <b>Traffic Detection</b><br>
+      <img src="demos/outputs/images/traffic.jpg" alt="YOLO11 traffic detection" width="100%">
+    </td>
+  </tr>
+</table>
+
+### 🎥 Multi-Object Tracking
+
+<div align="center">
+  <img src="demos/outputs/videos/mot17-05-preview.gif" alt="BoT-SORT multi-object tracking demo" width="480">
+  <br>
+  <i>Real-time tracking of 20+ pedestrians with trajectory prediction</i>
+  <br><br>
+  <a href="https://github.com/bcpmarvel/sentinel/releases/download/v0.1.0/mot17-05-tracked.mp4">📥 Download Full Quality Video</a> (34MB MP4)
+</div>
+
+---
+
 ## 🚀 Quick Start
 
 Try it in 3 commands:
@@ -76,35 +105,6 @@ curl -X POST http://localhost:8000/api/detect \
 
 ---
 
-## 🎬 Demo
-
-### 📸 Object Detection
-
-<table>
-  <tr>
-    <td align="center" width="50%">
-      <b>Pedestrian Detection</b><br>
-      <img src="demos/outputs/images/pedestrian.jpg" alt="YOLO11 pedestrian detection" width="100%">
-    </td>
-    <td align="center" width="50%">
-      <b>Traffic Detection</b><br>
-      <img src="demos/outputs/images/traffic.jpg" alt="YOLO11 traffic detection" width="100%">
-    </td>
-  </tr>
-</table>
-
-### 🎥 Multi-Object Tracking
-
-<div align="center">
-  <img src="demos/outputs/videos/mot17-05-preview.gif" alt="BoT-SORT multi-object tracking demo" width="480">
-  <br>
-  <i>Real-time tracking of 20+ pedestrians with trajectory prediction</i>
-  <br><br>
-  <a href="https://github.com/bcpmarvel/sentinel/releases/download/v0.1.0/mot17-05-tracked.mp4">📥 Download Full Quality Video</a> (34MB MP4)
-</div>
-
----
-
 ## ✨ Features
 
 | Feature | Description | Status |