docs: add screenshots and feature preview to README

README.md

@@ -19,6 +19,39 @@ It combines education, gamification, and progress tracking to create a fun and e
 
 ---
 
+## 📸 Screenshots
+
+<table>
+    <tr>
+        <td align="center" width="50%">
+            <img src="assets/screenshots/image.png" alt="Home Page screenshot" />
+            <br /><strong>Home Page</strong><br />Landing view that introduces Ignitera and its core learning features.
+        </td>
+        <td align="center" width="50%">
+            <img src="assets/screenshots/student-dashboard.png" alt="Student Dashboard screenshot" />
+            <br /><strong>Student Dashboard</strong><br />Student workspace for quick actions, notes, and daily motivation.
+        </td>
+    </tr>
+    <tr>
+        <td align="center" width="50%">
+            <img src="assets/screenshots/teacher-dashboard.png" alt="Teacher Dashboard screenshot" />
+            <br /><strong>Teacher Dashboard</strong><br />Teacher view for managing courses, progress, quizzes, and class notes.
+        </td>
+        <td align="center" width="50%">
+            <img src="assets/screenshots/quiz-game-page.png" alt="Quiz/Game Page screenshot" />
+            <br /><strong>Quiz/Game Page</strong><br />Game hub with interactive learning challenges that award XP.
+        </td>
+    </tr>
+    <tr>
+        <td align="center" width="50%" colspan="2">
+            <img src="assets/screenshots/leaderboard-page.png" alt="Leaderboard Page screenshot" />
+            <br /><strong>Leaderboard Page</strong><br />Competitive rankings that highlight top performers and achievements.
+        </td>
+    </tr>
+</table>
+
+---
+
 ## 🏗️ Folder Structure
 
 ```bash
@@ -57,6 +90,12 @@ Ignitera/
 │
 └── assets/
     ├── depositphotos_666884960-stock-illustration-default-anonymous-user-portrait-icon.jpg
+    ├── screenshots/
+    │   ├── home-page.png
+    │   ├── student-dashboard.png
+    │   ├── teacher-dashboard.png
+    │   ├── quiz-game-page.png
+    │   └── leaderboard-page.png
     └── other images or icons
 ```
 ## ⚙️ Technologies Used