diff --git a/components/achievements/infiniteSlider.jsx b/components/achievements/infiniteSlider.jsx
index ecd753a..a480715 100644
--- a/components/achievements/infiniteSlider.jsx
+++ b/components/achievements/infiniteSlider.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import Image from "next/image";
 import { useState, useEffect } from "react";
 import Slider from 'react-infinite-logo-slider'
 
@@ -18,10 +19,12 @@ const InfiniteSlider = ({ data, direction }) => {
           {data.map((company, index) => (
             <div className="flex justify-center items-center" key={index}>
               <Slider.Slide className="">
-                <img
+                <Image
                   src={company.img_path}
                   alt={company.alt}
                   className="md:w-44 md:h-44"
+                  width={44}
+                  height={44}
                 />
               </Slider.Slide>
             </div>
diff --git a/components/contact/ContactDetails.jsx b/components/contact/ContactDetails.jsx
index f29e035..e2e0cd0 100644
--- a/components/contact/ContactDetails.jsx
+++ b/components/contact/ContactDetails.jsx
@@ -44,7 +44,7 @@ const ContactDetails = () => {
                     initial="initial"
                     whileInView="animate"
                     viewport={{ once: true }}>
-                    <img src={data.contact.img} width={155}
+                    <Image src={data.contact.img} width={155}
                         height={155}
                         alt="white bulb" />
                 </motion.div>
diff --git a/components/gallery/slider.jsx b/components/gallery/slider.jsx
index c965f9b..9de6cbd 100644
--- a/components/gallery/slider.jsx
+++ b/components/gallery/slider.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import Image from "next/image";
 import Carousel from "react-multi-carousel";
 import "react-multi-carousel/lib/styles.css";
 import "./styles.css";
@@ -38,7 +39,7 @@ const Slider = ({ sliderImageUrl, showDescription }) => {
                 {sliderImageUrl.map((imageUrl, index) => {
                     return (
                         <div className="slider group" key={index}>
-                            <img src={imageUrl.url} Transition={Blur} loading="lazy"/>
+                            <Image src={imageUrl.url} Transition={Blur} loading="lazy" width={64} height={64}/>
                             {showDescription && ( 
                             <div className="absolute rounded-b-[0.6rem] inset-x-0 bottom-8 bg-black bg-opacity-80 py-2 px-4 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300">
                                 <p className="text-center">{imageUrl.description}</p>
diff --git a/components/team/memberCard.jsx b/components/team/memberCard.jsx
index 5d98c54..e9bb333 100644
--- a/components/team/memberCard.jsx
+++ b/components/team/memberCard.jsx
@@ -16,7 +16,7 @@ const memberCard = ({
           <Image
             src={imgPath}
             width={250}
-            height ={250}
+            height={250}
             className="h-full w-full md:rounded-3xl rounded-[2rem]"
           />
         </div>
@@ -24,27 +24,39 @@ const memberCard = ({
           <h1 className="md:text-2xl text-xs font-bold">{name}</h1>
           <p className="md:text-lg text-xs">{title}</p>
           <div className="flex justify-center lg:mt-10 md:mt-5 mt-1">
-            {githubLink ? <a href={githubLink} target="_blank" rel="noreferrer">
-              <img
-                src="assets/icons/socials/Vector-3.svg"
-                alt="github"
-                className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
-              />
-            </a> :null}
-            {twitterLink ? <a href={twitterLink} target="_blank" rel="noreferrer">
-              <img
-                src="assets/icons/socials/Vector-2.svg"
-                alt="twitter"
-                className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
-              />
-            </a> :null}
-            {linkedinLink ? <a href={linkedinLink} target="_blank" rel="noreferrer">
-              <img
-                src="assets/icons/socials/Vector-4.svg"
-                alt="linkedin"
-                className="llg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
-              />
-            </a> :null}
+            {githubLink ? (
+              <a href={githubLink} target="_blank" rel="noreferrer">
+                <Image
+                  src="assets/icons/socials/Vector-3.svg"
+                  alt="github"
+                  className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
+                  width={250}
+                  height={250}
+                />
+              </a>
+            ) : null}
+            {twitterLink ? (
+              <a href={twitterLink} target="_blank" rel="noreferrer">
+                <Image
+                  src="assets/icons/socials/Vector-2.svg"
+                  alt="twitter"
+                  className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
+                  width={250}
+                  height={250}
+                />
+              </a>
+            ) : null}
+            {linkedinLink ? (
+              <a href={linkedinLink} target="_blank" rel="noreferrer">
+                <Image
+                  src="assets/icons/socials/Vector-4.svg"
+                  alt="linkedin"
+                  className="lg:w-8 md:w-6 w-3 lg:h-8 md:h-6 h-3 mx-2"
+                  width={250}
+                  height={250}
+                />
+              </a>
+            ) : null}
           </div>
         </div>
       </div>
diff --git a/components/team/membersAndAlumni.jsx b/components/team/membersAndAlumni.jsx
index 885f790..12f7ba5 100644
--- a/components/team/membersAndAlumni.jsx
+++ b/components/team/membersAndAlumni.jsx
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
 import Title from "@/components/ui/title";
 import MemberCard from "@/components/team/memberCard";
 import data from "@/content/team.json";
+import Image from "next/image";
 import members from "@/content/members.json";
 import alumni from "@/content/alumni.json";
 import { motion } from "framer-motion";
@@ -76,8 +77,11 @@ const MembersAndAlumni = ({ contentFor }) => {
       >
         <div className="flex justify-center flex-col items-center">
           {showAllMembers ? "See less" : "See more"}
-          <img
+          <Image
             src="/assets/icons/seeMore2.png"
+            alt="see more"
+            width={40}
+            height={40}
             className={`w-10 h-10 my-5 ${
               showAllMembers ? "transform rotate-180" : ""
             }`}
diff --git a/components/team/teamHero.jsx b/components/team/teamHero.jsx
index 63bb689..381487c 100644
--- a/components/team/teamHero.jsx
+++ b/components/team/teamHero.jsx
@@ -1,5 +1,6 @@
 import React from "react";
 import data from "@/content/team.json";
+import Image from "next/image";
 import {motion} from 'framer-motion'
 const teamHero = () => {
   const team1Varients={
@@ -20,8 +21,9 @@ const teamHero = () => {
         initial="initial"
         whileInView="animate"
         viewport={{once:true}}>
-          <img src={data.hero.img}
+          <Image src={data.hero.img}
           className="sm:w-[35rem] max-sm:w-[23rem] max-md:mx-5 sm:h-95"
+          width={640} height={400}
             alt="team" />
           <h1 className="md:text-[31px] text-center text-3xl mt-5">{data.hero.title}</h1>
           <p className="mt-3 text-[1.1rem] text-center">