Skip to content

Commit c1761e9

Browse files
DouglasymlaiDouglasymlai
authored
Merge pull request #17 from camel-ai/community-server
bugfix image path
2 parents 35917f9 + be73572 commit c1761e9

File tree

7 files changed

+35
-27
lines changed

7 files changed

+35
-27
lines changed

‎app/layout.tsx

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import type { Metadata } from "next";
1+
import type { Metadata, Viewport } from "next";
22
import { Geist, Geist_Mono } from "next/font/google";
33
import "./globals.css";
44

@@ -12,7 +12,14 @@ const geistMono = Geist_Mono({
1212
subsets: ["latin"],
1313
});
1414

15+
export const viewport: Viewport = {
16+
width: "device-width",
17+
initialScale: 1,
18+
maximumScale: 1,
19+
}
20+
1521
export const metadata: Metadata = {
22+
metadataBase: new URL('https://mcp.camel-ai.org'),
1623
title: {
1724
default: "CAMEL-AI MCP Hub – Official MCP Servers & Integrations",
1825
template: "%s | CAMEL-AI MCP Hub"
@@ -29,19 +36,14 @@ export const metadata: Metadata = {
2936
},
3037
icons: {
3138
icon: [
32-
{ url: '/favicon.ico', sizes: '32x32' },
33-
{ url: '/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
34-
{ url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' }
39+
{ url: 'https://camel-ai.github.io/camel_asset/mcp/favicon.ico', sizes: '32x32' },
40+
{ url: 'https://camel-ai.github.io/camel_asset/mcp/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
41+
{ url: 'https://camel-ai.github.io/camel_asset/mcp/favicon-32x32.png', sizes: '32x32', type: 'image/png' }
3542
],
3643
apple: [
37-
{ url: '/apple-icon.png', sizes: '180x180', type: 'image/png' }
44+
{ url: 'https://camel-ai.github.io/camel_asset/mcp/apple-icon.png', sizes: '180x180', type: 'image/png' }
3845
],
39-
shortcut: '/favicon.ico'
40-
},
41-
viewport: {
42-
width: "device-width",
43-
initialScale: 1,
44-
maximumScale: 1,
46+
shortcut: 'https://camel-ai.github.io/camel_asset/mcp/favicon.ico'
4547
},
4648
robots: {
4749
index: true,
@@ -62,7 +64,7 @@ export const metadata: Metadata = {
6264
creator: "@CamelAIOrg",
6365
images: [
6466
{
65-
url: "/twitter-card.png",
67+
url: "https://camel-ai.github.io/camel_asset/mcp/twitter-card.png",
6668
width: 1200,
6769
height: 628,
6870
alt: "CAMEL-AI MCP Hub - Official MCP Servers & Integrations"

‎app/metadata.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export const homeMetadata: Metadata = {
88
description: "Explore CamelAI's MCP Hub: your directory of official MCP (Model Context Protocol) servers and integrations designed to supercharge AI agents and multi-agent workflows.",
99
images: [
1010
{
11-
url: "/og-image.jpg",
11+
url: "https://camel-ai.github.io/camel_asset/mcp/og-image.jpg",
1212
width: 1200,
1313
height: 630,
1414
alt: "CamelAI MCP Hub - Official MCP Servers & Integrations",

‎app/page.tsx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -105,15 +105,15 @@ function Modal({ server, onClose }: ModalProps) {
105105
<ShieldCheck className="w-6 h-6 text-[#4215cc] flex-shrink-0" />
106106
) : server.source === 'camel' ? (
107107
<Image
108-
src="/camel-icon.svg"
108+
src="https://camel-ai.github.io/camel_asset/mcp/camel-icon.svg"
109109
alt="Camel"
110110
width={24}
111111
height={24}
112112
className="flex-shrink-0"
113113
/>
114114
) : (
115115
<Image
116-
src="/anthropic.svg"
116+
src="https://camel-ai.github.io/camel_asset/mcp/anthropic.svg"
117117
alt="Anthropic"
118118
width={24}
119119
height={24}
@@ -232,7 +232,7 @@ function HomeContent() {
232232
onClick={() => handleFilterChange('camel')}
233233
className={`px-4 py-2 text-sm font-bold rounded-md transition-colors flex items-center gap-1.5 cursor-pointer ${filter === 'camel' ? 'bg-card shadow-sm' : 'hover:bg-background/50'}`}
234234
>
235-
<Image src="/camel-icon.svg" alt="Camel" width={16} height={16} />
235+
<Image src="https://camel-ai.github.io/camel_asset/mcp/camel-icon.svg" alt="Camel" width={16} height={16} />
236236
CAMEL
237237
</button>
238238
<button
@@ -246,14 +246,14 @@ function HomeContent() {
246246
onClick={() => handleFilterChange('anthropic')}
247247
className={`px-4 py-2 text-sm font-bold rounded-md transition-colors flex items-center gap-1.5 cursor-pointer ${filter === 'anthropic' ? 'bg-card shadow-sm' : 'hover:bg-background/50'}`}
248248
>
249-
<Image src="/anthropic.svg" alt="Anthropic" width={16} height={16} />
249+
<Image src="https://camel-ai.github.io/camel_asset/mcp/anthropic.svg" alt="Anthropic" width={16} height={16} />
250250
Anthropic
251251
</button>
252252
<button
253253
onClick={() => handleFilterChange('community')}
254254
className={`px-4 py-2 text-sm font-bold rounded-md transition-colors flex items-center gap-1.5 cursor-pointer ${filter === 'community' ? 'bg-card shadow-sm' : 'hover:bg-background/50'}`}
255255
>
256-
<Image src="/community.svg" alt="Community" width={16} height={16} />
256+
<Image src="https://camel-ai.github.io/camel_asset/mcp/community.svg" alt="Community" width={16} height={16} />
257257
Community
258258
</button>
259259
</div>
@@ -271,23 +271,23 @@ function HomeContent() {
271271
<ShieldCheck className="w-6 h-6 text-primary flex-shrink-0" />
272272
) : server.source === 'camel' ? (
273273
<Image
274-
src="/camel-icon.svg"
274+
src="https://camel-ai.github.io/camel_asset/mcp/camel-icon.svg"
275275
alt="Camel"
276276
width={24}
277277
height={24}
278278
className="flex-shrink-0"
279279
/>
280280
) : server.source === 'community' ? (
281281
<Image
282-
src="/community.svg"
282+
src="https://camel-ai.github.io/camel_asset/mcp/community.svg"
283283
alt="Community"
284284
width={24}
285285
height={24}
286286
className="flex-shrink-0"
287287
/>
288288
) : (
289289
<Image
290-
src="/anthropic.svg"
290+
src="https://camel-ai.github.io/camel_asset/mcp/anthropic.svg"
291291
alt="Anthropic"
292292
width={24}
293293
height={24}

‎app/sitemap.ts

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,12 @@ export default function sitemap(): MetadataRoute.Sitemap {
7272
lastModified: currentDate,
7373
changeFrequency: 'weekly',
7474
priority: 0.7,
75+
},
76+
{
77+
url: `${baseUrl}/?filter=community`,
78+
lastModified: currentDate,
79+
changeFrequency: 'weekly',
80+
priority: 0.7,
7581
}
7682
);
7783

‎components/footer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ export function Footer() {
2020
<div className="col-span-1 md:col-span-2 space-y-4 gap-4 text-center md:text-left">
2121
<div className="flex items-center justify-center md:justify-start gap-2">
2222
<Image
23-
src="/logo.svg"
23+
src="https://camel-ai.github.io/camel_asset/logo/camel_logo.svg"
2424
alt="CAMEL AI Logo"
2525
width={0}
2626
height={40}

‎components/nav.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export function Nav() {
2323
<nav className="fixed top-0 left-0 right-0 h-18 z-50 flex justify-between items-center px-8 py-4 bg-background/80 backdrop-blur-sm">
2424
<a href="https://github.com/camel-ai/camel" target="_blank" rel="noopener noreferrer">
2525
<Image
26-
src="/logo.svg"
26+
src="https://camel-ai.github.io/camel_asset/logo/camel_logo.svg"
2727
alt="CAMEL AI Logo"
2828
width={140}
2929
height={36}
@@ -33,7 +33,7 @@ export function Nav() {
3333
<div className="flex flex-row items-center gap-6">
3434
<Button
3535
variant="link"
36-
className="hidden md:flex flex-row items-center gap-2 font-bold text-primary"
36+
className="hidden md:hidden flex-row items-center gap-2 font-bold text-primary"
3737
onClick={() => window.open('https://github.com/camel-ai/camel', '_blank')}
3838
>
3939
CAMEL GitHub 🌟: {stars.toLocaleString()}

‎components/swipe.card.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,21 +13,21 @@ interface BlogCardData {
1313
const blogCards: BlogCardData[] = [
1414
{
1515
id: 1,
16-
src: "/camel-ai-agent-mcp-integration.png",
16+
src: "https://camel-ai.github.io/camel_asset/mcp/camel-ai-agent-mcp-integration.png",
1717
title: "How to Connect Your CAMEL-AI Agent to External Tools via MCP",
1818
description: "Seamlessly integrate databases, APIs, and web services into your CAMEL-AI agents using the Model Context Protocol.",
1919
link: "https://www.camel-ai.org/blogs/camel-ai-agent-mcp-integration",
2020
},
2121
{
2222
id: 2,
23-
src: "/connect-your-owl-agent-to-notion-via-the-mcp-server.png",
23+
src: "https://camel-ai.github.io/camel_asset/mcp/connect-your-owl-agent-to-notion-via-the-mcp-server.png",
2424
title: "How to Connect Your OWL Agent to Notion via the MCP Server",
2525
description: "Empower your CAMEL-AI OWL agent to interact with Notion using the MCP server.",
2626
link: "https://www.camel-ai.org/blogs/connect-your-owl-agent-to-notion-via-the-mcp-server",
2727
},
2828
{
2929
id: 3,
30-
src: "/camel-mcp-servers-model-context-protocol-ai-agents.png",
30+
src: "https://camel-ai.github.io/camel_asset/mcp/camel-mcp-servers-model-context-protocol-ai-agents.png",
3131
title: "CAMEL x MCP: Making AI Agents Accessible to All Tools",
3232
description: "A lightweight server that exports Camel framework toolkits as MCP-compatible tools.",
3333
link: "https://www.camel-ai.org/blogs/camel-mcp-servers-model-context-protocol-ai-agents",

0 commit comments

Comments
 (0)