diff --git a/readme.md b/readme.md
index 1952164..a277454 100644
--- a/readme.md
+++ b/readme.md
@@ -17,6 +17,7 @@
 
 - [Introduction](#introduction)
 - [Features](#features)
+- [Screenshots](#screenshots)
 - [Installation](#installation)
 - [Theme Customization](#theme-customization)
 - [Using JSON Server for Local Development](#using-json-server-for-local-development)
@@ -37,6 +38,30 @@ This boilerplate project provides a foundation to build a React web application
 - **JSON Server**: Mock backend API for local development.
 - **Optimized Builds**: Single-file output using Vite for seamless Google Apps Script deployment.
 
+## Screenshots
+
+Here are some screenshots demonstrating the application in action:
+
+### Homepage and About
+
+<div style="display: flex; justify-content: space-around;">
+  <img src="screenshots/1.png" alt="Homepage" width="45%">
+  <img src="screenshots/2.png" alt="Dashboard" width="45%">
+</div>
+
+
+### Various Themes
+
+<div style="display: flex; justify-content: space-around;">
+  <img src="screenshots/3.png" alt="Settings Page" width="45%">
+  <img src="screenshots/4.png" alt="Theme 1" width="45%">
+</div>
+<div style="display: flex; justify-content: space-around;">
+  <img src="screenshots/5.png" alt="Theme 2" width="30%">
+  <img src="screenshots/6.png" alt="Theme 3" width="30%">
+  <img src="screenshots/7.png" alt="Theme 3" width="30%">
+</div>
+
 ## Installation
 
 ### Prerequisites
diff --git a/screenshots/1.png b/screenshots/1.png
new file mode 100644
index 0000000..88edefc
Binary files /dev/null and b/screenshots/1.png differ
diff --git a/screenshots/2.png b/screenshots/2.png
new file mode 100644
index 0000000..95512a6
Binary files /dev/null and b/screenshots/2.png differ
diff --git a/screenshots/3.png b/screenshots/3.png
new file mode 100644
index 0000000..bb54410
Binary files /dev/null and b/screenshots/3.png differ
diff --git a/screenshots/4.png b/screenshots/4.png
new file mode 100644
index 0000000..8c2dde2
Binary files /dev/null and b/screenshots/4.png differ
diff --git a/screenshots/5.png b/screenshots/5.png
new file mode 100644
index 0000000..0c737ed
Binary files /dev/null and b/screenshots/5.png differ
diff --git a/screenshots/6.png b/screenshots/6.png
new file mode 100644
index 0000000..9b0321e
Binary files /dev/null and b/screenshots/6.png differ
diff --git a/screenshots/7.png b/screenshots/7.png
new file mode 100644
index 0000000..66b1434
Binary files /dev/null and b/screenshots/7.png differ