diff --git a/public/images/badge.png b/public/images/badge.png
new file mode 100644
index 0000000..983f32e
Binary files /dev/null and b/public/images/badge.png differ
diff --git a/public/images/boost.png b/public/images/boost.png
new file mode 100644
index 0000000..687ba1d
Binary files /dev/null and b/public/images/boost.png differ
diff --git a/public/images/career.png b/public/images/career.png
new file mode 100644
index 0000000..b26e9e8
Binary files /dev/null and b/public/images/career.png differ
diff --git a/public/images/connectpeers.png b/public/images/connectpeers.png
new file mode 100644
index 0000000..86df63d
Binary files /dev/null and b/public/images/connectpeers.png differ
diff --git a/public/images/exploreproj.png b/public/images/exploreproj.png
new file mode 100644
index 0000000..cabb475
Binary files /dev/null and b/public/images/exploreproj.png differ
diff --git a/public/images/follow.jpeg b/public/images/follow.jpeg
new file mode 100644
index 0000000..58889ee
Binary files /dev/null and b/public/images/follow.jpeg differ
diff --git a/public/images/plagiarism.png b/public/images/plagiarism.png
new file mode 100644
index 0000000..3f4d2c8
Binary files /dev/null and b/public/images/plagiarism.png differ
diff --git a/public/index.html b/public/index.html
index afe9c23..d235ee8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -209,55 +209,49 @@ <h3>Explore Top Papers</h3>
         <h3>Top Services</h3>
         <div class="all-boxes">
             <div class="box show hidden">
-                <h3>Plagiarism checker</h3>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores mollitia dolor eveniet quos enim!
-                    Labore recusandae nihil, blanditiis officia cumque ullam odit, quo autem quos facilis, aspernatur
-                    minima
-                    mollitia possimus.</p>
+                <h3>Plagiarism Checker</h3>
+                <img src="images/plagiarism.png" alt="Plagiarism Checker Icon" style="width:150; height: 150px; border-radius: 15px; border: 2px solid #ccc;">
+                <p>
+                    Ensure your content is original with our advanced plagiarism detection tool, and receive detailed reports to uphold integrity in your writing.
+                </p>
             </div>
             <div class="box show hidden">
                 <h3>Explore Project</h3>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum animi nulla dolorum, non quibusdam
-                    tenetur saepe cumque cum vero ipsa explicabo tempore voluptatum voluptatibus rerum ad quas
-                    asperiores
-                    exercitationem debitis.</p>
+                <img src="images/exploreproj.png" alt="project" style="width:150; height: 150px; border-radius: 15px; border: 2px solid #ccc;">
+                <p>Experience seamless research collaboration as students, stakeholders, and faculty connect easily.
+                  Turn submissions into impactful evaluations with a few clicks!
+                </p>
             </div>
             <div class="box show hidden">
                 <h3>Connect with peers</h3>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum animi nulla dolorum, non quibusdam
-                    tenetur saepe cumque cum vero ipsa explicabo tempore voluptatum voluptatibus rerum ad quas
-                    asperiores
-                    exercitationem debitis.</p>
+                <img src="images/connectpeers.png" alt="connect peers" style="width:150; height: 150px; border-radius: 15px; border: 2px solid #ccc;">
+                <p>Expand your network connect with like-minded peers,exchanging ideas and build a foundation for collaborative research success.</p>
             </div>
             <div class="box show hidden">
                 <h3>Follow Groups</h3>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum animi nulla dolorum, non quibusdam
-                    tenetur saepe cumque cum vero ipsa explicabo tempore voluptatum voluptatibus rerum ad quas
-                    asperiores
-                    exercitationem debitis.</p>
+                <img src="images/follow.jpeg" alt="follow group" style="width:200; height: 150px; border-radius: 15px; border: 2px solid #ccc;">
+                <p>Stay in the loop with your favorite research groups follow, engage, and collaborate on the topics that matter most.</p>
             </div>
             <div class="box show hidden">
                 <h3>Boost Level</h3>
-                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illum animi nulla dolorum, non quibusdam
-                    tenetur saepe cumque cum vero ipsa explicabo tempore voluptatum voluptatibus rerum ad quas
-                    asperiores
-                    exercitationem debitis.</p>
+                <img src="images/boost.png" alt="boost" style="width:150; height: 150px; border-radius: 15px; border: 2px solid #ccc;">
+                <p>Amplify your academic reach—boost your growth with a network that supports and inspires 
+                    with powerful partnerships, transforming ideas into impactful research outcomes.
+                </p>
             </div>
             <div class="box show hidden">
                 <h3>Redeem Badges</h3>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta laborum, sequi culpa, harum delectus
-                    nobis
-                    distinctio quae ratione nesciunt tempore suscipit qui repellendus, sit itaque molestiae nostrum?
-                    Esse,
-                    vel in!</p>
+                <img src="images/badge.png" alt="badges" style="width:150; height: 150px; border-radius: 15px; border: 2px solid #ccc;">
+                <p>Showcase your achievements redeem badges that celebrate your milestones,recognizing your dedication and success at every step
+                    and expertise in the research community.
+                    
+                </p>
             </div>
             <div class="box show hidden">
                 <h3>Career Opportunities</h3>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta laborum, sequi culpa, harum delectus
-                    nobis
-                    distinctio quae ratione nesciunt tempore suscipit qui repellendus, sit itaque molestiae nostrum?
-                    Esse,
-                    vel in!</p>
+                <img src="images/career.png" alt="career" style="width:150; height: 150px; border-radius: 15px; border: 2px solid #ccc;">
+                <p>Turn your academic achievements into career opportunities, opening doors to roles that match your expertise and aspirations.
+                    </p>
             </div>
         </div>
     </section>