diff --git a/docs/pages.md b/docs/pages.md
index 4bf4170..a0ca3d7 100644
--- a/docs/pages.md
+++ b/docs/pages.md
@@ -12,20 +12,27 @@ 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)
@@ -33,6 +40,8 @@ This document describes the functionality and purpose of each page in the applic
 
 #### 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
@@ -40,20 +49,26 @@ This document describes the functionality and purpose of each page in the applic
 
 #### 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
 
diff --git a/src/assets/screenshots/english.png b/src/assets/screenshots/english.png
new file mode 100644
index 0000000..b6cfa53
Binary files /dev/null and b/src/assets/screenshots/english.png differ
diff --git a/src/assets/screenshots/panel.png b/src/assets/screenshots/panel.png
new file mode 100644
index 0000000..09bd031
Binary files /dev/null and b/src/assets/screenshots/panel.png differ
diff --git a/src/assets/screenshots/reader.png b/src/assets/screenshots/reader.png
new file mode 100644
index 0000000..625f89a
Binary files /dev/null and b/src/assets/screenshots/reader.png differ
diff --git a/src/assets/screenshots/record.png b/src/assets/screenshots/record.png
new file mode 100644
index 0000000..d32c038
Binary files /dev/null and b/src/assets/screenshots/record.png differ
diff --git a/src/assets/screenshots/typing.png b/src/assets/screenshots/typing.png
new file mode 100644
index 0000000..304c95c
Binary files /dev/null and b/src/assets/screenshots/typing.png differ
diff --git a/src/assets/screenshots/varnmala.png b/src/assets/screenshots/varnmala.png
new file mode 100644
index 0000000..963c1ec
Binary files /dev/null and b/src/assets/screenshots/varnmala.png differ