diff --git a/docs/carousel-1.jpg b/docs/carousel-1.jpg
new file mode 100644
index 0000000..c5875a3
Binary files /dev/null and b/docs/carousel-1.jpg differ
diff --git a/docs/carousel-2.jpg b/docs/carousel-2.jpg
new file mode 100644
index 0000000..6089d83
Binary files /dev/null and b/docs/carousel-2.jpg differ
diff --git a/docs/carousel-3.jpg b/docs/carousel-3.jpg
new file mode 100644
index 0000000..fb7286b
Binary files /dev/null and b/docs/carousel-3.jpg differ
diff --git a/docs/carousel-4.jpg b/docs/carousel-4.jpg
new file mode 100644
index 0000000..87a0dec
Binary files /dev/null and b/docs/carousel-4.jpg differ
diff --git a/docs/index.html b/docs/index.html
index 374a835..5a668da 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -702,12 +702,11 @@
                                         <div class="screenshot-dot"></div>
                                         <div class="screenshot-dot"></div>
                                     </div>
-                                    <span class="screenshot-title">Editor View • Light Theme</span>
+                                    <span class="screenshot-title">Editor View • Main Interface</span>
                                 </div>
-                                <img src="screenshot.jpg" alt="NoteDiscovery Editor - Light Theme" loading="lazy">
+                                <img src="carousel-1.jpg" alt="NoteDiscovery Editor - Light Theme" loading="lazy">
                             </div>
                         </div>
-                        <!-- Slide 2: Dark Theme (TODO: replace with screenshot-dark.jpg when available) -->
                         <div class="carousel-slide">
                             <div class="screenshot-frame">
                                 <div class="screenshot-window-bar">
@@ -716,12 +715,11 @@
                                         <div class="screenshot-dot"></div>
                                         <div class="screenshot-dot"></div>
                                     </div>
-                                    <span class="screenshot-title">Editor View • Dark Theme</span>
+                                    <span class="screenshot-title">Editor View • Search Notes</span>
                                 </div>
-                                <img src="screenshot.jpg" alt="NoteDiscovery Editor - Dark Theme" loading="lazy">
+                                <img src="carousel-2.jpg" alt="NoteDiscovery Editor - Dark Theme" loading="lazy">
                             </div>
                         </div>
-                        <!-- Slide 3: Graph View (TODO: replace with screenshot-graph.jpg when available) -->
                         <div class="carousel-slide">
                             <div class="screenshot-frame">
                                 <div class="screenshot-window-bar">
@@ -732,10 +730,9 @@
                                     </div>
                                     <span class="screenshot-title">Graph View • Note Connections</span>
                                 </div>
-                                <img src="screenshot.jpg" alt="NoteDiscovery Graph View" loading="lazy">
+                                <img src="carousel-3.jpg" alt="NoteDiscovery Graph View" loading="lazy">
                             </div>
                         </div>
-                        <!-- Slide 4: Mobile View (TODO: replace with screenshot-mobile.jpg when available) -->
                         <div class="carousel-slide">
                             <div class="screenshot-frame">
                                 <div class="screenshot-window-bar">
@@ -744,9 +741,9 @@
                                         <div class="screenshot-dot"></div>
                                         <div class="screenshot-dot"></div>
                                     </div>
-                                    <span class="screenshot-title">Mobile Responsive</span>
+                                    <span class="screenshot-title">Frontmatter Metadata • Note Tag Search</span>
                                 </div>
-                                <img src="screenshot.jpg" alt="NoteDiscovery Mobile View" loading="lazy">
+                                <img src="carousel-4.jpg" alt="NoteDiscovery Mobile View" loading="lazy">
                             </div>
                         </div>
                     </div>