Skip to content

Commit 9c66ad2

Browse files
NursidNursid
committed
fix market place design
1 parent 0ee3688 commit 9c66ad2

File tree

5 files changed

+60
-42
lines changed

5 files changed

+60
-42
lines changed

‎components/index/aboutTwo.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,8 +53,7 @@ export default function AgentAboutTwo() {
5353

5454
<div className="mt-4">
5555
<Link
56-
href="https://codeboltai.web.app/registry"
57-
target="_blank"
56+
href="/agents"
5857
className="hover:text-amber-400 font-medium duration-500 inline-flex items-center"
5958
>
6059
Find Out More{" "}

‎components/index/aiAgents.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -73,11 +73,10 @@ export default function AiAgents() {
7373
</div>
7474
<div className="text-center mt-6">
7575
<Link
76-
href="https://codeboltai.web.app/"
77-
target="_blank"
76+
href="/agents"
7877
className="py-2 px-5 inline-block font-semibold tracking-wide border align-middle duration-500 text-base text-center bg-amber-400 hover:bg-amber-500 border-amber-400 hover:border-amber-500 text-white rounded-md"
7978
>
80-
Explore AI Agent Marketplace
79+
Explore Agents Marketplace
8180
</Link>
8281
</div>
8382
</div>

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
"postbuild": "next-sitemap"
1111
},
1212
"dependencies": {
13-
"next": "^14.2.3",
13+
"next": "^14.2.3",
1414
"next-sitemap": "^4.2.3",
1515
"react": "18.2.0",
1616
"react-dom": "18.2.0",

‎pages/agents/[agent].tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import Footer from '../../components/footer';
88
import Switcher from '../../components/switcher';
99
import ReactMarkdown from 'react-markdown';
1010
import {Agent} from '../../types/types';
11+
import { CiLink } from "react-icons/ci";
1112

1213
export async function getStaticPaths() {
1314
const res = await fetch('https://codeboltai.web.app/api/agents/list');
@@ -90,8 +91,9 @@ const AgentPage = ({agent}: {agent: Agent}) => {
9091
<div>
9192
<Link href="https://codeboltai.web.app/sign-up" target="_blank" className="py-[6px] px-4 inline-block items-center justify-center tracking-wider align-middle duration-500 text-sm text-center rounded bg-amber-400 hover:bg-amber-500 border border-amber-400 hover:border-amber-500 text-white font-semibold">
9293
<span className="inline-flex items-center">
93-
Download
94-
<FiDownload className="ml-2"/>
94+
View in Registry
95+
{/* <FiDownload className="ml-2"/> */}
96+
<CiLink className="h-4 w-4" />
9597
</span>
9698
</Link>
9799
</div>

‎pages/agents/index.tsx‎

Lines changed: 52 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ const AgentsPage = ({agents, additionalAgents}: {agents: Agent[], additionalAgen
4848

4949
</Head>
5050
<Navbar activePage="features"/>
51-
<section className="relative md:py-44 py-32 bg-no-repeat bg-bottom bg-cover" style={{backgroundImage:"url('/images/bg/bg-pages.jpg')"}}>
51+
{/* <section className="relative md:py-44 py-32 bg-no-repeat bg-bottom bg-cover" style={{backgroundImage:"url('/images/bg/bg-pages.jpg')"}}>
5252
<div className="absolute inset-0 bg-gradient-to-t from-slate-900 to-slate-900/70"></div>
5353
<div className="container relative">
5454
<div className="grid grid-cols-1 text-center mt-6">
@@ -74,8 +74,8 @@ const AgentsPage = ({agents, additionalAgents}: {agents: Agent[], additionalAgen
7474
</ul>
7575
</div>
7676
</div>
77-
</section>
78-
<div className="relative">
77+
</section> */}
78+
{/* <div className="relative">
7979
<div className="shape absolute sm:-bottom-px -bottom-[2px] start-0 end-0 overflow-hidden z-1 text-white dark:text-slate-900">
8080
<svg
8181
className="w-full h-auto scale-[2.0] origin-top"
@@ -89,47 +89,65 @@ const AgentsPage = ({agents, additionalAgents}: {agents: Agent[], additionalAgen
8989
></path>
9090
</svg>
9191
</div>
92-
</div>
93-
<div className='container mb-5'>
94-
<div className="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 mt-6 gap-6">
92+
</div> */}
93+
<div className="relative md:py-20 py-16">
94+
<div className="shape absolute sm:-bottom-px -bottom-[2px] start-0 end-0 overflow-hidden z-1 text-white dark:text-slate-900">
95+
<svg className="w-full h-auto scale-[2.0] origin-top" viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
96+
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
97+
</svg>
98+
</div>
99+
</div>
100+
101+
<div className='container mb-6'>
102+
<h2 className='text-lg font-bold'>Trending</h2>
103+
<p className='text-md text-slate-300'>Discover the most popular agents in the Marketplace </p>
104+
<div className="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-2 mt-6 gap-6">
95105
{agents.map((item, index) => {
96106
const config = genConfig(item.title);
97107
return (
98-
<Link
99-
href={`/agents/${item.slug}`}
100-
className="px-6 py-10 shadow hover:shadow-md dark:shadow-gray-800 dark:hover:shadow-gray-700 duration-500 rounded-lg bg-white dark:bg-slate-900 border-white border-[3px]"
101-
key={index}
102-
>
103-
<div className="w-14 h-14 rounded-full">
104-
<Avatar style={{ width: '3.5rem', height: '3.5rem' }} {...config} />
108+
<Link className="flex flex-col overflow-hidden bg-white dark:bg-slate-900" key={index} href={`/agents/${item.slug}`} >
109+
<div className="rounded-md">
110+
<Avatar style={{ width: '4.3rem', height: '4.2rem' }} {...config} />
105111
</div>
112+
<div className="py-5 px-3 pt-3">
113+
<h3 className="text-xl font-semibold">{item.title}</h3>
114+
<h3 className="text-xs" style={{
115+
overflow: "hidden",
116+
display: "-webkit-box",
117+
WebkitBoxOrient: "vertical",
118+
WebkitLineClamp: 2
119+
}}>{item.description}</h3>
120+
</div>
121+
</Link>
122+
);
123+
})}
124+
</div>
106125

107-
<div className="content mt-7">
108-
<div
109-
className="title h5 text-lg font-medium hover:text-amber-400 duration-500"
110-
>
111-
{item.title}
112-
</div>
113-
<p className="text-slate-400 mt-3">
114-
{item.description}
115-
</p>
116-
<div className="mt-6 w-full flex flex-wrap space-x-2 space-y-2">
117-
{item.tags.map((tag, index) => (
118-
<span
119-
key={index}
120-
className="rounded-full border text-amber-200 justify-center m-1 px-3 py-1"
121-
style={{ whiteSpace: 'nowrap', marginRight: "10px", marginTop: "10px"}}
122-
>
123-
{tag}
124-
</span>
125-
))}
126+
<h2 className='text-lg font-bold' style={{paddingTop: "64px"}}>Additional Agents <span className='text-sm font-semibold'>Comming Soon...</span> </h2>
127+
<p className='text-md text-slate-300'>Discover the most popular agents in the Marketplace </p>
128+
<div className="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-2 mt-6 gap-6">
129+
{agents.map((item, index) => {
130+
const config = genConfig(item.title);
131+
return (
132+
<div className="flex flex-col overflow-hidden bg-white dark:bg-slate-900" key={index}>
133+
<div className="rounded-md">
134+
<Avatar style={{ width: '4.3rem', height: '4.2rem' }} {...config} />
126135
</div>
136+
<div className="py-5 px-3 pt-3">
137+
<h3 className="text-xl font-semibold">{item.title}</h3>
138+
<h3 className="text-xs" style={{
139+
overflow: "hidden",
140+
display: "-webkit-box",
141+
WebkitBoxOrient: "vertical",
142+
WebkitLineClamp: 2
143+
}}>{item.description}</h3>
127144
</div>
128-
</Link>
145+
</div>
129146
);
130147
})}
131148
</div>
132-
</div>
149+
</div>
150+
133151
<Footer/>
134152
<Switcher />
135153
</>

0 commit comments

Comments
 (0)