diff --git a/public/assets/images/hero-one.webp b/public/assets/images/hero-one.webp
new file mode 100644
index 0000000..99b15d0
Binary files /dev/null and b/public/assets/images/hero-one.webp differ
diff --git a/public/assets/images/hero-two.webp b/public/assets/images/hero-two.webp
new file mode 100644
index 0000000..35b4bb6
Binary files /dev/null and b/public/assets/images/hero-two.webp differ
diff --git a/public/assets/images/how.webp b/public/assets/images/how.webp
new file mode 100644
index 0000000..29f2edf
Binary files /dev/null and b/public/assets/images/how.webp differ
diff --git a/public/assets/images/members/manan-nag.jpeg b/public/assets/images/members/manan-nag.jpeg
new file mode 100644
index 0000000..b7c8378
Binary files /dev/null and b/public/assets/images/members/manan-nag.jpeg differ
diff --git a/public/assets/images/what.webp b/public/assets/images/what.webp
new file mode 100644
index 0000000..50b325b
Binary files /dev/null and b/public/assets/images/what.webp differ
diff --git a/public/assets/images/why.webp b/public/assets/images/why.webp
new file mode 100644
index 0000000..bac5919
Binary files /dev/null and b/public/assets/images/why.webp differ
diff --git a/public/data/about.json b/public/data/about.json
index ac7fd40..e157c59 100644
--- a/public/data/about.json
+++ b/public/data/about.json
@@ -1,19 +1,19 @@
 [
   {
     "id": 1,
-    "image": "assets/images/what.svg",
+    "image": "assets/images/what.webp",
     "title": "What?",
     "description": "We are ALiAS (Amity Linux Assistance Sapience), a passionate coding club dedicated to the exploration and promotion of Linux and open-source technologies."
   },
   {
     "id": 2,
-    "image": "assets/images/why.svg",
+    "image": "assets/images/why.webp",
     "title": "Why?",
     "description": "We exist to inspire, educate, and collaborate with students who share our enthusiasm for open-source software and to create a thriving community of tech enthusiasts."
   },
   {
     "id": 3,
-    "image": "assets/images/how.svg",
+    "image": "assets/images/how.webp",
     "title": "How?",
     "description": "We reach our goals through workshops, hackathons, open-source contributions, and a focus on skill development, all in a supportive learning community."
   }
diff --git a/src/components/Hero/Hero.jsx b/src/components/Hero/Hero.jsx
index f17f44c..b9294e0 100644
--- a/src/components/Hero/Hero.jsx
+++ b/src/components/Hero/Hero.jsx
@@ -19,7 +19,7 @@ const Hero = () => {
         </p>
         <div className={styles.hero__interactive}>
           <img
-            src="assets/images/hero-one.png"
+            src="assets/images/hero-one.webp"
             alt="hero"
             className={styles.hero__one_image}
           />
@@ -31,7 +31,7 @@ const Hero = () => {
             </button>
           </div>
           <img
-            src="assets/images/hero-two.png"
+            src="assets/images/hero-two.webp"
             alt="hero"
             className={styles.hero__two_image}
           />