add image

Author: Nursid

components/index/aboutTwo.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import Link from "next/link";
-import feature4 from "../../public/images/features4.jpg";
+import feature4 from "../../public/images/agents_icons.png";
 
 import { MdKeyboardArrowRight } from "../../assets/icons/vander";
 import Image from "next/image";
@@ -61,13 +61,13 @@ export default function AgentAboutTwo() {
               </Link>
             </div>
           </div>
-          <div className="relative overflow-hidden rounded-lg border border-amber-400/5 bg-gradient-to-tl to-amber-400/30  from-fuchsia-600/30 dark:to-amber-400/50 dark:from-fuchsia-600/50 ps-6 pt-6 lg:me-8">
+          <div className="relative overflow-hidden rounded-lg border border-amber-400/5 bg-gradient-to-tl to-amber-400/30  from-fuchsia-600/30 dark:to-amber-400/50 dark:from-fuchsia-600/50">
             <Image
             height={800}
             width={800}
-              src={feature4}
-              className="ltr:rounded-tl-lg rtl:rounded-tr-lg"
-              alt=""
+            src={feature4}
+            className="ltr:rounded-tl-lg rtl:rounded-tr-lg"
+            alt=""
             />
           </div>
         </div>

pages/agents/[agent].tsx

@@ -69,7 +69,7 @@ const AgentPage = ({agent}: {agent: Agent}) => {
 					</svg>
 				</div>
 			</div>
-			<section className="flex flex-col w-full">
+			<section className="flex flex-col w-full min-h-screen/3">
 				<div className='container'>
 					<div className='flex flex-row w-full justify-between'>
 						<div className='flex flex-col gap-6'>
@@ -93,7 +93,7 @@ const AgentPage = ({agent}: {agent: Agent}) => {
 								<span className="inline-flex items-center">
 									View in Registry
 									{/* <FiDownload className="ml-2"/> */}
-									<CiLink className="h-4 w-4" />
+									<CiLink className="h-4 w-4 " />
 								</span>
 							</Link>
 						</div>

pages/agents/index.tsx

@@ -126,7 +126,7 @@ const AgentsPage = ({agents, additionalAgents}: {agents: Agent[], additionalAgen
   <h2 className='text-lg font-bold' style={{paddingTop: "64px"}}>Additional Agents <span className='text-sm font-semibold'>Comming Soon...</span> </h2>
   <p className='text-md text-slate-300'>Discover the most popular agents in the Marketplace </p>
       <div className="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-2 mt-6 gap-6">
-    {agents.map((item, index) => {
+    {additionalAgents.map((item, index) => {
       const config = genConfig(item.title);
       return (
         <div className="flex flex-col overflow-hidden bg-white dark:bg-slate-900" key={index}>