changes

Author: faisal004

data/data.ts

@@ -181,7 +181,7 @@ export const additionalAgents:Agent[] = [
 		}, {
 			"longDescription": "Pandas Agent facilitates data manipulation and analysis using the powerful pandas library in Python. It enables efficient handling of large datasets, providing tools for data cleaning, transformation, and analysis.",
 			"createdByUser": "dataScientist01",
-			"avatarSrc": "/images/avatars/pandas_agent.jpeg",
+			"avatarSrc": "/images/avatars/pandas_agent.png",
 			"action": [
 				{
 					"detailDescription": "Cleans data by handling missing values, duplicates, and data type conversions.",
@@ -246,7 +246,7 @@ export const additionalAgents:Agent[] = [
 		{
 			"longDescription": "Codium AI Agent aids in the development and deployment of AI models within coding environments. It integrates seamlessly with popular coding platforms to enhance AI-driven functionalities.",
 			"createdByUser": "devTeam",
-			"avatarSrc": "/images/avatars/codium_ai.jpeg",
+			"avatarSrc": "/images/avatars/codium.png",
 			"action": [
 				{
 					"detailDescription": "Generates AI models based on user-provided datasets and parameters.",
@@ -335,7 +335,7 @@ export const additionalAgents:Agent[] = [
 		}, {
 			"longDescription": "SAP Assistant Agent aids in automating routine tasks within SAP environments. It helps streamline workflows, automate repetitive tasks, and enhance productivity by integrating seamlessly with SAP systems.",
 			"createdByUser": "adminUser",
-			"avatarSrc": "/images/avatars/SAP.jpeg",
+			"avatarSrc": "/images/avatars/SAP.png",
 			"action": [
 				{
 					"detailDescription": "Automates data entry processes in SAP modules such as finance, HR, and logistics.",

pages/agents/index.tsx

@@ -109,6 +109,7 @@ const AgentsPage = ({agents, additionalAgents}: {agents: Agent[], additionalAgen
         <Link className="flex flex-col overflow-hidden bg-white dark:bg-slate-900" key={index} href={`/agents/${item.slug}`} >
           <div className="rounded-md">
             <Avatar style={{ width: '4.3rem', height: '4.2rem' }} {...config} />
+
           </div>
           <div className="py-5 px-3 pt-3">
               <h3 className="text-xl font-semibold">{item.title}</h3>
@@ -131,11 +132,12 @@ const AgentsPage = ({agents, additionalAgents}: {agents: Agent[], additionalAgen
       const config = genConfig(item.title);
       return (
         <div className="flex flex-col overflow-hidden bg-white dark:bg-slate-900" key={index}>
-          <div className="rounded-md">
-            <Avatar style={{ width: '4.3rem', height: '4.2rem' }} {...config} />
-            {/* <Image width={64} height={64} src={item.avatarSrc} /> */}
+          <div className="rounded-md "  style={{ "width":"80px","height":"80px" ,"display":"flex","alignItems":"center","justifyContent":"center" }}>
+           
+            {/* <Avatar style={{ width: '4.3rem', height: '4.2rem' }} {...config} /> */}
+            <Image width={80} height={80} src={item.avatarSrc} alt='Logo'   />
           </div>
-          <div className="py-5 px-3 pt-3">
+          <div className="py-5 px-3 pt-3 " style={{  "width": "70%"}}>
               <h3 className="text-xl font-semibold">{item.title}</h3>
               <h3 className="text-xs" style={{ 
                 overflow: "hidden",