update docs

Author: Ciphrox

docs/pages.md

@@ -12,48 +12,63 @@ This document describes the functionality and purpose of each page in the applic
 
 ### Blog Pages
 
-- **Index** (/pages/blog/index.astro): Lists all blog posts in a grid layout
-- **Blog Post** (/pages/blog/[slug].astro): Individual blog post template
-- **Blog Card** (/pages/blog/BlogCard.astro): Reusable component for blog previews
+- **Index** (/pages/blog/index.astro)
+  Lists all blog posts in a grid layout
+- **Blog Post** (/pages/blog/[slug].astro)
+  Individual blog post template
+- **Blog Card** (/pages/blog/BlogCard.astro)
+  Reusable component for blog previews
 
 ### Interactive Learning Pages
 
 #### Varnmala Page (/pages/varnmala.astro)
 
+![Varnmala page](../src/assets/screenshots/varnmala.png)
+
 - Displays Hindi and English alphabets
 - Uses Alphabet component to render letter lists
 - Includes help section explaining the concept
 
 #### Typing Page (/pages/typing.astro)
 
+![Typing practice page](../src/assets/screenshots/typing.png)
+
 - Interactive typing practice
 - Shows letters, emojis, and spelling animations
 - Responds to keyboard input (A-Z)
 - Includes visual feedback
 
 #### Reader Page (/pages/reader.astro)
 
+![Reader page](../src/assets/screenshots/reader.png)
+
 - Text-to-speech functionality
 - Multiple speaker options (Mudra, Rutvi)
 - Audio control for alphabet pronunciation
 - Emoji display with letters
 
 #### Panel Page (/pages/panel.astro)
 
+![3D Panel page](../src/assets/screenshots/panel.png)
+
 - 3D rotating letter panel
 - Arrow key navigation
 - Custom HTML element (letter-panel)
 - Interactive letter display
 
-#### Hindi Page (/pages/hindi.astro)
+#### English Page (/pages/hindi.astro)
+
+![English practice page](../src/assets/screenshots/english.png)
 
-- Hindi alphabet practice
+- English alphabet practice
 - Color-changing letter display
 - Keyboard interaction
 - Visual feedback
 
 #### Record Page (/pages/record.astro)
 
+![Audio recording page](../src/assets/screenshots/record.png)
+
 - Audio recording functionality
 - Visualization of audio input
 - Controls for record/pause/stop
@@ -68,8 +83,10 @@ This document describes the functionality and purpose of each page in the applic
 
 ### Legal Pages
 
-- **Terms** (/pages/terms.astro): Terms and conditions page
-- **Privacy** (/pages/privacy.astro): Privacy policy page
+- **Terms** (/pages/terms.astro)
+  Terms and conditions page
+- **Privacy** (/pages/privacy.astro)
+  Privacy policy page
 
 ## Common Features